/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; background:#fff; margin:0; padding:0; background:#f2f2f2 url(../img/bg_body.jpg) top repeat-x; }
#container { margin:0 auto; width:879px; }

.clear { clear:both; float:none; height:1px; width:1px; margin:0; padding:0; }

.header { height:124px; margin:0 auto; }
.header .logo { width:110px; height:67px; float:left; background:url(../img/logo.jpg) no-repeat; margin-top:0.7em; }
.header .logo span { display:none; }

.header .search-box { float:right; width:430px; height:30px; background:#eaeaea; margin:0; font-size:8px; color:#464646; padding:10px;  }
.header .search-box a { font-size:13px; padding:4px; color:#464646; text-decoration:none; line-height:30px; }
.header .search-box .links { float:left; width:150px; }

.header .search-box .search { margin:0; padding:0; float:right; }
.header .search-box .search input { border:1px #e1e1e1 solid; padding:5px; font-size:13px; color:#929292; }
.header .search-box .search .submit { background:none; border:0; background:url(../img/search-arrow.jpg) center right no-repeat; padding-right:10px; color:#777777; cursor:hand; cursor:pointer; }

.phone { float:right; width:191px; margin-top:-15px}
.phone h2 { color:#464646; font-weight:bold; font-size:26px; margin:0em; padding:0; text-align:right; }
.phone h3 { margin:0em; padding:0; color:#844694; font-size:15px; text-align:right; }
.phone h3 a { text-decoration:none; color:#844694; }

.banner { width:876px; clear:both; height:253px; margin:0 auto; margin-top:1em; }

.teasers { width:876px; clear:both; margin:0 auto; margin-top:0.4em; }
.teasers .mag-box { width:285px; height:109px; background:#ededed url(../img/mag-covers.jpg) right no-repeat; border:1px #c9c9c9 solid; float:left; }
.teasers .mag-box a { font-size:21px; font-family:"Times New Roman", Times, serif; margin:0.4em; padding:0; display:block; color:#2b2b2b; text-decoration:none; font-weight:normal; }

.teasers .box { width:285px; height:109px; background:#ededed; border:1px #c9c9c9 solid; float:left; margin-left:7px; }
.teasers .box h2 { text-align:center; font-size:21px; font-family:"Times New Roman", Times, serif; margin:0.4em; padding:0; color:#2b2b2b; font-weight:normal; }
.teasers .box p { font-size:12px; color:#494949; margin:0.1em; padding:0; text-align:center; font-weight:bold; }
.teasers .box a { font-size:12px; color:#494949; text-decoration:none; }
.teasers .box h4 { margin:0.3em; padding:0; text-align:right; }
.teasers .box h4 a { color:#844694; text-decoration:none; font-weight:bold; font-size:13px; background:url(../img/purple-arrow.jpg) no-repeat right 6px; padding-right:12px; }

/* Content */ 
.content-box { float:right; width:666px; height:365px; background:#fff; border:7px #dbdbdb solid; }
.content-box h2 { color:#757575; font-weight:bold; font-size:20px; float:left; margin:0.5em 0 0.2em 1em; font-weight:normal; }
.content-box h3 { float:right; color:#8a8a8a; font-weight:bold; font-size:14px; margin:1em 0.7em 0 0; }

#scrollingcontent { overflow-y: scroll; overflow-x: hidden; margin:0; height:297px; }
.homepagescroller { height:297px; clear:both !important; margin:1em 0.5em 0.5em 0.5em !important; width:650px; }
.homepagescroller ul { list-style:none; width:640px; margin:0 auto; padding:0; }
.homepagescroller ul li { float:left; width:96px; height:96px; padding:0; margin:0.7em; border:3px #dbdbdb solid; }
.homepagescroller ul li a { width:96px; height:96px; display:block; }
.homepagescroller p { font-size:13px; line-height:19px; color:#757575; }
.homepagescroller a { font-size:13px; line-height:19px; color:#333; }

.content { width:876px; margin:0 auto; clear:both; margin-top:1.2em; }
.content .product-list { background:#fafafa; width:195px; float:left; padding:10px 0 20px 0; margin-top:1em; }
.content .product-list h2 { color:#6b6b6b; font-size:21px; font-weight:normal; margin:0.2em 0 0.2em 0.5em; padding:0; }
.content .product-list ul { list-style:none; padding:0; width:180px; margin:0 auto; }
.content .product-list ul li { color:#6b6b6b; font-size:13px; border-bottom:1px #cccccc dotted; padding:5px; }
.content .product-list ul li a { color:#6b6b6b; font-size:13px; text-decoration:none; }
.content .product-list ul li.selected { background:url(../img/selected_arrow.jpg) no-repeat right; }
.content .product-list ul li.selected a { color:#cbcbcb; }

/* Content Detail */
.content-detail { width:666px; float:right; background:#fff; border:7px #dbdbdb solid; }
.content-detail .image { float:right; border:4px #dbdbdb solid; margin:0.8em; }
.content-detail h2 { color:#4c4c4c; font-weight:normal; font-size:20px; margin:0.8em; }
.content-detail a { color:#844694; font-weight:bold; font-size:14px; }
.content-detail p { color:#878787; font-size:15px; margin:0.2em 0.8em 0.8em 1.5em; line-height:21px; }
.content-detail .button { background:#828282; font-weight:bold; text-decoration:none; font-size:13px; color:#fff; padding:5px; display:block; margin:1.8em 0 0 0; width:170px; }
.content-detail .button:hover { border:2px #828282 solid; background:#fff; font-weight:bold; text-decoration:none; font-size:13px; color:#828282; padding:3px; display:block; margin:1.8em 0 0 0; width:170px; }
.content-detail .back { font-size:13px; font-weight:bold; text-decoration:none; color:#828282; display:block; margin:2.8em 0 0 0; width:100px; }

.content-detail .form { width:320px; float:right; border:7px #f7f7f7 solid; margin:0.8em; }
.content-detail .form p { clear:both; font-size:13px; color:#333333; margin:0.8em 0 0.8em 0; }
.content-detail .form label { float:left; width:100px; display:block; font-size:13px; font-weight:bold; color:#595959; text-align:right; padding-right:10px; }
.content-detail .form .text { width:160px; height:22px; border:2px #f4f4f4 solid; }
.content-detail .form textarea { width:180px; height:120px; border:2px #f4f4f4 solid;  }
.content-detail .form .smaller { width:180px; height:80px; border:2px #f4f4f4 solid;  }

.content-detail .form .reset { width:100px; margin:0.5em 0.1em 1.5em 9.2em; background:#828282; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; padding:5px; border:0; width:90px; cursor:hand; cursor:pointer; }
.content-detail .form .submit { width:100px; margin:0.5em 0.1em 1.5em 0.1em; background:#828282; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; padding:5px; border:0; width:90px; cursor:hand; cursor:pointer; }

.content-detail ul.related { list-style:none; width:640px; margin:0 auto; padding:0; }
.content-detail ul.related li { float:left; width:96px; height:96px; padding:0; margin:0.7em; border:3px #dbdbdb solid; }
.content-detail ul.related li a { width:96px; height:96px; display:block; }

.content-box .search-box { width:400px; border:7px #f7f7f7 solid; margin:0 auto; padding:10px; }
.content-box .search-box p { clear:both; font-size:13px; color:#333333; margin:0.8em 0 0.8em 0; }
.content-box .search-box label { float:left; width:170px; display:block; font-size:13px; font-weight:bold; color:#595959; text-align:right; padding-right:10px; }
.content-box .search-box .text { width:160px; height:22px; border:2px #f4f4f4 solid; }
.content-box .search-box .reset { width:100px; margin:0.5em 0.1em 1.5em 9.2em; background:#828282; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; padding:5px; border:0; width:90px; cursor:hand; cursor:pointer; }
.content-box .search-box .submit { width:100px; margin:0.5em 0.1em 1.5em 15em; background:#828282; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; padding:5px; border:0; width:90px; cursor:hand; cursor:pointer; }


.content-detail .form-contact { width:340px; float:right; border:7px #f7f7f7 solid; margin:0.8em; }
.content-detail .form-contact p { clear:both; font-size:13px; color:#333333; margin:0.8em 0 0.8em 0; }
.content-detail .form-contact label { float:left; width:130px; display:block; font-size:13px; font-weight:bold; color:#595959; text-align:right; padding-right:10px; }
.content-detail .form-contact .text { width:160px; height:22px; border:2px #f4f4f4 solid; }
.content-detail .form-contact textarea { width:180px; height:50px; border:2px #f4f4f4 solid;  }

.content-detail .form-contact .reset { width:100px; margin:0.5em 0.1em 1.5em 9.2em; background:#828282; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; padding:5px; border:0; width:90px; cursor:hand; cursor:pointer; }
.content-detail .form-contact .submit { width:100px; margin:0.5em 0.1em 1.5em 0.1em; background:#828282; font-weight:bold; text-decoration:none; font-size:12px; color:#fff; padding:5px; border:0; width:90px; cursor:hand; cursor:pointer; }


.teasers-inner { width:682px; clear:both; margin:0 auto; margin-top:0.4em; float:right; }
.teasers-inner .mag-box { width:285px; height:109px; background:#ededed url(../img/mag-covers.jpg) right no-repeat; border:1px #c9c9c9 solid; float:left; }
.teasers-inner .mag-box a { font-size:21px; font-family:"Times New Roman", Times, serif; margin:0.4em; padding:0; display:block; color:#2b2b2b; text-decoration:none; font-weight:normal; }

.teasers-inner .large-box { width:385px; height:109px; background:#ededed; border:1px #c9c9c9 solid; float:left; margin-left:7px; }
.teasers-inner .large-box h2 { text-align:center; font-size:20px; font-family:"Times New Roman", Times, serif; margin:0.4em; padding:0; color:#2b2b2b; font-weight:normal; }

.latest-news { margin:0 auto; padding:0; color:#777777; font-weight:bold; font-size:13px; width:365px; padding-top:0.5em; clear:both }
.latest-news input { background:#fff; border:0; width:124px; height:23px; color:#5b5b5b; font-size:13px; }
.latest-news label { padding:5px; }
.latest-news .submit { background:url(../img/purple-arrow.jpg) no-repeat right 8px; border:0px; width:135px; height:18px; color:#844694; font-size:13px; font-weight:bold; cursor:hand; cursor:pointer; margin:0.8em 0 0 17.5em; }

.download .image { width: 170px; float: left; }
.download .image img { border:3px #dbdbdb solid; }

.footer { width:848px; margin:0 auto; clear:both; background:#5e5e5e; border-top:10px #4d4d4d solid; margin-top:0.4em; padding:0.9em; }
.footer p { color:#b1b1b1; font-size:12px; margin:0.2em; }
.footer p a { color:#b1b1b1; font-size:12px; text-decoration:none; }
.footer p a:hover { text-decoration:underline; }

.sub-footer { width:848px; margin:0 auto; clear:both; margin-top:0.4em; padding:0.2em; }
.sub-footer p { color:#9d9d9d; font-size:12px; margin:0.2em; padding:0; }
.sub-footer a { color:#9d9d9d; font-size:12px; padding:0; text-decoration:none; }

.sub-footer p.left { float:left; }
.sub-footer p.right { float:right; }