@charset "UTF-8"; /**** ** General CSS ****/ body { margin: 0px; padding: 0px; background:#fff url(../_images/2012/bg-white-2012-we-are.jpg) fixed repeat center top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #575757; } div, li, p { font-size: 1em; } p { margin-top: 0px; padding: 0px; color: #757575; } a, a:hover { outline: none; } a img { border: 0px; } a, input[type=submit], input[type=button] { cursor: pointer; } ul, ol, li, form { margin: 0px; padding: 0px; display: block; } /*li { display: list-item; }*/ div.clear { clear: both; } h1, h2 { margin: 0px; padding: 0px; font-family: Arial; font-size: 1em; color: #333; } div.imageloader { height: 0px; overflow: hidden; } .black { color: #000000; } .grey { color: #939598; } .pink { color: #e72394; } .acid { color: #d7e000; } .red { color: #d72237; } /**** ** Wrapper ****/ div#wrapper { width: 1002px; margin: 0px auto; position: relative; } div#wrapperinner { width: 960px; border-style: solid; border-color: #e7e7e7 #e7e7e7 #e7e7e7; border-width: 0px 1px 1px; background: url(../_images/2012/bg-black-5.png); padding: 0px 20px 20px; } /**** ** Header ****/ div#header { height: 205px; border: none; position: relative; z-index: 10; } #header h1 a.logo { width: 102px; display: block; height: 0px; padding-top: 183px; background: url(../_images/2012/686_site_logo_black.png) no-repeat 0px 0px; text-indent: -9999px; position: absolute; left: 0; top: 19px; overflow: hidden; } #header h1 a.logo:hover { background-position: 0px -183px; } /* Top Nav */ div#header ul#topnav li .popout-subnav { position: absolute; top: 25px; z-index:5000; left: 0; padding: 10px; background: url(../_images/2012/bg-black-5.png); } div#header ul#topnav li .popout-subnav .columncontainer { background-color:#fff; padding: 22px 15px 22px 0; } div#header ul#topnav li .popout-subnav .column { margin: 0 0 0 30px; width: 130px; float: left; } div#header ul#topnav li .popout-subnav .column h1 { font-size: 12px; color: #000; border-bottom: 1px solid #4d4d4d; padding: 0 0 9px; margin: 0 0 11px; } div#header ul#topnav li .popout-subnav .column h2 { font-size: 12px; color: #000; padding: 0 0 3px 5px; margin: 0; } div#header ul#topnav li .popout-subnav .column .group { margin: 0 0 5px; } div#header ul#topnav li .popout-subnav .column a { display: block; height: 20px; line-height: 20px; padding: 0 0 0 5px; color: #999; text-align: left; font-size: 12px; font-weight: bold; text-transform: none; background-image: none; border: none; } div#header ul#topnav li .popout-subnav .column h1 a { display: block; height: 20px; line-height: 20px; padding: 0 0 0 5px; color: #000; text-align: left; font-size: 12px; font-weight: bold; text-transform: none; background-image: none; background-color: #d7e000; border: none; } div#header ul#topnav li .popout-subnav .column h1 a:hover { color: #d7e000; background-color: #000; } div#header ul#topnav li .popout-subnav .column .group a { padding-left: 10px; } div#header ul#topnav li .popout-subnav .column a:hover, div#header ul#topnav li .popout-subnav .column a.current { background-color: #d7e000; color: #000; border: none; } div#header ul#topnav { height: 25px; height: auto; width: auto; list-style: none; position: absolute; bottom: 4px; left: 110px; } div#header ul#topnav li { float: left; display: block; height: 25px; height: auto; list-style: none; position: relative; z-index: 4000; zoom: 1; margin-right: 5px; } div#header ul#topnav li a { display: block; height: 25px; height: auto; line-height: 12px; font-size: 12px; color: #000; text-align: center; text-transform:uppercase; text-decoration: none; padding: 13px 0 0; font-weight: bold; } div#header ul#topnav li a:hover { border-bottom: 5px solid #000; padding: 0; height: 20px; color: #000; } div#header ul#topnav li.on a, div#header ul#topnav li.current a { color: #000; border-bottom: 5px solid #000; padding: 0; height: 20px; } div#header ul#topnav li.products { width: 80px; } div#header ul#topnav li.products .popout-subnav { width: 680px; } div#header ul#topnav li.video { width: 57px; } /*div#header ul#topnav li.news { width: 73px; }*/ div#header ul#topnav li.faction { width: 63px; } div#header ul#topnav li.wheretobuy { width: 107px; } div#header ul#topnav li.downloads { width: 128px; } div#header ul#topnav li.company { width: 72px; margin-right: 0; } /* Japanese Nav */ div#header ul.japanese li.faction { width: 140px !important; } div#header ul.japanese li.wheretobuy { width: 90px !important; } /* French Nav */ div#header ul.french li { width: auto !important; } div#header ul.french li a.tab { padding: 0px 9px; font-size: 1.083em !important; } /* Spanish Nav */ div#header ul.spanish li { width: auto !important; } div#header ul.spanish li a.tab { padding: 0px 5px; font-size: 1.083em !important; } /* German Nav */ div#header ul.german li.wheretobuy { width: 188px !important; } div#header ul.german li.downloads { width: 114px !important; } div#header ul.german li.company { width: 58px !important; } div#header ul#topnav li ul.level1 { /*position: absolute; left: -9999px;*/ display: none; } /*div#header ul#topnav li div.dropdownmenu { position: absolute; top: 67px; width: 200px; border: 1px solid #212121; z-index:5; overflow: hidden; }*/ /* left: 9999px; */ div#header ul#topnav li div.dropdownmenu { position: absolute; top: 44px; width: 210px; height: 400px; z-index: 4001; zoom: 1; overflow: hidden; } /* left: 9999px; */ div#header ul#topnav li div.dropdownmenu div.dropdowninner { position: relative; } div#header ul#topnav li div.dropdownmenu div.dropdowninner a.close { background: #2d2d2d; text-align:center; height: 26px; line-height: 26px; display: block; font-family: Verdana, Geneva, sans-serif; color:#FFF; font-weight:normal; font-size: 0.917em; } div#header ul#topnav li div.dropdownmenu div.dropdowninner a.close:hover { color: #FF1C1A; background: #2d2d2d url(../_images/layout/nav-close.gif) no-repeat; } div#header ul#topnav li div.dropdownmenu div.panelcontainer { border: 5px solid #2d2d2d; } div#header ul#topnav li div.dropdownmenu div.panelcontainer div.panelinner { border: 1px solid #212121; position: relative; width: 200px; overflow: hidden; background:#000; } div#header ul#topnav li div.dropdownmenu div.panel { width: 200px; top: 0px; left: 200px; position: absolute; background: #000; z-index: 9994; } div#header ul#topnav li div.dropdownmenu div.panel ul { float: none; width: 200px; left: 0px; position: relative; } /* display: none; */ div#header ul#topnav li div.dropdownmenu div.panel ul li { width: 200px; float: none; height: 30px; background: url(../_images/layout/nav-sub_bordergrey.gif) no-repeat top center; padding-top: 1px; } div#header ul#topnav li div.dropdownmenu div.panel li a { background: none; display: block; height: 31px; line-height: 31px; text-align: left; padding-left: 12px; font-size: 1em; color: #cccccc; } div#header ul#topnav li div.dropdownmenu div.panel li a:hover { background: #121212; display: block; height: 31px; line-height: 31px; color: #FF1C1A; } div#header ul#topnav li div.dropdownmenu div.panel li.first { background: none; padding-top: 0px; } div#header ul#topnav li div.dropdownmenu div.panel li.back { padding-top: 0px; height: 30px; background:#ff1c1a; } div#header ul#topnav li div.dropdownmenu div.panel li.back a { background: none; height: 30px; position: relative; font-size: 1.143em; font-weight: bold; color:#FFF; } div#header ul#topnav li div.dropdownmenu div.panel li.back a:hover { color: #000; } div#header ul#topnav li div.dropdownmenu div.panel li.back a span { display: block; position: absolute; top: 0px; overflow: hidden; right: 0px; width: 31px; height: 0px; padding-top: 30px; background: url(../_images/layout/nav-sub_back.gif) no-repeat; } div#header ul#topnav li div.dropdownmenu div.panel li.back a:hover { background: none; } div#header ul#topnav li div.dropdownmenu div.panel li.back a:hover span { background: url(../_images/layout/nav-sub_back.gif) no-repeat 0px -30px; } div#header ul#topnav li div.dropdownmenu div.panel li.back1 { padding-top: 0px; height: 30px; background:#343434; } div#header ul#topnav li div.dropdownmenu div.panel li.back1 a { color:#cecece; } div#header ul#topnav li div.dropdownmenu div.panel li.back1 a:hover { color:#FFF; } div#header ul#topnav li div.dropdownmenu div.panel li.back1 a span { width: 24px; } div#header ul#topnav li div.dropdownmenu div.panel li.back1 a span { background: url(../_images/layout/nav-sub_back1.gif) no-repeat; } div#header ul#topnav li div.dropdownmenu div.panel li.back1 a:hover span { background: url(../_images/layout/nav-sub_back1.gif) no-repeat 0px -30px; } div#header ul#topnav li div.dropdownmenu div.panel li.hassub a { background: url(../_images/layout/nav-sub_arrowblack.gif) no-repeat right center; } div#header ul#topnav li div.dropdownmenu div.panel li.hassub a:hover { background: #121212 url(../_images/layout/nav-sub_arrowred.gif) no-repeat right center; } /* Social Links */ div#header ul#sociallinks { list-style: none; position: absolute; top: 8px; right: 0px; height: 25px; } div#header ul#sociallinks li { list-style: none; float: right; height: 25px; width: 25px; margin-left: 4px;} div#header ul#sociallinks li a { display: block; height: 0px; width: 25px; padding-top: 25px; overflow: hidden; position: relative; } div#header ul#sociallinks li.flickr a { background: url(../_images/2012/btn-soc-flckr.png) no-repeat top left; } div#header ul#sociallinks li.vimeo a { background: url(../_images/2012/btn-soc-vimeo.png) no-repeat top left; } div#header ul#sociallinks li.twitter a { background: url(../_images/2012/btn-soc-twitter.png) no-repeat top left; } div#header ul#sociallinks li.facebook a { background: url(../_images/2012/btn-soc-facebook.png) no-repeat top left; } div#header ul#sociallinks li a:hover { background-position: 0px -25px; } /* Flags */ div#header ul#flags { list-style: none; position: absolute; top: 34px; right: 0px; height: 21px; } div#header ul#flags li { float: left; display: block; margin-left: 8px; } div#header ul#flags li a { display: block; height: 0px; overflow: hidden; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } div#header ul#flags li.usa { width: 19px; height: 20px; } div#header ul#flags li.usa a { background:url(../_images/layout2011/flags-usa.gif) no-repeat top left; padding-top: 20px; width: 19px; background-position: 0 -20px; } div#header ul#flags li.france { width: 19px; height: 20px; } div#header ul#flags li.france a { background:url(../_images/layout2011/flags-france.gif) no-repeat top left; padding-top: 20px; width: 19px; background-position: 0 -20px; } div#header ul#flags li.germany { width: 18px; height: 20px; } div#header ul#flags li.germany a { background:url(../_images/layout2011/flags-germany.gif) no-repeat top left; padding-top: 20px; width: 18px; background-position: 0 -20px; } div#header ul#flags li.spain { width: 19px; height: 20px; } div#header ul#flags li.spain a { background:url(../_images/layout2011/flags-spain.gif) no-repeat top left; padding-top: 20px; width: 19px; background-position: 0 -20px; } div#header ul#flags li.japan { width: 18px; height: 20px; } div#header ul#flags li.japan a { background:url(../_images/layout2011/flags-japan.gif) no-repeat top left; padding-top: 20px; width: 18px; background-position: 0 -20px; } div#header ul#flags li a.on, div#header ul#flags li a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } /* Quicksearch box */ div#header #quicksearchbox { position: absolute; top: 135px; right: 0px; height: 66px; width: 253px; } div#header #quicksearchbox { height: 90px; } div#header #quicksearchbox ul.tabs { margin: 0px; padding: 0px; height: 24px; overflow: hidden; } div#header #quicksearchbox ul.tabs li { height: 24px; float: left; width: 83px; padding: 0px; margin: 0px 2px 0px 0px; text-align: center; text-transform: uppercase; } div#header #quicksearchbox ul.tabs li a { display: block; height: 24px; line-height: 24px; vertical-align: middle; background: #333; color: #fff; text-decoration: none; } div#header #quicksearchbox ul.tabs li.dealerstab a { } div#header #quicksearchbox ul.tabs li.jointab a { } div#header #quicksearchbox ul.tabs li.searchtab { margin-right: 0px; } div#header #quicksearchbox ul.tabs li.searchtab a { } div#header #quicksearchbox ul.tabs li a.on, div#header #quicksearchbox ul.tabs li a.on:hover { background: #d7e000; color: #000; font-weight: bold; } div#header #quicksearchbox ul.tabs li a:hover { color: #fff; background: #575757; } div#header #quicksearchbox div.boxcontent { height: 70px; background: #d7e000; position: relative; } div#header #quicksearchbox div.boxcontent .text { padding: 10px 10px 0; font-size: 11px; color: #575757; text-transform: uppercase; } div#header #quicksearchbox div.boxcontent form { position: relative; height: 42px; } div#header #quicksearchbox div.boxcontent input.input-text { position: absolute; top: 11px; left: 11px; height: 16px; width: 161px; background: #fff; border-style: solid; border-width: 1px; border-color: #c0c825 #d2d933 #ecf44b; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #939292; padding: 2px 5px 0px; } div#header #quicksearchbox div.boxcontent input.btn-quicksearch_find { position: absolute; top: 11px; right: 13px; height: 19px; line-height: 15px; vertical-align: middle; text-align: center; width: 49px; border: none; background: #000; color: #fff; text-transform: uppercase;} div#header #quicksearchbox div.boxcontent input.btn-quicksearch_join { position: absolute; top: 11px; right: 13px; height: 19px; line-height: 15px; vertical-align: middle; text-align: center; width: 49px; border: none; background: #000; color: #fff; text-transform: uppercase; } div#header #quicksearchbox div.boxcontent input.btn-quicksearch_find:hover, div#header #quicksearchbox div.boxcontent input.btn-quicksearch_join:hover { background: #b4172b; } div#header #quicksearchbox div.boxcontent div.message { padding: 7px 15px 0; font-weight: bold; text-align: center; text-transform: uppercase; } /**** ** Updated Layout ****/ /* div#header ul#topnav { right: 0px; left: auto; width: auto; } div#header ul#topnav li { margin-right: 30px; } div#header #quicksearchbox { top: 19px; } div#header ul#sociallinks { top: 94px; right: 208px; } div#header ul#flags { top: 94px; } */ div#header ul#topnav { right: 118px; left: auto; } div#header ul#topnav { left: 140px; right: auto; } div#header ul#topnav li { margin-right: 20px; } div#header #quicksearchbox { top: 19px; } div#header ul#sociallinks { bottom: 0; right: 0; top:auto; } div#header ul#flags { top: 120px; } /**** ** Content ****/ div#contentwrapper { position: relative; padding-top: 18px; } /**** ** Blog ****/ div#columnscontainer #leftcolumn { float: left; width: 562px; } div#columnscontainer #leftcolumn .post { border-bottom: 5px solid #000; padding: 0 0 16px; margin-bottom: 25px; } div#columnscontainer #leftcolumn .post h1 a { padding: 0; font-size: 20px; text-decoration: none; color: #000; font-weight:bold; text-transform: uppercase; font-family: Arial; line-height: 26px; } div#columnscontainer #leftcolumn .post h1 a:hover { color: #000; background-color:#d7e000; } div#columnscontainer #leftcolumn .post a.heading:hover { color:#FFF; } div#columnscontainer #leftcolumn .post div.postedon { padding-left: 4px; color: #757575; font-family: Verdana, Geneva, sans-serif; } div#columnscontainer #leftcolumn .post div.postedon abbr { text-decoration: none; border: none; } div#columnscontainer #leftcolumn .post div.postcontent { margin-top: 17px; color: #575757; font-family: Verdana, Geneva, sans-serif; line-height: 18px; } div#columnscontainer #leftcolumn .post div.postcontent p { color: #575757; font-family: inherit; line-height: inherit; } div#columnscontainer #leftcolumn .post div.postcontent a { color: #434343; text-decoration: underline; } div#columnscontainer #leftcolumn .post div.postcontent a:hover { color: #000; background-color:#d7e000; } div#columnscontainer #leftcolumn .post div.postcontent a.more-link { font-weight: bold; text-transform: capitalize; text-decoration: none; color: #000; background-color:#d7e000; padding: 0 5px 0 5px; } div#columnscontainer #leftcolumn .post div.postcontent a.more-link:hover { color: #000; background-color:#fff; } div#columnscontainer #leftcolumn .post div.postcontent img { max-width: 562px; } div#columnscontainer #leftcolumn .post .postinfo { margin-top: 24px; } div#columnscontainer #leftcolumn .post .postinfo .postshare a { background:url(../_images/2012/btn-sharethis.png) no-repeat 0px 0px; margin: 24px 18px 18px 0px; width: 100px; padding-left: 32px; height: 24px; line-height: 24px; display: block; color: #fff; vertical-align: middle; text-decoration: none; } div#columnscontainer #leftcolumn .post .postinfo .postshare a:hover { color: #d7e000; background-position: 0px -24px; } /*div#columnscontainer #leftcolumn .post .postinfo .postshare { margin-left: 1px; float: left; background: url(../_images/layout2011/btn-post_share.gif) no-repeat 0px 0px; padding-left: 40px; height: 18px; padding-top: 14px; } div#columnscontainer #leftcolumn .post .postinfo .postshare a { font-weight:bold; color: #979da0; text-decoration: underline } div#columnscontainer #leftcolumn .post .postinfo .postshare a:hover { color: #000; } */ div#columnscontainer #leftcolumn .post .postinfo .postcategories { float: right; height: 18px; padding-top: 14px; font-weight:bold; color: #FFF; } div#columnscontainer #leftcolumn .post .postinfo .postcategories a { font-weight: normal; color: #ccc; text-decoration: underline; } div#columnscontainer #leftcolumn .post .postinfo .postcategories a:hover { color: #ff1c1a; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer { margin-top: 32px; color: #393939; font-weight:bold; text-transform: uppercase; position: relative; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct { position: relative; width: 562px; height: 119px; margin-top: 85px; background-color: #dedede; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct a img.product { position: absolute; left: 28px; bottom: -11px; background-color:#FFF; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct a.heading { position: absolute; left: 195px; top: 17px; text-decoration: none; font-size: 2em; color: #FFF; font-weight:bold; text-transform: uppercase; font-family: Arial; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct a.heading:hover { color: #dedede; background-color:#FFF; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct h2 { font-size: 1.167em; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight:bold; position: absolute; left: 196px; top: 44px; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct div.productdescription { font-size: 12px; color: #9a9999; font-style:italic; font-weight: normal; position: absolute; left: 195px; top: 65px; text-transform: none; } div#columnscontainer #leftcolumn .post .postfeaturedproductcontainer .postfeaturedproduct div.title { position: absolute; bottom: 13px; left: 195px; font-size: 10px; color: #b4b3b3; text-transform: uppercase; font-weight: normal; } div#columnscontainer #leftcolumn .commentscontainer { background: #121212; border: 1px solid #000; padding: 18px; margin-bottom: 20px; } div#columnscontainer #leftcolumn .commentscontainer h3 { padding: 0px; margin: 0px 0px 0px 4px; font-size: 1.5em; text-transform: uppercase; } div#columnscontainer #leftcolumn .commentscontainer .topnavigation { margin-top: 20px; } div#columnscontainer #leftcolumn .commentscontainer .topnavigation a, div#columnscontainer #leftcolumn .commentscontainer .bottomnavigation a { color: #ccc; } div#columnscontainer #leftcolumn .commentscontainer .topnavigation a:hover, div#columnscontainer #leftcolumn .commentscontainer .bottomnavigation a:hover { color: #ff1c1a; } div#columnscontainer #leftcolumn .commentscontainer .topnavigation .alignleft, div#columnscontainer #leftcolumn .commentscontainer .bottomnavigation .alignleft { float: left; } div#columnscontainer #leftcolumn .commentscontainer .topnavigation .alignright, div#columnscontainer #leftcolumn .commentscontainer .bottomnavigation .alignright { float: right; } div#columnscontainer #leftcolumn .commentscontainer ol.commentlist, div#columnscontainer #leftcolumn .commentscontainer ol.commentlist li { padding: 0px; margin: 0px; list-style: none; } div#columnscontainer #leftcolumn .commentscontainer ol.commentlist li { margin: 10px; padding: 14px; background: #000; border: 1px solid #2B2A2A; } div#columnscontainer #leftcolumn .commentscontainer ol.commentlist li div.comment-body .comment-author .avatar { display: none; } div#columnscontainer #leftcolumn .commentscontainer ol.commentlist li div.comment-body .comment-author cite.fn { font-weight: bold; font-style: italic; font-size: 1.083em; } div#columnscontainer #leftcolumn .commentscontainer ol.commentlist li div.comment-body .comment-author cite.fn a { color: #FFF; text-decoration: underline; } div#columnscontainer #leftcolumn .commentscontainer ol.commentlist li div.comment-body .comment-meta a { color: #979DA0; text-decoration: none; font-size: 0.917em; } div#columnscontainer #leftcolumn .commentscontainer #respond { margin-top: 40px; } div#columnscontainer #leftcolumn .commentscontainer #respond textarea { width: 580px; padding: 10px; } div#columnscontainer #leftcolumn .commentscontainer #respond a { color: #CCC; } div#columnscontainer #leftcolumn .commentscontainer #respond a:hover { color: #ff1c1a; } /* Post Pagination */ div#columnscontainer #leftcolumn .postpagination a, div#columnscontainer #leftcolumn .postpagination span { float: left; } div#columnscontainer #leftcolumn .postpagination a, div#columnscontainer #leftcolumn .postpagination span.current { width: 21px; height: 19px; display: block; text-align: center; line-height: 19px; } div#columnscontainer #leftcolumn .postpagination a.last,div#columnscontainer #leftcolumn .postpagination a.first { width: 70px; white-space:normal; } div#columnscontainer #leftcolumn .postpagination a, div#columnscontainer #leftcolumn .postpagination a:link, div#columnscontainer #leftcolumn .postpagination a:active, div#columnscontainer #leftcolumn .postpagination a:visited { color: #999; margin: 0 0 0 2px; text-decoration: none; } div#columnscontainer #leftcolumn .postpagination a:hover { background-color: #d7e000; color:#000; } div#columnscontainer #leftcolumn .postpagination span.current { color: #000; background: #fff; } div#columnscontainer #leftcolumn .postpagination span.pages, div#columnscontainer #leftcolumn .postpagination span.extend { color: #CCC; display: block; height: 19px; line-height: 19px; margin: 1px 6px 1px 1px; } div#columnscontainer #leftcolumn .postpagination span.pages { margin-right: 10px; } /* Right Column */ div#columnscontainer #rightcolumn { float: right; width: 378px; } /* Buckets */ div#columnscontainer #rightcolumn .featuredvideo { padding: 11px; background: #fff; margin-bottom: 17px; position: relative; } div#columnscontainer #rightcolumn .featuredvideo h1 { margin: 0 0 13px; color: #575757; font-size: 14px; font-weight: bold; text-transform: uppercase; } div#columnscontainer #rightcolumn .featuredvideo span.links { position: absolute; right: 11px; top: 30px; } div#columnscontainer #rightcolumn .featuredvideo span.links, div#columnscontainer #rightcolumn .featuredvideo span.links a { font-family: Arial; font-size: 0.917em; font-weight: bold; color: #ff1c1a; text-decoration: none; } div#columnscontainer #rightcolumn .featuredvideo span.links a:hover { color: #fff; } div#columnscontainer #rightcolumn .featuredvideo .video { margin-top: 5px; } div#columnscontainer #rightcolumn #bucketscontainer { margin-bottom: 8px; } div#columnscontainer #rightcolumn #bucketscontainer div.bucket { width: 89px; height: 96px; float: left; background: #000; border: 1px solid #000; margin-right: 4px; margin-bottom: 4px; } div#columnscontainer #rightcolumn #bucketscontainer div.bucket:hover { background: #000; border: 1px solid #777; } div#columnscontainer #rightcolumn #bucketscontainer div.bucket img { width: 89px; height: 96px; } div#columnscontainer #rightcolumn #bucketscontainer div.last { margin-right: 0px; } div#columnscontainer #rightcolumn #bucketscontainer div.bucket a:hover img { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; } div#columnscontainer #rightcolumn .randompress { background: #000; margin-top: 28px; position: relative; padding: 13px 0px 14px 13px; margin-bottom: 18px; } div#columnscontainer #rightcolumn .randompress img.pressheading { position: absolute; top: -25px; left: 10px; } div#columnscontainer #rightcolumn .featuredfaction { border: 1px solid #2b2a2a; background:#000; padding: 14px 6px 14px 7px; } div#columnscontainer #rightcolumn .featuredfaction a.name { font-family: Arial; font-size: 1.5em; color: #ff1c1a; font-weight:normal; text-decoration: none; padding-left: 4px; } div#columnscontainer #rightcolumn .featuredfaction a.name:hover { color: #FFF; } div#columnscontainer #rightcolumn .featuredfaction a.picture { display: block; margin: 10px 0px; } div#columnscontainer #rightcolumn .featuredfaction a.picture img { width: 285px; height: 219px; border: 1px #FFF solid; } div#columnscontainer #rightcolumn .featuredfaction a.picture:hover img { border-color: #ff1c1a; } div#columnscontainer #rightcolumn .featuredfaction div.shortbio { padding-left: 4px; font-family: Verdana, Geneva, sans-serif; color: #979da0; font-size: 0.833em; line-height: 16px; } div#columnscontainer #rightcolumn .twitterheading { height: 25px; font-size: 18px; line-height: 25px; color: #bcb7b7; text-transform: uppercase; padding: 0 0 0 35px; background: url(../_images/2012/btn-soc-twitter.png) no-repeat left top; margin: 15px 0 10px; vertical-align: middle; } div#columnscontainer #rightcolumn .twitterfeed { background: url(../_images/2012/bg-black-5.png); border: 1px solid #dedede; padding: 26px 16px 12px; color: #000; margin: 0 0 20px; } div#columnscontainer #rightcolumn .twitterfeed ul { list-style: none; } div#columnscontainer #rightcolumn .twitterfeed ul li { background-color:#FFF; display: block; margin: 0 0 7px; padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div#columnscontainer #rightcolumn .twitterfeed ul li a { color: #21cff4; font-weight: bold; text-decoration: none; } div#columnscontainer #rightcolumn .twitterfeed ul li a:hover { text-decoration: underline; } div#columnscontainer #rightcolumn .twitterfeed ul li p { margin: 0; padding: 0; } div#columnscontainer #rightcolumn .twitterfeed ul li p.datetime { margin: 0; padding: 0; font-size: 11px; font-weight: bold; margin: 3px 0 0; } div#columnscontainer #rightcolumn .twitterfeed p.loading { padding: 8px; background-color:#FFF; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div#columnscontainer #rightcolumn .twitterfeed .bottom { margin: 25px 0 0; overflow: auto; } div#columnscontainer #rightcolumn .twitterfeed .bottom a { float: right; color: #707070; text-decoration: none; font-weight: bold; } div#columnscontainer #rightcolumn .twitterfeed .bottom img { float: left; } div#columnscontainer #rightcolumn #faction_members li { width: 85px; height: 85px; overflow: hidden; margin: 6px; } div#columnscontainer #rightcolumn #faction_members li a { display: block; } div#columnscontainer #rightcolumn #faction_members li a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } /**** ** Home Slide Show ****/ div#contentwrapper #homeslideshow { height: 420px; width: 940px; padding: 0; border: 10px solid #fff; margin-bottom: 14px; position: relative; overflow: hidden; } div#contentwrapper #homeslideshow ul.pagenumbers { list-style: none; position: absolute; height: 24px; bottom: 21px; right: 21px; } div#contentwrapper #homeslideshow ul.pagenumbers li { float: left; list-style: none; height: 24px; width: 24px; position: relative; margin-right: 6px; } div#contentwrapper #homeslideshow ul.pagenumbers li div { height: 24px; width: 24px; background: url(../_images/2012/bg-black-50.png);} div#contentwrapper #homeslideshow ul.pagenumbers li div:hover {height: 24px; width: 24px; background: #d7e000;} div#contentwrapper #homeslideshow ul.pagenumbers li.on div { background: #fff; } div#contentwrapper #homeslideshow ul.pagenumbers li a { cursor: pointer; position: absolute; display: block; height: 24px; width: 24px; top: 0px; left: 0px; text-align: center; line-height: 24px; color: #fff; } div#contentwrapper #homeslideshow ul.pagenumbers li.on a, div#contentwrapper #homeslideshow ul.pagenumbers li.on a:hover { color: #000 } div#contentwrapper #homeslideshow ul.pagenumbers li a:hover { color: #000; background: #d7e000; } div#contentwrapper #homeslideshow ul.pagenumbers li.arrow { width: 10px; } div#contentwrapper #homeslideshow ul.pagenumbers li.arrow a { width: 10px; } div#contentwrapper #homeslideshow ul.pagenumbers li.arrow a.left { background: url(../_images/layout/home-slideshow_leftarrow.png) no-repeat top right; } div#contentwrapper #homeslideshow ul.pagenumbers li.arrow a.left:hover { background-position: 0px -24px; } div#contentwrapper #homeslideshow ul.pagenumbers li.arrow a.right { background: url(../_images/layout/home-slideshow_rightarrow.png) no-repeat top left; } div#contentwrapper #homeslideshow ul.pagenumbers li.arrow a.right:hover { background-position: 0px -24px; } /**** ** Breadcrumb ****/ div#contentwrapper ul#breadcrumb { list-style: none; display: block; width: 960px; margin-bottom: 10px; background: url(../_images/2012/bg-black-5.png); } div#contentwrapper ul#breadcrumb li { list-style: none; height: 24px; line-height: 24px; text-align:left; padding: 0 3px; float: left; } div#contentwrapper ul#breadcrumb li, div#contentwrapper ul#breadcrumb li { text-align: left; background: #000; color: #fff; text-decoration: none; text-transform: none; font-weight: bold; text-transform: uppercase; } div#contentwrapper ul#breadcrumb li a { color: #fff; text-decoration: none; } div#contentwrapper ul#breadcrumb li a:hover { color: #d7e000; } /*div#contentwrapper ul#breadcrumb li a:hover { text-decoration: underline; }*/ div#contentwrapper ul#breadcrumb li.current { color:#000; font-weight: bold; background: #d7e000; padding: 0 8px 0px 8px; } div#contentwrapper ul#breadcrumb li.current.spacer { background: url(../_images/2012/bc-spacer-current.png) no-repeat; width: 12px; padding: 0; } div#contentwrapper ul#breadcrumb li.black.spacer { background: url(../_images/2012/bc-spacer-black.png) no-repeat; width: 12px; padding: 0; } div#contentwrapper ul#breadcrumb li.current_end.spacer { background: url(../_images/2012/bc-spacer-current-end.png) no-repeat; width: 12px; padding: 0; } div#contentwrapper ul#breadcrumb li.first { padding: 0px 10px 0px 12px; } /**** ** Product Info Page ****/ div#productsinfocontainer { padding: 20px 0 20px 0; position: relative; background: #fff; } div#productsinfocontainer #leftcolumn { width: 447px; float: left; padding: 0px 0px 0px 20px; } div#productsinfocontainer #leftcolumn .productvideo { width: 400px; padding: 0px; margin: 0px 0px 15px 0px; } div#productsinfocontainer #leftcolumn .productvideo h1 { color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 13px; text-transform: uppercase; } div#productsinfocontainer #leftcolumn .productvideo .video { } div#productsinfocontainer #leftcolumn h1 { border-bottom: 5px solid #000; font-family: Arial; font-weight:bold; text-transform: uppercase; font-size: 20px; color:#000; } div#productsinfocontainer #leftcolumn h2 { font-family: Arial; font-weight:bold; text-transform: uppercase; font-size: 12px; color:#939598;} div#productsinfocontainer #leftcolumn div.productdescription { position: relative;} div#productsinfocontainer #leftcolumn div.productdescription p { color: #d72237; font-size: 12px; margin: 15px 0px 0px 0px; } div#productsinfocontainer #leftcolumn div.productdescription a { color: #d72237;} div#productsinfocontainer #leftcolumn div.productdescription a#techspecs p{ float: left; } div#productsinfocontainer #leftcolumn div.productdescription a:hover p { color: #000; text-decoration:underline;} div#productsinfocontainer #leftcolumn div.specialfeatures, div#productsinfocontainer #leftcolumn div.sizeslist { margin: 15px 0px 0px 0px; color:#000; font-size: 12px; } div#productsinfocontainer #leftcolumn div.specialfeatures span, div#productsinfocontainer #leftcolumn div.sizeslist span { font-weight:bold; text-transform: uppercase; } div#productsinfocontainer #leftcolumn a.btn-product_chooseyoursize { margin: 29px 0px 0px 2px; width: 220px; padding-top: 34px; display: block; height: 0px; background: url(../_images/layout/btn-product_chooseyoursize_buy.jpg) no-repeat top left; overflow: hidden; } div#productsinfocontainer #leftcolumn a.btn-product_chooseyoursize.on, div#productsinfocontainer #leftcolumn a.btn-product_chooseyoursize:hover { background-position: 0px -34px; } div#productsinfocontainer #leftcolumn #productsizescontainer { margin: 29px 0 0; } div#productsinfocontainer #leftcolumn #productsizescontainer strong { color: #000; } div#productsinfocontainer #leftcolumn ul#productsizes { list-style: none; margin: 5px 0px 0px 0; position:relative; overflow: hidden; } div#productsinfocontainer #leftcolumn ul#productsizes li { list-style: none; height: 41px; margin-bottom: 10px; float: left; } div#productsinfocontainer #leftcolumn ul#productsizes li a { display: block; height: 41px; line-height: 41px; padding: 0 10px; margin: 0 5px 0 0; color: #fff; text-transform: uppercase; text-decoration: none; background: url(../_images/2012/btns-size.png) left top no-repeat; font-size: 20px; font-family: Arial; font-weight: bold; position: relative; } div#productsinfocontainer #leftcolumn ul#productsizes li a span { display: block; background: #fff; background: url(../_images/2012/btns-size.png) right top no-repeat; width: 10px; height: 41px; position: absolute; right: 0; top: 0; } div#productsinfocontainer #leftcolumn ul#productsizes li a:hover { color: #000; background-position: 0 -41px } div#productsinfocontainer #leftcolumn ul#productsizes li a:hover span { background-position: right -41px } div#productsinfocontainer #leftcolumn ul#productsizes li a.on { background-position: 0px -82px; } div#productsinfocontainer #leftcolumn ul#productsizes li a.on span { background-position: right -82px; } div#productsinfocontainer #leftcolumn div#productsizescontainer div { position: relative; } div#productsinfocontainer #leftcolumn div#productsizescontainer a.btn-product_buynow { position: absolute; bottom: -4px; left: 156px; width: 89px; padding-top: 34px; height: 0px; display: block; background: url(../_images/layout/btn-product_buynow.gif) no-repeat top left; overflow: hidden; } div#productsinfocontainer #leftcolumn div#productsizescontainer a.btn-product_buynow:hover { background-position: 0px -34px; } div#productsinfocontainer #leftcolumn #productsstores { background: #f0f0f0; border-width: 1px; border-style: solid; border-color: #ccc #ededed #fff; padding: 0; } div#productsinfocontainer #leftcolumn #productsstores #storewrap { position: relative; padding: 0 0 6px; } div#productsinfocontainer #leftcolumn #productsstores #storewrap iframe { border: none; margin: 5px; width: 435px; } div#productsinfocontainer #leftcolumn #productsstores #storewrap iframe a { color: #FFF; } div#productsinfocontainer #leftcolumn #productsstores #storewrap .error { text-align: center; padding: 10px 0px; } div#productsinfocontainer #leftcolumn #productsstores #storewrap .poweredby { text-align:center; padding-top: 5px; color: #aaa; } div#productsinfocontainer #leftcolumn #productsstores #storewrap .poweredby a { color: #555; text-decoration: none; } div#productsinfocontainer #leftcolumn #productsstores #storewrap .poweredby a:hover { text-decoration: none; background: #d7e000; color: #000; } div#productsinfocontainer #leftcolumn #productsstores div.item { float: left; width: 104px; height: 104px; padding: 6px 0px 0px 6px; } div#productsinfocontainer #leftcolumn #productsstores div.item a { padding: 0px; display: block; width: 100px; height: 100px; border-width: 1px; border-style: solid; border-color: #eee #ddd #999; overflow: hidden; } div#productsinfocontainer #leftcolumn #productsstores div.item a:hover { border-color: #eee #ccc #000; } div#productsinfocontainer #productothercolors { margin-top: 35px; position: relative; } div#productsinfocontainer #productothercolors .item { margin: 0px 15px 22px; float: left; width: 160px; height: 220px; position: relative; } div#productsinfocontainer #productothercolors .last { margin-right: 0px; } div#productsinfocontainer #productothercolors .item a { display: block; text-decoration: none; height: 220px; } div#productsinfocontainer #productothercolors .item a img { display: block; margin: 0px auto; } div#productsinfocontainer #productothercolors .item a span.name { display: block; width: 100%; text-align: center; color: #939598; text-transform: uppercase; font-size: 12px; position: absolute; bottom: 0; left: 0; } div#productsinfocontainer #productothercolors .item a:hover span.name { color: #000; } div#productsinfocontainer #productothercolors .current a span.name { color: #000; text-decoration: underline; } /* width: 88px; position: absolute; bottom: 0px; left: 36px; color: #353535; height: 25px; line-height: 25px; text-transform: uppercase; font-size: 0.75em; */ /*div#productsinfocontainer #productothercolors .current a span.name { background: url(../_images/layout/badge-product_altcolors.gif) no-repeat; color:#FFF; }*/ div#productsinfocontainer #productothercolors #share { position: absolute; right: 22px; bottom: 6px; } div#productsinfocontainer #productothercolors #share a { color: #939598; font-size: 12px; font-weight: normal; text-decoration: none; text-transform: uppercase; } div#productsinfocontainer #rightcolumn { width: 462px; float: right; } div#productsinfocontainer #rightcolumn #productimagecontainer { height: 503px; position: relative; overflow: visible; } div#productsinfocontainer #rightcolumn #productimagecontainer #productimage { position: absolute; bottom: 23px; z-index: 3; } div#productsinfocontainer #rightcolumn .productsharecontainer { position: relative; height: 45px; } div#productsinfocontainer #rightcolumn .productsharecontainer a.productenlarge { background: url(../_images/layout2011/btn-product_enlarge.gif) no-repeat 0px 0px; padding-left: 42px; height: 31px; line-height: 31px; display: block; position: absolute; top: 9px; right: 233px; color: #939598; text-transform: uppercase; text-decoration: none; } div#productsinfocontainer #rightcolumn .productsharecontainer a.productenlarge:hover { color: #000; background-position: 0px -31px; } div#productsinfocontainer #rightcolumn .productsharecontainer a.productshare { background:url(../_images/layout2011/btn-product_share.gif) no-repeat 0px 0px; padding-left: 42px; height: 31px; line-height: 31px; display: block; position: absolute; top: 9px; left: 259px; color: #939598; text-transform: uppercase; text-decoration: none;} div#productsinfocontainer #rightcolumn .productsharecontainer a.productshare:hover { color: #000; background-position: 0px -31px; } div#productsotherstyles { border-top: 2px solid #e0e1e2; margin: 0; padding: 24px 0 0; } div#productsotherstyles h1 { font-size: 16px; color: #939598; text-transform: uppercase; margin: 0 0 14px; font-weight: 400; } div#productsotherstyles a { margin: 0 10px 0 0; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } div#productsotherstyles a:hover { filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; } div#productspaginationcontainer { margin-top: 26px; height: 80px; position: relative; width: 960px; } div#productspaginationcontainer #productspagination { margin: 0px auto; width: 428px; position: relative; } div#productspaginationcontainer #productspagination a.previous { display: block; width: 108px; height: 80px; background: url(../_images/layout/bg-product_paginationleft.gif) no-repeat top left; position: relative; text-decoration: none; color:#FFF; } div#productspaginationcontainer #productspagination a.previous:hover { background-position: 0px -80px; text-decoration: underline; } div#productspaginationcontainer #productspagination a.previous img { display: block; position: absolute; bottom: 27px; } div#productspaginationcontainer #productspagination a.previous span { position: absolute; width: 91px; right: 0px; bottom: 0px; height: 22px; text-align: center; color: #fefdfd; font-size: 0.75em; text-decoration: none; text-transform: uppercase; } div#productspaginationcontainer #productspagination a.next { display: block; width: 108px; height: 80px; background: url(../_images/layout/bg-product_paginationright.gif) no-repeat top left; position: relative; text-decoration: none; color:#FFF; } div#productspaginationcontainer #productspagination a.next:hover { background-position: 0px -80px; text-decoration: underline; } div#productspaginationcontainer #productspagination a.next img { display: block; position: absolute; bottom: 27px; } div#productspaginationcontainer #productspagination a.next span { position: absolute; width: 91px; left: 0px; bottom: 0px; height: 22px; text-align: center; color: #fefdfd; font-size: 0.75em; text-decoration: none; text-transform: uppercase; } div#productspaginationcontainer #productspagination ul { list-style: none; height: 21px; padding-top: 29px; } div#productspaginationcontainer #productspagination ul li { height: 80px; width: 21px; height: 19px; line-height: 19px; text-align: center; float: left; } div#productspaginationcontainer #productspagination ul li a { height: 19px; width: 21px; margin: 1px; text-align:center; line-height: 19px; display: block; text-decoration: none; color: #999; } div#productspaginationcontainer #productspagination ul li a:hover { color: #000; background: #FFF; } div#productspaginationcontainer #productspagination ul li.current { width: 23px; height: 21px; } div#productspaginationcontainer #productspagination ul li.current a { margin: 0px; border: 1px #333333 solid; background: #000; color:#FFF; } div#productoverlay { border: 1px solid #2c2c2c; width: 969px; height: 1250px; margin: 15px; position: absolute; z-index: 20; background-color: #fff; } /* filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; */ div#productoverlayimage { width: 950px; height: 1150px; overflow: hidden; position: absolute; margin: 65px 26px 9px; z-index: 21; } div#productoverlaycover { background: none; width: 971px; height: 1252px; margin: 15px; position: absolute; z-index: 22; } /**** ** View Category Page ****/ .categoryfullcontainer { background: #fff; padding-top: 15px; } .categorydescription { position: relative; background-color: #000; background-repeat: no-repeat; background-position: 15px 15px; margin: 0px 15px; padding: 15px; min-height: 150px; } div.categorydescription.basic { height: 50px !important; /*also attempting to use inline styles to overwrite .categorydescription's 'min-height'*/ min-height: 50px; } .categorydescription h1 { margin-top: 60px; color: #d7e000; font-size: 16px; } .categorydescription p { width: 730px; } .categorydescription p, .categorydescription .list { color: #fff; font-style: italic; margin: 10px 0; line-height: 18px;} .categorydescription .list ul li span { color: #999; } .categorydescription a#specs { position: absolute; top: 20px; right: 20px; } .categorydescription a#size { position: absolute; top: 100px; right: 20px; } .categorydescription.basic a#size { position: absolute; top: 10px; right: 20px; } .categorydescription a.icon {text-align: center; text-decoration: none; color: #fff; width: 90px; line-height: 20px; font-size: 14px;} .categorydescription a.icon:hover { color: #d7e000;} .categorydescription a.icon:hover img { filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6;} .categoryfeaturescontainer { margin-top: 20px; border-top: #dedede 1px solid; position: relative; background: #fff;} .categoryfeaturescontainer .caption { z-index: 2; font-size:11px; font-weight: bold; color: #939598; position:absolute; top: 60px; left:0px; text-transform: uppercase; } .categoryfeaturescontainer a.btn_moreinfo { display: block; width: 975px; height:56px; position: relative; top: 0px; left: -15px; background-position: 0px 0px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #898989; text-decoration: none; overflow: hidden; padding: 24px 15px 0px 0px; letter-spacing: 1px; text-align: right;} .categoryhover:hover .categoryfeaturescontainer a.btn_moreinfo { background-position: 0px -80px; } .categoryfeaturescontainer a.btn_moreinfo:hover { background-position: 0px -80px; color: #e72394;} .categoryfeaturescontainer a.btn_moreinfo .sign { font-size: 16px; padding-top: 1px; font-weight: bold;} .categorydescription#category-62, .categorydescription#category-111 { background-image: url(../_images/2012/logo-nb-686.gif); } /* New balance */ .categorydescription#category-55, .categorydescription#category-56 { background-image: url(../_images/2012/logo-plexus.png);} /* plexus*/ .categorydescription#category-4, .categorydescription#category-9, .categorydescription#category-22, .categorydescription#category-27 { background-image: url(../_images/2012/logo-smarty.png);} /* smarty*/ .categorydescription#category-5, .categorydescription#category-10, .categorydescription#category-23, .categorydescription#category-28 { background-image: url(../_images/2012/logo-reserved.png);} /* reserved*/ .categorydescription#category-6, .categorydescription#category-11, .categorydescription#category-24, .categorydescription#category-29 { background-image: url(../_images/2012/logo-mannual.png);} /* mannual*/ .categorydescription#category-83, .categorydescription#category-82, .categorydescription#category-401, .categorydescription#category-416 { background-image: url(../_images/2012/logo-limitededition.png);} /* limited edition*/ .categorydescription#category-13, .categorydescription#category-31 { background-image: url(../_images/2012/logo-thermals.png);} /* thermals*/ .categorydescription#category-14, .categorydescription#category-32 { background-image: url(../_images/2012/logo-gloves.png);} /* gloves*/ .categorydescription#category-15, .categorydescription#category-33 { background-image: url(../_images/2012/logo-belts.png);} /* belts*/ .categorydescription#category-17 { background-image: url(../_images/2012/logo-headwear.png);} /* headwear*/ .categorydescription#category-34 { background-image: url(../_images/2012/logo-beanies.png);} /* beanies*/ .categorydescription#category-18, .categorydescription#category-35 { background-image: url(../_images/2012/logo-hoodies.png);} /* hoodys*/ .categorydescription#category-90 { background-image: url(../_images/2012/logo-premium-tees.png);} /* premium*/ .categorydescription#category-84 { background-image: url(../_images/2012/logo-regular-tees.png);} /* regular*/ .categorydescription#category-93 { background-image: url(../_images/2012/logo-longsleeve-tees.png);} /* long sleeve*/ .categorydescription#category-36 { background-image: url(../_images/2012/logo-printwear.png);} /* printwear*/ .categorydescription#category-12 { background-image: url(../_images/2012/logo-denim.png);} /* denim*/ .categorydescription#category-16 { background-image: url(../_images/2012/logo-accessories.png);} /* accessories */ /* Limited Edition - Page */ /* .categorydescription#category-114 { background-image: url(../_images/2012/logo-lv-signature.png);} LV*/ .categorydescription#category-114 { background: url(../_images/2012/banners/JACKET_BANNER_LVSIGNATURE.jpg) no-repeat 0px 0px; width: 930px; height: 300px; padding: 0px;} /* LV*/ /*.categorydescription#category-113, .categorydescription#category-3 { background-image: url(../_images/2012/logo-snaggle.png);}snaggle*/ .categorydescription#category-113, .categorydescription#category-3 { background: url(../_images/2012/banners/JACKET_BANNER_SNAGGLE.jpg) no-repeat 0px 0px; width: 930px; height: 300px; padding: 0px;}/*snaggle*/ /* .categorydescription#category-115 { background-image: url(../_images/2012/logo-reclaim.png);} RECLAIM*/ .categorydescription#category-115, .categorydescription#category-418 { background: url(../_images/2012/banners/JACKET_BANNER_RECLAIM.jpg) no-repeat 0px 0px; width: 930px; height: 300px; padding: 0px;} /* RECLAIM*/ /* .categorydescription#category-419 { background-image: url(../_images/2012/logo-reclaim.png);} RECLAIM*/ .categorydescription#category-419 { background: url(../_images/2012/banners/JACKET_BANNER_FALLEN.jpg) no-repeat 0px 0px; width: 930px; height: 300px; padding: 0px;} /* FALLEN*/ .categorydescription#category-401 { background: url(../_images/2012/banners/LTD_ED_BANNER_ICE.jpg) no-repeat 0px 0px; width: 930px; height: 300px; padding: 0px;} /* ICE*/ .categorydescription#category-39, .categorydescription#category-47 { background-image: url(../_images/2012/logo-smarty-mannual.png); background-position: 15px 0; height: 310px;} /* youth jackets */ .categorydescription#category-42, .categorydescription#category-50{ background-image: url(../_images/2012/logo-smarty-mannual.png); background-position: 15px 0; height: 270px;} /* youth pants */ .categorydescription#category-45 { background-image: url(../_images/2012/logo-boys-apparel.png); }/* boys apparel */ .categorydescription#category-53 { background-image: url(../_images/2012/logo-girls-apparel.png); } /* girls apparel*/ .categoryfeaturescontainer a#smarty { background-image: url(../_images/category_logos/smarty.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#reserved { background-image: url(../_images/category_logos/reserved.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#mannual { background-image: url(../_images/category_logos/mannual.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#limited_edition { background-image: url(../_images/category_logos/limited_edition.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#levis { background-image: url(../_images/category_logos/levis.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#levis_nb { background-image: url(../_images/category_logos/levis_nb.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#denim { background-image: url(../_images/category_logos/denim.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#thermals { background-image: url(../_images/category_logos/thermals.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#gloves { background-image: url(../_images/category_logos/gloves.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#backpacks { background-image: url(../_images/category_logos/backpacks.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#belts { background-image: url(../_images/category_logos/belts.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#headwear { background-image: url(../_images/category_logos/headwear.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#hoodys { background-image: url(../_images/category_logos/hoodys.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#printwear { background-image: url(../_images/category_logos/printwear.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#beanies { background-image: url(../_images/category_logos/beanies.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#new_era { background-image: url(../_images/category_logos/new_era.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#premium_tees { background-image: url(../_images/category_logos/premium_tees.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#regular_tees { background-image: url(../_images/category_logos/regular_tees.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#long_sleeve_tees { background-image: url(../_images/category_logos/long_sleeve_tees.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#snaggletooth { background-image: url(../_images/category_logos/snaggletooth.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#reclaim { background-image: url(../_images/category_logos/reclaim_project.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#lv_signature { background-image: url(../_images/category_logos/lv_signature.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#microphone_check { background-image: url(../_images/category_logos/microphone_check.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#boys-jackets { background-image: url(../_images/category_logos/youth-boys_jackets.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#boys-pants { background-image: url(../_images/category_logos/youth-boys_pants.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#boys-apparel { background-image: url(../_images/category_logos/youth-boys_apparel.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#girls-jackets { background-image: url(../_images/category_logos/youth-girls_jackets.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#girls-pants { background-image: url(../_images/category_logos/youth-girls_pants.gif); background-repeat: no-repeat; } .categoryfeaturescontainer a#girls-apparel { background-image: url(../_images/category_logos/youth-girls_apparel.gif); background-repeat: no-repeat; } .categoryfeaturescontainer .logo { display: block; } .categoryfeaturescontainer .moreinfo { color: #929497; text-transform: uppercase; } .categoryfeaturescontainer .moreinfo:hover { color: #121212; text-transform: uppercase; } .categoryfeaturescontainer .information { margin: 20px 0px 20px 0px; } .categoryfeaturescontainer .information .left { width: 410px; float: left; position: relative; } .categoryfeaturescontainer .information .left .tip { position: absolute; width: 250px; min-height: 250px; overflow: hidden; background-color:#fff; border: 1px solid #121212; z-index:999; } .categoryfeaturescontainer .information .left .tip h3 { width: 230px; background: #121212; color: #fff; font-size: 12px; text-align: center; margin: 0; padding: 5px 10px 5px 10px; line-height: 16px; } .categoryfeaturescontainer .information .left .pin { width: 30px; height: 30px; background-image:url(../_images/layout2011/crosshair-category_feature.png); position: absolute; z-index:9999; } .categoryfeaturescontainer .information .left .pin:hover, .categoryfeaturescontainer .information .left .pin_on { background-position: 0 -30px; } .categoryfeaturescontainer .information .right { width: 532px; float: right; margin-top: 0px; } .categoryfeaturescontainer .information .right h1 { font-family: 'Arial Black', Arial; color: #121212; font-style: italic; font-weight:bold; font-size: 14px; margin: 0 0 10px; text-transform: uppercase; } .categoryfeaturescontainer .information .right p { color: #434343; line-height: 16px; font-size: 12px; } .categoryfeaturescontainer .information .list { margin: 15px 0 0; } .categoryfeaturescontainer .information .list h2 { color: #121212; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px; } .categoryfeaturescontainer .information .list h3 { color: #f1006c; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px; } .categoryfeaturescontainer .information .list ul { list-style: none; } .categoryfeaturescontainer .information .list ul li { list-style: none; display: block; margin-bottom: 4px; font-size: 12px; color: #757575; } .categoryfeaturescontainer .information .list ul li span { color: #000; } .categoryfeaturescontainer .information .list ul li a { color: #575757; font-size: inherit; text-decoration: underline; } .categoryfeaturescontainer .information .list ul li a:hover { color: #000; } .categoryfeaturescontainer .information .all_page_wide { } .categoryfeaturescontainer .information .all_page_wide p { color: #434343; line-height: 16px; font-size: 12px; } .categoryfeaturescontainer .information .all_page_wide h1 { font-family: 'Arial Black', Arial; color: #121212; font-style: italic; font-weight:bold; font-size: 14px; margin: 0 0 10px; text-transform: uppercase; } .categoryfeaturescontainer .information .all_page_wide h2 { color: #121212; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px; } .categoryfeaturescontainer .information .all_page_wide h3 { color: #f1006c; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px; } img#categoryhero, img.categoryhero { display: block; margin-top: 14px; width:960px; height: 250px; } div#categoryfeatures { background: #000; border: 1px solid #222222; padding: 10px 15px; margin-top: 14px; position: relative; } div#categoryfeatures .slidinginner { position: relative; } div#categoryfeatures div.top { height: 74px; } div#categoryfeatures img.logo { position: absolute; top: 10px; left: 10px; } div#categoryfeatures a.btn-jacketfeatures { position: absolute; display: block; width: 148px; padding-top: 52px; height: 0px; background:url(../_images/category_features/btn-jacketfeatures.gif) no-repeat; right: 237px; top: 14px; overflow: hidden; } div#categoryfeatures a.btn-jacketfeatures:hover { background-position: 0px -52px; } div#categoryfeatures a.btn-pantfeatures { position: absolute; display: block; width: 134px; padding-top: 56px; height: 0px; background: url(../_images/category_features/btn-pantfeatures.gif) no-repeat; right: 50px; top: 18px; overflow: hidden; } div#categoryfeatures a.btn-pantfeatures:hover { background-position: 0px -56px; } div#categoryfeatures a.btn-nbjacketfeatures { position: absolute; display: block; width: 148px; padding-top: 52px; height: 0px; background:url(../_images/category_features/btn-jacket_nb.gif) no-repeat; right: 237px; top: 14px; overflow: hidden; } div#categoryfeatures a.btn-nbjacketfeatures:hover { background-position: 0px -52px; } div#categoryfeatures a.btn-bootfeatures { position: absolute; display: block; width: 148px; padding-top: 52px; height: 0px; background: url(../_images/category_features/btn-boot_icon.gif) no-repeat; right: 50px; top: 18px; overflow: hidden; } div#categoryfeatures a.btn-bootfeatures:hover { background-position: 0px -52px; } div#categoryfeatures div.headline { font-size: 1.167em; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 1px; } div#categoryfeatures div.text { color: #757575; line-height: 16px; margin-top: 9px; } div#categoryfeatures div#jacketcontainer { } div#categoryfeatures div#pantcontainer { } /* height: 360px; */ div#categoryfeatures div.mappedimage { padding-left: 42px; width: 343px; float: left; position: relative; } div#categoryfeatures div.featureslist { width: 496px; position: relative; float: left; } div#categoryfeatures div.featureslist div.title { font-weight: bold; font-style: italic; margin-bottom: 4px; font-size: 1.167em; } div#categoryfeatures div.featureslist ol { padding-left: 18px; } div#categoryfeatures div.featureslist ol li { display: list-item; font-size: 1.167em; font-weight: bold; margin-top: 8px; } div#categoryfeatures div.featureslist ol li p { font-size: 0.857em; color: #999999; font-weight: normal; margin: 0px; padding: 0px; } div#categoryfeatures div.featureslist ol li a { font-size: 0.857em; font-weight: normal; text-decoration: none; color: #fff; } div#categoryfeatures div.featureslist ol li a:hover { color: #ff1c1a; } div#categoryfeatures div.numbergrid { width: 496px; height: 283px; background: #ff1c1a; position: relative; float: left; } div#categoryfeatures div.numbergrid img.background { position: absolute; width: 496px; height: 283px; top: 0px; left: 0px; } div#categoryfeatures div.numbergrid div.grid { height: inherit; background: url(../_images/category_features/numbers/bg-grid.gif) top left; position: absolute; top: 0px; left: 0px; width: 496px; height: 283px; } div#categoryfeatures div.numbergrid div.numbers { position: relative; } div#categoryfeatures div.numbergrid div.numbers a.number { display: block; width: 70px; padding-top: 70px; height: 0px; margin: 0px 1px 1px 0px; float: left; overflow:hidden; } div#categoryfeatures div.numbergrid div.numbers a.number_1 { background: url(../_images/category_features/numbers/1.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_2 { background: url(../_images/category_features/numbers/2.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_3 { background: url(../_images/category_features/numbers/3.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_4 { background: url(../_images/category_features/numbers/4.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_5 { background: url(../_images/category_features/numbers/5.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_6 { background: url(../_images/category_features/numbers/6.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_7 { background: url(../_images/category_features/numbers/7.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_8 { background: url(../_images/category_features/numbers/8.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_9 { background: url(../_images/category_features/numbers/9.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_10 { background: url(../_images/category_features/numbers/10.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_11 { background: url(../_images/category_features/numbers/11.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_12 { background: url(../_images/category_features/numbers/12.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_13 { background: url(../_images/category_features/numbers/13.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_14 { background: url(../_images/category_features/numbers/14.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_15 { background: url(../_images/category_features/numbers/15.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_16 { background: url(../_images/category_features/numbers/16.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_17 { background: url(../_images/category_features/numbers/17.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_18 { background: url(../_images/category_features/numbers/18.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_19 { background: url(../_images/category_features/numbers/19.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_20 { background: url(../_images/category_features/numbers/20.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_21 { background: url(../_images/category_features/numbers/21.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_22 { background: url(../_images/category_features/numbers/22.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_23 { background: url(../_images/category_features/numbers/23.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_24 { background: url(../_images/category_features/numbers/24.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_25 { background: url(../_images/category_features/numbers/25.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_26 { background: url(../_images/category_features/numbers/26.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_27 { background: url(../_images/category_features/numbers/27.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_28 { background: url(../_images/category_features/numbers/28.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number_29 { background: url(../_images/category_features/numbers/29.png) no-repeat; } div#categoryfeatures div.numbergrid div.numbers a.number:hover { background-position: 0px -70px; } div#categoryfeatures div.numbergrid div.numbers a.last { margin-right: 0px; } /* Product listing Container */ div.categorylistingcontainer { padding: 30px 0 0; background: #fff;} div.categorylistingcontainer .item { width: 180px; height: 190px; margin-right: 12px; margin-top: 107px; float: left; } div.categorylistingcontainer .item { height: 260px; height:290px; margin-top: 0; } div.categorylistingcontainer .item a.main { display: block; width: 180px; height: 168px; position: relative; text-decoration: none; } div.categorylistingcontainer .item a.main { height: auto; text-align: center; } div.categorylistingcontainer .item a.main img { position: static; } div.categorylistingcontainer .item a.main img.popout { position: absolute; top: -35px; left: -21px; border-top: 1px solid #f0f0f0; border-left: 1px solid #ddd; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #989898; z-index: 9999; display: none; width: 216px; height: 260px; } div.categorylistingcontainer .item a.main:hover img.popout { display: block; } div.categorylistingcontainer .item a.main span { display: block; position: absolute; bottom: 0px; height: 30px; left: 5px; width: 170px; text-align: center; font-size: 1em; font-weight: normal; color:#939598; text-transform: uppercase; } div.categorylistingcontainer .item a.main span { position: static; } div.categorylistingcontainer .item a.main:hover span { text-decoration: underline; } div.categorylistingcontainer .item .swatches { margin: 8px 0 0; text-align: center; } div.categorylistingcontainer .item .swatches a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width: 11px; height: 11px; border: 1px solid #ccc; } div.categorylistingcontainer .item .swatches a.current { border-color: #000; } div.categorylistingcontainer .last { margin-right: 0px; } div.categorylistingcontainer hr.productsep { background-color: #e0e1e2; height: 2px; color: #e0e1e2; border: 0; } div.categoryempty { text-align: center; padding-top: 107px; text-transform: uppercase; font-size: 1em; font-weight:bold; color:#000; } /* Content Feature Overlay */ div.categoryfeatureoverlay { width: 100%; background: #000; position: absolute; top: 0px; left: 0px; z-index:5000; cursor:pointer; } div.categoryfeatureoverlaycontent { width: 602px; height: 438px; border: 1px solid #474747; position: absolute; z-index: 5010; margin: 0px auto; } div.categoryfeatureoverlaycontent .background { position: absolute; width: 602px; height: 438px; top: 0px; left: 0px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background:#000; } div.categoryfeatureoverlaycontent .inner { position: relative; width: 602px; height: 438px; } div.categoryfeatureoverlaycontent .inner a.close { position: absolute; top: -9px; right: -5px; } div.categoryfeatureoverlaycontent .inner a.nextfeature { position: absolute; top: 210px; right: -8px; } div.categoryfeatureoverlaycontent .inner a.previousfeature { position: absolute; top: 210px; left: -8px; } div.categoryfeatureoverlaycontent .inner div.title { font-size: 1.917em; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 40px; } div.categoryfeatureoverlaycontent .inner div.description { color: #999999; font-size: 1.333em; text-transform: uppercase; font-weight:bold; text-align: center; margin-top: 19px; } div.categoryfeatureoverlaycontent .inner img.image { margin: 24px auto 0px; display: block; border: 1px solid #FFF; } /**** ** Where to buy ****/ div#wheretobuycontainer h1 { height: 42px; background: #000; width: 949px; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#wheretobuycontainer div#regions { margin-top: 6px; } div#wheretobuycontainer div#regions ul.tabs { width: 960px; } div#wheretobuycontainer div#regions ul.tabs li { float: left; margin-right: 2px; height: 31px; } div#wheretobuycontainer div#regions ul.tabs li a { color:#939292; text-transform: uppercase; text-decoration: none; display: block; height: 28px; line-height: 28px; margin-top: 3px; padding: 0px 21px; background: #e7e7e8; } div#wheretobuycontainer div#regions div.regioncontent .store_sticky { color: #fff; padding: 14px; background: #000; font-size: 14px; } div#wheretobuycontainer div#regions div.regioncontent .store_sticky .name { font-size: 14px; font-weight: bold; margin: 0 0 4px; } div#wheretobuycontainer div#regions ul.tabs li.current a, div#wheretobuycontainer div#regions ul.tabs li a:hover { background: #929497; color:#FFF; margin-top: 0px; height: 31px; line-height: 31px; } div#wheretobuycontainer div#regions div.regioncontent { background: #929497; padding: 19px 16px 23px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer { width: 316px; float: left; background:url(../_images/layout2011/bg-wheretobuy_search.gif) no-repeat top left; position: relative; padding-top: 57px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.stores { width: 316px; height: 495px; overflow: hidden; position: relative; } div#wheretobuycontainer div#regions div.regioncontent div.inputbox { background:url(../_images/layout2011/bg-wheretobuy_searchinputbox.jpg) no-repeat top left; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer input.textfield { position: absolute; top: 13px; left: 47px; background: none; border: none; height: 24px; padding-top: 5px; width: 175px; color:#000; font-weight:bold; font-size: 1.25em; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer input.btn-locate { display: block; position: absolute; top: 19px; right: 17px; border: none; width: 49px; height: 19px; text-indent: -999px; overflow: hidden; background:url(../_images/layout/btn-wheretobuy_locate.gif) no-repeat 0px 0px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer input.btn-locate:hover { background-position: 0px -19px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer select { width: 200px; top: 20px; left: 15px; position: absolute; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.searchedfor { font-size: 0.917em; padding-left: 15px; padding-right: 15px; font-weight:bold; margin-bottom: 14px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.searchedfor span { color: #666666; font-size: 0.833em; text-transform: uppercase; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.stores_inner { position: relative; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.store { width: 316px; background:url(../_images/layout2011/bg-wheretobuy_store.gif) no-repeat; height: 94px; margin-bottom: 5px; position: relative; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.store a.letter { position: absolute; display: block; height: 94px; width: 53px; left: 0px; top: 0px; line-height: 94px; text-decoration: none; color:#4e4f51; text-align:center; font-weight:bold; font-size: 1.5em; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.store a.letter:hover { font-style: italic; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.store div.info { width: 230px; height: 81px; left: 78px; top: 12px; position: absolute; color: #4e4f51; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.store div.info span.name { font-weight: bold; display: block; color: #4e4f51; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistcontainer div.store div.info span.address { color: #cecdcd; font-weight:bold; font-size: 0.833em; color: #4e4f51; } div#wheretobuycontainer div#regions div.regioncontent ul.pagination { width: 928px; list-style: none; height: 21px; } div#wheretobuycontainer div#regions div.regioncontent ul.pagination li { height: 80px; width: 21px; height: 19px; line-height: 19px; text-align: center; float: left; } div#wheretobuycontainer div#regions div.regioncontent ul.pagination li a { height: 19px; width: 21px; margin: 1px; text-align:center; line-height: 19px; display: block; text-decoration: none; color: #000; } div#wheretobuycontainer div#regions div.regioncontent ul.pagination li a:hover { color: #000; background: #FFF; } div#wheretobuycontainer div#regions div.regioncontent ul.pagination li.current { width: 23px; height: 21px; } div#wheretobuycontainer div#regions div.regioncontent ul.pagination li.current a { margin: 0px; border: 1px #333333 solid; background: #000; color:#FFF; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap { width: 595px; float: right; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer { position: relative; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer img.corner_topright { position: absolute; top: 0px; right: 0px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer img.corner_bottomright { position: absolute; bottom: 0px; right: 0px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer img.corner_topleft { position: absolute; top: 0px; left: 0px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer img.corner_bottomleft { position: absolute; bottom: 0px; left: 0px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer div.mapinner { border: 7px solid #000; width: 581px; height: 553px; } div#wheretobuycontainer div#regions div.regioncontent div.storeslistmap div.mapcontainer div.mapinner div.gmnoprint { color:#000; } /* Online Dealer Locator */ div#wheretobuyonlinecontainer { width: 562px; } div#wheretobuyonlinecontainer h1 { height: 42px; background: #000; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#wheretobuyonlinecontainer div#regions { margin-top: 6px; } div#wheretobuyonlinecontainer div#regions ul.tabs { width: 562px position: relative; } div#wheretobuyonlinecontainer div#regions ul.tabs li { float: left; margin-right: 2px; height: 31px; } div#wheretobuyonlinecontainer div#regions ul.tabs li a { color:#757575; text-transform: uppercase; text-decoration: none; display: block; height: 28px; line-height: 28px; margin-top: 3px; padding: 0px 21px; background: #232323; } div#wheretobuyonlinecontainer div#regions ul.tabs li.current a, div#wheretobuyonlinecontainer div#regions ul.tabs li a:hover { background: #929497; color:#FFF; margin-top: 0px; height: 31px; line-height: 31px; } div#wheretobuyonlinecontainer div#regions ul.tabs div.results { position: absolute; bottom: 7px; right: 7px; color: #666666; text-transform: uppercase; font-size: 0.833em; } div#wheretobuyonlinecontainer div#regions div.regioncontent { background: #929497; padding: 19px 16px 23px; } div#wheretobuyonlinecontainer div#regions div.regioncontent div.storeslistcontainer div.stores { width: 530px; overflow: hidden; } div#wheretobuyonlinecontainer div#regions div.regioncontent div.storeslistcontainer div.stores div.stores_inner { position: relative; } div#wheretobuyonlinecontainer div#regions div.regioncontent div.storeslistcontainer div.stores div.stores_inner a { display: block; height: 97px; width: 530px; margin-bottom: 8px; } div#wheretobuyonlinecontainer div#regions div.regioncontent div.storeslistcontainer div.stores div.stores_inner a img { width: 530px; height: auto; } div#wheretobuyonlinecontainer div#regions div.regioncontent ul.pagination { width: 562px; list-style: none; height: 21px; } div#wheretobuyonlinecontainer div#regions div.regioncontent ul.pagination li { height: 80px; width: 21px; height: 19px; line-height: 19px; text-align: center; float: left; } div#wheretobuyonlinecontainer div#regions div.regioncontent ul.pagination li a { height: 19px; width: 21px; margin: 1px; text-align:center; line-height: 19px; display: block; text-decoration: none; color: #999; } div#wheretobuyonlinecontainer div#regions div.regioncontent ul.pagination li a:hover { color: #000; background: #FFF; } div#wheretobuyonlinecontainer div#regions div.regioncontent ul.pagination li.current { width: 23px; height: 21px; } div#wheretobuyonlinecontainer div#regions div.regioncontent ul.pagination li.current a { margin: 0px; border: 1px #333333 solid; background: #000; color:#FFF; } /**** ** Faction *****/ /* Faction Home Page */ div#columnscontainer #leftcolumn .factionhome .factionhomeheader { height: 160px; width: 640px; overflow: hidden; position: relative; } div#columnscontainer #leftcolumn .factionhome .factionhomeheader h1 { position: absolute; top: 2px; left: 7px; color: #ff1c1a; font-size: 3.75em; } div#columnscontainer #leftcolumn .factionhome .factionhomeheader .description { font-size: 1.333em; line-height: 19px; position: absolute; bottom: 6px; left: 6px; } .faction_members a { display: block; width: 130px; height: 130px; float: left; position: relative; color:#FFF; text-decoration: none; margin: 10px 10px 0px 0px; overflow: hidden; background-position: 0px 0px; background-repeat: none; } .faction_members a:hover { background-position: 0px -130px; } .faction_members a h1 { position: absolute; visibility: hidden; color: #d7e000; text-align: left; font-size: 20px; line-height: 23px; font-weight: bold; background: url(../_images/2012/bg-black-80.png); bottom: 0px; padding: 5px; width: 120px;} .faction_members a:hover h1 { visibility: visible; } .faction_members_small li { margin: 10px 10px 0px 0px; width: 87px; height: 87px; float: left; } .faction_members_small li a { display: block; width: 87px; height: 87px; float: left; position: relative; color:#FFF; text-decoration: none; overflow: hidden; background-position: 0px 0px; background-repeat: none; } .faction_members_small li a:hover { background-position: 0px -88px; } .faction_members_small li a h1 { position: absolute; visibility: hidden; color: #d7e000; text-align: left; font-size: 14px; line-height: 12px; font-weight: bold; background: url(../_images/2012/bg-black-80.png); bottom: 0px; padding: 3px; width: 87px;} .faction_members_small li a:hover h1 { visibility: visible; } /*div#columnscontainer #leftcolumn .factionhome .factionpeople a { background:#F00; display: block; width: 160px; height: 160px; float: left; position: relative; color:#FFF; text-decoration: none; } div#columnscontainer #leftcolumn .factionhome .factionpeople a span { position: absolute; display: block; height: 40px; width: 130px; left: 15px; bottom: 0px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; font-weight:bold; font-size: 0.917em; text-align:center; } div#columnscontainer #leftcolumn .factionhome .factionpeople a:hover img { filter:alpha(opacity=20); opacity: 0.2; -moz-opacity:0.2; } div#columnscontainer #leftcolumn .factionhome .factionpeople a:hover span { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }*/ div#columnscontainer #leftcolumn .factionhome .factionpeople { padding-top: 8px; border-top: 1px solid #999; margin-top: 18px; } div#columnscontainer #leftcolumn .factionhome .factionpeople a { display: block; width: 120px; height: 120px; float: left; position: relative; color:#FFF; text-decoration: none; margin: 10px 10px 0px 0px; overflow: hidden; } div#columnscontainer #leftcolumn .factionhome .factionpeople a img { width: 120px; height: 120px; position: absolute; top: 0; left: 0; } div#columnscontainer #leftcolumn .factionhome .factionpeople a div { position: absolute; display: block; height: 20px; width: 120px;bottom: 0px; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; background: #000; } div#columnscontainer #leftcolumn .factionhome .factionpeople a:hover div { position: absolute; display: block; height: 20px; width: 120px;bottom: 0px; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; background: #000; } div#columnscontainer #leftcolumn .factionhome .factionpeople a span { color: #fff; position: absolute; display: block; height: 17px; padding-top: 3px; width: 120px; bottom: 0px; font-weight:bold; font-size: 0.917em; text-align:center; } div#columnscontainer #leftcolumn .factionhome .factionpeople a:hover span { color: #999; } /* Faction Person Page */ /*div#columnscontainer #leftcolumn .factionperson h1.categoryheading { position: relative; height: 42px; background: #000; width: 629px; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#columnscontainer #leftcolumn .factionperson h1.categoryheading span { position: absolute; color: #666666; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; }*/ div#columnscontainer #leftcolumn .factionperson h1.categoryheading { position: relative; height: 41px; background: #000; line-height: 41px; } div#columnscontainer #leftcolumn .factionperson h1.categoryheading a { padding-left: 11px; display: block; font-size: 1.667em; text-decoration: none; color: #FFF; font-weight:bold; text-transform: uppercase; line-height: 41px; height: 41px; width: 629px; font-family: Arial; letter-spacing:1px; } div#columnscontainer #leftcolumn .factionperson h1.categoryheading span { position: absolute; color: #666; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; } div#columnscontainer #leftcolumn .factionperson h1.categoryheading a:hover { color: #000; background: #d7e000; } div#columnscontainer #leftcolumn .factionperson .personpagination { position: relative; background: #333333; height: 24px; margin-top: 12px; } div#columnscontainer #leftcolumn .factionperson .personpagination span.current { display: block; margin: 0px auto; height: 24px; text-transform: uppercase; line-height: 24px; padding: 0px 16px; position: relative; background: #d7e000; width: 140px; text-align:center; } div#columnscontainer #leftcolumn .factionperson .personpagination span.current img.left { position: absolute; left: 0px; top: 0px; height: 24px; width: 7px; } div#columnscontainer #leftcolumn .factionperson .personpagination span.current img.right { position: absolute; right: 0px; top: 0px; height: 24px; width: 7px; } div#columnscontainer #leftcolumn .factionperson .personpagination a.next { display: block; position: absolute; right: 0px; top: 0px; padding-right: 23px; height: 24px; line-height: 24px; background:url(../_images/layout/faction-personpagination_next.png) no-repeat right top; color: #fff; text-transform: uppercase; text-decoration: none; } div#columnscontainer #leftcolumn .factionperson .personpagination a.previous { display: block; position: absolute; left: 0px; top: 0px; padding-left: 23px; height: 24px; line-height: 24px; background:url(../_images/layout/faction-personpagination_previous.png) no-repeat left top; color: #fff; text-transform: uppercase; text-decoration: none; } div#columnscontainer #leftcolumn .factionperson .personpagination a:hover { color: #d7e000; text-decoration: underline; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent { padding-bottom: 20px; margin-top: 17px; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent h1 { margin: 0 0 18px; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent h1 a { padding: 0; font-size: 20px; text-decoration: none; color: #fff; font-weight:bold; text-transform: uppercase; font-family: Arial; line-height: 26px; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent h1 a:hover { color: #000; background-color: #d7e000; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent img.hero { display: block; margin: 0px auto; width: 560px; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent .factionaladditionalimages { margin: 21px 0 0px; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent .factionaladditionalimages a { display: block; width: 50px; height: 50px; overflow: hidden; float: left; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionpersonbio p, div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionpersonbio{ margin: 21px 0 0px; color: #ddd; line-height: 18px; font-family: Verdana, Geneva, sans-serif; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionpersonbio a { color: #fff; text-decoration: underline; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionpersonbio a:hover { color: #000; background-color: #d7e000; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent a.factionshare { background:url(../_images/2012/btn-sharethis.png) no-repeat 0px 0px; margin: 24px 18px 18px 0px; width: 100px; padding-left: 32px; height: 24px; line-height: 24px; display: block; color: #fff; vertical-align: middle; text-decoration: none; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent a.factionshare:hover { color: #d7e000; background-position: 0px -24px; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionrelated { margin: 0px 18px 0px; font-size: 1.333em; font-weight:bold; line-height: 18px; color: #fff; text-transform: uppercase; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionrelated a { text-decoration: underline; font-size: 0.75em; font-weight: normal; color:#ccc; text-transform: none; } div#columnscontainer #leftcolumn .factionperson .factionpersoncontent div.factionrelated a:hover { color: #000; background-color: #d7e000; } /**** ** Downloads *****/ div#columnscontainer #leftcolumn .downloadscontainer h1 { position: relative; height: 42px; background: #000; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#columnscontainer #leftcolumn .downloadscontainer h1 span { position: absolute; color: #666666; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads { list-style: none; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li { width: 272px; height: 240px; float: left; margin-right: 14px; margin-top: 19px; background: #121212; border: 1px solid #000; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li.last { margin-right: 0px; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li:hover { background: #939598; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li a { text-decoration: none; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li a span.title { display: block; font-weight: bold; margin-top: 15px; color:#FFF; text-align: center; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li a img { border: 2px solid #000; display: block; margin: 20px auto 0px; width: 232px; height: 144px; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li a:hover span.title { color: #000; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li a:hover img { border: 2px solid #939598; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li span.options { display: block; margin-top: 15px; text-align: center; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li span.options a { color: #575757; font-size: 0.917em; text-decoration: none; } div#columnscontainer #leftcolumn .downloadscontainer ul.downloads li span.options a:hover { color: #000; } /* Content Feature Overlay */ div.enlargeme_overlay { width: 100%; background: #000; position: absolute; top: 0px; left: 0px; z-index:5000; cursor:pointer; } div.enlargeme_content { width: 840px; height: 604px; border: 1px solid #474747; position: absolute; z-index: 5010; margin: 0px auto; } div.enlargeme_content .enlargeme_content_background { position: absolute; width: 840px; height: 604px; top: 0px; left: 0px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background:#000; } div.enlargeme_content .enlargeme_content_inner { position: relative; width: 840px; height: 604px; } div.enlargeme_content .enlargeme_content_inner a.enlargeme_close { position: absolute; top: -9px; right: -5px; } div.enlargeme_content .enlargeme_content_inner a.enlargeme_nextframe { position: absolute; top: 210px; right: -8px; } div.enlargeme_content .enlargeme_content_inner a.enlargeme_previousframe { position: absolute; top: 210px; left: -8px; } div.enlargeme_content .enlargeme_content_inner img.image { margin: 0px auto 0px; position: relative; top: 21px; display: block; } div.enlargeme_content .enlargeme_content_inner div.title { font-size: 1.917em; font-weight: bold; text-align: center; text-transform: uppercase; position: absolute; bottom: 31px; width: 100%; } /**** ** Company ****/ div#columnscontainer #leftcolumn .companycontainer { padding-bottom: 20px; } div#columnscontainer #leftcolumn .companycontainer h1 { margin: 0 0 18px; } div#columnscontainer #leftcolumn .companycontainer h1 a { padding: 0; font-size: 20px; text-decoration: none; color: #929497; font-weight:bold; text-transform: uppercase; font-family: Arial; } div#columnscontainer #leftcolumn .companycontainer h1 a:hover { color: #FFF; background-color: #929497; } div#columnscontainer #leftcolumn .companycontainer img.hero { display: block; margin: 0px auto; width: 560px; } div#columnscontainer #leftcolumn .companycontainer div.companycontent { margin: 21px 0 0px; color: #979da0; line-height: 18px; font-family: Verdana, Geneva, sans-serif; } div#columnscontainer #leftcolumn .companycontainer div.companycontent a { color: #575757; text-decoration: none; border-bottom: 1px dotted #757575; } div#columnscontainer #leftcolumn .companycontainer div.companycontent a:hover { color: #000;border-bottom: 1px dotted #000; } /**** ** Technical Specs ****/ .technicalspecscontainer { padding: 0 0 20px 0; background: #fff; margin-bottom: 20px; } .technicalspecscontainer h1 { margin: 0; padding: 0 0 0 20px; color: #000;font-size: 20px; vertical-align:baseline;line-height: 70px; font-weight:bold; text-transform:uppercase; background: url(../_images/2012/bg-acid-h1.jpg) no-repeat; height: 70px; } .technicalspecscontainer img.hero { display: block; margin: 0px auto; } .technicalspecscontainer div.technicalspecscontent { padding: 20px; color: #333; line-height: 18px;} .technicalspecscontainer div.technicalspecscontent p { color: #333; line-height: 18px; font-family: Verdana, Geneva, sans-serif; } .technicalspecscontainer div.technicalspecscontent a { color: #929497; text-decoration: underline; } .technicalspecscontainer div.technicalspecscontent a:hover { color: #000; } .technicalspecscontainer div.technicalspecscontent div.spec_title { color: #000; font-size: 14px; font-weight: bold; } .technicalspecscontainer div.technicalspecscontent div.spec_title.red { color: #d72237; font-size: 14px; font-weight: bold; } .technicalspecscontainer div.technicalspecscontent div.perf_col { width: 290px; margin-right: 20px; float: left; background: #fff; } .technicalspecscontainer .rating { padding: 10px 0 20px 160px; min-height: 75px; background-repeat: no-repeat; width: 700px; margin-bottom: 20px; } .technicalspecscontainer .rating h1 { background: none; color: #000; margin: 0; padding: 0px; line-height: 20px; font-size:20px; text-transform: uppercase; border: none; height: 20px; } .technicalspecscontainer .rating h2 { color: #fff; margin: 0; font-size:18px; text-transform: uppercase; float: left; } .technicalspecscontainer .rating h3 { color: #000; margin: 0; padding:0; font-size:18px;line-height: 20px; vertical-align: middle;} .technicalspecscontainer .rating h3 span { font-size:14px; } .technicalspecscontainer .rating#tr-4 { background-image: url('../_images/2012/icons/lg-tr-4.png'); } .technicalspecscontainer .rating#tr-5 { background-image: url('../_images/2012/icons/lg-tr-5.png'); } .technicalspecscontainer .rating#tr-6 { background-image: url('../_images/2012/icons/lg-tr-6.png'); } .technicalspecscontainer .rating#tr-7 { background-image: url('../_images/2012/icons/lg-tr-7.png'); } .technicalspecscontainer .rating#tr-8 { background-image: url('../_images/2012/icons/lg-tr-8.png'); } .technicalspecscontainer .rating#tr-9 { background-image: url('../_images/2012/icons/lg-tr-9.png'); } .technicalspecscontainer .rating#tr-10 { background-image: url('../_images/2012/icons/lg-tr-10.png'); } .technicalspecscontainer .rating#tr-3 { background-image: url('../_images/2012/icons/lg-tr-3.png'); } .technicalspecscontainer .rating#tr-4 h1, .rating-container #tr-4 h1, .technicalspecscontainer .rating#tr-4 h3 span { color: #feba12; } .technicalspecscontainer .rating#tr-5 h1, .rating-container #tr-5 h1, .technicalspecscontainer .rating#tr-5 h3 span { color: #f7941e; } .technicalspecscontainer .rating#tr-6 h1, .rating-container #tr-6 h1, .technicalspecscontainer .rating#tr-6 h3 span { color: #f15922; } .technicalspecscontainer .rating#tr-7 h1, .rating-container #tr-7 h1, .technicalspecscontainer .rating#tr-7 h3 span { color: #ed1c24; } .technicalspecscontainer .rating#tr-8 h1, .rating-container #tr-8 h1, .technicalspecscontainer .rating#tr-8 h3 span { color: #c4161c; } .technicalspecscontainer .rating#tr-9 h1, .rating-container #tr-9 h1, .technicalspecscontainer .rating#tr-9 h3 span { color: #9c1519; } .technicalspecscontainer .rating#tr-10 h1, .rating-container #tr-10 h1, .technicalspecscontainer .rating#tr-10 h3 span { color: #760809; } .technicalspecscontainer .rating#tr-3 h1, .rating-container #tr-3 h1, .technicalspecscontainer .rating#tr-3 h3 span { color: #ffec00; } .technicalspecscontainer div.technicalspecscontent table { border: 2px solid #000; color: #121212; } .technicalspecscontainer div.technicalspecscontent table tr.bg-grey td { background: #f0f0f0; } .technicalspecscontainer div.technicalspecscontent table tr td.bold { font-weight: bold; } .technicalspecscontainer div.technicalspecscontent table tr td { border: 1px solid #000; color: #000; font-size:14px; font-weight: 100; } .technicalspecscontainer div.technicalspecscontent table tr td.style3 { border: 1px solid #000; color: #575757; font-size: 11px; } .technicalspecscontainer div.technicalspecscontent table tr th { text-transform: uppercase; color: #000; border: 1px solid #000; } /**** ** Design a Jacket ****/ div#columnscontainer #leftcolumn .designajacketcontainer { padding-bottom: 20px; } div#columnscontainer #leftcolumn .designajacketcontainer h1 { margin: 0 0 18px; } div#columnscontainer #leftcolumn .designajacketcontainer h1 a { font-size: 20px; text-decoration: none; color: #929497; font-weight:bold; text-transform: uppercase; font-family: Arial; } div#columnscontainer #leftcolumn .designajacketcontainer h1 a:hover { color: #FFF; background-color: #929497; } div#columnscontainer #leftcolumn .designajacketcontainer img.hero { display: block; margin: 0px auto; } div#columnscontainer #leftcolumn .designajacketcontainer div.content { margin: 21px 0 0px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content, div#columnscontainer #leftcolumn .designajacketcontainer div.content p { color: #fff; line-height: 18px; font-family: Verdana, Geneva, sans-serif; padding-bottom: 12px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content p.notice { color: #898888; } div#columnscontainer #leftcolumn .designajacketcontainer div.content a { color: #929497; text-decoration: underline; } div#columnscontainer #leftcolumn .designajacketcontainer div.content a:hover { color: #000; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul { list-style: none; margin-top: 20px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li { display:list-item; position: relative; padding-left: 40px; padding-bottom: 40px; list-style: none; font-size: 1.167em; font-weight: normal; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li span { position: absolute; left: 0px; top: 6px; font-family: Arial; font-weight: bold; font-size: 2.5em; color: #ff1c1a; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_1 { margin-top: 21px; position: relative; height: 80px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_1 a.jacket_pdf { width: 102px; padding-top: 80px; height: 0px; background: url(../_images/custom_pages/btn-design_a_jacket_view_jacket_pdf.gif) no-repeat; overflow: hidden; position: absolute; left: 59px; top: 0px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_1 a.jacket_pdf:hover { background-position: 0px -81px; margin-top: 1px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_1 a.pant_pdf { width: 102px; padding-top: 80px; height: 0px; background: url(../_images/custom_pages/btn-design_a_jacket_view_pant_pdf.gif) no-repeat; overflow: hidden; position: absolute; left: 203px; top: 0px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_1 a.pant_pdf:hover { background-position: 0px -81px; margin-top: 1px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_5 { margin-top: 21px; position: relative; height: 80px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_5 a { width: 119px; padding-top: 73px; height: 0px; background: url(../_images/custom_pages/btn-design_a_jacket_686_pdf.gif) no-repeat; overflow: hidden; position: absolute; left: 59px; top: 0px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_5 a:hover { background-position: 0px -73px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_8 { margin-top: 21px; position: relative; height: 144px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_8 a.jacket_example { position: absolute; left: 59px; top: 0px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li div.images_8 a.pant_example { position: absolute; left: 203px; top: 0px; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li.deadline { color: #ff1c1a; font-size: 1.667em; } div#columnscontainer #leftcolumn .designajacketcontainer div.content ul li.deadline span { font-size: 1.5em; } /**** ** Videos ****/ div#columnscontainer .videoscontainer h1.categoryheading { position: relative; height: 42px; background-color: #000; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#columnscontainer .factioncontainer h1#faction.categoryheading { padding-left: 0; font-size: 36px; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } div#columnscontainer .videoscontainer h1.categoryheading span { position: absolute; color: #ccc; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; } div#columnscontainer .videoscontainer #filterscontainer { margin: 14px 0px 0px 5px; } div#columnscontainer .videoscontainer #filterscontainer input#btn-videos_filtertags { padding: 0px; margin-top: 20px; width: 89px; height: 34px; overflow: hidden; padding-top: 34px; background: url(../_images/layout/btn-videos_filtertags.gif) no-repeat; border: none; } div#columnscontainer .videoscontainer #filterscontainer input#btn-videos_filtertags:hover { background-position: 0px -34px; } div#columnscontainer .videoscontainer #filterscontainer a#btn-videos_filter { width: 70px; margin-bottom: 25px; display: block; font-weight:bold; color: #939598; text-decoration: underline; background: url(../_images/layout2011/btn-videos_filter.gif) no-repeat left top; padding-left: 40px; height: 19px; padding-top: 14px; } div#columnscontainer .videoscontainer #filterscontainer a#btn-videos_filter:hover { color: #000; } div#columnscontainer .videoscontainer #filterscontainer #filtersinner { position: relative; margin: 0px 0px 0px 33px; } div#columnscontainer .videoscontainer #filterscontainer #filtersinner ul.tags { list-style: none; width: 562px; } div#columnscontainer .videoscontainer #filterscontainer #filtersinner li.tag { list-style: none; cursor: pointer; width: 153px; color: #666666; float: left; text-transform: uppercase; background: url(../_images/layout2011/checkbox-videos_tag.gif) no-repeat left top; padding-left: 26px; height: 16px; line-height: 16px; margin-bottom: 7px; } div#columnscontainer .videoscontainer #filterscontainer #filtersinner li.tag.on { background-position: 0px -16px; color: #000; text-decoration: underline; } div#columnscontainer .videoscontainer #filterscontainer #filtersinner li.tag:hover { color: #000; text-decoration: underline; cursor: pointer; } div#columnscontainer .videoscontainer #filterscontainer #filtersinner li.viewall { float: none; width: 604px; margin-top: 22px; } /**** ** News ****/ div#columnscontainer .newscontainer h1.categoryheading { position: relative; height: 42px; background: #000; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; margin-bottom: 19px; } div#columnscontainer .newscontainer h1.categoryheading span { position: absolute; color: #666666; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; } /**** ** Search Results ****/ div#columnscontainer #leftcolumn .searchresults h1.heading { position: relative; height: 42px; background-color: #000; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#columnscontainer #leftcolumn .searchresults h1.heading span { position: absolute; color: #ccc; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; } div#columnscontainer #leftcolumn .searchresults form { margin: 10px 0px 30px 33px; } div#columnscontainer #leftcolumn .searchresults form input#btn-search_find { float: left; border: none; width: 89px; height: 34px; background: url(../_images/layout/btn-search_find.gif) no-repeat; padding-top: 34px; overflow: hidden; } div#columnscontainer #leftcolumn .searchresults form input#btn-search_find:hover { background-position: 0px -34px; } div#columnscontainer #leftcolumn .searchresults form input.input-text { margin-right: 20px; float: left; height: 30px; width: 250px; background: #fff; border: 2px solid #8F8F8F; font-family: Verdana, Geneva, sans-serif; font-size: 1.667em; color: #939292; padding: 2px 5px 0px; } div#columnscontainer #leftcolumn .searchresults .searchresult div.urltoresult { padding-left: 4px; color: #ccc; font-family: Verdana, Geneva, sans-serif; } div#columnscontainer #leftcolumn .searchresults .searchresult div.urltoresult a { color: #ccc; font-family: Verdana, Geneva, sans-serif; } div#columnscontainer #leftcolumn .searchresults .searchresult div.urltoresult a:hover { color: #929497; } div#columnscontainer #leftcolumn .searchresults ul.pagination { list-style: none; height: 21px; } div#columnscontainer #leftcolumn .searchresults ul.pagination li { height: 80px; width: 21px; height: 19px; line-height: 19px; text-align: center; float: left; } div#columnscontainer #leftcolumn .searchresults ul.pagination li a { height: 19px; width: 21px; margin: 1px; text-align:center; line-height: 19px; display: block; text-decoration: none; color: #999; } div#columnscontainer #leftcolumn .searchresults ul.pagination li a:hover { color: #000; background: #FFF; } div#columnscontainer #leftcolumn .searchresults ul.pagination li.current { width: 23px; height: 21px; } div#columnscontainer #leftcolumn .searchresults ul.pagination li.current a { margin: 0px; border: 1px #333333 solid; background: #000; color:#FFF; } /**** ** Press ****/ div#columnscontainer .presscontainer h1 { position: relative; height: 42px; background: #000; line-height: 42px; color:#FFF; font-weight:bold; font-size: 1.667em; padding-left: 11px; text-transform: uppercase; letter-spacing:1px; } div#columnscontainer .presscontainer h1 span { position: absolute; color: #666666; font-size: 0.5em; right: 12px; top: 15px; line-height: normal; letter-spacing: normal; } div#columnscontainer .presscontainer ul.press { list-style: none; } div#columnscontainer .presscontainer ul.press li.item { width: 124px; height: 206px; float: left; margin-right: 5px; margin-top: 5px; list-style: none; } div#columnscontainer .presscontainer ul.press li.item a { border: 1px solid #000; text-decoration: none; color: #fff; background: #000; display: block; width: 100px; height: 193px; padding: 11px 11px 0px 11px; } div#columnscontainer .presscontainer ul.press li.last { margin-right: 0px; } div#columnscontainer .presscontainer ul.press li.item span.date { color: #575757; font-size: 0.917em; text-align: left; display: block; } div#columnscontainer .presscontainer ul.press li.item img { display: block; margin: 7px auto 0px; border: 1px solid #000; } div#columnscontainer .presscontainer ul.press li.item span.name { font-weight: bold; font-size: 0.833em; display: block; text-align: center; text-transform: uppercase; margin-top: 5px; } div#columnscontainer .presscontainer ul.press li.item a:hover { background: #232323; } div#columnscontainer .presscontainer ul.press li.item a:hover span.date { color: #fff; } div#columnscontainer .presscontainer ul.press li.item a:hover img { border-color: #fff; } div#columnscontainer .presscontainer ul.press li.item a:hover span.name { color: #ff1c1a; } /**** ** Press View ****/ div#pressviewwrapper { width: 806px; height: 355px; background: #000; padding: 21px 15px 20px 19px; position: relative; } div#pressviewwrapper .pressviewright { width: 294px; position: absolute; right: 15px; top: 21px; } div#pressviewwrapper .pressviewright .title { font-weight: bold; font-size: 1.333em; text-transform: uppercase; margin-bottom: 3px; } div#pressviewwrapper .pressviewright .date { color: #999999; font-size: 1.25em; } div#pressviewwrapper .pressviewright img.divider { display: block; margin: 12px 0px 12px 6px; } div#pressviewwrapper .pressviewright .pressviewfeaturedproduct .title { text-transform: uppercase; color: #393939; font-weight: bold; font-size: 1em; margin-left: 3px; } div#pressviewwrapper .pressviewright .pressviewfeaturedproduct .product { background: url(../_images/layout/bg-pressview_featured_product.gif) no-repeat; width: 294px; height: 123px; position: relative; margin-top: 14px; } div#pressviewwrapper .pressviewright .pressviewfeaturedproduct .product img { position: absolute; bottom: 21px; left: 11px; } div#pressviewwrapper .pressviewright .pressviewfeaturedproduct .product a.name { position: absolute; bottom: 40px; left: 107px; font-size: 2em; color: #fff; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; } div#pressviewwrapper .pressviewright .pressviewfeaturedproduct .product a.name:hover { color: #ff1c1a; } div#pressviewwrapper .pressviewright .pressviewfeaturedproduct .product h2 { color: #fff; font-family: Arial; font-size: 1.167em; font-weight: bold; position: absolute; left: 109px; top: 80px; text-transform: uppercase; } /**** ** Footer ****/ div#wrapper div#footer { width: 984px; padding: 20px 0px 20px 20px; position: relative; margin-top: 30px; background: #000; border-width: 1px; border-style: solid; border-color: #303030 #181818 #181818; } div#wrapper div#footer div.copyright { font-size: 0.833em; color: #9f9f9f; margin-bottom: 30px; } div#wrapper div#footer div.copyright a { color: #9f9f9f; text-decoration: none; } div#wrapper div#footer div.copyright a:hover { text-decoration: underline; color: #d7e000; } div#wrapper div#footer ul.mainrow { list-style: none; width: 984px; } div#wrapper div#footer ul.mainrow li.mainsub { float: left; } div#wrapper div#footer ul.mainrow li.mainsub, div#wrapper div#footer ul.mainrow li.mainsub a { color: #ccc; font-size: 1.083em; text-decoration: none; font-weight: bold; } div#wrapper div#footer ul.mainrow li.mainsub a:hover { color: #d7e000; } div#wrapper div#footer ul.mainrow li { margin-right: 8px; } div#wrapper div#footer ul.mainrow li.products { width: 100px; display: none; } div#wrapper div#footer ul.mainrow li.video { width: 230px; } div#wrapper div#footer ul.mainrow li.news { width: 230px; } div#wrapper div#footer ul.mainrow li.faction { width: 90px; } div#wrapper div#footer ul.mainrow li.wheretobuy { width: 120px; } div#wrapper div#footer ul.mainrow li.downloads { width: 140px; } div#wrapper div#footer ul.mainrow li.company { width: 120px; } div#wrapper div#footer ul.mainrow li.mainsub ul.subrow li { padding-top: 4px; } div#wrapper div#footer ul.mainrow li.mainsub ul.subrow li a { font-size: 11px; line-height: 12px; font-weight: normal; color: #9f9f9f; } div#wrapper div#footer ul.mainrow li.mainsub ul.subrow li a:hover { text-decoration: underline; color: #d7e000; } /* #footer-nk { position: relative; background: #0f0f0f; border-top: 1px solid #181818; height: 98px; margin-top: 20px; } #footer-nk .block { padding: 10px 24px 10px 0px; overflow: auto; width: 970px; margin: 0 auto; } #footer-nk #nk { float: left; color: #333; line-height: 18px; vertical-align: top; } #footer-nk #nk a#nk-logo{ display: block; width: 60px; height: 0px; background: url(http://nikkelkrome.com/_images/logos/nk-footer-logo_60x43.png) no-repeat 0px 0px; padding-top:43px; overflow: hidden; margin-top: 3px; } #footer-nk #nk a#nk-logo:hover{background: url(http://nikkelkrome.com/_images/logos/nk-footer-logo_60x43.png) no-repeat 0px -43px; } */ #copyright { } #copyright p { color: #ccc; text-align: right; padding: 5px 0px 10px 0; } #social { padding: 20px; background: #000; } #facebook { background-color:#fff; width: 445px; float: left; margin: 0px 20px 0px 0px; border-bottom: 1px solid #999;} #footer-twitter { float: left; width: 415px; padding: 20px; background-color: #ededed; background-image: url(../_images/layout2011/twitter-bird.png); background-position: top right; background-repeat: no-repeat; } #footer-twitter #tweet ul li { border-bottom: 1px dotted #999; padding: 5px; margin: 0px 0px 8px 0px; } #footer-twitter #tweet ul li p.datetime { color: #e72394; font-size: 10px; vertical-align: bottom; line-height: 14px; margin: 0; } #footer-twitter #tweet ul li p { margin: 2px 0px; } .pagefilter { position: relative; overflow: hidden; height: 29px; background:#1f1f1f; margin: 0 0 20px; } .pagefilter a { display: block; float: left; padding: 0 20px; line-height: 29px; height: 29px; color: #767676; font-weight: bold; text-decoration: none; text-transform: uppercase; } .pagefilter a:hover { background: #d7e000; color: #000; } .pagefilter a.current { background: #fff; color: #000; } .videos-container .thumb { float: left; width: 305px; display: block; margin: 0 20px 20px 0; font-weight: bold; color: #000; text-transform: uppercase; text-decoration: none; position: relative; } .videos-container .thumb img { display: block; margin: 0 0 8px; } .videos-container .thumb .overlay { display: block; width: 305px; height: 172px; position: absolute; top: 0; left: 0; display: none; background: url('../_images/2012/video-overlay.png') no-repeat; } .videos-container .thumb:hover { color: #d6df22; } .videos-container .thumb:hover .overlay { display: block; } .videos-container .last { margin-right: 0; } /*Alyssa*/ .nav li{ list-style-type: none; float: left; } .yellow { color: #d7e000 !important; } p#faction-callout { line-height: 1.8em; } .factioncontainer h2, .factioncontainer h3 { color: #fff; text-transform: uppercase; font-size: 18px; } .factioncontainer h3 { text-align: center; } .factioncontainer #faction_members li { margin: 7px; } hr.yellow { border-color: #d7e000; } #rightcolumn .heading { height: 21px; font-size: 20px; line-height: 21px; color: #bcb7b7; text-transform: uppercase; margin: 15px 0 10px; } .clear { clear: both; } .hide { display: none; } .rating { position: relative; margin: 5px 0 0; height: 30px; width: 180px; } .rating .rating-badge { display: block; height: 0; width: 180px; position: relative; overflow: hidden; padding: 30px 0 0; background-position: center top; background-repeat: no-repeat; } .rating .rating-badge-1 { background-image: url('../_images/2012/icons/st-7.png'); } .rating .rating-badge-2 { background-image: url('../_images/2012/icons/st-8.png'); } .rating .rating-badge-3 { background-image: url('../_images/2012/icons/st-9.png'); } .rating .rating-badge-4 { background-image: url('../_images/2012/icons/tr-4.png'); } .rating .rating-badge-5 { background-image: url('../_images/2012/icons/tr-5.png'); } .rating .rating-badge-6 { background-image: url('../_images/2012/icons/tr-6.png'); } .rating .rating-badge-7 { background-image: url('../_images/2012/icons/tr-7.png'); } .rating .rating-badge-8 { background-image: url('../_images/2012/icons/tr-8.png'); } .rating .rating-badge-9 { background-image: url('../_images/2012/icons/tr-9.png'); } .rating .rating-badge-10 { background-image: url('../_images/2012/icons/tr-10.png'); } .rating .rating-badge-11 { background-image: url('../_images/2012/icons/tr-3.png'); } .rating-container { z-index: 999; background: url('../_images/2012/product-rating-container-bg.png'); width: 277px; height: 336px; position: absolute; bottom: 30px; left: -52px; } div#productsinfocontainer #leftcolumn .rating-container h1, .rating-container h1 { color: #fff; margin: 25px 0 0 27px; width: 230px; font-size:20px; text-transform: uppercase; text-align: center; border: none; } .rating-container h2 { color: #fff; margin: 5px 0 0 27px; width: 230px; font-size:14px; text-transform: uppercase; text-align: center; } .rating-container h3 { color: #000; margin: 4px 0 4px 27px; width: 230px; font-size:30px; text-align: center;} .rating-container h3 span { line-height: 30px; vertical-align: middle; font-size:14px; font-weight: 200; } div#productsinfocontainer #leftcolumn div.productdescription .rating-container p, .rating-container p { color: #fff; margin: 0px 0 0 27px; width: 230px; font-size:12px; line-height: 18px; text-align: center; } .rating-container .icon { position:absolute; width: 145px; height: 73px; left: 71px; top: 227px; background-repeat: none; } .rating-container #st-7 .icon { background-image: url('../_images/2012/icons/lg-st-7.png'); width: 227px; height: 141px; left: 27px; top: 130px; } .rating-container #st-8 .icon { background-image: url('../_images/2012/icons/lg-st-8.png'); width: 227px; height: 141px; left: 27px; top: 130px;} .rating-container #st-9 .icon { background-image: url('../_images/2012/icons/lg-st-9.png'); width: 227px; height: 141px; left: 27px; top: 130px;} .rating-container #tr-4 .icon { background-image: url('../_images/2012/icons/lg-tr-4.png'); } .rating-container #tr-5 .icon { background-image: url('../_images/2012/icons/lg-tr-5.png'); } .rating-container #tr-6 .icon { background-image: url('../_images/2012/icons/lg-tr-6.png'); } .rating-container #tr-7 .icon { background-image: url('../_images/2012/icons/lg-tr-7.png'); } .rating-container #tr-8 .icon { background-image: url('../_images/2012/icons/lg-tr-8.png'); } .rating-container #tr-9 .icon { background-image: url('../_images/2012/icons/lg-tr-9.png'); } .rating-container #tr-10 .icon { background-image: url('../_images/2012/icons/lg-tr-10.png'); } .rating-container #tr-3 .icon { background-image: url('../_images/2012/icons/lg-tr-3.png'); } div#productsinfocontainer #leftcolumn .rating-container #st-7 h1, .rating-container #st-7 h1, .rating-container #st-7 h3 span { color: #e9e40d; } div#productsinfocontainer #leftcolumn .rating-container #st-8 h1, .rating-container #st-8 h1, .rating-container #st-8 h3 span { color: #84af32; } div#productsinfocontainer #leftcolumn .rating-container #st-8 h1, .rating-container #st-8 h1, .rating-container #st-9 h3 span { color: #007a39; } div#productsinfocontainer #leftcolumn .rating-container #tr-4 h1, .rating-container #tr-4 h1, .rating-container #tr-4 h3 span { color: #feba12; } div#productsinfocontainer #leftcolumn .rating-container #tr-5 h1, .rating-container #tr-5 h1, .rating-container #tr-5 h3 span { color: #f7941e; } div#productsinfocontainer #leftcolumn .rating-container #tr-6 h1, .rating-container #tr-6 h1, .rating-container #tr-6 h3 span { color: #f15922; } div#productsinfocontainer #leftcolumn .rating-container #tr-7 h1, .rating-container #tr-7 h1, .rating-container #tr-7 h3 span { color: #ed1c24; } div#productsinfocontainer #leftcolumn .rating-container #tr-8 h1, .rating-container #tr-8 h1, .rating-container #tr-8 h3 span { color: #c4161c; } div#productsinfocontainer #leftcolumn .rating-container #tr-9 h1, .rating-container #tr-9 h1, .rating-container #tr-9 h3 span { color: #9c1519; } div#productsinfocontainer #leftcolumn .rating-container #tr-10 h1, .rating-container #tr-10 h1, .rating-container #tr-10 h3 span { color: #760809; } div#productsinfocontainer #leftcolumn .rating-container #tr-3 h1, .rating-container #tr-3 h1, .rating-container #tr-3 h3 span { color: #ffec00; } #productsinfocontainer .productdescription .rating { width: 70px; position: absolute; bottom: 0px; right: 0px; } #productsinfocontainer .rating-badge { width: 70px; } #productsinfocontainer .rating-container { left: -106px; } .categoryfullcontainer .landing { background: #000; padding: 12px 0px 25px 20px; margin-bottom: 40px; } .categoryfullcontainer .landing h1 { color: #fff; font-size: 60px; text-transform: uppercase; margin: 0px 0px 5px 0px;} .categoryfullcontainer .landing p { font-size: 30px; color: #d7e000; text-transform: uppercase; margin: 0; padding: 0; } .categorylanding { text-align: center; padding: 0 0 0 9px; } .categorylanding a { display: block; padding: 5px; background: #000; width: 328px; height: 170px; margin: 0 9px 9px 0px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; position: relative; } .categorylanding a span { position: absolute; bottom: 9px; right: 9px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 23px; } .categorylanding a { text-decoration: none; } .categorylanding a:hover span{ color: #d7e000; } .categorylanding a:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }