@import url("global.css");
@import url("clearfix.css");
@import url("nav.css");
@import url("home.css");
@import url("thickbox.css");
@import url("cmxform.css");
@import url("spry.css");

/* Header */

#header {
	height:81px;
	background-image:url(../images/logo.png);
}

#viewCart {
	position:absolute;
	top:96px; right:22px;
	float:right;
	color:white;
	font-size:11px;
	list-style:none;
	margin:0;
	padding:0;
	color:#ccc;
}

#viewCart a {
	color:#fff;
	text-decoration:underline;
}
#viewCart a:hover {
	color:#c99336;
	text-decoration:underline;
}


/* Content */

#content {
	background:#fff url(../images/bg-content.jpg) no-repeat 0 0;
	padding:20px 7px 38px 7px;
}

#content div.column1 {
	display:block;
	width:260px;
	float:left;
}

#content div.column2 {
	display:block;
	width:631px;
	float:left;
	color:#404040;
}

/* Column 1 Items */

/* Join Mailing List Promo */

#content ul#mailingList {
	background:#c2c2c2 url(../images/bg-mailing.gif) no-repeat 0 0;
	width:216px;
	padding:22px 0 11px 9px;
	font-size:9px;
	list-style:none;
	margin:0 0 5px 0;
}

#content ul#mailingList li.text {
	width:35px;
	color:#666;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	float:left;
}

#content ul#mailingList li.formField {
	width:130px;
	color:#666;
	margin:5px 0 0 0;
	float:left;
}

#content ul#mailingList li.formField input {
	width:114px;
	border:2px solid #b3b2b2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
	padding:3px;
}

#content ul#mailingList li.button {
	width:38 px;
	color:#666;
	margin:5px 0 0 0;
	float:left;
}


/* Products Promos */

#content div#newProducts, #content div#featureProducts, #content div#onlineSpecials {
	width:217px;
	padding:36px 4px 4px 4px;
	margin:0 0 5px 0;
	font-size:11px;
	position: relative;
}

#content div#newProducts a.headinglink, #content div#featureProducts a.headinglink, #content div#onlineSpecials a.headinglink {
	position: absolute;
	width: 200px;
	height: 35px;
	display: block;
	top: 11px; right: 10px;
	text-decoration: none;
	color: #fff;
	text-align: right; 
	font-size: 10px;
}

#content div#newProducts a:hover.headinglink, #content div#featureProducts a:hover.headinglink, #content div#onlineSpecials a:hover.headinglink {
	text-decoration: underline;
}

#content div#newProducts {background:#bc7a07 url(../images/hdr-new.gif) no-repeat 0 0;}
#content div#featureProducts {background:#000 url(../images/hdr-feature.gif) no-repeat 0 0;}
#content div#onlineSpecials {background:#6a1616 url(../images/hdr-specials.gif) no-repeat 0 0;}

#content div#newProducts table, #content div#featureProducts table, #content div#onlineSpecials table {
	width:217px;
}

#content div#newProducts tr.light, #content div#featureProducts tr.light, #content div#onlineSpecials tr.light {
	background-color:#fff;
}

#content div#newProducts tr.dark, #content div#featureProducts tr.dark, #content div#onlineSpecials tr.dark {
	background-color:#eee;
}

#content div#newProducts td, #content div#featureProducts td, #content div#onlineSpecials td {
	padding:6px 4px;
	vertical-align:top;
}

#content div#newProducts td.image, #content div#featureProducts td.image, #content div#onlineSpecials td.image {
	width:64px;
}

#content div#newProducts td.image img, #content div#featureProducts td.image img, #content div#onlineSpecials td.image img {
	border:#ccc solid 2px;
}

#content div#newProducts td.description, #content div#featureProducts td.description, #content div#onlineSpecials td.description {
	color:#666;
}

#content div#newProducts td.description ul, #content div#featureProducts td.description ul, #content div#onlineSpecials td.description ul {
	color:#666;
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}

#content div#newProducts td.description ul li, #content div#featureProducts td.description ul li, #content div#onlineSpecials td.description ul li {
	float:left;
}

#content div#newProducts td.description a {color:#9a5c02;}
#content div#featureProducts td.description a {color:#000;}
#content div#onlineSpecials td.description a {color:#7f0f0f;}


#content div#newProducts li.price, #content div#featureProducts li.price, #content div#onlineSpecials li.price {
	color:#a80000;
	margin:0 0 0 0;
	font-size:9px;
	width:92px;
}

#content div#newProducts li.price strong, #content div#featureProducts li.price strong, #content div#onlineSpecials li.price strong {
	font-size:14px;
	font-weight:normal;
}

#content div#newProducts li.button img, #content div#featureProducts li.button img, #content div#onlineSpecials li.button img {
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	border:none;
}

/* Product Categories Promo */

