body { margin: 0 auto; padding: 0; } #headerContainer { margin: 0 auto; margin-top: 10px; padding-bottom: 10px; width: 940px; } #headerContainer div { border: none transparent; } #sub-menu span, #sub-menu a, #community-sub-menu span, #community-sub-menu a { font-size: 13px; line-height: 15px; font-family: 'Arial'; /*font-family: 'DINPro-Medium', 'Roboto-Medium';*/ } #community-sub-menu a span { padding-top: 5px; } #headerContainer a:hover { color: #0f0 !important; } #sub-sections span { text-transform: capitalize; } #sub-sections ul.cult span, #sub-sections ul.team span, #sub-sections ul.downloads span { text-transform: none; } #headerContainer #main-menu-links { float: left; margin-left: 30px; margin-top: 20px; position: relative; z-index: 9999; } #headerContainer #main-menu-links ul li { float: left; padding-right: 40px; } #headerContainer #main-menu-links ul li a { color: #F2EDE7; font-size: 15px; line-height: 44px; margin-right: 20px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'Roboto-Bold'; } #headerContainer #main-menu-links ul li a.text-selected { color: #0f0; } #headerContainer #razer-logo { float: left; margin-left: 10px; margin-top: 15px; } #centerwrapper{ z-index: 999; float: left; width: 100%; height: 77px; /* background: url("http://assets.razerzone.com/eeimages/assets/images/common/header/background.png") repeat-x;*/ /* background-color: green;*/ clear: both; } #centercolumn { margin: 0 10px 0 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ background-color: #000; /* background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/header/background.png");*/ border-top: 1px solid #222 !important; height: 77px; } #centercolumn .drCart { background: url("http://assets.razerzone.com/eeimages/assets/images/common/cart.png") no-repeat scroll left 3px transparent; color: #444444; float: right; height: 20px; margin-top: 0; margin-left: 50px; text-align: right; width: auto; } #centercolumn .drCart #dr_cartSummary { font-family: DINPro-Regular, Roboto-Regular; height: 15px; text-align: left; width: auto; color: #666666; } #centercolumn .drCart #dr_cartSummary p { height: auto; padding-left: 15px; text-align: right; margin: 2px 3px 3px !important; } #centercolumn #searchStoreFrm .searchStoreTxt { background: none repeat scroll 0 0 #000000; border-color: #202020; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 0; color: #CCCCCC; float: left; font-size: 11px; height: 15px; margin-left: 5px; margin-right: 5px; padding-left: 5px; width: 180px; } #centercolumn #searchStore { float:right; padding: 5px 0; } #centercolumn #buttonSearchStore { background: url("http://assets.razerzone.com/eeimages/assets/images/common/search-icon.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 27px; width: 22px; } #centercolumn .search-curve-corners { background: none repeat scroll 0 0 #000000; border: 1px solid #333333; border-radius: 45px 45px 45px 45px; box-shadow: 1px 2px 6px rgba(5, 5, 5, 0.5); height: 15px; } #leftcolumn{ float: left; width: 10px; /*Width of left column*/ height: 77px; margin-left: -100%; background: url("http://assets.razerzone.com/eeimages/assets/images/common/header/left.png") no-repeat scroll 0 0 transparent; } #rightcolumn{ float: left; width: 10px; /*Width of right column*/ height: 77px; margin-left: -10px; /*Set left marginto -(RightColumnWidth)*/ background: url("http://assets.razerzone.com/eeimages/assets/images/common/header/right.png") no-repeat scroll 0 0 transparent; } #footerContainer { margin: 0 auto; margin-bottom: 20px; /*height: 44px;*/ font-size: 11px; color: #CCCCCC; position: relative; width: 940px; margin-top: 12px; } #footerContainer .left-border { background: url("http://assets.razerzone.com/eeimages/assets/images/common/footer-left.png") no-repeat scroll 0 0 transparent; float: left; height: 44px; width: 11px; margin-left: -100%; } #footerContainer .right-border { background: url("http://assets.razerzone.com/eeimages/assets/images/common/footer-right.png") no-repeat scroll 0 0 transparent; float: right; height: 44px; width: 11px; margin-left: -11px; } #footerContainer .content-wrapper { z-index: 999; float: left; width: 100%; height: 44px; /* background-color: green;*/ clear: both; } #footerContainer .center-content { border-bottom: 1px solid #222; border-top: 1px solid #222; height: 42px; background-color: #000; margin: 0 10px 0 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ } #footerContainer .center-content .left { padding-top: 13px; padding-left: 3px; } #footerContainer .center-content .right { padding-top: 16px; display: inline-block; } #footerContainer .center-content .right ul li { display: inline-block; } #headerContainer #header-foot { clear: both; margin-top: -1px; } #header-foot .bottomcenter{ float: left; width: 100%; height: 10px; /* background: url("http://assets.razerzone.com/eeimages/assets/images/common/header/bottom-bg.png");*/ clear: both; } #header-foot .centercolumn { margin: 0 10px 0 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ border-bottom: 1px solid #222; background-color: #000; height: 10px; } #header-foot .bottomleft{ float: left; width: 10px; /*Width of left column*/ height: 10px; margin-left: -100%; background: url("http://assets.razerzone.com/eeimages/assets/images/common/header/bottom-left.png") no-repeat scroll 0 0 transparent; } #header-foot .bottomright{ float: left; width: 10px; /*Width of right column*/ height: 10px; margin-left: -10px; /*Set left marginto -(RightColumnWidth)*/ background: url("http://assets.razerzone.com/eeimages/assets/images/common/header/bottom-right.png") no-repeat scroll 0 0 transparent; } #headerContainer ul li { display: inline; float: left !important; list-style: none outside none; } #headerContainer div#sub-menu, #headerContainer div#community-sub-menu { clear: left; margin: 0 auto; position: relative; border-left: 1px solid #252525; border-right: 1px solid #252525; text-transform: uppercase; text-align: center; -moz-transition: All .25s ease; -webkit-transition: All .25s ease; -o-transition: All .25s ease; transition: All .25s ease; /* initial attributes*/ height: 0px; opacity: 0; z-index: -99; } #headerContainer div#sub-menu.show, #headerContainer div#community-sub-menu.show { height: 130px !important; /* change height*/ opacity: 1 !important; z-index: 99; transition: All .35s ease; -moz-transition: All .35s ease; -webkit-transition: All .35s ease; -o-transition: All .35s ease; } #sub-menu div#mini-section { position: absolute; height: 35px; width: 100%; margin: 0 auto; float:none !important; background-color: #000; border-top: 1px solid #333; /* inital state of the mini section (hidden) */ opacity: 0; top: -30px; z-index: -1; -moz-transition: All .15s ease; -webkit-transition: All .15s ease; -o-transition: All .15s ease; transition: All .15s ease; } #sub-menu.show div#mini-section.show { opacity: 1; top: 0px; z-index: 1; -moz-transition: All .35s ease; -webkit-transition: All .35s ease; -o-transition: All .35s ease; transition: All .35s ease; } #sub-menu div#mini-section ul { display: inline-block !important; margin: 0 auto; padding: 0; /* For IE, the outcast */ zoom:1; *display: inline; } #sub-menu div#mini-section ul li { width: 125px; padding: 10px 3px; } #sub-menu div#mini-section ul li.selected { background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/category-product-specific-bg.jpg"); /* background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/header/mini-header-selected.png");*/ } #sub-menu div#mini-section ul li.selected span a { color: #0f0; } #sub-menu div#mini-section ul li a { display: block; color: #fff; } #sub-menu div#mini-section ul li a:hover { color: #0f0; } #sub-menu.show div#mini-section.show { opacity: 1; top: 0px; z-index: 1; -moz-transition: All .35s ease; -webkit-transition: All .35s ease; -o-transition: All .35s ease; transition: All .35s ease; } #sub-menu div#main-section, #community-sub-menu div#community-main-section { background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/header/submenu-bg.png"); bottom: 0; float: none !important; opacity: 0; position: absolute; text-align: center; top: -150px; width: 100%; z-index: -99; transition: All .25s ease; -moz-transition: All .25s ease; -webkit-transition: All .25s ease; -o-transition: All .25s ease; } #sub-menu.show #main-section { z-index: 999; } #sub-menu.show #main-section, #community-sub-menu.show #community-main-section { opacity: 1; top: 0px; z-index: 10; transition: All .35s ease; -moz-transition: All .35s ease; -webkit-transition: All .35s ease; -o-transition: All .35s ease; } #sub-menu.show #main-section.hide, #community-sub-menu.show #community-main-section.hide { top: -80px; z-index: -10; opacity: 0 !important; transition: All .5s ease; -moz-transition: All .5s ease; -webkit-transition: All .5s ease; -o-transition: All .5s ease; } #main-section ul, #community-main-section ul { text-align: center; display: inline-block !important; } #main-section ul li { padding: 0 4px; width: 145px; } /* custom image fix for community icons */ #community-main-section ul li { padding: 0 5px; width: 150px; } #community-main-section ul li a img { padding: 2px 2px 0; } /* custom image fix for community icons */ #sub-menu.show, #community-sub-menu.show { background: url("http://assets.razerzone.com/eeimages/assets/images/common/category-product-lines-bg.jpg") repeat-x scroll 0 36px transparent; /* background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/header/submenu-sections-bg.png");*/ /* background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/header/submenu-sections-bg.png");*/ } /* holder of the sub sections */ #sub-menu div#sub-sections div { position: absolute; bottom: 0; width: 100%; height: 90px; float: none !important; /* background-image: url("http://assets.razerzone.com/eeimages/assets/images/common/header/submenu-sections-bg.png");*/ /* temp*/ /* border: 1px solid #fff;*/ /* background-color: #000*/ } #sub-menu div#sub-sections div ul { display: inline-block !important; margin: 0; /* padding: 0 30px;*/ bottom: 0; position: relative; /* initial location */ left: 0px; opacity: 0 !important; /* inital state of the mini section (hidden) */ /* temp*/ /* border: 1px solid #00f;*/ -moz-transition: All .2s ease .2s; -webkit-transition: All .2s ease .2s; -o-transition: All .2s ease .2s; transition: All .2s ease .2s; /* For IE, the outcast */ zoom:1; *display: inline; } #sub-menu div#sub-sections ul li { width: 135px; padding: 0 10px; display: none; /* temp*/ /* border: 1px solid gray;*/ -moz-transition: All .2s ease .2s ; -webkit-transition: All .2s ease .2s; -o-transition: All .2s ease .2s; transition: All .2s ease .2s; } #sub-menu div#sub-sections ul.peripherals li { width: 130px; padding: 0; } #sub-menu div#sub-sections ul li a { display: block; color: #fff; } #sub-menu.show div#sub-sections div ul.show { opacity: 1 !important; /* left: 0px;*/ z-index: 9; -moz-transition: All .2s ease .2s ; -webkit-transition: All .2s ease .2s ; -o-transition: All .2s ease .2s ; transition: All .2s ease .2s ; } #sub-menu.show div#sub-sections div ul.show li { display: block; -moz-transition: All .2s ease .2s ; -webkit-transition: All .2s ease .2s ; -o-transition: All .2s ease .2s ; transition: All .2s ease .2s ; } #product_related_display{ z-index: 999999; } .product_line_no_link{ font-family: DINPro-Medium, Roboto-Medium; font-size: 16px; color: #FFFFFF; margin-top: 4px; display: block; float: left; /*font-weight: bold;*/ }