/* ------------ Layout ------------ */
body {color:#999;background-image:url('/pub/images/front/bg.png');background-position: top center;background-repeat: no-repeat;font-family: Verdana, Arial;font-size: 11px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}
#wrapper {width:867px;margin:0px auto;}
#header {background-image:url('/pub/images/front/header-bg.png');background-position: top center;background-repeat: no-repeat;width:867px;height:116px;}
#navigationWrapper {background-image:url('/pub/images/front/navtop-bg.png');background-position: top center;background-repeat: no-repeat;width:867px;height:31px;}
#content {width:867px;}
#footer {padding:20px 20px;clear:both;}

/* ------------ Navigation ------------ */
#navigation {font-family: Verdana, sans-serif;width:100%;float:left;}
#navigation a {text-align: center;display:block;white-space:nowrap;margin:0px;padding: 3px 4px;line-height: 25px;}
/* menu at rest */
#navigation a:link, #navigation a:visited, #navigation a:active {color:#fff;text-decoration:none;font-size: 0.8em;}
#navigation ul ul a:link, #navigation ul ul a:visited, #navigation ul ul a:active {text-align: left;padding: 2px 4px;line-height: 16px;color:#999;text-decoration:none;background-color: #fff;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
/* menu on mouse-over */
#navigation a:hover {text-decoration:none;}
#navigation ul ul a:hover, #navigation ul ul a.open {background-color:#e9e9e9;}
#navigation ul.parentTop {width:auto;padding-left:10px;padding-right:6px;}
/* attaches down-arrow to all top-parents */
#navigation a.parentTop, #navigation a.parentTop:hover {font-weight: bold;font-size:11px;background-image: url(navdown_blue.gif);background-position: right center;background-repeat: no-repeat;}
/* attaches side-arrow to all parents */
#navigation a.parent, #navigation a.parent:hover {background-color:#e9e9e9;background-image: url(nav_blue.gif);background-position: right center;background-repeat: no-repeat;}
#navigation ul {list-style:none;margin:0;padding:0;float:left;width:13em; /* width of all menu boxes */}
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
    However, you will have to add padding in the "#menh a" rule so that the menu boxes
    will have space on either side of the text -- try it */
#navigation li {position:relative;min-height: 1px; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */}
#navigation ul ul {position:absolute;z-index:500;top:auto;display:none;padding: 1em;margin:-1em 0 0 -1em;}
#navigation ul ul ul {top:0;left:100%;}
div#navigation li:hover {cursor:pointer;z-index:100;}
div#navigation li:hover ul ul, div#navigation li li:hover ul ul, div#navigation li li li:hover ul ul, div#navigation li li li li:hover ul ul {display:none;}
div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li li li:hover ul, div#navigation li li li li:hover ul {display:block;}
#navigation li.ie_does_hover ul, #navigation li li.ie_does_hover ul, #navigation li li li.ie_does_hover ul, #navigation li li li li.ie_does_hover ul {display:block;}

/* ------------ Search ------------ */
#search {position:absolute;margin-left:640px;margin-top:4px;}
#search input.text {color:#999;float:left;height:21px;padding:0px 4px;margin:0px 0px 0px 2px;font-family: Verdana, sans-serif;font-size: 0.9em;background-color: #fff;border:1px solid #999;}
#search input.submit {color:#999;float:left;height:23px;padding:0px 4px;margin:0px 0px 0px 2px;font-family: Verdana, sans-serif;font-size: 0.9em;background-color: #fff;border:1px solid #999;}

/* ------------ Common ------------ */
a {color:#555;text-decoration: underline;}
a:hover {color:#000;}
img {float:left;z-index:1;}
h1 {float:left;clear:left;color:#828282;font-size: 18px;text-align: right;width:300px;margin-top:25px;}
.feature {float:left;color:#828282;text-align: left;width:540px;margin-top:25px;padding-left:20px;}
.title {color:#333;font-weight: bold;}
p {margin:0px;}
h2 {color:#f90;font-weight:normal;font-size:15px;padding:0px;margin:0px;}
h2 a, h2 a:hover {color:#f90;font-weight:normal;font-size:15px;padding:0px;margin:0px;}
h4 {float:left;clear:left;color:#828282;font-size: 18px;text-align: right;width:300px;}
.clear {clear:left;}
.float {float:left;}
table, tbody, tr {border:none;padding:0px;margin:0px;width:100%;}
td, th {vertical-align:middle;text-align:center;padding:0px;margin:0px;}
.searchList {border-color:#bbb #ddd #ddd #bbb;border-style:solid;border-width:1px;}
.searchList th {font-weight: bold;}
.searchList td, .searchList th {padding:3px 10px;text-align: left;}
span.quote {clear:left;color:#f90;padding-top:10px;line-height: 18px;font-size: 14px;font-style: italic;}

.breadcrumbs {float:left;width:516px;font-weight: bold;}
.breadcrumbs a {color:#999;text-decoration: none;font-weight: normal;}
.breadcrumbs a:hover {color:#bbb;}

.text ul {margin: 10px 0px 0px 14px;padding:0px;}
.text li {padding:2px;margin-left:0px;}

/* ------------ Home ------------ */
.homeBlock {float:left;width:289px;margin-top:40px;}
.homeBlock .image {float:left;margin-left:44px;margin-right:45px;}
.homeBlock .image img {border: none;}
.homeBlock .title {float:left;padding-left:65px;margin-top:20px;font-size:14px;width:224px;}
.homeText {width:747px;}
.homeText, .homeBlock .text {float:left;padding-left:65px;margin-top:20px;color:#999;}
.homeTitle {float:none;margin-top:20px;text-align: center;}

/* ------------ Brand ------------ */
.brandWrapper {float:left;width:827px;padding:10px 20px;margin-top:10px;color:#999;}
.brandWrapper .detail {min-height: 320px; border-left:1px solid #95969a;float:left;padding-left:20px;width:290px;margin-left:20px;}
.brandWrapper .brand {float:left;width:290px;}
.brandWrapper .brand img {border:none;float:none;}
.brandWrapper .text {float:left;width:290px;margin-top:20px;}
.brandWrapper .text p {margin-top:6px;margin-bottom: 6px;}

/* ------------ Static Content ------------ */
.staticWrapper {float:right;width:827px;padding:10px 20px;margin-top:10px;}
.staticWrapper .detail {float:right;min-height: 325px; border-left:1px solid #95969a;padding-left:20px;width:290px;margin-left:20px;}
.staticWrapper .text {float:right;width:290px;margin-top:20px;}

.staticWrapper .topic {clear:left;color:#f90;padding-top:10px;}
.staticWrapper span.topic {line-height: 23px;}
.staticWrapper .list {float:left;width:133px;margin:15px 30px 0 0;min-height:70px;}
.staticWrapper .list .image {float:left;width:133px;height:110px;}
.staticWrapper .list .image img {border:none;float:none;}
.staticWrapper .list .title {float:left;width:133px;text-align: center;}
.staticWrapper .list .title a {font-size:11px;color:#999;text-decoration: none;font-weight: normal;}
.staticWrapper .list .text {float:left;width:133px;text-align: left;margin-top:0px;}
.staticWrapper .list .text a {font-size:11px;color:#999;text-decoration: none;font-weight: normal;}

/* ------------ Product ------------ */
.productWrapper {float:left;width:827px;padding:10px 20px;margin-top:10px;}
.productWrapper .subCategories {float:left;width:110px;}
.productWrapper .subCategories a {color:#999;text-decoration: none;line-height:15px;}
.productWrapper .subCategories a:hover {color:#f90;}
.productWrapper .subCategories a.open {color:#f90;font-weight: bold;}
.productWrapper .images {float:left;width:386px;padding-right:20px;}
.productWrapper .imageThumb {float:left;width:90px;height:90px;margin:12px 0 0 12px;border:1px solid #95969a;}
.productWrapper .imageThumb table {width:90px;height:90px;margin-left:-2px;margin-top:-2px;}
.productWrapper .imageThumb img {vertical-align:middle;border:none;float:none;}
.productWrapper #currentImage {float:left;width:280px;height:280px;}
.productWrapper .imageThumb a {text-decoration: none;}
.productWrapper #currentImage img {float:none;border:none;}
.productWrapper #currentImage table {width:280px;height:280px;}
.productWrapper .detail {min-height: 320px; border-left:1px solid #95969a;float:left;padding-left:20px;width:290px;}
.productWrapper .brand {float:left;width:290px;}
.productWrapper .brand img {}
.productWrapper .title {float:left;width:290px;font-family: "Arial", sans-serif;font-size:15px;color:#f90;margin-top:30px;font-weight: bold;}
.productWrapper .codes {float:left;width:290px;margin-top:3px;}
.productWrapper .text {float:left;width:290px;margin-top:20px;font-size:11px;line-height:15px;}
.productWrapper .text ul {padding: 2px 0px 0px 12px; margin: 0px;}
.productWrapper .text li {padding: 1px; margin: 0px;}
.productWrapper .guide {float:left;width:290px;margin-top:3px;padding-bottom:24px;}
.productWrapper .guide a {color:inherit;}
.productWrapper .bottom {clear:left;float:left;width:827px;}
.productWrapper .collection {float:left;width:290px;border-left:1px solid #95969a;padding-left:20px;}
.productWrapper .collection a {color:#f90;text-decoration: none;font-weight: bold;}
.productWrapper .collection a:hover {color:#fa1;}
.subCategory {float:left;width:827px;padding:0px 20px;font-size:10px;color:#999;font-weight: bold;}
.subCategory .title {background-color:#929397;float:left;width:819px;color:#fff;padding:3px 4px;font-weight: normal;}

/* ------------ Products List ------------ */
.productsWrapper {float:left;width:827px;padding:0 20px 0 0;}
.productsWrapper .product {float:left;width:133px;margin:20px 0 0 30px;height:180px;}
.productsWrapper .product .image {width:133px;height:130px;}
.productsWrapper .product .image img {border:none;float:none;}
.productsWrapper .product .title {float:left;width:133px;text-align: center;}
.productsWrapper .product .title a {font-size:11px;color:#999;text-decoration: none;font-weight: normal;}

/*#guide {background-image: url('/pub/images/front/guide-bg.png');background-color: transparent;width:840px;height:620px;margin-left:-420px;margin-right:420px;top:30px;right:50%;left:50%;position:absolute;display:none;}*/
#guide {background-color: transparent;width:800px;margin-left:-400px;margin-right:400px;top:30px;right:50%;left:50%;position:absolute;display:none;border:solid 1px #444;background-color:#fff;}
#guide .text {margin:20px 30px 0px 30px;width:740px;}
#guide .text p {padding:2px;margin:2px;}
#guide .link {clear:both;margin:20px 20px 0px 20px;height:20px;text-align: right;padding-top:20px;}
#guide .link a {text-decoration: none;}

.fileList {margin:20px;}
.fileList h2 {margin-bottom:5px;}
.fileList a {text-decoration: none;padding-top:5px;}
.fileList span {text-decoration: underline;padding-left:10px;}
.fileList img {border: none;margin-top:-5px;}
.listrow {padding-top:16px;}