#content div#promoBrands {
	width:217px;
	padding:10px 4px 4px 4px;
	margin:0 0 5px 0;
	font-size:11px;
	background:#666666 url(../images/hdr-promo-brands.gif) no-repeat 0 0; 
}

#content div#promoBrands p {clear:right; padding:10px 7px 10px 7px; font-size:10px; color:#292929;}

#content div#promoBrands div {width:217px; background:#767676; padding:12px 0; margin:0;}
#content div#promoBrands table table {width:193px; margin:0;}
#content div#promoBrands table td {padding:0 12px; vertical-align:top;}
#content div#promoBrands table td.leftClm {width:91px; border-right:1px dashed #5e5e5e;}

#content div#promoBrands td a {color:#cccbcb; text-decoration:underline; margin:3px 0 7px 0; display:block;}
#content div#promoBrands td a:hover {color:#f2f2f2; text-decoration:underline; margin:3px 0 7px 0; display:block;}

#content div#promoBrands a.view {
	background:url(../images/arrow-right-darkgreybg.gif) no-repeat right 2px;
	font-size:9px;
	display:block;
	width:60px;
	float:right;
	text-align:right;
	padding:1px 12px 0 0;
	color:#c3c3c3;
	text-decoration:none;
	margin:2px 7px 0 0;
}

#content div#promoBrands a.view:hover {
	color:#fff;
}


/* Breadcrumb */

.breadcrumb {
	border-bottom:1px solid #ebe5e5;
	padding:11px 0 9px 0;
	font-size:9px;
	color:#6b6b6b;
	margin:0 0 20px 0;
}

.breadcrumb a {
	color:#6b6b6b;
	text-decoration:underline;
}

.breadcrumb a:hover {
	color:#515151;
	text-decoration:underline;
}

/* Specific Heading Styles */

h2.section {
	color:#575757;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
}

h2.red {
	color:#a90707;
	font-size:18px;
}

/* Grey Headers */

div.greyHdr {background:url(../images/bg-hdr-grey.jpg) repeat-x 0 0; padding:4px 6px 6px 6px; height:16px; margin:10px 0; color:#777777; font-size:10px;}
div.greyHdr p {margin:0; padding:0;}
div.greyHdr h2.grey {font-size:16px; color:#333333; font-weight:normal;}
.home div.greyHdr {width:493px; margin:30px 0 10px 18px;}

div.greyHdr a {
	background:url(../images/lge-arrow-right.gif) no-repeat right 2px;
	font-size:9px;
	display:block;
	width:80px;
	float:right;
	text-align:right;
	padding:1px 16px 0 0;
	color:#595959;
	text-decoration:none;
	margin:2px 0 0 0;
}

div.greyHdr a:hover {
	color:#383838;
}

div.greyHdr img {
	float:right;
	padding:3px 0 0 0;
	margin:2px 0 0 0;
}

/* Grey Headers */

div.redHdr {background:url(../images/bg-hdr-red.jpg) repeat-x 0 0; padding:4px 6px 6px 6px; height:16px; margin:10px 0; color:#fff; font-size:10px; clear:both;}
div.redHdr p {margin:0; padding:0;}
div.redHdr h2.white {font-size:16px; color:#fff; font-weight:normal;}

div.redHdr img {
	float:right;
	padding:3px 0 0 0;
	margin:2px 0 0 0;
}


/* Product Catalogue Styles */

.product img.productLogo { 
	float:right;
	border:1px solid #ebe5e5;
	border-bottom:2px solid #ebe5e5;
	margin:0 0 10px 10px;
	padding:6px;
}

div.copy {width:390px;float:left; margin:0 16px 20px 0;}
div.side {width:218px; float:left; margin:0 0 20px 0;}

/* Brands */

ul.logos {
	/*background-color:#ebe5e5;
	padding:1px 1px 0 0;*/
	border-top:1px solid #ebe5e5;
	border-left:1px solid #ebe5e5;
	list-style:none;
	margin:0;
}

.home ul.logos {width:504px; margin-left:18px;}

ul.logos li {
	float:left;
	display:block;
	width:113px;
	height:65px;
	/*margin:0 0 1px 1px;*/
	border-bottom:1px solid #ebe5e5;
	border-right:1px solid #ebe5e5;
	padding:6px;
	text-align:center;
}

ul.logos li a img {padding:0; margin:0; border:0;}

/* Product Specials */

#content div.column2 div.productSpecials {
	width:616px;
	padding:36px 4px 4px 4px;
	margin:10px 0 30px 0;
	font-size:11px;
	background:#6a1616 url(../images/products/hdr-specials.gif) no-repeat 0 0;
	clear:left;
}

#content div.column2 div.productSpecials .background {
	background:#c7c7c7;
	padding:1px 1px 0 0;
	width:615px;
}

#content div.column2 div.productSpecials ul {
	margin:0 0 1px 1px;
	list-style:none;
}

#content div.column2 div.productSpecials ul.light {background-color:#fff; float:left; width:204px;}
#content div.column2 div.productSpecials ul.dark {background-color:#eee; float:left; width:204px;}

#content div.column2 div.productSpecials ul li{
	padding:6px 4px;
}
#content div.column2 div.productSpecials ul li.image {
	width:60px;
	float:left;
}

