/* navy2 - #063B73; navy - 000090; */ body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;} html {margin: 0; padding: 0;} #wrapper{ margin: 0pt auto; width: 945px; } /* making the styles not global - prevents colliding with headerStyle.css */ #top, #top *, #search_bar, #search_bar *, #navigation, #navigation *, #top_bar, #top_bar *, #bottom, #bottom *, #left_nav, #left_nav * {margin:0; padding:0;} #top a, #search_bar a, #navigation a, #top_bar a, #bottom a, #left_nav a {text-decoration: none;}/*text-transform: uppercase; */ #top a:visited, #search_bar a:visited, #navigation a:visited, #top_bar a:visited, #bottom a:visited, #left_nav a:visited { text-decoration: none;} #top a:hover, #search_bar a:hover, #left_nav a:hover { text-decoration: none;} #navigation a:hover, #top_bar a:hover, #bottom a:hover { text-decoration: underline;} #bottom img {border: none;} /*main content styles*/ #container {float:left; padding-left: 10px; background: #DBE0E4; width: 945px;} #holder {float:left; width: 945px; background: url(../images/SEO/bg_holder.jpg) repeat-y 0 0px; border-bottom: 1px solid #AEC1CE; border-right:1px solid #AEC1CE;} #container .holder_no_sidebar {background: url(../images/SEO/bg_holder_no-sidebar.jpg) repeat-y 0 0px; border-right:0;} #left_col {width: 760px; float:left;} #right_col {width: 184px; float:right;} #top {width:760px; height: 80px; background: #fff url(http://images.compuplus.com/images/SEO/new/New_header_01.jpg) no-repeat; position: relative;} #toptall {width:756px; height: 112px; background: #fff url(http://images.compuplus.com/images/SEO/logo.jpg) no-repeat 1px 0; padding-bottom:1px; border-left: 1px solid #657FA0; position: relative;} #main_body {/*clear:both; */float:right;width: 595px; overflow:hidden; position:relative; padding-bottom: 20px; min-height: 120px;} /* *html #main_body {height: 120px;} */ #left_nav {float:left; width:162px;} #right_col .cartUpsellsSEO {padding:150px 0 0;} /*page top styles*/ #top_menu {float:right; list-style:none; padding-top: 0.5em; padding-right: 5px; font-size: 0.9em;} #top_menu li{display: inline; padding:0 5px 0 3px; border-right: 1px solid #fff; } #top_menu li.last{display: inline; border-right: none;} #top_menu li a{color: #fff; font-weight: bold; } #top_menu li a:hover {color: #A8E3FF;} #top .logo_link {display: block; position:absolute; width: 220px; height: 40px; top:15px; left: 55px; z-index:1;} #search_bar {width: 760px; display:block; background: #fff; height: 45px;border-bottom: 1px solid #AEC1CE;} #search_bar fieldset{border: none; float:left; width: 480px; padding-left: 15px; background: url(../images/SEO/left_search_gradient.png) repeat-y 0 0; padding-top: 4px;} #search_bar address{float:right; width:250px; text-align:center; font-style: normal; color: #063B73; text-transform: uppercase; font-weight: bold; padding-top: 6px; background: url(../images/SEO/right_search_gradient.png) repeat-y 100% 0;} #search_bar address a {color: #063B73;} #search_bar address a:hover {color: #063B73; text-decoration: underline;} #search_bar fieldset label { background: url(../images/SEO/new/sitesearch.gif) no-repeat 0 0; float:left; width:175px; height:24px;} #search_bar fieldset #search_box { width: 255px; float:left; border: 2px solid #6699FF; font-size: 1.1em; padding-top: 2px;} :root #search_bar fieldset #search_box {font-size: 1.1em;} *:lang(en) #search_bar fieldset #search_box {font-size: 1.1em;} #search_bar fieldset .btn_go {float:left;} #navigation {margin-left: 1px; width:758px; background: url(../images/SEO/nav_bg.png) repeat-x 0 0px; height:35px; padding-top: 0px;} :root #navigation {margin-left: 0px; width:757px; background: url(../images/SEO/nav_bg.png) repeat-x 0 0; height:35px;border: 1px solid #ddd; } *:lang(en) #navigation {margin-left: 1px; width:758px; background: url(../images/SEO/nav_bg.png) repeat-x 0 0; height:35px; border:none; } #navigation #navigation_left{float:left; width:10px; height: 34px; background: url(../images/nav_left.png) no-repeat 0 0; } #navigation ul{float:left; list-style:none; text-align:center; padding-top: 12px; width: 741px; } #navigation ul li{display: inline; padding:0 2px 0 2px; border-right: 2px solid #063B73; font-size: 0.9em;} #navigation ul li.blog{border-right: none;} #navigation ul li.redNavItem a{color:red;} /*#navigation ul li.blog a{color:red;}*/ #navigation ul li a{color: #000090; font-weight: bold; } #navigation #new_blog_image {position:absolute; top:110px; left: 659px; width:26px; height: 29px; padding:0 0 0 0; } #navigation #new_blog_image2 {position:absolute; top:110px; left: 675px; width:26px; height: 29px; padding:0 0 0 0; } #navigation #navigation_right{ width:11px; height: 34px; background: url(../images/nav_right.png) no-repeat 0 0;} /* commented out from the navigation_right position:absolute; top:110px; left: 757px; */ /*#navigation #navigation_right{float:right; width:11px; height: 34px; background: url(../images/nav_right.png) no-repeat 0 0;}*/ #blogLink {color:red;} /*SEO Text. Added by SGunsher*/ #seoText { float: left; margin-left: 5px; background-color: white; height: 32px; width: 753px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000099; text-align: center; padding-top: 5px; } #seoText a { color: #CC3300; text-decoration: none; } #seoText a:hover { text-decoration: underline; } /*top bar*/ #top_bar {width:757px; float:left; display:inline;margin:0 0 0 2px; background:#F9FBFC url(../images/SEO/back_top_bar.gif) repeat-x 0 100%;} #top_bar p, #top_bar div {float:left; text-align:center;} #top_bar div#top_bar_holiday div{float:none; text-align:center;} #top_bar p {width:205px; padding: 10px 0 10px 0; vertical-align: middle;} #top_bar_holiday {width:190px; padding: 10px 0 10px 10px; text-align:center; vertical-align: middle;} #top_bar_center {width:417px; padding:10px 0 12px 0; vertical-align: middle; } #top_bar_last {width:126px; padding: 13px 0 12px 0; vertical-align: middle;} #top_bar .linkleftreg{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; text-decoration:none; } .holder_no_topbar #top_bar {display:none;} /*main content*/ #main_breadcrumbs {width: 585px;list-style: none; background: #EDF0FA;height: 18px; padding: 3px 0 1px 0; border-top: 1px solid #000090; border-bottom: 1px solid #000090; margin-top: 3px; margin-left:3px;} #main_breadcrumbs li {float:left; padding: 1px 10px 0 3px; background: url(../images/SEO/crumb_sep.gif) no-repeat 100% 50%; font-size: 8pt;} #main_breadcrumbs li.crumb_last {background: none;} #main_breadcrumbs li a {color: #000090; font-weight: bold; text-transform: none;} #left_body {float:left; width: 400px;overflow: hidden; padding-left: 5px;} #right_body {float:right; width: 151px; } /*left body of main content */ #product_form {padding-top: 1.5em;} #left_body h1.product_name {font-size: 12px; color:#063B73; } #left_body #full_desc {text-transform: none; font-size: 0.8em; color: #063b73; text-decoration: underline; } #left_body .ship_info {margin-top: 5px; float:left; width: 205px;} #left_body .ship_info #stock1 {display:block;color: #c00; font-weight: bold; font-size: 0.9em;} #left_body .ship_info #stock2 {display:block;color: #000090; font-weight: bold; font-size: 0.8em;} #left_body #buy_info {clear:left;float:left; width: 181px; font-size: 0.8em; background: url(../images/SEO/conf_up.png) no-repeat 0 0; padding-top: 30px; list-style: none;margin:5px 0 5px 5px; display: inline;} #left_body #buy_info li {background: url(../images/SEO/conf_middle.png) repeat-y 0 0; width: 171px; padding: 5px 5px; margin-left:-16px;} :root #left_body #buy_info li {margin-left: 0;} #left_body #buy_info li span {display: block;padding-left:25px; background: url(../images/SEO/check.gif) no-repeat 3px 6%; height: 25px;} #left_body #buy_info li.last {background: url(../images/SEO/conf_down.png) no-repeat 0 0; } #left_body .btn_printer {clear:left; float:left; width: 125px; height: 33px; position: relative; margin:0 0 0 30px; display: inline;} #left_body .btn_printer span {position: absolute; top: 0; left:0; width: 125px; height: 33px; background: url(../images/SEO/printerfriendly.gif) no-repeat 0 0;} #left_body img {float:left;margin-left: 43px; display: inline;} #left_body #tell_friend {clear:left;float:left; width: 194px; margin-top: 5px;} #left_body #tell_friend #tell_link{float:right; padding-left: 20px; background: url(../images/SEO/email2.gif) no-repeat 0 50%; text-transform: none; color: #063B73; font-size: 0.8em; text-decoration: underline;} #left_body .hot_specials {clear:both; color: #c00; text-align: center; font-weight: bold; padding-top: 15px;} #left_body dl {clear: left; float:left; width: 194px;} #left_body h4 {clear:both; font-size: 12px;} #left_body p.description {clear:both; color: #063B73; font-size: 0.8em;} #left_body ul.more_info{clear:both; color: #063B73; font-size: 0.8em; margin-left: 15px;} #left_body #left_lvl2 {float: left; width: 205px; margin-top: 5px;} #left_body #right_lvl2 {float: right; width: 194px; margin-top: 5px;} #left_body #prices {background: #F5F7FC; border-top: 2px solid #BCC7ED; border-bottom: 1px solid #BCC7ED; font-size: 0.9em;} #left_body #prices dt{clear:left;float:left; } #left_body #prices dd{float:left;} #left_body #prices .our_price{color: #f00; font-size: 1.1em; } #left_body #prices dt.our_price{ width:100px;} #left_body #prices dd.our_price{font-size: 1.3em; font-weight: bold;} #left_body .btn_buy {display:block; clear:both; float:left; width: 108px; height: 28px; background: url(../images/SEO/btn_buy.png) no-repeat 0 0; margin-top:3px; margin-left: 45px; display: inline;} #advertisement {/*clear:both;*/float:left;margin-top: 5px; width: 580px;padding-left:5px;} #certificates {/*clear:both;*/float:left; width: 590px; margin-top: 15px; padding-top: 5px; padding-bottom:15px; margin-left: 0px; display: inline;} #certificates img{float:left; margin-top: 5px; margin-right: 15px; display: inline;} #certificates #cert1 img{ margin-left: 5px; margin-top: 15px; margin-bottom: 0px;} #certificates #cert2 img{margin-left: 0px;margin-bottom: 0px; } #certificates #cert8 img{margin-left: 0px;margin-top: 0px; margin-bottom: 0px;} #certificates #cert3 img{margin-bottom: 0px; margin-left: 0px;} #certificates #cert4 img{margin-top: 0px; margin-right:0px; margin-left: 0px;margin-bottom: 0px;} #certificates #cert5 img{margin-right:0px;margin-bottom: 0px;margin-left: 30px;margin-top:0px;} #certificates #cert6 img{margin-right:0px;margin-bottom: 0px;margin-left:30px;} #certificates_new img{float:left; margin-top: 5px; margin-right: 45px; display: inline;} #certificates_new #cert7 img{margin-right:15px;margin-left: 43px;margin-bottom: 15px;display:block;clear:right;} #baner1 img{margin:0 0 5px 15px !important; } #banner_ul {list-style:none; margin-top: 10px;} #banner_ul li {float:left; width:165px; margin-left: 25px !important; margin-left: 15px;display: inline; } #banner_ul li span{display:block; text-align: center; color: #003399; font-weight: bold; } #banner_ul li a{display:block; } .baner img {margin-right: 25px;} #baner2 img{margin-top:5px; margin-left: 15px; } #baner3 img{margin-top: 10px;} #baner4 img {margin-top: 30px; margin-left :40px;} /*bottom-nav*/ #bottom {margin-top:25px;} .bottom_nav {clear:both; width:585px; border-top: 0px solid #ddd; list-style: none; text-align: center;margin-top: 25px; margin-bottom: 25px; font-size: 0.9em; margin-left: 50px; line-height: 1.7em;} .bottom_nav2 {border-top:0; padding-top: 10px;} #bottom .bottom_nav li{display: inline; padding: 0 6px 0 4px; border-right: 1px solid #000090; } #bottom .bottom_nav li.last {border-right: none; } .bottom_nav li a{color: #000090; font-weight: bold; } /*right_content of main_content*/ #right_body img {margin:0;} #right_body #save_up {display:block; margin-top: 10px; position:relative; left: -10px;} #right_body #bonus_offer {display:block; margin-top: 5px; position: relative; left: -10px;} #right_body #featured_accesories {margin-top: 5px; margin-right:5px; position:relative; left: -10px; background: #DAE7F3;} #right_body #featured_accesories span{display: block; text-align:center; font-size: 0.75em;} #right_body #featured_accesories h5{background: #063B73; color: #fff; padding: 2px 0; text-transform: uppercase; font-size: 0.75em; text-align:center;} #right_body #featured_accesories h6{background: #ACC9E3; color: #164887; padding: 2px 0; text-transform: uppercase; font-size: 0.75em; text-align: center;} #right_body table {font-weight: bold; color: #063B73; font-size: 0.9em;} #right_body td{padding-right: 5px;} /*left nav*/ #left_nav { border-left: 1px solid #647E8F; } #left_nav .brands_h3 {position:relative; height: 28px; margin-left: 0px;} #left_nav .brands_h3 span{position: absolute; top:0; left:0; width: 162px; height: 28px; background: url(../images/SEO/brands_h3.png) no-repeat 0 0;} #left_nav .products_h3 {/*cleaR:both;*/position: relative; height:26px; margin-left: 0px;} #left_nav .products_h3 span{position: absolute; top:0;left:0; width: 162px; height: 26px; background: url(../images/SEO/products_h3.png) no-repeat 0 0;} #left_nav #categories {list-style: none; background: url(../images/SEO/leftnav_bg.png) repeat-y 0 0; padding-bottom: 4px;} #left_nav #categories li { height:17px; padding-top: 3px; border-bottom: 1px solid #fff; padding-left: 18px; background: url(../images/SEO/bulet1.gif) no-repeat 5px 50%; position: relative; } #left_nav #categories li a { color: #fff; font-weight: bold; font-size: 0.9em; } #left_nav #categories li a:hover { color: #A8E3FF; } /* Added by SGunsher for dynamic subcat menus on sidebar */ ul.subUL { position: absolute; left: 162px; top: 0; display: block; background: white; color: black; } ul.subUL li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; } /* Fix IE. Hide from IE Mac \*/ * html ul.subUL li { float: left; } * html ul.subUL li a { height: 1%; } /* End */ /* End styles added by SGunsher */ #left_nav #brands_form fieldset {border: none;} #left_nav #brands_form select{margin-left: 3px; float:left; width:133px; color: #1C5BA8; font-weight: bold; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-family:Arial; font-size:8pt; } * html #left_nav #brands_form select { width: 130px; margin: 0px 0px 2px 3px; } #left_nav #brands_form .btn_go2{float:right; background:url(../images/SEO/gobrand.gif) no-repeat 0 0; width:26px; height:20px; } * html #brands_form .btn_go2{margin:1px 0px 0 0;} /*right column*/ .holder_no_sidebar #right_col {display:none;} #compare_box {margin-top: 15px; width: 109px; margin-left: 15px; background: #DAE7F3; color: #063B73;border: 1px solid #063B73; text-align: center; padding: 20px 5px 15px 0px; font-weight: bold;} /* make firefox print all pages, with no blank page */ @media print { #main_body, #left_body { overflow:visible; } } #SEOhomeText { position: absolute; top: 990px; left: 2px; font-size: 8pt; } hr#SEOhomeTextBreak { color: #336699; margin-top: 10px; margin-bottom: 10px; }