@charset "utf-8";
/*
BPG_LAYOUT.CSS
Skins and visuals definitions
*/

body {
	background: #bfc4c7 url(/lib/img/ui/gradient.jpg) top repeat-x fixed;
}

h2, h3, h4, blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h2 {
	font-size: 24px;
	letter-spacing: -1px;
}

h3 {
	font-size: 14px;
}

blockquote {
	font-style: italic;
}

a {
	text-decoration: none;
}


/* Boxes */
#wrapper {
	background: transparent url(/lib/img/ui/edge.gif) top no-repeat fixed;
}

#header {
	background: transparent url(/lib/img/ui/header.jpg) top no-repeat;
}

#nav {
	background: transparent url(/lib/img/ui/menu_bar.png) bottom repeat-x;
}

#main {
	background: #fff url(/lib/img/ui/faux_col.gif) top repeat-y;
}

body.nocol #main {
	background-image: none;
}

#footer {
	background: transparent url(/lib/img/ui/footer.jpg) top no-repeat;
	border-top: 1px solid #999;
}

#thumbnail {
	background: transparent url(/lib/img/ui/thumbnail_bottom.png) bottom no-repeat;
}

#thumbnail h3 {
	background: transparent url(/lib/img/ui/thumbnail_top.png) top no-repeat;
}

#thumbnail img {
	background: #fff url(/lib/img/ui/ui_throb16.gif) center no-repeat;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}


/* Elements */
#left blockquote {
	letter-spacing: 1px;
	color: #666;
}

#left a, #main a {
	color: #c00;
	border-bottom: 1px dotted #c00;
}

#left a:hover, #main a:hover {
	color: #f00;
	border-bottom: 1px solid #f00;;
}

#left h3, #main h3 {
	font-size: 18px;
	letter-spacing: -1px;
	border-bottom: 1px dotted #ccc;
}

#left h4, #main h4 {
	font-size: 16px;
	color: #c66;
}

#footer p {
	font-size: 10px;
	text-align: center;
	color: #999;
	line-height: 55px;
}

#footer a {
	border-bottom: 1px dotted #666;
	color: #666;
}

#footer a:hover {
	border-bottom: 1px solid #333;
	color: #333;
}


/* Results */
#main p.count {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
}

#main ul.results {
	list-style: none;
}


/* Product results */
#main ul.products li {
	border-bottom: 1px solid #eee;
	line-height: 50px;
}

#main ul.confirm li {
	border: none;
	line-height: inherit;
}

#main ul.products li.last {
	border: none;
}

#main ul.products li:hover {
	background: #f4f5f7;
}

#main ul.confirm li:hover {
	background: inherit;
}

#main span.name {
	font-size: 13px;
	line-height: 15px;
}

#main ul.confirm li span.name {
	font-size: 11px;
	line-height: inherit;
}

#main ul.confirm li span.cost {
	text-align: right;
}

#main ul.confirm li span.line {
	text-align: left;
}

#main span.code {
	font-size: 11px;
	color: #999;
}

#main span.stock a {
	color: inherit;
	border-color: inherit;
}

#main span.high {
	color: #090;
}

#main span.med {
	color: #f90;
}

#main span.low {
	color: #c00;
}

#main span.out {
	text-align: center;
	color: #999;
}

#main span.line {
	color: #c00;
	font-weight: bold;
	letter-spacing: -1px;
}

#main span.name a {
	color: #333;
	border-bottom: 1px solid transparent;
}

#main span.name a:hover {
	color: #c00;
	border-bottom-color: #e00;
}


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

#main ul.details {
	list-style: none;
}

#main span.price {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #c00;
}


/* Paging */
#main .paging {
	background-color: #f7f7f7;
}

#main .paging a {
	border-bottom: none;
}

.paging a:hover {
	background-color: #ecedef;
}

.paging strong {
	background: #cacbcc;
	color: #fff;
}



/* Basket view & checkout */
#main ul.summary {
	list-style: none;
}

#main ul.summary li span.label {
	color: #c00;
}




/* Side panels */
#sidebar .panel {
	background: transparent url(/lib/img/ui/sidediv.png) bottom no-repeat;
}

#sidebar h3 {
	border: none;
}

#sidebar h3.badged {
	line-height: 30px;
	background-position: left;
	background-repeat: no-repeat;
}

#sidebar h3.basket {
	background-image: url(/lib/img/badges/basket.png);
}

#sidebar h3.viewed {
	background-image: url(/lib/img/badges/view.png);
}

