@charset "utf-8";
/*
BPG_LAYOUT.CSS
Screen layout
*/

#wrapper {
	min-width: 936px;
	max-width: 1148px;
	margin: 0 auto;
}

.content {
	width: 936px;
	margin: 0 auto;
	clear: both;
}

#header {
	height: 110px;
}

#nav {
	left: 50%;
	margin-left: -468px;
	height: 41px;
}

.inplace {
	position: absolute;
	top: 108px;
}

.floating {
	position: fixed;
	top: 0;
}

#main {
	min-height: 600px;
	padding-top: 41px;
	padding-bottom: 25px;
}

#left {
	float: left;
	width: 635px;
}

#sidebar {
	float: right;
	width: 300px;
}

#main .column {
	width: 49%;
	margin-bottom: 15px;
}

#main .left {
	float: left;
}

#main .right {
	float: right;
}

#footer {
	height: 88px;
}

#thumbnail {
	display: none;
	position: absolute;
	width: 342px;
	padding-bottom: 40px;
}

#thumbnail h3 {
	padding: 10px 15px 0;
}

#thumbnail img {
	width: 315px;
	min-height: 25px;
	padding: 5px 13px 0;
}


/* Elements */
#main h2 {
	margin: 0 25px 5px;
	padding-top: 15px;
}

#main h3 {
	margin: 30px 25px 0;
}

#main h3+p, #main h4+ol, #main h4+ul {
	margin-top: 5px;
}

#main .column h3 {
	margin-top: 25px;
}

#main h4 {
	margin: 35px 25px 0;
}

#main p {
	margin: 0 25px;
}

#main ol, #main ul {
	margin: 0 25px 0 42px;
}

#main h3+h4, #main h3+ul {
	margin-top: 15px;
}

#main p+p, #main blockquote+p, #main ul+p {
	margin-top: 1.5em;
}


/* Results */
#main p.count {
	margin-top: 3em;
}

#main ul.results {
	margin: 1em 10px;
}


/* Product results */
#main ul.products li {
	padding: 0 15px;
}

#main span.item {
	display: -moz-inline-block;
	display: inline-block;
	vertical-align: middle;
}

#main span.item a {
	display: -moz-inline-block;
	display: inline-block;
}

#main span.name {
	width: 300px;
	margin-right: 8px;
}

#main span.qty {
	width: 70px;
}

#main span.stock, #main span.cost {
	width: 80px;
}

#main span.buy, #main span.out {
	float: right;
}


/* Paging */
#main .paging {
	height: 25px;
	margin: 10px 10px;
	padding: 0 15px;
}

.paging span.show {
	float: left;
}

.paging span.pages {
	float: right;
}

.paging a, .paging strong {
	display: -moz-inline-block;
	display: inline-block;
	padding: 0 4px;
	line-height: 25px;
}


/* Product view */
#main span.alt {
	float: none;
}

#main ul.details {
	float: left;
	margin-top: 10px;
	margin-left: 0;
}

#main ul.details li, #main ol.details li {
	padding: 5px 0;
}

#main img.thumbnail {
	float: left;
	margin: 10px 15px 0 25px;
}

/* Basket view & checkout */
#main .summary {
	margin: 25px 15px 25px 350px;
}

#main .summary p {
	margin: 0 15px;
}

#main ul.summary {
	margin: 1em 25px 0;
}

#main ul.summary li {
	padding: 3px 0;
}

#main ul.summary li span.label {
	display: -moz-inline-block;
	display: inline-block;
	width: 60px;
	margin-right: 5px;
}

#main ul.summary li span.top {
	vertical-align: top;
}

#main ul.summary li span.address {
	display: -moz-inline-block;
	display: inline-block;
}

/* Side panels */
#sidebar .panel {
	margin: 15px 0;
	padding-bottom: 6px;
}

#sidebar h3 {
	margin: 0 10px 10px;
}

#sidebar h3.badged {
	padding-left: 35px;
}

#sidebar p {
	margin: 10px;
}

#cloud a.cloud {
	display: -moz-inline-block;
	display: inline-block;
	margin: 2px 0;
	padding: 0 3px;
	vertical-align: middle;
}

#basket ul {
	margin: 0 5px 10px;
}

#basket ul li {
	padding: 3px 10px 3px 5px;
}

#basket span.delete {
	width: 20px;
	margin-right: 3px;
}

#basket span.qty {
	width: 25px;
	float: right;
}

#basket p.empty, #basket p.err {
	padding: 25px;
}

#basket p.controls {
	margin-top: 0;
}

#main p.subtotal {
	margin: 10px 5px;
	padding: 10px;
}

#main p.padded {
	margin: 10px 15px;
}

#main p.confirm {
	width: 467px;
	margin: 10px 15px;
	padding: 5px 10px 7px;
}

#main span.label, #main span.sum {
	width: 50%;
}

#viewed ul {
	margin: 10px 15px;
}

#viewed ul li {
	padding: 5px 0;
}



/* Non-OS buttons */
#main a.button, #main a.icon, #main span.throbber, #nav span.throbber {
	display: -moz-inline-block;
	display: inline-block;
}

#main a.trash, #main a.icon, #main span.throbber, #nav span.throbber {
	vertical-align: middle;
}

#main a.add, #main span.large {
	width: 60px;
}

#main a.basket, #main a.large {
	width: 120px;
	margin: 0 2px;
	padding: 0;
}

#main a.icon, #main span.small {
	width: 100%;
	height: 16px;
	padding: 2px 0;
}

#main a.trash, #main span.mid {
	width: 30px;
	height: 30px;
}

#nav span.contact {
	width: 26px;
	height: 25px;
}

#main a.bar {
	display: block;
	margin: 10px 0 25px;
	padding: 5px 10px 5px 27px;
}

#main a.half {
	width: 281px;
}

#main a.back {
	margin: 0 0 3px;
	padding-left: 24px;
}


/* Forms & entry controls */
input.textbox, textarea.textbox, select.textbox {
	padding: 3px;
	vertical-align: middle;
}

input.qty {
	width: 40px;
	margin-right: 5px;
}

#main span.qty input.qty {
	vertical-align: baseline;
}

input.single, textarea.multi {
	width: 340px;
}

textarea.multi {
	height: 50px;
}

input.small {
	width: 70px;
}

input.terms {
	margin-right: 3px;
	vertical-align: text-bottom;
}

#main ol.details label {
	display: -moz-inline-block;
	display: inline-block;
	width: 50px;
	margin-right: 5px;
	vertical-align: middle;
}

#main ol.details label.top {
	vertical-align: top;
}

#main ol.details label.auto {
	width: auto
}


/* replicate non-OS look on OS button */
input.skinned {
	display: -moz-inline-block;
	display: inline-block;
	height: 30px;
	margin: 0 2px;
}

input.large {
	width: 120px;
}

input.auto {
	width: 395px;
}


/* Misc */
.clearfloat {
	height: 0;
	overflow: hidden;
}

.toggle {
	display: none;
}

body.home .toggle {
	margin-top: 35px;
	padding-bottom: 35px;
}

.on {
	display: block;
}

span.date {
	display: inline-block;
	margin-left: 0.5em;
}


/* Errors */
#sidebar p.err {
	margin: 0 15px;
}