/*** mikes structural additions ***/

div.container { width: 850px; margin: 0 auto; overflow: hidden; }
div.content { width: 850px; padding-bottom: 23px; background: url("../images/footer/page_block_base.gif") bottom right no-repeat; margin-bottom: 20px; float: left; font-size: 1.3em; }
div.page_block { clear:both; width:785px; padding-left:65px; padding-top:20px; background-color: #F9F6E5; float: left; }

/******************* home page specific  err I think ****************/

body.homePage div.container { width: 960px; height: 1008px;	position: relative;	margin: 0 auto; overflow: hidden; }
body.homePage .header_main {width: 960px;	height: 208px; position: relative; z-index:50}
body.homePage #header_nav {padding-left: 30px; position: relative; z-index: 20;}
body.homePage .header_search {height: 98px;}
body.homePage div.content { position: absolute; top: 166px; width: 960px; height: 800px; float: none; margin-bottom: 0px; padding-bottom: 0px; z-index: 1; overflow: visible; background: url(../images/homepage/blackboard.jpg) 13px 82px no-repeat; font-size: 1.0em; clear: both; left: 0px; }
body.homePage div.header_trail { display: none; }

#theLatest { position: relative; width: 960px; top: 0px; background: url(../images/homepage/theLatestPanelBacker.gif) 0px 10px no-repeat; z-index:2; height: 338px; }
#theLatest h1 { position: absolute; top: 42px; left: 350px; text-indent: -9999px; overflow:hidden; }

#visitTheShop { position: absolute; top: 285px; left: 230px; height: 130px; width: 224px; overflow: hidden; z-index: 50; }
#visitTheShop h1 { cursor: pointer; top: 0; left: 0; position: absolute; display: block; width: 224px; height: 130px; text-indent: -9999px; background: url(../images/homepage/visitTheKitShop.gif) 0px 0px no-repeat; overflow:hidden; }
#visitTheShop #brands, #visitTheShop #categories, #visitTheShop #description { text-indent: -9999px; }

#freshFromTheBlog { position: absolute; z-index: 20; top: 330px; left: 505px; }
#freshFromTheBlog h1 { position: absolute; top: 0px; left: 0px; background: url(../images/homepage/freshFromTheBlog.gif) top left no-repeat; height:144px; width: 452px; text-indent: -9999px; overflow:hidden; z-index: 2; }
#freshFromTheBlog p.blogTitle { font-size: 13px; font-weight:bold; color: #000; position: relative; top: 18px; left: 185px; width: 220px; z-index: 30; }
#freshFromTheBlog p.moreLink { position: relative; top: 10px; left: 185px; width: 210px; z-index: 30; }

#free-shipping-tile { position: absolute; z-index: 20; top: 330px; left: 505px; width: 452px; height: 144px; }

#shippingdates-lightbox-wrapper 
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
#shippingdates-lightbox-wrapper #shippingdates-lightbox-bg
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 3000;
	background-image: url(../images/homepage/promoHeros/1111/lightbox_bg.png);
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
#shippingdates-lightbox-wrapper #shippingdates-lightbox-box
{
	display: none;
	position: fixed;
	width: 430px;
	height: 310px;
	padding: 45px;
	background-color: #000000;
	border: 2px solid #ffffff;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -260px;
	z-index: 4000;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#shippingdates-lightbox-wrapper #shippingdates-lightbox-close
{
	display: none;
	position: fixed;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 50%;
	margin-top: -215px;
	margin-left: 245px;
	z-index: 4002;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

#promoProducts { position: absolute; z-index: 10; top: 350px; left: 40px; }
#promoProducts  div.product { padding-right: 12px; }
#promoProducts  h1 { position: absolute; top: 0px; left: 0px; background: url(../images/homepage/sixSimpleSteps.gif) top left no-repeat; height:150px; width: 244px; text-indent: -9999px; overflow:hidden; z-index: 3; }
#promoProducts .product  { width: 137px; position:relative; float: left; z-index: 5; line-height: 12px; }

#promo div.product { height: 200px; overflow: hidden; padding-right: 12px; position: absolute; z-index: 5; line-height: 12px; }

#promo .product1 { left: 0px; }
#promo .product2 { left: 238px; }
#promo .product3 { left: 425px; }

#promo div.product a { float: left; cursor: pointer; }
#promo div.product a:hover { text-decoration: underline; }
#promo div.product a img { float: left; border: 2px solid #EE2E24;  }
#promo div.product a span { float: left; clear: left; width: 135px;}

#promoProducts .product .brand {color: #FFF; font-weight:bold;}
#promoProducts .product .product {color: #decd75;}
#promoProducts .product a img {border: 1px solid #EE2E24; margin-bottom: 3px; }
#promoProducts .product a img:hover { border: 1px solid #000; text-decoration: none; }  

#promoProducts .product:hover .brand { background: #000; }

#promoProducts .product a:hover{ text-decoration: none; }

#promo  div.promoHero { position: absolute; top: 0px; right: 0px; }
#promo  div.promoHero a { float: left; }

.product1 {margin-top: 90px;}
.product2 {margin-top: 100px;}
.product3 {margin-top: 90px;}
.product4 {margin-top: 120px;}
.product5 {margin-top: 110px;}
.product6 {margin-top: 130px;}

#promo .first {margin-left: 50px; float: left;}

#footer { position: absolute; top: 846px; left: 80px; height: 93px; width: 597px; background: url(../images/homepage/footerBacker.gif) top left no-repeat; z-index: 7; }
#footer .footerLine1 { margin: 23px 0px 2px 130px; }
#footer .footerLine2 { margin: 4px 0px 2px 143px; }
#footer .footerLine3 a:link, #footer .footerLine3 a:active, #footer .footerLine3 a:visited { color: #999; }

#footer #social { position: absolute; top: 15px; left: 25px; width: 90px; height: 63px; }

/******************* Start what is styles ************************/

a.employmentContact:link,a.employmentContact:visited { background-color:#ED2E23; text-decoration:underline; color:White; padding:4px 8px 4px 8px; float:left; margin-top: 4px; }
a.employmentContact:hover { background-color:#ED2E23; text-decoration:none; color:White; padding:4px 8px 4px 8px; float:left; margin-top:4px; }

.jobsPanel { width: 785px; padding-bottom: 20px; background: #f9f6e5 url(../images/container/JobsPanelImageRepeater.jpg) repeat-y top right; }
.jobsPanel p { margin-right:200px; }
.jobsPanel ul { margin:0px 0px 12px 0px; list-style-position:inside; list-style-type:none; list-style-image:url(../images/list-item.gif); }

.jobItem { margin: 2px 300px 40px 16px; }
.jobItem P { margin-right:0px; }

#LocationLeftColumn  { padding: 0 40px; float: left; width: 260px; }
#LocationRightColumn  { float: left; width: 380px; margin: 20px; }

.brandsPageContent  { clear:both; width:785px; padding-left:65px; padding-top:20px; background: #F9F6E5 url(../images/container/WhatsAtKitPanelBg.jpg) no-repeat left bottom; height:560px; }

a.brandButton:link, a.brandButton:visited  { color:Black; }
a.brandButton:hover  { color:Black; text-decoration:underline; }

.whatIsKitPageContent { clear:both;   margin: 0 auto; width:785px; padding-left:65px; padding-top:20px; background: #F9F6E5 url(../images/container/whatiskit_photo.jpg) no-repeat right top; height:464px; }
.whatIsKitPageContent P { margin-right:454px; margin-left:2em; background-color:transparent; }

select.select { background: #f9f8f0;   border:1px solid #c7c3a7; color:#666666; margin:3px 3px 3px 0px;   font-size:8pt;   font-family: Georgia, Times New Roman, Serif;   font-weight:normal; padding-bottom:0px; }                     

#product_display_tags { width:100px; float:left; font-weight:normal; padding:20px 0; text-align:right; color:#cccccc; }
#product_display_tags HR, .results_block_tags HR { width:95%; text-align:center; color:#c8c8c8; /*#efe9c5;*/ height:1px; }
#product_display_image { margin-left: 10px; width:280px; height:387px; background:url(../images/product_display_image_frame.gif) top left no-repeat; float:left; text-align:center; padding-top:25px; position: relative; }

#product_display_image  img.prodOverlay { position: absolute; top: 25px; left: 23px; }


#product_display_details { width:330px; float:left; padding: 20px 20px 20px 10px; }
#product_display_details H1 { padding-bottom:0px; margin-bottom:0px; }

.ResultItemTitleBlock { width: 135px; margin: 5px 40px 5px 0; }
.ResultItem { font: 12px Georgia, "Times New Roman", Times, serif; padding-bottom: 15px; position: relative; }
.ResultItemTitlePadding { clear: left; }
.ResultItemTitle { width: 100%; }
*:first-child+html .ResultItemTitle { margin-top: 5px; }
*:first-child+html .resultItemImage { margin-bottom: 10px; }
.ResultItem img { border:1px solid #c00000; }
.ResultItem span { float: left; clear: both; }

.ResultItemPrice { clear: both; float: left; }
.ResultItem  a { position: relative; float: left; clear: both; }

.ResultItem img.overlayImg { border: 0px; position: absolute; z-index: 10; top: 1px; left: 1px; } 
.reviewThumbImage { float:left; position:relative; }
.reviewThumbImage img { border: solid 1px #C00000; }
.reviewThumbImage img.overlayImg { border: 0px; position: absolute; z-index: 10; top: 1px; left: 1px; }
.reviewTitles { float:left; margin-left: 10px; }
.reviewTitles h1 { padding: 0px; }
.reviewTitles h2 { display:inline-block; font-size:1.2em; margin:0px; }

a.hpPromo { position: relative; float: left;  }
a.hpPromo img.overlayImg { border: 0px!important; position: absolute; z-index: 10; top: 1px; left: 1px }

div.moreProducts div.products ul li { position: relative; }
div.moreProducts div.products ul li  a { float: left; }
div.moreProducts div.products ul li  img.overlayImg { border: 0px; position: absolute; z-index: 10; top: 0px; left: 0px; width: 125px; height: 125px; }  
div.moreProducts div.products  div.productWrapper { clear: left; }

* html .hpPromo img.overlayImg { display: none; }
* html .ResultItem img.overlayImg  { display: none; }
* html #product_display_image  img.prodOverlay { display: none; }
* html  div.moreProducts div.products ul li  img.overlayImg { display: none; }

#product_display_details H2 { padding-bottom:7px; margin-bottom:7px; }
#product_display_details LABEL, #product_display_details SPAN { display:inline-block; font-size:0.8em }
#product_display_details .label_header { color:#ED2E23; font-weight:bold; text-align:left; white-space:nowrap; }
#product_display_details .label_qty { color:#ED2E23; font-weight:bold; text-align:right; padding-left:8px; white-space:nowrap; }

.product_table td { border-bottom: 1px solid #f0ebca; vertical-align: middle; }
.variant_colour { display:block; width:9px; height:9px; color:Black; float:left; padding:0px; border:1px solid #c8c8c8; margin:0px 2px 0px 0px; }

#product_display_details SPAN.line, #product_display_tags DIV.line { background-color:#e5debb; height:1px; display:block; width:100%; margin:2px 0px; }
#product_display_details td th  { vertical-align:top; text-align:left; }

.productDescription { width: 530px; margin-bottom: 20px; }
.variant_quantity { font-family: Georgia, Times New Roman, Serif; float:right; width:32px; border:1px solid #9b9b9b; font-size:0.8em; text-align:right; margin-bottom:3px; padding-right:3px; }

#product_display_details .variant_error { float:right; display:block; color:#990000; background-color:#F0E8d0;  margin:3px 0px 3px 0px; }

.brandsPageContent { clear:both; float:right; width:765px; padding-left:65px; padding-top:20px; background: #F9F6E5 url(../images/WhatsAtKitPanelBg.jpg) no-repeat left bottom; height:560px; }

a.brandButton:link, a.brandButton:visited { color:Black; }
a.brandButton:hover { color:Black; text-decoration:underline; }

/* The following styles are used for tag lists */

#results_column_right { float:right; width:231px; margin-top: -15px; }

.results_block_brand {color:#000; text-align:center; vertical-align:middle; text-transform:uppercase; font-size:1.7em; font-family:Arial,Verdana,helvetica,Sans-Serif; font-weight:900; padding-top:30px; padding-bottom:30px; width:100%; }
.results_block_refine {  width:191px;  padding-left:20px;  padding-top:20px;  padding-bottom:20px;       padding-right:20px;      }
.results_block_refine .heading { color:#ED2E23; text-transform:uppercase; font-size:1.3em; font-weight:bold; line-height:90%; }
.results_block_refine .heading .alt { color:#000000; }

.results_block_broaden {  width:191px;  padding:20px;  background-color:#ED2E23;  color:#ffffff; }
.results_block_broaden .heading { color:#ffffff; text-transform:uppercase; font-size:1.3em; font-weight:bold; line-height:90%; border-bottom: 1px solid #d0241a; padding-bottom: 10px; margin-bottom: 10px; }
.results_block_broaden .heading .alt { color:#000000; }
.results_block_broaden HR { width:100%; height:1px; color: #ff8080;  }
.results_block_broaden A:link, .results_block_broaden A:visited, .results_block_broaden A:hover { color:#ffffff; font-weight:bold; }
.results_block_tags {  padding: 5px 20px;  background-color:#F5F1D8; }
.results_block_tags .type_block {  background-color:#000000;  width:211px;  margin-bottom: 6px; }
.results_block_tags .type_heading {  width:72px;  float:right;  color:#ffffff;  font-weight:bold;  padding: 5px;  font-size:0.8em; }

a.tagMore, a.tagLess { background-color: transparent; color: #ED2E23; padding: 2px; font-weight:bold; width:16px;height:16px; text-decoration:none; }
a.tagMore:hover, a.tagLess:hover { text-decoration:none; }
a.tagLess { background:transparent url() no-repeat; margin-right:8px; }

.tagDivider { border-bottom: 1px solid #ded9bb; height: 2px; margin-bottom: 8px; }

.results_block_tags .type_heading_alt {  background-color:#ED2E23; }
.results_block_tags .tags {  width:128px;  float:left;  background-color:#F5F1D8;  padding-bottom: 10px; }
.results_block_tags hr { clear:both; width:100%; height:1px; color:#DED8B3; }

.results_block_tags .tags ul { list-style-type:none; margin-left:0px; padding-left:0px; }
.results_block_tags li { padding:0px; margin:2px 0px; }
.results_block_tags A { font-weight:normal; font-size:11px; }

/* The following styles are used for the Products home page */

.page_block { padding-top: 15px; }
.productsHomeContent { background: url(../images/bg_categories.jpg) no-repeat 100% 0; min-height: 450px; _height: 450px; }

.cntnt_shopkit, .cntnt_brands, .cntnt_categories { float: left; }
.cntnt_shopkit { width: 167px; margin-right: 40px; color: #333; line-height: 20px; }
.cntnt_shopkit h2 { width: 125px; height: 29px; margin: 30px 0 21px 0; overflow: hidden; line-height: 6em; background: url(../images/title_shopKit.gif) no-repeat 0 0; }

.no_results { padding-top: 23px; color: #ED2E23; }

.cntnt_brands { width: 350px; background: url(../images/bg_brands.gif) no-repeat 0 0; }
.cntnt_brands .offset { margin: 10px 0 0 22px; padding: 12px 18px 95px; background: #F5F1D8 url(../images/logo_kit.gif) no-repeat 100% 100%; border: 1px solid #eae5cd; }
.cntnt_brands h2 { width: 125px; height: 38px; margin: 0 0 17px 0; overflow: hidden; line-height: 6em; background: url(../images/title_brands.gif) no-repeat 0 0; }
.cntnt_brands ul, .cntnt_categories ul { list-style: none; margin: 0; padding: 0; background: url(../images/bg_brandsUl.gif) repeat-y; zoom: 1; overflow: hidden; }
.cntnt_brands li { padding: 0 6px 3px 0; display: block; float: left; margin: 1px 0 0 0; _margin-right: 0; white-space: nowrap; }
.cntnt_brands .highlight { color: #ce0026; }
.cntnt_brands a, .cntnt_brands a:link,  .cntnt_brands a:visited { color: #515151; text-decoration: none; }
.cntnt_brands a:focus, .cntnt_brands a:hover,  .cntnt_brands a:active { color: #515151; text-decoration: underline; }
.cntnt_brands a.highlight, .cntnt_brands a.highlight:link,  .cntnt_brands a.highlight:visited { color: #ce0026; text-decoration: none; }
.cntnt_brands a.highlight:focus, .cntnt_brands a.highlight:hover,  .cntnt_brands a.highlight:active { color: #ce0026; text-decoration: underline; }

.cntnt_categories ul { line-height: 22px; }
.cntnt_categories { width: 165px; }
.cntnt_categories h2 { width: 130px; height: 36px; margin: 55px 0 15px 15px; overflow: hidden; line-height: 6em; background: url(../images/title_categories.jpg) no-repeat 0 0; }
.cntnt_categories ul { margin: 0 0 0 15px; background: none; }
.cntnt_categories a, .cntnt_categories a:link, .cntnt_categories a:visited { color: #fff; font-weight: bold; text-decoration: none; }
.cntnt_categories a:focus, .cntnt_categories a:hover, .cntnt_categories a:active { color: #ECE5BA; }

.otherStuff { clear: both; margin-top: -20px; zoom: 1; /*overflow: hidden;*/ background: url(../images/bg_kit.jpg) no-repeat 0 0; height: 265px; }
.otherStuff h3 { font-size: 100%; color: #ED2E23; margin-top: 35px; }
.otherStuff .otherContent { width: 375px; margin-left: 320px; }
.otherStuff .fades { color: #333; }
.otherStuff .fades strong { color: #6b6b6b; font-weight: normal; }
.otherStuff .fades em { color: #b8b8b8; font-style: normal; }

.assortedTags .tagCloudContainer { width: 380px; float:left; }
.assortedTags ul { list-style-type:none; margin:0px; float:left; marker-offset: 0; padding: 0; }

ul.horizontal li { display:block; float:left; margin-right:4px; white-space:nowrap; }

.content a.readMore, .content a.readMore:link, .content a.readMore:visited { color: #fff; font-weight: bold; width: 130px; display: block; padding: 8px; text-align: center; margin: 10px 0; background: #EE2E24; float: right; }
.content a.readMore:focus, .content a.readMore:hover, .content a.readMore:active { color: #000; }

.moreProducts { clear: both; width: 850px; margin: 0 auto; }
.moreProducts h3 { height: 51px; overflow: hidden; line-height: 10em; background: url(../images/title_moreProducts.gif) no-repeat 0 0; margin: 0; }
.moreProducts .products { background: url(../images/bg_botmoreProducts.gif) no-repeat bottom center; height: 232px; }
.moreProducts .products ul { width: 785px; height: 209px; padding: 10px 0 0 58px; margin: 0px; background: url(../images/bg_moreProductsBlackboard.jpg) no-repeat 100% 0; list-style: none; overflow: hidden; }
.moreProducts .products ul li { display: block; float: left; width: 165px; margin-right: 25px; _margin-right: 20px; }
.moreProducts .products li img { margin: 0px 0px 3px 0px; }
.moreProducts .products li .product { background: #fff; color: #000; }
.moreProducts .products li .price { background: #000; color: #fff; }
.moreProducts .products li .priceWrapper { margin-top: 3px; }

.formtext { font-size: .68em; font-family: Georgia, Times New Roman, Serif; color: #ED2E23; }	

input.textform { background: #f5f1d8; border-bottom: 1px solid #c7c3a7; border-right: 1px solid #f9f6e5; border-top: 1px solid #f9f6e5; border-left: 1px solid #f9f6e5; color: #666666; font-size:8pt; font-family: Georgia, Times New Roman, Serif; margin: 2px 0px 2px 3px; width: 220px; height:17px; }

/*select.select { background: #f9f8f0; color:#666666; margin:3px; font-family: Georgia, Times New Roman, Serif; font-weight:normal; padding-bottom:0px; }*/

/*********************************** shopping cart styles ***************************/

#ShoppingBagItems { width: 700px; }

#ShoppingBag th, #ShoppingBagItems th { color:#000; text-align:left; vertical-align:top; padding: 5px; text-transform: uppercase; border-bottom: 1px solid #000; }
#ShoppingBag td, #ShoppingBagItems td { text-align:left; vertical-align: middle; padding: 5px; border-bottom: 1px solid #C7C3A7; }

#ShoppingBagSummary td { padding: 3px 5px; border-bottom: 1px solid #C7C3A7; }
#paymentOptions { width: 200px; float:left; }

.paymentOptionDescriptions td { border-top: 1px solid #C7C3A7; width: 220px; padding-right: 20px; }

.variant_quantity { font-family: Georgia, Times New Roman, Serif; float:right; width:32px; border:1px solid #9b9b9b; font-size:0.8em; text-align:right; margin-bottom:3px; padding-right:3px; }

.paymentOptions{ width: 700px; }
.paymentOptions td { width: 33%; padding-right: 20px; }

div.paymentLeftPanel { width: 380px; float: left; }
div.paymentRightPanel { margin-left:16px; float:left; width:320px; }

.detailsPanel { margin:8px 8px 0px 0px;  padding:8px 0px;  float:left; width:765px; }

h3.paySecure { background-image:url(../images/secure-pay-icon.gif); background-repeat: no-repeat; background-position:0% 50%; padding-left:45px; margin-right:45px; height:37px; }
h3.payPhone {  background-image:url(../images/phone-pay-icon.gif); background-repeat: no-repeat; background-position:0% 50%; padding-left:45px; margin-right:45px; height:37px; }
h3.payFaxPost { background-image:url(../images/post-pay-icon.gif); background-repeat: no-repeat; background-position:0% 50%; padding-left:45px; margin-right:45px; height:37px; }

.summaryhead  { width:30%; }
.summaryButton  { padding-right:12px; }
.variant_colour { display:block; width:9px; height:9px; color:Black; float:left; padding:0px; border:1px solid #c8c8c8; margin:0px 2px 0px 0px; }

.moreProducts { clear: both; width: 850px; margin: 0 auto; }
.moreProducts h3 { height: 51px; overflow: hidden; line-height: 10em; background: url(../images/title_moreProducts.gif) no-repeat 0 0; margin: 0; }
.moreProducts .products { background: url(../images/bg_botmoreProducts.gif) no-repeat bottom center; height: 232px; }
.moreProducts .products ul { width: 803px; height: 209px; padding: 10px 0 0 40px; margin: 0px; list-style: none; overflow: hidden; }
.moreProducts .products ul li { display: block; float: left; width: 195px; margin-right: 5px;  }
.moreProducts .products li img { margin: 0px 0px 3px 0px; }
.moreProducts .products li .product { background: #fff; color: #000; font-size: 11px; }
.moreProducts .products li .price { background: #000; color: #fff; }
.moreProducts .products li .priceWrapper { margin-top: 3px; }

#page_links a.active {color:#515151; font-weight:bold;}

label.error, span.error { margin-left: 12px; width: auto; display: block; clear:left; color: Yellow; padding: 2px 0 0 7px;} 

/* Blog - amended by James Myers */
#BlogNav	{ float:right; margin-right:20px; display: inline;}
#BlogContent { float: left; width: 500px; overflow: hidden; }