html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0 0 25px; background: #ffffff; color: #666; }
body, input, textarea, select, option { font: 11px Arial,Helvetica,sans-serif; }
/* COMMON
-------------------------------------*/
form { display: inline; }
img { border: none; }
ul, ol { margin-top: 0px; margin-bottom: 0px; }
li { margin-top: 0px; margin-bottom: 0px; }
p { margin: 0 0 0px; padding: 0; }
.right { text-align: right; }
.wrapper { overflow: hidden; }
/* ANCHORS
-------------------------------------*/
a { color: #335c86; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 10px; padding: 0; font: bold 18px Tahoma,sans-serif; color: #005f9f; }
h2 { margin: 0 0 10px; padding: 0; font: bold 12px Tahoma,Helvetica,sans-serif; color: #000; }
h4 { font-size: 12px; color:Black;}
h5 { font-size: 11px; }
/* LAYOUT
-------------------------------------*/
#root { width: 1010px; position:relative; background: #fff; margin: 0 auto; }
.administratorPanel { background: #060; height:25px; padding: 8px 0px 0px 8px; color: #fff; font-weight: bold; }
.administratorPanel .links { padding: 0px; margin: 0px 0px 0px 20px; }
.administratorPanel .links li { float: left; list-style: none; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 20px; }
.administratorPanel .links a { font-weight: bold; color: #0f0; }
.administratorPanel .links a:hover { }
#top { position: relative; height: 82px; border-bottom: 4px solid #7cb7e0; }
#logo { position: absolute; top: 8px; left: 0px; width: 268px; height: 80px; background: url(../img/logo.png) no-repeat; }
#logo a { overflow: hidden; display: block; width: 268px; height: 80px; text-indent: -10001px; }
#top-nav { position: absolute; z-index: 100; top: 0; right: 18px; list-style: none; margin: 0; padding: 2px 0 0; }
#top-nav li { display: inline; padding: 0 5px 0 8px; background: url(../img/sep_topnav.gif) 0 50% no-repeat; }
#top-nav li.first { background: none; }
#top-nav li a { color: #005f9f; }
#top h2 { position: absolute; z-index: 10; top: 0; right: 18px; opacity: 0.5; width: 330px; height: 18px; background: #fff; text-indent: -10001px; }
#top .contact { font-size: 20px; font-style: italic; position: absolute; top: 10px; left: 350px; }
#nav { position: absolute; right: 20px; bottom: 0; list-style: none; margin: 0; padding: 0; }
#nav li { display: block; float: left; margin: 0 3px 0 0; padding: 0 0 0 3px; line-height: 18px; background: url(../img/tabs.png) no-repeat; }
#nav li.current { background-position: 0 -35px; }
#nav li a { position: relative; top: 0; right: -3px; float: left; padding: 2px 5px 2px 1px; background: url(../img/tabs.png) 100% 0 no-repeat; color: #000; font-size: 11px; font-weight: bold; text-transform: uppercase; }
#nav li.current a { background-position: 100% -35px; color: #fff; }
#nav li a:hover { text-decoration: none; }
#search { position: absolute; top: 27px; right: 10px; height: 20px; color: #000000; }
#searchform { display: inline; padding: 0 10px 0 0; }
#searchform p { display: inline; }
#searchform p label { padding: 0 15px 0 0; color: #000000; font-weight: bold; text-transform: uppercase; vertical-align: middle; }
#searchform p .query { height: 19px; padding: 0 3px; border: 2px solid #d0d2d4; border-width: 2px 0 0 2px; background: #f2f5f7; vertical-align: middle; width: 213px; }
#searchform p input.submit { width: 31px; height: 21px; margin: 0 0 0 5px; padding: 0; border: none; background: url(../img/submit_a.gif) no-repeat; color: #f2f5f7; vertical-align: middle; font-weight: bold; }
#newProducts { position: absolute; top: 19px; left: 310px; }
#newProducts a { float: left; height: 37px; line-height: 18px; padding: 1px 0 1px 90px; background: url(../img/new_products_btn.gif) no-repeat; color: #f2f5f7; font-weight: bold; }
#newProducts a:hover { color: #fff; text-decoration: none; }
.bluebox { margin-top: 14px; background: #015f9f; height: 20px; padding: 10px 15px; }
.bluebox .signuptext { float: left; color: #ffffff; font-weight: bold; padding-top: 3px; }
.bluebox .signup { float: left; padding-left: 10px; margin-top: -3px; }
.NewsletterTextbox { width: 200px; }
.NewsletterSubmitButton { width: 31px; height: 21px; margin: 0; padding: 0; border: none; background: url(../img/submit_a.gif) no-repeat; color: #f2f5f7; font-weight: bold; }
.bluebox .followus p.text { float: left; color: #ffffff; font-weight: bold; padding-top: 3px; padding-left: 370px; padding-right: 4px; }
.bluebox .followus p.icons { float: left; color: #ffffff; margin-top: -3px; width: 175px; }
.bluebox .followus p.icons img { margin-left: 4px; }
#cart { }
#cart a { float: right; height: 19px; line-height: 18px; padding: 1px 0 1px 30px; background: url(../img/cart.png) no-repeat; color: #f2f5f7; font-weight: bold; }
#cart a:hover { color: #fff; text-decoration: none; }
#cart a span { position: relative; right: -1px; padding: 2px 15px 3px 0; border-right: 1px solid #000; font-weight: normal; }
.breadcrumbs { width: 601px; height: 22px; line-height: 22px; margin: 10px 15px; padding: 0; border-bottom: 1px solid #d9d9d9; }
body.content-menu .breadcrumbs { border-bottom: none; }
#wrapper { overflow: hidden; margin: 0 0 5px 0; }
body.content-menu #wrapper { background: url(../img/content-menu.gif) repeat-y; }
body.content-side-box #wrapper { background: url(../img/bottombox.png) 100% 100% no-repeat; }
#content { float: left; width: 799px;}
body.content-side-box #content { width: 490px; padding-top: 5px; padding-left: 20px; }
#side { float: right; width: 158px; margin: 0 0 1px; padding: 5px 0 0; background: #fff; }
#bottom { margin: 0 29px 15px; border: 3px solid #dbdbdb; }
#bottom div.border { overflow: hidden; padding: 8px 15px; border: 2px solid #fff; background: #f6f6f6; }
#newsletter { position: relative; float: left; width: 290px; padding: 3px 15px 3px 0; }
#newsletter h1 { font-size: 14px; }
#newsletter div.form { float:right; }
#newsletter div.form input[type="text"] { width: 250px; padding: 2px 3px 0px 0px; margin: 5px 0 15px; border: 2px solid #bababa; border-width: 3px 0 0 2px; background: #eee; }
#ask-steve { float: left; width: 215px; margin-left: -2px; padding: 3px 0 3px 110px; border-left: 2px solid #dedede; background: url(../img/ask-steve-small.jpg) 15px no-repeat; }
#bottom div.border div h1 { margin: 0 0 3px; }
#bottom div.border div p { margin: 0; }
#footer { overflow: hidden; padding: 12px 15px; background: #015F9F; color: #ffffff; font-size: 10px; }
#foot-nav { float: left; width: 460px; }
#foot-nav p { margin: 0; color: #ffffff; }
#foot-nav p a { color: #ffffff; }
#foot-nav p.first { margin: 0 0 3px; color: #ffffff; }
#foot-nav p.first a { color: #ffffff; text-transform: uppercase; }
#foot-nav p.first span { padding: 0 1px; }
#copyrights { float: right; width: 190px; margin: 0; text-align: right; }
#copyrights a { color: #ffffff; }
#copyrights a:hover { color: #ffffff; }
#skip-links { position: absolute; list-style: none; margin: 0; padding: 0; }
#skip-links li { }
#skip-links li a { display: block; position: absolute; left: 29px; top: -10001px; width: 223px; text-align: center; color: #c4b48a; }
#skip-links li a:focus, #skip-links li a:active { top: 0; }
.HomePageInfoBox { border: 2px solid #7cb7e0; margin: 15px; }
.HomePageInfoBox h1 {background: #D90033 !important; color: #ffffff !important; font-size:11px !important; }
.HomePageInfoBox ul {}
.HomePageInfoBox ul li { padding: 5px 18px 3px; width: 137px; }
.HomePageInfoBox ul li a { background: url("../img/sidenav_bullet_b.gif") no-repeat scroll 8px 9px transparent !important; width: 127px !important; }
/* ELEMENTS
-------------------------------------*/
#content h1 { font-size: 13px; color: #d90033; }
#content h2 { font-size: 18px; color: #d90033; }
/*#content h3.title { font-size: 18px; color: #d90033; margin-bottom: 0px; }*/
#content h1.title { font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: #d90033; margin-bottom: 0px;}
#side h2 { margin: 0 0 5px; padding-left: 15px; background: url(../img/h2.gif) 0 50% no-repeat; }
.side-nav { display: inline; float: left; width: 171px; margin: 0 10px 0 0; padding: 0 0 10px; border-top: 2px solid #7cb7e0;}
/*#side-nav h1 { margin: 0; background: url(../img/sidenav_expanded.gif) 156px 50% no-repeat; color: #d90033; font-size: 110%; font-weight: bold; }*/
.side-nav h1 a { text-decoration:none; color: #d90033; }
.side-nav h1 span { text-decoration:none; color: #d90033; }
.side-nav h1 { margin: 0; padding: 4px 15px 4px 5px; background: 156px 50% no-repeat; color: #d90033; font-size: 110%; font-weight: bold; }
.side-nav ul { list-style: none; margin: 0; padding: 0; }
.side-nav ul.expanded { border-top: 1px solid #b6d3e6; }
.side-nav ul li { padding: 0; border-bottom: 1px solid #b6d3e6; }
.side-nav ul li.expand { background: url(../img/sidenav_expand.gif) 158px 50% no-repeat; }
.side-nav ul li:hover { background-color: #dfedf7; }
.side-nav ul li a { display: block; width: 135px; padding: 5px 18px 3px 18px; background: url(../img/sidenav_bullet_a.gif) 6px 10px no-repeat; color: #0c293d; }
.side-nav ul li span { display: block; width: 135px; padding: 5px 18px 3px 18px; background: url(../img/sidenav_bullet_a.gif) 6px 10px no-repeat; color: #0c293d; }
.side-nav ul.expanded li a { background: url(../img/sidenav_bullet_b.gif) 8px 9px no-repeat; }
.side-nav ul.expanded li span { display: block; width: 135px; padding: 5px 18px 3px 18px; background: url(../img/sidenav_bullet_a.gif) 6px 10px no-repeat; color: #0c293d; }
.side-nav ul.expanded li.current { background-color: #fff; }
.side-nav ul.expanded li.current a { background: url(../img/sidenav_bullet_b-c.gif) 0 50% no-repeat; }
.side-nav ul li a:hover { text-decoration: none; }
.side-nav ul li span.movable { cursor: move; }
div.demos{padding: 15px ; }
#content .gosearch
{
width: 31px;
height: 22px;
margin: 0 0 0 5px;
padding: 0px 0px 2px 0px;
border: none;
background: url(../img/submit_a.gif) no-repeat;
color: #f2f5f7;
vertical-align: top;
font-weight: bold;
}
/* ASK DR. STEVE and FAQs
-------------------------------------*/
#content div.askSteveAnswer h1 { font-family:Arial,Helvetica,sans-serif; text-align: center; font-size: 11px; color: #666; margin-bottom:0px;}
#content div.askSteveAnswer h2 { font-family:Arial,Helvetica,sans-serif; text-align: center; font-size: 11px; color: #666; margin-bottom:0px;}
#content div.supportFAQ h1 { font-family:Arial,Helvetica,sans-serif; font-size: 11px; color: #666; margin-bottom:0px;}
#content div.supportFAQ h2 { font-family:Arial,Helvetica,sans-serif; font-size: 11px; color: #666; margin-bottom:0px;}
#content .mailing-list { margin-top: 10px; }
#content .mailing-list li { padding-bottom: 8px; }
/* HOME PAGE
-------------------------------------*/
#content div.catalogPage h2{font-family: Arial,Helvetica,sans-serif;}
.slideshowWrapper { position: relative; }
.slideshow { height: 293px; visibility:hidden;}
.slide { width:795px; height: 290px; border: 1px solid #95ACBD }
.slide .left-div { float:left; height: 290px;}
.slide .right-div { float:right; width:345px; height:290px; background:#015F9F; color:#FFF; font-size:16px; font-weight:bold; }
.slide .right-div h2 { display:block; margin: 15px 0 0 25px !important; color: #fff !important; }
.slide .right-div p { margin-left:25px; font-size: 13px; }
.slide .right-div p.quote { float:right; margin: 10px 10px 0 0; font-size:12px; font-weight:normal; text-align:right; }
.slide ul { line-height:18px; padding-left:41px; margin: 10px 0 ; list-style-type:disc; }
.slide ul li { padding-bottom:.75em; font-size: 14px; }
.slide span { font-size:14px; font-weight:normal; }
.slide .right-div .buy-link { width:75px; height:25px; margin:12px 0 0 25px; background:url(/img/buy-button.png) no-repeat;}
.slide .right-div .buy-link a { display:block; height: 100%; width:100%; }
#slide_nav { position: absolute; top:268px; right:10px; z-index:100; }
#slide_nav a { background-color:#000; padding: 1px 5px; font-size: 10px; margin: 2px; border: 1px solid #000; color: #fff; outline: none; line-height:17px;}
#slide_nav a.activeSlide, #slide_nav a:hover { background-color:#fff; color: #000; }
#slide_nav a:hover { text-decoration:none; }
html .activity_guide ul li { padding-bottom: 5px; font-size: 12px; }
.slide ul.small { margin-top: 0px; margin-left:0px; padding-left:15px; }
.slide ul.small li { padding-bottom:0px; font-size:10px; }
html .activity_guide .right-div p {font-size: 12px; }
html .activity_guide h2 {font-size:16px !important; padding-bottom: 0px !important; }