body { background: #fff url('bg.gif') repeat-x; color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif, arial; font-size: 13px; } * { margin: 0; padding: 0; } img { border: none; } p { margin: 10px 0; } h1 { color: #1f3b77; font-size: 20px; letter-spacing: -0.05em; margin: 0 0 10px 0; font-weight: normal; text-align: left; text-decoration: none; } h2 { color: #34b6e4; font-size: 20px; letter-spacing: -0.05em; margin: 0 0 10px 0; font-weight: normal; text-align: left; text-decoration: none; } h3 { color: #1f3b77; font-size: 17px; letter-spacing: -0.03em; margin: 0 0 10px 0; font-weight: normal; text-align: left; text-decoration: none; } h4 { color: #34b6e4; font-size: 17px; letter-spacing: -0.03em; margin: 0 0 10px 0; font-weight: normal; text-align: left; text-decoration: none; } h5 { color: #1f3b77; font-size: 16px; margin: 0 0 10px 0; font-weight: bold; text-align: left; text-decoration: none; } .blue1 { color: #1f3b77; } .clear { clear: both; overflow: hidden; } .clear-spacer { clear: both; height: 10px; } .clear-spacer2 { clear: both; height: 25px; } .left { float: left; } .right { float: right; text-align: right; } .border { border: solid 2px #1f3b77; } .borderbig { border: solid 5px #576c99; } .marg-right-5 { margin-right: 5px; } .marg-right-7 { margin-right: 7px; } .marg-right-10 { margin-right: 10px; } a { text-decoration: underline; color: #34b6e4; } a:hover, a:focus, a:active { color: #1f3b77; } h1 a { text-decoration: none; } a h1 { text-decoration: none; } #wrapper { margin: 0 auto; width: 982px; } #head { float: left; width: 982px; height: 265px; background: url('head-bg.gif') no-repeat; margin: 23px 0 0 0; } #section1 { position: relative; float: left; width: 982px; height: 111px; } #section1 .logo { position: absolute; left: 34px; top: 29px; } /* Country Selection */ #country { position: absolute; left: 371px; top: 14px; width: 112px; height: 32px; background: url('countries.gif') no-repeat; } #country b {display: none;} #item1BG {position: absolute; left: 0px; top: 0px;   background: transparent url('countries.gif') 0px 0px no-repeat;} #item2BG {position: absolute; left: 37px; top: 0px; background: transparent url('countries.gif') -37px 0px no-repeat;} #item3BG {position: absolute; left: 75px; top: 0px; background: transparent url('countries.gif') -75px 0px no-repeat;} a#item1 {display: block; width: 37px; height: 32px;} a#item2 {display: block; width: 38px; height: 32px;} a#item3 {display: block; width: 37px; height: 32px;} a:hover#item1 {background: transparent url('countries.gif') 0px -32px no-repeat;} a:hover#item2 {background: transparent url('countries.gif') -37px -32px no-repeat;} a:hover#item3 {background: transparent url('countries.gif') -75px -32px no-repeat;} #topnav { position: absolute; left: 487px; top: 12px; } #topnav ul { margin: 0; padding: 0; list-style: none; } #topnav li { float: left; width: auto; display: inline; margin: 0; color: #000; font: 11px/2.4 "Lucida Grande", "Lucida Sans Unicode", sans-serif, arial; height: 29px; } #topnav li { border-left: 1px solid #5da1b9; border-right: 1px solid #31799e; } #topnav a { display: block; padding: 0 7px; float: left; text-decoration: none; height: 29px; color: white; } #topnav a:hover, #topnav a:focus, #topnav a:active { color: #1f3b77; } #qsearch { position: absolute; left: 827px; top: 17px; } #qsearch .form { margin: 0; } #qsearch .formfield { border: solid 1px #a6a9ab; background: #fff; width: 100px; font-size: 0.8em; color: #444; padding: 2px; margin-top: 2px; } #qsearch .search-btn { margin-top: -3px; } #section1 .summary { position: absolute; left: 590px; top: 62px; width: 343px; text-align: right; font-size: 14px; } .curloc { font-size: 11px; padding-top: 4px; } #nav { float: left; padding-left: 17px; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { float: left; width: auto; display: inline; margin: 0; color: #000; font: 14px/3.7 "Lucida Grande", "Lucida Sans Unicode", sans-serif, arial; height: 56px; } #nav li { border-right: 1px solid #384e7e; } #nav a { display: block; padding: 0 12px; float: left; text-decoration: none; height: 56px; color: white; } #nav a:hover, #nav a:focus, #nav a:active { background: url('nav-bg.gif') repeat-x #4a97b8; color: #1f3b77; } #badges { float: left; display: inline; width: 914px; height: 69px; margin: 17px 0 0 34px; } #main-head { width: 982px; height: 19px; float: left; background: url('main-head.gif') no-repeat; margin: 0; } #main { width: 982px; float: left; background: transparent url('main-bg.png') repeat-y scroll 0 0; min-height: 350px; height: auto !important; height: 350px; } #main-footer { width: 982px; height: 24px; float: left; background: transparent url('main-footer.png') no-repeat; margin: 0; } #left-panel { float: left; width: 182px; padding: 0 11px 0 23px; } #left-panel .item { float: left; width: 182px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #cfe8f1; } #catnav ul { margin: 0; padding: 0; list-style: none; } #catnav li { width: auto; margin: 0; } #catnav a { text-decoration: none; color: #3d5ea3; } #catnav a:hover, #catnav a:focus, #catnav a:active { color: #1f3b77; } #catnav .title a { text-decoration: none; color: #1f3b77; font-size: 16px; } #catnav .title { margin-top: 8px; } .subscribe .field { color: #666; width: 155px; border: solid 1px #ddd; padding: 9px; margin-bottom: 10px; } .subscribe .btn { margin-bottom: 10px; } .small { font-size: 11px; float: left; width: 175px; } #main-panel { float: left; width: 711px; padding: 0 0 0 25px; } #main-panel .h-text { float: left; text-align: justify; width: 227px; padding-right: 12px; } #main-panel ul { margin-left: 25px; } #main-panel ol { margin-left: 20px; } #main-panel ul li { margin: 5px 0; } .breadcrumb { float: left; } .breadcrumb a { text-decoration: none; } #latest { float: left; padding-right: 12px; width: 230px; } #best { float: left; width: 230px; } .box { float: left; width: 230px; min-height: 210px; height: auto !important; height: 210px; cursor: pointer; margin-bottom: 10px; text-decoration: none; } .box a { text-decoration: none; } .nopointer { cursor: default; } .dark { background: #576c99; color: white; } .light { background: #d1eef9; color: #1f3b77; } .dark:hover { background: #435885; } .light:hover { background: #a8d1e0; } .box .content { padding: 5px; width: 220px; } .box .content .title { float: left; min-height: 32px; height: auto !important; height: 28px; } .box .content .title .text { float: left; } .box .content .title .normal { float: left; padding-left: 2px; } .box .content .price { float: left; color: #e70000; } .box .content .more { float: right; text-align: right; } .box img { border-bottom: solid 1px #abd2e0; margin-bottom: 3px; } .section { float: left; width: 230px; min-height: 210px; height: auto !important; height: 210px; cursor: pointer; margin-bottom: 15px; } .section .content { padding: 5px; width: 220px; } .section .content .title { float: left; color: #1f3b77; font-size: 18px; letter-spacing: -0.03em; margin-bottom: 2px; padding-top: 7px; text-align: center; border-top: solid 1px #abd2e0; width: 220px; } .section .content .normal { color: #333; font-size: 13px; text-align: left; float: left; } .section .content .pic { width: 220px; min-height: 100px; height: auto !important; height: 100px; text-align: center; } .section img { margin-bottom: 3px; text-align: center; } #prod-img { float: left; width: 360px; } #prod-content { float: left; width: 330px; margin-left: 20px; font-size: 15px; } #prod-content .price { color: #e70000; font-size: 18px; margin-top: 0; } .formfield-sml { border: solid 1px #a6a9ab; background: #fff; width: 30px; font-size: 0.8em; color: #444; padding: 2px; } #footer { width: 926px; height: 114px; padding: 28px; float: left; background: transparent url('footer.png') no-repeat; margin: 0; font-size: 11px; } #footer a { text-decoration: none; } #footer-links { float: left; } #footer-links ul { margin: 0; padding: 0; list-style: none; } #footer-links li { float: left; width: auto; display: inline; margin: 0; color: #000; } #footer-links li { border-right: 1px solid #384e7e; } #footer-links a { padding: 0 5px; float: left; text-decoration: none; color: #34b6e4; } #footer-links a:hover, #footer-links a:focus, #footer-links a:active { color: #1f3b77; } #footer .content { float: left; padding: 5px; } .enlarge { margin-top: 8px; text-align: center; } .contacttable td { padding: 3px; } .searchtable td { padding: 5px; } .carttable td, .carttable th { padding: 5px; } .banner-main { float: left; margin: 10px 0; text-align: center; }