/* ########## START SUBMENU ############  */
div#content_home_left div.submenu { width: 213px; } /* This style is to set a width on the homepage */
div#content_home_left div.submenugrey { height: 231px; overflow: hidden; }

div#content_left div.submenu { width: 191px; }
div#content_home_right div.submenu { width: 323px;}


/*The container */
div.submenu { float: left; padding: 2px; margin: 0 0 5px 0; }
div.submenu img {text-align:center;clear:both;}
div.submenugrey { background-color: #ececed; }
div.submenugrey p {padding: 5px;}
div.submenublue { background-color: #d4edf7; }
div.submenuborder { border: 1px solid #999999; }
div.submenu h2 {
	font-weight:bold;border: 1px solid #006c99; color: #ffffff; font-size: 12px; padding: 6px 8px; margin: 0 0 5px 0;
	background-color: #006c99; background-image: url(../images/generic/bg_leftboxtitle.gif); background-repeat: repeat-x;
}
div.submenu h2 a:link, div.submenu h2 a:visited { color: #ffffff; background: none; }
div.submenu h2 a:hover, div.submenu h2 a:focus { text-decoration: underline; }

div.submenu img.rss { float: right; margin: 7px 5px 0 0;}

/* list within */
div.submenu ul { list-style: none; margin: 0 0 0 11px; padding: 0 0 7px 0; }
div.submenu ul li { padding: 0; margin: 13px 0 7px 0; }
div.submenu ul.home_styleone h3 { font-size: 100%; padding: 0; margin: 0; color: #000000; background-color: inherit; font-weight: bold; }
div.submenu ul.home_styleone h3 a:link, div.submenu ul.home_styleone h3 a:visited { color: #000000; background-color: inherit; }
div.submenu ul.home_styleone h3 span { font-weight: normal; }
div.submenu ul.home_styleone a:link, div.submenu ul.home_styleone a:visited {color: #0093d0;}
div.submenu ul.home_styleone a:hover, div.submenu ul.home_styleone a:focus, div.submenu ul.home_styleone a:active {color: #0093d0;}
div.submenu ul.home_styleone a.additional { font-weight: bold; float: right; margin-right: 5px; }

div.submenu div.brandmenu { float: left; }
div.submenu div.brandmenu ul { float:left; margin: 0; padding: 0; }
div.submenu div.brandmenu ul li { margin: 0 0 2px 0; padding: 0; display: block; }
div.submenu div.brandmenu ul li a:link, div.submenu div.brandmenu ul li a:visited { display: block; width: 183px; color: #000000; margin: 0; padding: 4px 3px 3px 6px; }
* html * div.submenu div.brandmenu ul li a { float: left; }

div.submenu div.brandmenu ul li a:hover, div.submenu div.brandmenu ul li a:focus { background-color: inherit; color: inherit; text-decoration: underline; }
div.submenu div.brandmenu ul li span.on a:link, div.submenu div.brandmenu ul li span.on a:visited, div.submenu div.brandmenu ul li span.on a:hover, div.submenu div.brandmenu ul li span.on a:focus {
	background-color: #0093d0; color: #ffffff;
}

/* feature area */
div.submenu div.feature { padding: 4px 0 0 5px; min-height:299px; }
*html* div.submenu div.feature { height:295px !important;}
div.submenu div.feature { *min-height:297px !important; *height:297px !important; }
div.submenu div.feature table { height:299px; }
*html* div.submenu div.feature table { height:296px; }
div.submenu div.feature table .bottom_box {padding-bottom:5px; }
div.submenu div.feature img {  }
div.submenu div.feature h3 { margin: 5px 10px 6px 0;clear:both; }
div.submenu div.feature p { margin: 12px 10px 6px 0; }
*html* div.submenu div.feature p { margin: 12px 10px 0 0; padding-bottom:10px; }
/*div.submenu div.feature p.content { min-height:117px; }
div.submenu div.feature p.content { *min-height:117px !important; }
*html* div.submenu div.feature p.content { margin: 12px 10px 6px 0; height:103px; }*/
div.submenu div.feature a, div.submenu div.feature a:visited { color: #0093d0; font-weight: bold; }
div.submenu div.feature a:hover, div.submenu div.feature a:focus { color: #000000; font-weight: bold; text-decoration: none; }
div.submenu div.feature a.readmore { float: right; }

/* Internal text */
div.submenu div.internal { padding: 9px 7px 9px 7px; }
div.submenu div.internal h3 { margin: 5px 0 5px 0; }
div.submenu div.internal p { margin: 0 0 5px 0; padding: 0; }
div.submenu div.internal p.highlight { color: #0093d0; }

div.submenu div.internal p a, div.submenu div.internal p a:visited { color: #0093d0; }
div.submenu div.internal p a:hover, div.submenu div.internal p a:focus { color: #0093d0; text-decoration: underline; }

div.submenu div.internal p.readmore { text-align: right; }
div.submenu div.internal p.readmore a, div.submenu div.internal p.readmore a:visited { color: #0093d0; font-weight: bold; }
div.submenu div.internal p.readmore a:hover, div.submenu div.internal p.readmore a:focus { color: #000000; font-weight: bold; text-decoration: none; }

div.submenu div.home1col { float: left; width: 294px; padding: 0 7px 0 7px; margin:0px; min-height:200px; }
div.submenu div.home1col div{ height:157px; }
*html* div.submenu div.home1col { height:196px; }
div.submenu div.home1col { *min-height:196px !important; $height:196px !important; }

div.submenu div.home1col img { float: left; margin: 0 10px 0 0; }
div.submenu div.home1colborder { border: none; }
div.submenu div.home1col h3 { font-size: 100%; color: #000000; margin: 0 0 5px 0; font-weight:bold; }
div.submenu div.home1col p { line-height: 14px;  margin: 0 0 0 0; padding: 0; }
div.submenu div.home1col a:link, div.submenu div.home1col a:visited { color: #0093d0; font-weight: bold;  }
div.submenu div.home1col a:hover, div.submenu div.home1col a:focus {  }
*html* div.submenu div.home1col p.read_more { padding-top:7px; padding-bottom:17px; }
*html* div.submenu div.home2col p.read_more { padding-top:7px; padding-bottom:17px; }

div.submenu div.home2col { float: left; width: 147px; padding: 0 7px 0 7px; margin:0px; min-height:290px;}
div.submenu div.home2col div { height:270px; }
*html* div.submenu div.home2col div { height:217px !important; }
*html* div.submenu div.home2col { height:196px;}
*+html* div.submenu div.home2col { min-height:242px !important; height:242px !important;} 

div.submenu div.home2colborder { border-right: 1px solid #aadbef; }
div.submenu div.home2col h3 { font-size: 100%; color: #000000; margin: 0 0 5px 0; font-weight:bold;}
div.submenu div.home2col p { line-height: 14px;  margin: 0 0 0 0; padding: 0; }
div.submenu div.home2col a:link, div.submenu div.home2col a:visited { float: right; color: #0093d0; font-weight: bold;  }

/* Logo */
div.submenu div.logo { width: 192px; padding: 5px 0 5px 0; background-color: #ffffff; color: inherit; text-align: center; }

/* ########## END SUBMENU ############  */

/* ########## SEARCH COMPONENT ########## */
div.component_search {
	float: left; width: 182px; padding: 9px 4px 18px 11px; margin: 0 0 4px 0; background-color: #4b4b4b; color: #ffffff;
	background-image: url(/images/generic/bg_home_search.gif); background-position: top left; background-repeat: repeat-x;
}
div.component_search h2 { color: #ffffff; font-size: 12px; }
div.component_search input  { width: 136px; margin: 0 7px 10px 0; }
div.component_search select { width: 141px; }
div.component_search input.search_button_go { width: 27px; height: 18px; margin: 0; padding: 0; }
/* ########## END SEARCH COMPONENT ########## */


/* ########## SEARCH COMPONENT HEADER ########## */
div.component_search_header {
	float: left; width: 855px; padding: 3px 20px 3px 25px; margin: 0 0 2px 0; background-color: #4b4b4b; color: #ffffff;
	background: #000000 url(/images/generic/bg_home_search.gif) top left repeat-x;
}
*html* div.component_search_header { width: 852px !important; padding: 3px 20px 3px 28px !important; }
div.component_search_header { *width: 857px !important; *padding: 3px 20px 3px 23px !important; }

div.component_search_header h2 { color: #ffffff; font-size: 12px; padding: 3px 0 0 0;margin:0 13px 0 0;}
div.component_search_header input  { width: 176px; margin: 0 13px 0 0; border: 1px solid #7f9db9;}
div.component_search_header .select { width: 176px; margin: 0 13px 0 0; border: 1px solid #7f9db9 !important; }
div.component_search_header input.search_button_go { width: 27px; height: 18px; margin: 0 13px 0 0; padding: 0; border: 0; }
div.component_search_header p {color: #c0c0c0;margin:0;}


/* ########## END SEARCH COMPONENT HEADER ########## */

div.special_subcategory_header .description li { list-style-type:disc; }
div.subcategory_header { float:left; padding:10px 0 0 0; width: 900px; margin:0 0 15px 0; }
div.subcategory_header .header { float:left; width:255px; padding: 10px 0 0 0; background:#fff; border-right: 645px solid #ececed; }
div.subcategory_header h1 {color:#484848;font-size:26px;font-weight:normal; }
div.subcategory_header .description {width:595px; padding: 10px 20px 10px 30px; vertical-align:top; float:right; background:#ececed; margin-left: -650px;}
*html* div.subcategory_header .description {width:600px; padding: 10px 20px 10px 25px; margin-left: -645px;}
div.subcategory_header .description {*width:600px; *padding: 10px 20px 10px 25px; *margin-left: -645px;}

/* ########## START HOMEPAGE ELEMENTS ############# */
div.home_search { background-color: #000000; background-repeat: repeat-x; background: url(/images/generic/bg_home_search.gif); color: #ffffff; margin: 0 0 3px 0; }
div.home_search table { height: 37px; }
div.home_search table td { height: 37px; padding: 0; vertical-align: center; }
div.home_search table td.introtext { width: 67px; text-align: right; padding: 0 5px 0 0; font-weight: bold; }
div.home_search table td.input { padding: 0 13px 0 0; } 
div.home_search table td.input input { width: 174px; color: #999999; }
div.home_search table td.button { padding: 0 13px 0 0; }
div.home_search table td.text { color: #c0c0c0; background-color: inherit; }

div#home_hero { width: 678px;  }
div.home_heroimage { float: left; margin: 0 0 -220px 0; height: 298px; }
div.home_herotext { float: left; color: #ffffff; margin: 0; padding: 0 0 0 343px; height: 220px; width: 335px; }
div.home_herotext h2 { font-size: 30px; margin: 0; padding: 0; color: #ffffff; background-color: inherit; }
div.home_herotext p { font-size: 14px; margin: 0; padding: 0;  color: #ffffff; background-color: inherit; }

div.homepage_solution { float: right; width: 351px; margin: 0 -3px 0 0; }

div.content_home_extras { float: left; width: 900px;  }
div.content_home_extras div.content_home_extras_left { float: left; padding: 20px 0 0 0; width: 400px; line-height: 19px; font-size: 120%;}
div.content_home_extras div.content_home_extras_right { float: right; padding: 6px 0 0 0; text-align: right; }
div.content_home_extras img { float: left; margin: 0 5px 0 0; }

/* ########## END HOMEPAGE ELEMENTS ############# */

table.contact th {color: #000; font-size: 100%; vertical-align:top; text-align:left; font-weight:normal;}
.contact th, .contact td { padding: 5px;}
.contact input.text, table.contact textarea, .contact select {border: 1px solid #7f7f7f; color: #444;font-family: arial,verdana,sans-serif;padding: 2px 2px 2px 3px; font-size: 100%; width:200px  }
.contact span.required { color:#0098C8; }
.contact .dob { width:40px !important; }
.contact .dob_year { width: 70px !important; }


/* ########## START BREADCRUMB ############# */
.content_breadcrumb { width: 100%; margin: 3px 0 5px 0;  clear:both;}
.content_breadcrumb h3 { font-size: 13px; font-weight: bold; color: #666666; }
.content_breadcrumb table { margin: 0 0 0 4px; }
.content_breadcrumb table td { padding: 0 10px 0 0; height: 24px; white-space:nowrap;}
.content_breadcrumb table select { /* width: 124px; */ margin: 0; }
.content_breadcrumb a:link, .content_breadcrumb a:visited, .content_breadcrumb .separator {color: #0093d0;}
.content_breadcrumb .left {float:left;width: 500px;white-space:nowrap; padding: 0 0 0 19px;}
*html* .content_breadcrumb .left { padding: 0 0 0 22px; }
.content_breadcrumb .left { padding: 0 0 0 0; }
.content_breadcrumb .right {float:right;text-align:right;padding: 3px 15px 0 0;}
.subcategory_content_breadcrumb .left { float:left; padding: 12px 0 10px 15px; }
.subcategory_content_breadcrumb .right {float:right; text-align:right; padding: 10px 20px 10px 0;}

.subcategory_content_breadcrumb .special_left { float:left; padding: 12px 0 0 15px; }
.subcategory_content_breadcrumb .special_right { float:right; text-align:right; padding: 10px 20px 0 0; }

/* ########## END BREADCRUMB ############# */

/* */
table.finishes { margin: 14px 0 0 0;}
table.finishes td.sample { padding: 10px; }
table.finishes td.text { padding: 0 10px 0 0;}
.additional {margin: 10px 0 0 0; }
.additional td { vertical-align: bottom; text-align: center; }
.additional a:link, .additional a:visited {color: #0093d0 !important; text-decoration:none;}
.additional a:hover, .additional a:focus {color: #0093d0 !important; text-decoration:underline;}


/* 	####################################################
	################# PRODUCT PAGE #####################
 	#################################################### */
table.products {clear:both;}
table.productsbg {  background: transparent url(/images/internal_template/products_bg_header_two.gif) top left repeat-x;}
table.lowheader {  background: transparent url(/images/internal_template/products_bg_header.gif) top left repeat-x !important;}
table.products tr { background: none; } /* stops the background being inherited */
table.products th { text-align: left; padding: 7px 0 0 0; font-size: 21px; color: #0093d0; background-color: inherit; font-weight: normal; }
table.products th.special_th { text-align: left; padding: 1px 0 6px 0; font-size: 21px; color: #0093d0; background-color: inherit; font-weight: normal; }
table.products th.brand_specific_th { text-align: left; padding: 1px 0 6px 0; font-size: 21px; color: #0093d0; background-color: inherit; font-weight: normal; }
table.products th h2 { margin:0px !important; }
table.products th span.floatright { font-size: 11px; }
table.products th.brands { margin: 0; background: transparent url(/images/internal_template/products_bg_body.gif) top right repeat-y ; padding-bottom:11px !important;}
table.products th.products { padding: 7px 0 0 6px; padding-bottom:11px !important;}
table.products th.brandrange { padding: 0 0 0 0; }

table.products tr.line td { background: transparent url(/images/internal_template/products_bg_header.gif) repeat-x bottom left;}

table.products td.brands {vertical-align: top; padding: 0px 0 5px 0; width:100%;background: transparent url(/images/internal_template/products_bg_body.gif) top right repeat-y;}
table.products td.brands div.listouter {width:120px; overflow:hidden; clear:none;float:left;}
table.products td.brands ul { float: left; margin: 0 1px 0 0; padding: 0; list-style: none; width:120px;overflow:hidden;clear:none;}
table.products td.brands ul li { margin: 0; padding: 0 0 2px 0; }
table.products td.brands ul li a:link, table.products td.brands ul li a:visited { display: block; padding: 2px 6px 2px 6px; width: 107px; color: #0093d0; background-color: #ffffff; }
table.products td.brands ul li a:hover, table.products td.brands ul li a:focus { color: #0093d0; background-color: #ffffff;text-decoration: none; }
table.products td.brands ul li.on a:link, table.products td.brands ul li.on a:visited, table.products td.brands ul li.on a:hover, table.products td.brands ul li.on a:focus  { color: #ffffff !important; background-color: #0093d0 !important; text-decoration: none; }

table.products td.divider { background-image: url(/images/internal_template/productrange_bg_divider.gif); background-repeat: repeat-x; padding: 0 0 0 0; }
table.products td.products { vertical-align: top;  padding: 0 0 5px 10px; }
div.productimage { float: right; width: 308px; text-align: center; overflow: hidden;}

table.productrange {width:475px;}
table.productrange td { color: #0093d0; background-color: inherit; }
table.productrange td h3 { margin: 0; padding: 0 0 0 3px; font-weight: bold; }
table.productrange td h3.productCategorySubCategoryTitle { margin: 0; padding: 0 0 0 3px; font-weight: bold; background-color:#EBEBEB; }
table.productrange td a:link, table.productrange td a:visited { display: block; color: #999999; margin: 0 0 2px 2px; padding: 1px 3px 1px 6px; }
table.productrange td a:hover, table.productrange td a:focus { color: #999999; text-decoration: none; }
table.productrange td.on a:link, table.productrange td.on a:visited, table.productrange td.on a:hover, table.productrange td.on a:focus { background-color: #0093d0; color: #ffffff; text-decoration: none; }
td.brandrange { vertical-align: top;  padding: 0 0 5px 0; }

table.brandrange { width: 100%; }
table.brandrange td { color: #0093d0; background-color: inherit; text-align: left; padding: 0 5px 0 0; }
table.brandrange td h2 { margin: 20px 0 0 0; }
table.brandrange td h3 { margin: 0; padding: 0 0 0 3px; font-weight: bold; color: #545453;}
table.brandrange td a:link, table.brandrange td a:visited { display: block; color: #999999; margin: 0 0 2px 2px; padding: 4px 3px 3px 6px; }
table.brandrange td a:hover, table.brandrange td a:focus { text-decoration: underline; }


table.products tfoot td, table.products tr.tfoot td {
	padding:10px 0 5px 0; text-align: right; color: inherit; background-color: #ffffff;
	background-image: url(/images/internal_template/products_bg_footer.gif); background-repeat: repeat-x; background-position: top left;
}
table.products tfoot td ul, table.products tr.tfoot td ul { float: right; }
.productsTitlebg { background:url(../images/assets/title_background.jpg) repeat-x; height:35px; margin:0 0 0 1px; width:871px; padding: 6px 0 0 21px; }
.productsTitlebg h2 { color:#787878 !important; font-size:60%; padding-top:5px; }
.productstopofpage { padding:0px 10px 0 0 !important; text-align:right !important; vertical-align:middle !important; font-size:55%; }

div.brandbg { position:relative; background:url(../images/assets/title_background.jpg) repeat-x; height:35px; vertical-align:middle; margin:0 0 0 1px; padding:0px 0 0 21px; width:871px; }
table.brandbg { position:relative; background:url(../images/assets/title_background.jpg) repeat-x; height:35px; vertical-align:middle; margin:0 0 0 1px; padding:0px 0 0 21px; width:871px; }
h3.brandtitle { color:#787878; }
.brandtopofpage { padding:8px 10px 0 0 !important; text-align:right !important; vertical-align:middle !important; }

table.brandrange td { vertical-align: center; }
table.brandrange td img { float: left; margin: 0 4px 0 0; }
table.brandrange td img.button { float: right; margin: 0 0 0 4px; }
table.brandrange td h2 { margin: 0 0 0 0; }
table.brandrange td h3 { margin: 10px 0 0 0; padding:0 0 2px 0;}
table.brandrange td h3.special_h3 { margin:0px; padding:0 0 2px 0;}
table.brandrange td h3.brand_specific_h3 { margin:0px; padding:0 0 2px 0;}
table.brandrange td.detail h2 { font-size: 100%; }

table.brandproductrange { }
table.brandproductrange td { vertical-align: top; width: 170px; text-align:center; padding: 0 0 10px 0;}
table.brandproductrange td img {text-align:center;float:none;}
table.brandrangetradeins td { padding: 0 10px 0 0; }
table.brandproductrange td h2 { font-size: 110%; margin:0 !important; padding: 0 !important; color: #999999; clear:both;}
table.brandproductrange td h3 { font-size: 100%; margin:0 !important; padding: 0 !important; color: #999999;}
table.brandproductrange td p a { color: #000000 !important; background-color: inherit; }

div.clearimage { width: 200px; clear: right; float: left; margin: 0; text-align: center; }
div.clearimage img { margin: 0; text-align: center; }

	/* site map */
div.sitemap ul {float: none; list-style: none; padding: 0; margin: 2px 0 0 0; }
div.sitemap ul ul { margin: 2px 0 0 25px; }
div.sitemap li { background-image: url(../images/sitetree/item_small.gif); background-repeat: repeat-y; background-position: top left; padding: 0; margin: 0; }
div.sitemap li.last { background-image: none; }
div.sitemap a:link, div.sitemap li a:visited { padding: 1px 0 2px 0; margin: 0;}
div.sitemap img { margin: 0 5px -5px 0; }

.footerlink { padding: 0 20px 10px 0 !important; }

div.special_product_image_div { position:relative; float:right; overflow:hidden; padding-right:8px;}
.special_product_image { margin:-43px 0 0 0px !important; height:113px; }
.special_product_image_link { padding:0px !important; margin:0px !important; }
.special_brand {margin: 0 10px 0  0 !important;}
.special_product_image_brand  { margin:-58px 0 0 0 !important; height:113px; }
.special_product_image_no_tag { margin:0px !important; height:113px; }

div.brand_specific_product_image_div { position:relative; float:right; overflow:hidden; }
.brand_specific_product_image { margin:-55px 0 0 0 !important; height:113px; } //margin:-102px 0 0 0 
.brand_specific_product_no_image { margin:-55px 0 0 20px !important; height:113px; }

div.special { height:45px; padding-right:5px; }
div.special a { font-family:Arial, Helvetica, sans-serif; margin:0px !important; padding:0px !important; }
.special_brand_name { color:#999999 !important; }
.special_product_name { color:#0094D3 !important; width:145px;}
.special_condition { color:#000000 !important; }
.special_price_title { color:#999999 !important; text-align:left !important; padding:0px !important; font-size:90%; }
.special_price_content_left { color:#000000 !important; text-align:left !important; font-size:105%; padding:0px !important; }
.special_price_content_right { color:#000000 !important; text-align:left !important; font-size:120%; padding:0px !important; }
.special_top_of_page { text-align:right !important; padding:5px 20px 0 0 !important; }
.special_top_of_page a { color:#0093D0 !important; }

div.product_detail_image_div { float:left; margin:0 0 0 -135px; position:relative;}