#sidebar h3.cloud {
	background-image: url(/lib/img/badges/cloud.png);
}

#sidebar h3.bpg {
	background-image: url(/lib/img/badges/bpg.png);
}

#sidebar ul {
	list-style: none;
}

#sidebar a {
	color: #333;
	border-bottom: 1px solid transparent;
}

#basket ul li:hover {
	background: #ecedef;
}

#basket p.empty {
	text-align: center;
	background: #ecedef;
}

#basket p.err {
	color: #c00;
	border: 1px dotted #c00;
}

#main p.controls {
	text-align: center;
}

#main p.subtotal {
	background: #ecedef;
	font: 13px Georgia, "Times New Roman", Times, serif;
}

#main p.confirm {
	font: bold 11px "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#main span.sum {
	color: #c00;
	text-align: right;
}

#main span.black {
	color: #333;
}

#basket a:hover, #viewed a:hover {
	color: #c00;
	border-bottom: 1px solid #c00;
}

#basket span.delete {
	text-align: center;
}

#basket span.qty {
	text-align: right;
	font-weight: bold;
}

#sidebar ul.viewed {
	list-style: outside disc;
	margin-left: 30px;
	color: #666;
}

#sidebar ul.viewed a {
	color: #c00;
	border-bottom: 1px solid transparent;
}

#sidebar ul.viewed a:hover {
	color: #f00;
	border-bottom: 1px solid #f00;
}

.panel#cloud, #sidebar .nobar {
	background: none;
}

#cloud p {
	line-height: 30px;
	text-align: center;
}

#cloud a.cloud {
	vertical-align: middle;
}

#cloud a.cloud:hover {
	color: #fff;
	background: #616163;
	border-bottom: none;
}

#cloud a.xsmall {
	font-size: 11px;
	color: #a6a6a6;
}

#cloud a.small {
	font-size: 14px;
	color: #999;
}

#cloud a.small, #cloud a.mid, #cloud a.large, #cloud a.xlarge {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

#cloud a.mid {
	font-size: 16px;
	color: #666;
}

#cloud a.large {
	font-size: 18px;
}

#cloud a.xlarge {
	font-size: 24px;
}


/* Non-OS buttons */
#main a.button, #main a.icon {
	border: none;
}

#main a.button {
	background-color: #cacbcc;
	background-position: center;
	background-repeat: no-repeat;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

#main a.button:hover {
	background-color: #616163;
}

#main a.add {
	background-image: url(/lib/img/buttons/add.png);
}

#main ul.products li:hover a.add {
	background-image: url(/lib/img/buttons/add_select.png);
}

#main a.basket {
	background-image: url(/lib/img/buttons/basket.png);
}

#main a.large {
	background-image: url(/lib/img/buttons/large.png);
}

#main span.large {
	background: transparent url(/lib/img/ui/ui_throb32.gif) center no-repeat;
}

#main span.small, #main span.mid, #nav span.contact {
	background: transparent url(/lib/img/ui/ui_throb16.gif) center no-repeat;
	border-bottom: 1px solid transparent;
}

#main a.trash {
	background-image: url(/lib/img/buttons/del.png);
}

#main ul.products li:hover a.trash {
	background-image: url(/lib/img/buttons/del_select.png);
}

#main a.bar {
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	border: none;
	color: #666;
}

#main a.bar:hover {
	background-color: #e3e6e8;
	color: #333;
}

#main a.down {
	background-image: url(/lib/img/admin/icon_subsection.png);
	background-position: 10px 9px;
}

#main a.back {
	background-image: url(/lib/img/buttons/icon_back.png);
	background-position: 5px;
}


/* Forms & entry controls */
input.textbox, textarea.textbox, select.textbox {
	border: 1px solid #ccc;
	background: #fff url(/lib/img/ui/menu_bar.gif) left -5px repeat-x;
}

input.textbox:hover, textarea.textbox:hover, select.textbox {
	border-color: #999;
}

input.qty {
	text-align: center;
}

/* replicate non-OS look on OS button */
input.skinned {
	border: none;
	background-color: #cacbcc;
	background-position: center;
	background-repeat: no-repeat;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

input.skinned:hover {
	background-color: #616163;
}

input.large {
	background-image: url(/lib/img/buttons/large.png);
}


/* Misc */
body.home .on {
	border-top: 1px dotted #ccc;
}

span.date {
	color: #999;
	font: 11px "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.greyed {
	color: #999;
}


/* Errors */
#sidebar p.err {
	text-align: left;
	line-height: normal;
}