﻿.teaser{padding: 0 55px; height: 355px; width: 840px; position: relative; background: url(/Style%20Library/en-us/images/browse/desk_top.jpg) left top no-repeat;}
.teaser .title{width: 340px;padding-top: 15px; clear: left;padding-left:4px;padding-top:13px;}
.teaser h1{margin: 0 0 15px 0; color: #455a9d;  font: normal 25px Georgia, serif; text-transform: none;}
.teaser .descr {width: 340px;margin-top:-4px;padding-left:4px;}
.teaser p{color: #666; font: 13px Lucida Grande, Lucida Sans Unicode, sans-serif;}
.teaser p a, .editorial_intro p a{text-transform: uppercase; font: bold 10px Verdana, Geneva, sans-serif; padding: 0 15px 0 0; background: url(/Style%20Library/en-us/images/product_detail/arrow_right.gif) right 2px no-repeat;}
.teaser .img{position: absolute; top: 5px; right: 55px;}
.teaser .mc-img{right:30px;top:0;width:510px;text-align:right;}
.teaser a{text-decoration: none;}
.teaser #breadcrumbs {margin-left: -5px;}
 
.listing{width: 100%; overflow: hidden; clear: both; padding: 25px 0 50px 0;}
.list{float: left; width: 164px; padding-right: 20px;}
.list img{width: 123px; height: 123px;}
.list h2, .list h2 a:link, .list h2 a:visited{text-decoration: none; color: #455a9d; font: normal 15px Georgia, serif; text-transform: lowercase; margin: 0.3em 0;}
.list h2 a:hover{text-decoration: underline; }
.list ul{margin:0; font: 11px Lucida Grande, Lucida Sans Unicode, sans-serif;}
.list li{list-style: none; margin: 0 0 0.3em 0;}
.list li a:link, .list li a:visited{text-decoration: none; color: #6C6D70; }
.list li a:hover{text-decoration: underline;}
.listing .last {padding-right: 0;}

.cat .primary{border: 7px solid #d1d2d4; float: left; width: 502px; margin-right: 60px; padding:  25px 35px;}
.cat .primary div{display: block !important; clear: both;}
.cat .primary .con1{width: 270px; float: left; clear: none; padding-bottom: 30px;}
.cat .con1 h2{width: 210px;}
.cat .primary .con2{width: 190px; float: left; clear: none; padding: 0 0 30px 35px; }
.cat .primary h2{color: #a9abae; font: normal 26px Georgia, serif; text-transform: lowercase; margin: 0 0 15px 0;}
.cat .primary p{margin: 0;}
.cat .primary h3{ margin: 0; padding: 15px 0 .1em 0; color: #3c3c3d; text-transform: uppercase; font: bold 11px Verdana, Geneva, sans-serif;}
.cat .primary ul{margin: 0;}
.cat .primary li{text-transform: lowercase; margin:0; padding: 0 0 5px 10px; list-style: none; background: url(/Style%20Library/en-us/images/global/dot.gif) left .4em no-repeat; }
.cat .primary li span, .cat .primary li a span{color: #3c3c3d !important; text-decoration: none !important; font: bold 12px Lucida Grande, Lucida Sans Unicode, sans-serif !important;}
.cat .primary a{color: #3c3c3d; text-decoration: none; font: bold 12px Lucida Grande, Lucida Sans Unicode, sans-serif;}
.cat .primary a:hover{text-decoration: underline;}
.cat .tertiary{float: left; width: 220px;}
.con4 h2{padding: 15px 0 .1em 0; color: #3c3c3d; text-transform: uppercase; font: bold 11px Verdana, Geneva, sans-serif;}

.pop_search{padding: 10px 0; margin-bottom: 20px; width: 100%; overflow: hidden;}
.pop_search h2{color: #a9abae; text-transform: lowercase; font: 26px Georgia, serif; margin: 0 0 .4em 0;}
.pop_search ul{margin:0;}
.pop_search li{margin:0 0 .3em 0; padding: 0 10px;list-style: none; background: url(/Style%20Library/en-us/images/global/dot.gif) left .4em no-repeat; }
.pop_search a:link{color: #3c3c3d; text-decoration: none; font: bold 12px Lucida Grande, Lucida Sans Unicode, sans-serif;}

.member_spot{background: url(/Style%20Library/en-us/images/browse/drawer_spot.png) left top no-repeat; height: 150px; text-align: center;}
.member_spot p{margin: 0 0 0 0; padding: 43px 40px 0 40px; color: #fff; font: 15.5px/15px Georgia, serif;}
.member_spot ul{margin: 13px 5px 0 0;}
.member_spot li{ list-style: none; display: inline; padding-right: 13px; padding-left: 10px; background: url(/Style%20Library/en-us/images/browse/drawer_arrow.gif) right 4px no-repeat; }
.member_spot a{color: #3c3c3d; text-decoration: none; font: bold 9.75px Georgia, serif;}

.catNav h2{color: #455a9d; font:normal 15px Georgia, serif; text-transform: lowercase; margin: 20px 0 .6em 0;}
.catNav h2 a:link,.catNav h2 a:visited {text-decoration:none;color: #455a9d; font:normal 15px Georgia, serif; text-transform: lowercase; }
.catNav h2 a:hover{color: inherit; text-decoration: underline;}
.catNav h3{margin: 0 0 .6em 0; color: #666; font: normal 11px Lucida Grande, Lucida Sans Unicode, sans-serif; }
.catNav h3 a:link, .catNav h3 a:visited{text-decoration:none; }
.catNav h3 a:hover{color: inherit; text-decoration: underline;}
.catNav ul{margin:0 0 10px 0;}
.catNav li{padding: 0 0 0 15px; margin: 0; list-style: none; margin: 0 0 .6em 0;}
.catNav li.active{background: url("/Style%20Library/en-us/images/product_detail/arrow_right.gif") no-repeat scroll 0 2px;}
.catNav ul a, .catNav ul a:link, .catNav ul a:visited{color: #666; font: normal 11px Lucida Grande, Lucida Sans Unicode, sans-serif; text-decoration:none;}

.prod_filter{border-top:2px dotted #EEEEEE; border-bottom:2px dotted #EEEEEE; padding: 10px; color: #4d525a; margin: 20px 0;}
.prod_filter p{margin-bottom: 6px;}
.prod_filter label{display: block; padding-bottom: 3px;}
.prod_filter select{display: block; margin-bottom: 7px; width: 100%;}

/* Start subcat CSS */
.subcat .teaser {margin-bottom: 30px;}
.subcat #primary {margin-left: 180px; width: 710px; padding-left: 30px; padding-top: 25px;}
.subcat #secondary {width: 180px; margin-left: -920px; left:0; padding-top: 25px;}
.subcat .primary{width: 510px; float: left; padding-right: 20px;}
.subcat .tertiary{width: 180px; float: left;}
.subcat .tertiary h2{}
.subcat .pop_search{background: #f6f6f6; padding: 10px; width: auto; overflow:visible;}
.subcat .pop_search h2{font-size: 21px;}
.subcat .pop_search a { color: #3c3c3d; text-decoration: none; font: bold 12px Lucida Grande, Lucida Sans Unicode, sans-serif; }
.tertiary .ancillary{background: #f6f6f6; }
.tertiary .ancillary h2{padding: 10px 10px 0 10px; margin:0; color: #a9abae; text-transform: lowercase; font: normal 20px Georgia, serif;}
.tertiary .ancillary ul{margin:0; padding: 10px;}
.tertiary .ancillary li{list-style: none;margin:0 0 .4em 0; font: 11px Lucida Grande, Lucida Sans Unicode, sans-serif;}

.subcat .teaser, .product_listing .teaser{background: #fff; height: auto; width: auto; border: 7px solid #d1d2d4; padding: 20px; min-height:170px;}
.subcat h1, .product_listing.teaser{font-size: 25px; margin-top:0; text-transform: none;}
.subcat .teaser .title, .product_listing .teaser .title{width: 240px;padding-top: 0;margin-top:4px;margin-left:4px;line-height:1.1em;}
.subcat .teaser .descr, .product_listing .teaser .descr {width: 260px;margin-left:4px;margin-top:-6px;font-size:12px;line-height:1.3em;}
.subcat .teaser p, .product_listing .teaser p{font-size: 12px; line-height: 1.3em;}
.subcat .teaser .img, .product_listing .teaser .img{right:0; top: -25px;}

.editorial_headline h2{text-transform: none; color: #a9abae; font: normal 26px Georgia, serif; margin-bottom: 15px}
.editorial_listing div{padding: 20px 0; border-top: 2px solid #f5f5f5; width: 100%; overflow: hidden;}
.editorial_listing img{float: left; border: 1px solid #ccc;}
.editorial_listing h2{padding-left: 15px; margin: 0 0 .1em 0; text-transform: uppercase; color: #3c3c3d; font:bold 11px Verdana, Geneva, sans-serif; overflow: hidden;}
.editorial_listing p{padding-left: 15px; overflow: hidden;}

/* Start product listing */
.product_listing #primary {margin-left: 180px; width: 710px; padding-left: 30px; padding-top: 25px;}
.product_listing #secondary {width: 180px; margin-left: -920px; left:0; padding-top: 5px;}
.seg_header{clear: left; width: 670px; overflow: hidden; margin-bottom: 20px; background: #f3f4f4; padding: 15px 20px;}
.seg_header h2{float: left; width: 200px; padding-right: 20px; color: #a9abae; font: normal 24px Georgia, serif; margin:0; line-height: 1.1em;}
.seg_header p{float: left; width: 450px; margin: 0;line-height:1.3em;}
.seg_header a{display: inline-block; text-decoration: none; text-transform: uppercase; font: bold 10px Verdana, Geneva, sans-serif; padding: 5px 20px 0 0; background: url(/Style%20Library/en-us/images/product_detail/arrow_right.gif) right 6px no-repeat;}
.seg_prod{width: 225px; float: left; margin: 0 17px 30px 0; position:relative;}
.products .last{margin-right: 0;}
.products .break{clear: left; overflow: hidden;}
.seg_prod h2{margin: 0; color: #666; font: bold 11px Lucida Grande, Lucida Sans Unicode, sans-serif;}
.seg_prod h2 a{text-decoration: none;}
.seg_prod .img{display: block; border: 1px solid #ccc; margin-bottom: 10px; text-decoration: none; text-align: center; vertical-align:middles; width: 223px; height: 223px;}
.seg_prod img{/*width: 223px; height: 223px;*/}
.seg_prod p{margin: 0; color: #666; font: normal 11px Lucida Grande, Lucida Sans Unicode, sans-serif;}
.seg_prod p a{text-decoration: none;}
.seg_prod .sale{color: #c43b31;}
.list_controls{padding: 20px 0 30px 0; margin-top: 20px; border-top: 2px dotted #eee; width: 100%; overflow: hidden; clear: left;}
.list_controls .pager{width: 225px; float: left; font: 11px Lucida Grande, Lucida Sans Unicode, sans-serif;}
.list_controls .pager a{text-decoration: none;}
.list_controls .pager a[disabled="disabled"]{color: #aaa;}
.list_controls .sort{float: left; width: 225px; text-align: center; font-size: 11px; text-transform:uppercase;}
.list_controls .sort select{margin-left: 5px;}
.list_controls .compare{float: right; width: 235px; font-size: 11px;}
.list_controls .compare button{margin-right: 5px;}

.search_results #primary {margin-left: 0; width: 100%; padding:0;}
.search_results .target .primary {float: left;margin-left: 180px; width: 717px; padding-left: 30px; padding-top: 25px;border:solid 1px #b8b9bc; height:auto; text-align:left; padding:10px; background: #fff;}
.search_results .target .secondary {width: 170px; margin-left: -918px; left:0;  float:left;}
.search_results .target .compare button{width: auto; margin-left: 0; left:0;  float:none;}
.search_results .catNav h2{margin-top:0;}
.search_results .search_nav{*right:1px; _right: 1px;background:#B8B9BC;border: none;color:#FFFFFF;float:right;height:24px;padding:7px 15px 0 25px;position:absolute;top:54px; right:0; }
.search_results .search_nav input {font:normal 11px Helvetica, Arial, sans-serif; color: #333;}
.search_results .search_nav button{font: normal 15px Georgial, serif; letter-spacing:normal; text-transform: lowercase; color: #fff;}

.search_results .products, .search_results .articles{border-top: 1px solid #b8b9bc;border-bottom: 1px solid #b8b9bc; padding: 25px 0; width: 100%; overflow: hidden;}
.search_results .seg_prod .img{border: none;}
.search_results .list_controls{border: none;}

.search_results .filters{padding-top: 25px;}
.search_results .filters h2{color:#455A9D; font: normal 15px Georgia, serif; text-transform: lowercase; margin-bottom:.5em;}
.search_results .filters label{display:block; margin-bottom: .1em;}
.search_results .filters select{margin-bottom: .5em;}

/* Hidden and Open Styles (needed for all this to work) */
.hidden {position:absolute; top:-9999px; left:-9999px;}
.open {position:static; top:0; left:0;}

/* Branding specific styles for triggers and targets */
.SearchResultsTabs {width: 100%; overflow: hidden;}
.SearchResultsTabs ul {overflow:visible;height:30px;margin-bottom:0; margin-left:180px; float: left;}
.SearchResultsTabs ul .trigger {display:block; float:left; border-color:#b8b9bc; border-width:1px 1px 0; padding:5px 25px; height:20px; background: #b8b9bc; border-style:solid; margin-right:10px; position:relative; margin-bottom:-1px}
.SearchResultsTabs ul .trigger a {color:#fff; text-decoration: none; font: normal 15px Georgia, serif; text-transform: lowercase;}
.SearchResultsTabs ul .active {height:20px;_height:21px; margin-bottom:-1px; background:#fff;}
.SearchResultsTabs ul .active a{color: #666;}
.SearchResultsTabs ul .disabled { border-color:#ccc; border-width:1px 1px 0; border-style:solid;}
.SearchResultsTabs ul .disabled a {cursor:default; text-decoration:none; color:#ccc; text-decoration:line-through;}
.SearchResultsTabs ul .disabled a:active {color:#ccc;}
.SearchResultsTabs .target{width: 920px;}
.SearchResultsTabs .target ul{margin: 10px 0 10px 20px; float: none; height: auto; float: none;}
.search_header{position: static; margin-left: 184px; font-size: 19px;}
.search_header h1 { font-size: 19px; }
.search_header .search_alt_color { color: rgb(102, 102, 102); }