#content div.column2 div.productSpecials ul li.image img {
	border:#ddd8d8 solid 1px;
}

#content div.column2 div.productSpecials ul li.description {
	width:124px;
	float:left;
}

#content div.column2 div.productSpecials ul li.description ul {
	color:#666;
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}

#content div.column2 div.productSpecials ul li.description ul li {float:left; padding:0;}

#content div.column2 div.productSpecials ul li.description a {color:#7f0f0f;}

#content div.column2 div.productSpecials ul li.description li.price {
	color:#a80000;
	margin:0 0 0 0;
	font-size:9px;
	width:80px;
}

#content div.column2 div.productSpecials ul li.description ul li.price strong {
	font-size:12px;
	font-weight:normal;
}

#content div.column2 div.productSpecials ul li.description ul li.button img {
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	border:none;
}

/* Product Categories Page */

body.product ul.categories {
	list-style:none;
}

body.product ul.categories li {
	float:left;
	width:119px;
	height:170px;
	margin:0 3px 0 2px;
	text-align:center;
}

body.product ul.categories li a {display:block; padding:0 0 4px 0; background:#f2f2f2;}
body.product ul.categories li a:hover {display:block; background:#ebebeb; padding:0 0 4px 0;}

body.product ul.categories li img {
	border:2px solid #ddd8d8;
	display:block;
	margin:0 0 4px 0;
}

/* Product List Page */

div.productList {
	width:623px;
	margin:4px 0 0 0;
}

div.productList ul {
	width:203px;
	height:13em;
	padding:8px 0 0 0;
	margin:0 4px 12px 0;
	border-top:1px solid #ddd8d8;
	list-style:none;
	float:left;
}

.productList ul li.image {
	width:68px;
	float:left;
}

.productList li.image img.product {
	border:#ddd8d8 solid 1px;
	margin:0 0 5px 0;
}

.productList ul li.description {
	color:#978888;
	width:124px;
	float:left;
}

.productList ul li.description a {color:#a80000;}

.productList ul li.description p.price {
	color:#a80000;
	margin:12px 0 8px 0;
	font-size:9px;
	width:120px;
	padding:4px 0;
	line-height:12px;
}

.productList ul li.description p.price strong {
	font-size:12px;
	font-weight:normal;
}

.productList ul li.description a.button img {
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	border:none;
}

.productNav {
	padding:0 0 6px 0;
	font-size:0.9em;
	color:#6b6b6b;
	margin:5px 0 10px 0;
	text-align:center;
	clear:both;
}

.borderTop {border-top:1px solid #d2d2d2; padding-top:9px;}

.productNav a {
	color:#555;
	text-decoration:none;
}

.productNav a:hover {
	color:#A80000;
	text-decoration:none;
}

/* Product Info Page */

.copy .prices {width:270px; float:left; padding:10px 0 0 0;}
.copy .orderInfo {width:116px; float:left; padding:50px 0 0 0;}

.copy .orderInfo a.cartBtn {width:98px; height:23px; margin:0; padding:0; background:url(../images/products/btn-add-cart.gif) no-repeat 0 0; text-indent:-999px; display:block; overflow:hidden;}

.copy .onSpecial {background:url(../images/products/bg-special.gif) no-repeat right top;}

.copy p.ourPrice {
	color:#a80000;
	margin:12px 0 30px 0;
	padding:0;
	font-size:1.1em;
	line-height:1em;
}

.copy p.ourPrice strong  {
	font-size:1.4em;
	font-weight:normal;
}

.copy p.ourPrice em  {
	font-weight:bold;
	font-style:normal;
}

a.btnPdf, a.btnQuestion, a.btnWord, a.btnExcel {
	width:200px; 
	padding:13px 12px 12px 54px;
	margin:5px 0;
	color:#757575;
	font-size:0.85em;
	display:block;
	text-decoration:none;
}

a.btnPdf {background:#eae9e9 url(../images/icon-pdf.gif) 10px 7px no-repeat;}
a.btnWord {background:#eae9e9 url(../images/icon-word.gif) 10px 7px no-repeat;}
a.btnExcel {background:#eae9e9 url(../images/icon-excel.gif) 10px 7px no-repeat;}
a.btnQuestion {background:#eae9e9 url(../images/bg-btn-question.gif) 10px 7px no-repeat;}

a.btnPdf:hover {background:#dddbdb url(../images/icon-pdf.gif) 10px 7px no-repeat;}
a.btnWord:hover {background:#dddbdb url(../images/icon-word.gif) 10px 7px no-repeat;}
a.btnExcel:hover {background:#dddbdb url(../images/icon-excel.gif) 10px 7px no-repeat;}
a.btnQuestion:hover {background:#dddbdb url(../images/bg-btn-question.gif) 10px 7px no-repeat;}

a.btnPdf strong, a.btnWord strong, a.btnExcel strong {color:#A80000; font-weight:normal; display:block; font-size:1.4em;}
a.btnQuestion strong {color:#8E5600; font-weight:normal; display:block; font-size:1.4em;}

.side div.greyHdr {margin:20px 0 5px 0; clear:both;}

.side .productImg {border:1px solid #918f8f; margin:0 0 5px 0; display:block;}


/* Specials */

body.specials div.copy, 
body.feature div.copy, 
body.new div.copy {width:340px;float:left; margin:0 16px 20px 0;}
body.specials div.side, 
body.feature div.side, 
body.new div.side {width:244px; float:left; margin:0 0 20px 0; padding:15px 15px 20px 15px; background:#eeeeee;}

body.specials .productList ul li.description span.brandName {text-transform:uppercase; font-size:9px; display:block;}
body.specials .productList ul li.description p.rrPrice {color:#000; font-size:9px; margin:8px 0 0 0; padding:0;}
body.specials .productList ul li.description p.price {margin:0; padding:4px 0;}
body.specials .productList ul li.description p.price em {display:block; font-style:normal; font-weight:bold;}

body.new .productList ul li.description span.brandName {text-transform:uppercase; font-size:9px; display:block;}
body.new .productList ul li.description p.rrPrice {color:#000; font-size:9px; margin:8px 0 0 0; padding:0;}
body.new .productList ul li.description p.price {margin:0; padding:4px 0;}
body.new .productList ul li.description p.price em {display:block; font-style:normal; font-weight:bold;}

body.feature .productList ul li.description span.brandName {text-transform:uppercase; font-size:9px; display:block;}
body.feature .productList ul li.description p.rrPrice {color:#000; font-size:9px; margin:8px 0 0 0; padding:0;}
body.feature .productList ul li.description p.price {margin:0; padding:4px 0;}
body.feature .productList ul li.description p.price em {display:block; font-style:normal; font-weight:bold;}


/* Newsletter */

body.newsletter div.copy {width:370px;float:left; margin:0 16px 20px 0;}
body.newsletter div.side {width:214px; float:left; margin:0 0 20px 0; padding:15px 15px 20px 15px; background:#eeeeee;}


/* Cart */
#cartdata .total {
	float:right;
	font-size:11px;
	margin:0;
	padding:3px 0;
	color:#000;
	line-height:1.6em;
}

#cartdata .total strong {font-weight:normal; font-size:1.4em;}

#cartdata input {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#cartdata input.field {

}
#cartdata table {
	margin:1em 0;
	font-size:11px;
}
#cartdata table tr th {
	text-align: left;
	background: #f0f0f0;
	color: #000;
	padding:5px 3px;
	font-weight:normal;
	border-bottom:2px solid #fff;
}
#cartdata table tr td {
	background: #fff;	
	padding:5px;
	padding: 3px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align:top;
}
#cartdata img.productThumb {width:50px; border:1px solid #918f8f; margin:0 4px 0 0;}
#cartdata .right { text-align: right; float:none; }
#cartdata table table td, #cartdata .blank td { border-bottom: 0; }

#cartdata td.buttons {
	padding-top: 10px;
	text-align: right;
}
#cartdata .blank {margin:0;}

#cartdata .greyFormBtn {background:#f0f0f0; border:1px solid #d4d4d4; color:#000;font-size:0.9em; font-weight:normal; padding:3px;}
#cartdata .redFormBtn {background:#b60708; border:1px solid #6a1616; color:#fff; font-size:0.9em; font-weight:normal; padding:3px;}


/* Footer */

#footer {
	background:#000 url(../images/bg-footer.jpg) no-repeat 0 0;
	color:#fff;
	margin:0 0 20px 0;
	padding:13px;
	position:relative;
}

#footer p {margin:0; padding:0;}

#footer a {color:#fff;}

#footer a.ht {
	background:url(../images/logo-ht.gif) no-repeat 0 0;
	padding:0 0 0 24px;
	margin:0;
	font-size:.9em;
	display:block;
	width:130px;
	line-height:19px;
	color:#ccc;
	width:200px;
}

#footer ul.text {
	position:absolute;
	top:16px; right:13px;
	width:500px;
	list-style:none;
	margin:0;
	padding:0;
}

#footer ul.text li {
	display:block;
	float:left;
	padding:0;
	margin:0 0 0 40px;
	font-size:11px;
}