@charset "utf-8";
body {font:12px/1.3 Arial, Helvetica, sans-serif; background:#bfe289 url(../images/header-background-repeat.png) repeat-x left top; margin:0; padding:0; color:#737373;}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}


h2 {color:#1e2f7d; font-size:25px; margin:0; padding:0;}
h3 {color:#1e2f7d; font-size:24px; margin:0; padding:0;}
p {margin:0; padding:0;}
a img {border:none;}
a:link {color:#1e2f7d; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}
form {margin:0; padding:0;}
#container {width:983px; margin:0 auto; position:relative; background:url(../images/content-bg.gif);}

#header { height: 141px; background: url(../images/header-background.png) no-repeat; position: relative; }
    #header ul { position: absolute;  display: block; height:38px; width: 950px; left: 15px; top: 99px; list-style: none; padding:0; margin:0; background: url(../images/header-menu-background.png) no-repeat; }
        #header ul li { display: -moz-inline-stack; display: inline-block; *display: inline; _height:38px; background: url(../images/header-vr.png) center right no-repeat; height:38px; }
         #header ul li  a{ color: white; text-decoration: none; line-height:38px; font-family: Arial; font-weight: normal; font-size:13px; padding: 0 50px; }
        #header ul li  a:hover { text-decoration: underline; }
        #header ul li.home  a { padding: 0 15px 0 15px; }
        #header ul li.last  { background-image: none; }

        ol.dd {
            display: none;
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 5000;
        }
        ol.dd li {
            background-color: #003266;
        }
        ol.dd li a {
            color: #fff;
            display: block;
            font-size: 12px;
            padding: 10px;
            text-decoration: none;
            font-family: Arial;
        }
        ol.dd li a:hover { text-decoration: underline; }
    #header .subscribe {
    position: absolute;
    top: 40px;
    left: 848px;
}
        #header .subscribe  a { color: white; font-weight:normal; font-size:17px; text-decoration:none; font-family: Arial;}
         #header .subscribe  a:hover { text-decoration: underline; }
#body { background-color: white; -moz-box-shadow: 0 0 10px 1px gray; -webkit-box-shadow: 0 0 10px 1px gray; box-shadow: 0 0 10px 1px gray; }



#pagetop {width:984px; height:193px; position:relative; background:url(../images/page-top.png) no-repeat;}
#pagetop2 {
    font: normal 16px verdana, sans-serif;
    padding: 15px 68px 15px 80px;
    width:836px;
}
#pagetop2 .headline { margin-bottom: 10px; }
#pagecontent {min-height:700px; margin:0 auto; width:984px;}

#elementary_holder {width:984px; position:relative; background:url(../images/elementary_hdr.png) no-repeat; background-position: 2px 20px; margin-top:18px;}
#secondary_holder {width:984px; position:relative; background:url(../images/secondary_hdr.png) no-repeat; margin-top:18px; background-position: 1px 60px;}

#elementary_products, #secondary_products { width:865px; margin:0 auto; text-align:center;}

.product {width:170px; height:180px; position:relative; padding-top:155px; background-image: url(../images/covers_02.jpg); display:inline-block; vertical-align:top; margin:0 35px;}

#elementary_products .product {margin-right:1px;}
#secondary_products .product {margin-right:1px;}
.product_details-open {
    display: block;
    position: absolute;
    top: -268px;
    left: 6px;
    width: 138px;
    z-index: 1;
}
.product_details-open:hover {background:url(../images/details.png) no-repeat;}
.product_title {color:#1e4a7c; width:185px; font-weight:bold; padding:12px 0 0 0; text-align:center; height:38px;}
.product_additional { line-height:2em; padding-top: 10px; }
.product_additional input { position: relative; top: 2px; }
.product_description {margin:6px auto 0px auto; width:144px; height:45px; text-align:left;}
.product_infoholder {height:125px;}
#elementary_holder .product_infoholder {height:125px;}
#secondary_holder .product_infoholder {height:100px;}
.check_sciencespinholder {height:20px; margin:6px 0 0px 15px; width:170px;}
.check_sciencespinholder span { display:block; float:left; padding:2px 0 0 4px;}
.check_sciencespin { display:block; float:left; margin-right:0; margin-left:-1px;}
.product_price {color:#de2d3e; padding:10px 0 0 0; font-size:13px; font-weight:bold; text-align:left; }

.product_detail_modal {display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:3000; background:url(../images/overlay.png);}
.product_detail_modal  .product_additional { padding-bottom: 10px; }
.product_detail_modal  .product_additional  input{ width: 45px; }
.product_detail_modal_bg {width:642px; height:530px; background:transparent url(../images/details_overlay.png) 20px 0px no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/details_overlay.png", sizingMethod="crop"); position:absolute; top:40px; left:50%; margin-left:-306px;}
.product_detail_modal_bg h3{text-align: left;}
.product_detail_modal h2 {margin:0; padding:26px 0 0 68px; color:#de2d3e; font-size:21px; font-style:italic; text-align:left;}
.product_detail_modal h3 {margin:0; padding:20px 0 10px 68px; color:#1e4a7c; font-size:21px;}
.details_cover {float:left; margin-left:64px;}
.details_right {float:left; width:260px; position:relative;}
.details_text {font-size:13px; color:#000; width:250px; text-align:left;}
.details_info {color:#737373; font-size:11px !important; padding-bottom:6px}
.details_update {display:none; position:absolute; top:40px; left:0px; width:240px; font-size:12px !important;}
.detailswidget {position:relative; padding-left:20px;}
.details_update a {color:#1e4a7c; text-decoration:underline; text-transform:uppercase;}
.details_seeinside {display:block; margin:10px auto 4px auto; width:178px;}
.details_price {color:#de2d3e; padding:0 0 0 20px; font-size:18px; font-weight:bold; float:left}

.product_details-close {display:block; position:absolute; top:15px; right:15px;}

#product1 {background:url(../images/covers_01.jpg) no-repeat center top;}
#product2 {background:url(../images/covers_02.jpg) no-repeat center top;}
#product3 {background:url(../images/covers_03.jpg) no-repeat center top;}
#product4 {background:url(../images/covers_04.jpg) no-repeat center top;}
#product5 {background:url(../images/covers_05.jpg) no-repeat center top;}
#product6 {background:url(../images/covers_06.jpg) no-repeat center top;}
#product7 {background:url(../images/covers_07.jpg) no-repeat center top;}
#product8 {background:url(../images/covers_08.jpg) no-repeat center top;}
#product9 {background:url(../images/covers_09.jpg) no-repeat center top;}
#product10 {background:url(../images/covers_10.jpg) no-repeat center top;}
#product11 {background:url(../images/covers_11.jpg) no-repeat center top;}

#product1 .product_details-open:hover {width:170px; background-position:120px 0px;}
#product2 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product3 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product4 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product5 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product6 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product7 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product8 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product9 .product_details-open:hover  {width:170px; background-position:120px 0px;}
#product10 .product_details-open:hover {width:170px; background-position:120px 0px;}
#product11 .product_details-open:hover {width:170px; background-position:120px 0px;}

#order_holder {width:984; position:relative; background:url(../images/order_hdr.png) no-repeat; padding-bottom:40px;}
#order_area {padding:88px 0 20px 124px;}

#form_holder {float:left; width:310px; margin-right:60px;}
#form_holder h3 {margin:0; padding:0; color:#1e4a7c; font-size:16px;}
#form_holder div {margin-top:10px;}
.form_floatleft {float:left}
.form_longinput input {width:306px;}

#form_bottom {padding-left:57px;}
#form_bottom_left {float:left; margin-left:-16px; width:322px; height:190px; position:relative;}
#form_bottom_left a#orderpdf { position:absolute; left:0; top:86px; display:block; width:318px; height:90px; text-indent:-9000px;}
#form_bottom_left a#cusserv { position:absolute; left:0; top:180px; display:block; width:318px; height:40px; text-indent:-9000px;}
#order_form-pdf {position:absolute; left:18px; top:76px;}
#form_bottom_right {float:left; width:370px; margin-top:18px;}
.formbutton {display:block; width:196px; margin:0 auto;}
#form_bottom_right p {margin:10px 0 0 0; padding:0; color:#333366; font-size:10px; text-align:center;}
#form_bottom_right .disclaimer {font-size:9px; text-align:left; width:320px; padding-left:25px;}
#errorBody {color:#F00; font-weight:bold; margin:0; padding:0 0 10px 0;}
/* ~~ form ~~ */
.fL {float:left;}
.cB {clear:both;}
.widget15 {font-size:12px !important; word-wrap:break-word;  margin:6px 10px 0px 16px; position:relative}
.widget15 input {width:55px;}
.widget15 .up, .widget15 .down {cursor: pointer;}
.widget15 .quantityInput {display: block; border: 1px solid #BDBCBC; border-right: none; color: #999; background: none; background: none; width:35px; height:23px; text-align:center; padding-top:3px;}
#update_overlay {display:none; height:88px; width:254px; position:absolute; top:30px; left:40px; z-index:3000;}
#update_overlay_bg {width:100%; height:100%; background:transparent url(../images/update.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/update.png", sizingMethod="crop");}

#update_overlay p {padding:14px 0 0 33px; margin:0;}
#update_overlay a {text-transform:uppercase; text-decoration:underline; color:#333366;}

.widget15 .details_checkbox { text-align:left; padding:0 0 8px;}
.widget15 .details_checkbox input.check_sciencespin { width:35px; margin-left:9px;}


#products {border-collapse:collapse; border:1px solid gray;}
#products td {border:1px solid gray; padding:1em;}

#orderSummary {border:1px solid #d9d9d9; width:343px; padding:2px; border-radius:1px; box-shadow:0 0 5px 0 #dddddd; float:left;}
#orderSummary table {border-collapse:collapse;  width:343px; text-align:left; font-family:Verdana;}
#orderSummary table thead {background-color:#e5e5e5;}
#orderSummary table th, #orderSummary table td {padding-left:14px;}
#orderSummary table thead th {font-size:16px; color:#1a1a49; font-weight:normal; vertical-align:middle; height:30px; width:210px;}
#orderSummary table thead td {font-size:12px; color:#737373; font-weight:normal; vertical-align:middle; height:30px;}
#orderSummary table tbody td {height:30px; color:black; font-size:12px;}


/* ~~ footer ~~ */
#footer{ background-color: #eee8cd; width:100%; padding-top:20px;}
#footer .container { width: 986px; margin: 0 auto; padding: 5px 45px 0 45px; }
#footer .container h2{ color: #085EAC; font-size: 25px; padding-bottom: 15px; font-family: Arial;}
    #footer .container .menu ul { list-style:none; padding:0; margin:0; float:left; width: 190px; }
    #footer .container .menu ul.column1{ width: 295px; }
    #footer .container .menu ul.column2{ width: 305px; }
    #footer .container .menu ul.column4{ width: 145px; }
        #footer .container .menu ul  li a { text-decoration:none; font-size:14px; font-weight:normal; font-family:Arial; color: #15499d; line-height: 1.5em; }
        #footer .container .menu ul  li a:hover { text-decoration:underline; }
        #footer .container .menu { margin-bottom: 20px; }



#schlFooter {width:960px; margin-left:10px; padding:10px 0; font-size:11px; font-family:arial, sans-serif; color:#006699;}
#schlFooter ul {list-style:none; margin:0; padding:0; height:14px; font-size:11px !important;}
#schlFooter ul li {float:left; padding-right:12px; padding-left:12px; vertical-align:bottom; background:url(/images/nav3.o/div_footer.gif) 100% 50% no-repeat; padding-top:1px;}
#schlFooter ul li.pp {font-size:110%; font-weight:bold; padding-left:0; padding-top:0;}
#schlFooter ul li.last {padding-right:0; background:none;}
#schlFooter .copyright {margin-top:10px; text-align:center;}
#schlFooter a {font-size:11px !important; text-decoration:none; color:#006699;}
#schlFooter ul li.pp a {font-size:110%;}
#schlFooter a:hover {text-decoration:underline;}


#confirm {width:962px; height:524px; background:url(../images/confirm.jpg); position:relative;}
#confirm_ad1 {position:absolute; display:block; top:278px; left:90px;}
#confirm_ad2 {position:absolute; display:block; top:278px; left:500px;}

#thankstop {height:672px; width:810px; background:url(../images/thanks.jpg) no-repeat; position:relative; margin-top:2px;0}
#confirm_ad1 {position:absolute; display:block; top:250px; left:20px;}
#confirm_ad2 {position:absolute; display:block; top:250px; left:402px;}

.bottom-links{
    display: block;
    position: absolute;
    cursor: pointer;
}
#bottom-custservice-pdf{
    top: 495px;
    left: 240px;
    width: 420px;
    height: 135px;
}
#bottom-custservice-faq{
    top: 495px;
    left: 660px;
    width: 125px;
    height: 135px;
}