@charset "utf-8";
/* CSS Document */

body,html{height:100% !important; margin:0; padding:0;}/* used for keeping the footer at the bottom of the page unless therre is more content */
img{ border:0px}
body { background: #f1e6cf url(../images/background_image.gif) repeat-y top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

div#wrap { background:url(../images/beach_repeat.jpg) repeat-x top; _height:100%; min-height:100%; margin: 0 0 -172px; padding:0; }
div#wrap2 { background:url(../images/beach_repeat.jpg) repeat-x top; width:943px; margin: 0 auto; _height:750px; *min-height:750px  }

div#header{ height:345px; background: url(../images/main_header_image.jpg) no-repeat top left; padding:25px 34px 0 25px; }
#logo { margin:0 0 26px; display:block; padding:0; }
#logo img { border:0; }

.clear { clear:both;}

sup.reg { vertical-align:.5em; font-size:.8em; }
span.reg2 { position:absolute }
#footer sup.reg { vertical-align:.2em; font-size:1em;  }

/* common navigation */
 
#subnav, #mainnav { float:right; margin:0px; padding:0; color:#ffffff;  height:auto; width:238px;}
#mainnav{ margin-top:25px; *margin-top:35px}

#subnav h3, #mainnav h3 { margin:0; height:27px; font-size:1.5em; font-weight:400;  padding: 12px 0 0 28px;background:url(../images/inside_nav_active.png) no-repeat top left; height:28px; padding-top:10px;}
#mainnav h3 a, #subnav h3 a { text-decoration:none; color:#fff; margin-top:-5px}
#mainnav h3 a sup.reg{ font-size:0.6em; margin:0px; padding:0px; line-height:0px}
#subnav ul, #mainnav ul{ list-style: none; margin:0; padding:12px 0 12px 28px;background:url(../images/inside_menu_repeat.png) no-repeat bottom left;  }
#subnav ul li, #mainnav ul li{ _height:10px; margin:0px; padding:0px;   }
#subnav ul li.active a, #mainnav ul li.active a{ background:#000; color:#F5DE28}
#subnav ul a, #mainnav ul a{ margin:0 26px 0px 0px; padding:5px 0 5px 4px; _padding:4px 0 4px 4px; border-top: 1px solid #8fa8a1; display:block; color:#fff; font-size:1.08em; text-decoration:none; outline:none;}
#subnav ul a:hover, #mainnav ul a:hover{ /*background: #0b4464; */ background: #000; }
#subnav ul li.end a, #mainnav ul li.end a{ border-bottom: 1px solid #8fa8a1; }
#subnav ul a.current, #mainnav ul a.current{ color:#f5de28; }

/*#subnav {background: url(../images/subBox_background_2.png) no-repeat top right;}*/

.pulloutquote { color:#ffffff; width:320px; margin-top:14px;  }
.pulloutquote h2{ font-size:2.67em; font-weight:400; font-style:italic; margin:0 0 10px; padding:0 0 0 11px;  }
.pulloutquote p{ font-size:1.17em; margin:0; line-height:1.4em; padding:0 0 0 11px; }
.pulloutquote p sup{ font-size:0.7em!important; }

#content { background:url(../images/content_background.jpg) no-repeat top left; padding:0 31px 0; _height:40px}

.mainBox { float:left;  background:url(../images/content_bottom.gif) no-repeat bottom left; width:618px; }

.mainBox div.contentHeading { background:url(../images/content_heading.gif) no-repeat top left; height:40px; }
.mainBox div.contentHeading h1 {  margin:0px; color:#fff; font-size:1.5em; font-weight:400;  padding: 8px 25px 0; float:left;}
.mainBox div.contentHeading h1 sup{ font-size:0.6em!important}
.mainBox div.contentHeading a.arrow { color:#fff; font-size:1.08em; text-decoration:none; margin:10px 25px 0 0; float:right; background: url(../images/yellow_arrow.gif) no-repeat center left; padding: 0 0 0 12px; }
.mainBox div.contentArea { background:url(../images/content_bottom.gif) no-repeat bottom left;  min-height:172px; _height:172px; padding: 0px 25px 9px 25px;}
.mainBox div.contentArea div.quizBox { background:url(../images/quiz_repeat.gif) repeat-y top left; width:243px; float:right; }
.mainBox div.contentArea div.quizBoxBottom { background:url(../images/quiz_bottom.gif) no-repeat bottom left; padding-bottom:25px}
.mainBox div.contentArea h3 { background:url(../images/quiz_top.gif) no-repeat top left; margin:0; height:20px; padding:29px 0 0 26px; font-size:1.5em; }
.mainBox div.contentArea div.quizBoxBottom p{ padding: 1em 26px 0; margin:0;}
.mainBox div.contentArea div.listAvailable{ float:left; padding:20px 40px; font-weight:bold; font-size:1.1em}
.mainBox div.contentArea div.listAvailable ul{ margin:10px 0px; padding:0px}
.mainBox div.contentArea div.listAvailable ul li{ background:url(../images/ico_list2.gif) no-repeat; padding: 3px 0px 3px 25px ; list-style:none; }
a.yesno{ width:70px; height:17px; background:url(../images/yes-no.gif) no-repeat top left; color:#f5de28; text-decoration:none; font-weight:700; display:inline-block; text-align:center; padding-top:2px; cursor:pointer; display:inline-block}
a.findoutmore{ width:120px; height:17px; background:url(../images/findoutmore.gif) no-repeat top left; color:#f5de28; text-decoration:none; font-weight:700; display:inline-block; text-align:center; padding-top:2px;display:inline-block }



body.inside div#header{ height:89px; background:#1c58a3;}

body.inside #content { background: url(../images/inside_header.jpg) no-repeat top left; }
body.inside .mainBox { background:none; float:none; }
body.inside .mainBox div.contentHeading { background:url(../images/inside_content_heading.png) no-repeat top left; height:39px; }
body.inside .mainBox div.contentHeading h1 { font-size:1.83em; }
body.inside .mainBox div.contentArea { background: url(../images/inside_content_repeat.png) repeat-y top left; }
body.inside .mainBox div.contentArea p{ margin: 0 0 1em  ; }
body.inside .mainBox div.contentArea a{  color:#f5de28; text-decoration: none; }
body.inside .mainBox div.contentArea a:hover{ text-decoration: underline; }

	
body.inside .mainBox div.contentArea h1{ font-weight:400; font-size: 1.8em; padding:15px 0px; margin:0px }
body.inside .mainBox div.contentArea h2{ margin: 0 0 .25em ; font-weight:400; font-size:1.3em; font-weight:bold }
body.inside .mainBox div.contentArea h3{ background: none; padding:.7em 0 .4em; font-weight:400;}
body.inside .mainBox div.contentArea h4{ font-size:1.1em; margin:.5em 0 ; font-weight:bold; }

body.inside .mainBox div.contentArea h1 sup{ font-size:0.7em; }

body.inside .mainBox div.contentArea ul{ margin: 0 0 1em 1.3em; padding:0; }
body.inside .mainBox{ padding-bottom:140px; color: #fff;}

body.inside .mainBox .contentHighlight { background: url(../images/contentHighlight.png) no-repeat top left; min-height:198px; margin: 2em 0; padding:  0 15px 10px 225px;  }
body.inside .mainBox div.contentArea div.contentHighlight h3{ margin: 0 0 .5em; padding:.5em 0 0 8px; }
body.inside .mainBox div.contentArea div.contentHighlight ul { margin:0; padding:0; }
body.inside .mainBox div.contentArea div.contentHighlight li{ margin: 0 0 5px 10px; }

body.inside .mainBox .contentHighlight2{background: url(../images/contentHighlight2.png) no-repeat top left; min-height:242px;_height:242px; margin: 2em 0 0em; padding:  20px 35px 0px 315px; display:block }
body.inside .mainBox div.contentArea div.contentHighlight2 h3{ height:auto; margin-bottom:10px}
body.inside .mainBox div.contentArea div.contentHighlight2 p { }



body.inside .contentAreaBottom { background: url(../images/inside_content_bottom.png) no-repeat bottom left; height:8px;}
body.inside .subarea{ float:right; width:238px; min-height:600px; _height:900px;}



/*
body.inside #mainnav, body.inside #subnav { margin: 0 0 13px; background:none; height:auto;}
body.inside #mainnav .menu, body.inside #subnav .menu { background:url(../images/inside_menu_repeat.png) no-repeat bottom left; padding-top:12px; padding-bottom: 12px; float:none; }
body.inside #mainnav ul, body.inside #subnav ul { padding-bottom:22px }
body.inside .subarea #mainnav h3, body.inside .subarea #subnav h3 { background:url(../images/inside_nav_active.png) no-repeat top left; height:28px; padding-top:10px; }
body.inside #mainnav h3.inactive, body.inside #subnav h3.inactive { background:url(../images/inside_nav_inactive.png) no-repeat top left; height:32px; }
*/


body.homepage #mainnav, body.homepage #subnav {  height:auto;background:none;  _background:url(../images/inside_menu_repeat.png) no-repeat bottom left; _height:225px}

body.homepage #mainnav .menu, body.homepage #subnav .menu {background:url(../images/inside_menu_repeat.png) no-repeat bottom left; _background:none;padding-top:12px; padding-bottom: 12px; float:none; _position:absolute}
body.homepage #mainnav ul, body.homepage #subnav ul { padding-bottom:22px }
body.homepage .subarea #mainnav h3, body.homepage .subarea #subnav h3 { background:url(../images/inside_nav_active.png) no-repeat top left; height:28px; padding-top:10px; }
body.homepage #mainnav h3.inactive, body.homepage #subnav h3.inactive { background:url(../images/inside_nav_inactive.png) no-repeat top left; height:32px; }


body.inside #mainnav, body.inside #subnav { margin: 0 0 13px; height:auto;background:none;  _background:url(../images/inside_menu_repeat.png) no-repeat bottom left; _height:230px}
body.inside #mainnav .menu, body.inside #subnav .menu {background:url(../images/inside_menu_repeat.png) no-repeat bottom left; _background:none;padding-top:12px; padding-bottom: 12px; float:none; _position:absolute}
body.inside #mainnav ul, body.inside #subnav ul { padding-bottom:22px }
body.inside .subarea #mainnav h3, body.inside .subarea #subnav h3 { background:url(../images/inside_nav_active.png) no-repeat top left; height:28px; padding-top:10px; }
body.inside #mainnav h3.inactive, body.inside #subnav h3.inactive { background:url(../images/inside_nav_inactive.png) no-repeat top left; height:32px; }






body.inside .angel {}

body.inside #mainnav h3 img, body.inside #subnav h3 img{ float: right; margin: 2px 10px 0 0; cursor:pointer; }



#contactUs label{ display:block; width:95px; height:1.5em; padding: 0 15px 0 0; font-size:1.2em;}
#contactUs input[type='text']{ display:block; width:220px;}
#contactUs textarea{ display:block; width:400px; height:220px;}


div#footer { height: 150px; background:url(../images/footer_grad.gif) repeat-x bottom  ; clear:both; margin: 0 auto; width:871px; color:#817e78; font-size:10px; padding:60px 22px 0; }
div#footer a{ color:#817e78;}
#footer p { padding:10px 0 0 ; margin:0;}
p#footnernav { border-top:1px solid #c4beb2; border-bottom:1px solid #c4beb2; margin:0; padding:10px 0; font-size:11px; color:#3d3c3c;}
p#footnernav a { background: url(../images/footer_arrow.gif) no-repeat center left; padding: 0 10px 0 9px; color:#5f5d59; text-decoration:none; }

/* SLIDE */
.slideLeft{display:inline-block; width:50px; vertical-align:top}
.slideRight{display:inline-block; width:450px; vertical-align:top}

.slideLeft2{display:inline-block; width:30px; vertical-align:top}
.slideRight2{display:inline-block; width:470px; vertical-align:top}
/* PRODUCT LIST */
       
.product {background: url(../images/subcontent_roundboxtop.gif) no-repeat top left; width:503px; padding:25px 30px 15px; overflow:hidden}
.product h4.yellow{ color:#f5de28; }
.product .list3{ margin-left:0px!important; margin-top:12px!important }
.product .list3 li{ background:url(../images/ico_list3.gif) no-repeat 0px 3px; padding-left:13px; list-style:none}
.producttop { background: url(../images/subcontent_roundboxtop.png); height:10px; width:563px; margin:0px; }
.productbtm {background: url(../images/subcontent_roundboxbtm.gif) no-repeat; width:563px; height:10px; margin:0px; margin-bottom:15px }
/* FAQ */
.faq { position:relative}
.faq h3{ height:auto !important; font-size:1em !important; font-weight:bold!important; padding-bottom:3px!important}
.faq h3 a{ color:#FFFFFF!important; text-decoration:underline!important; font-weight:normal!important; cursor:pointer; }
.faq h3 a sup{ text-decoration:none!important; }
.faq div{}
/* SITEMAP */
.sitemap li a{color:#FFFFFF !important}
.sitemap li li a{color:#F5DE28!important}
.sitemap li ul{ margin:0px!important}
.sitemap li li{background:url(../images/ico_sublist.gif) no-repeat 0px 5px; list-style:none; padding-left:10px; }


body.inside .mainBox div.contentArea ul.productmenu { float:right; width:250px; background-color:#1d5665;  border-bottom:solid 2px #1d5665; }
body.inside .mainBox div.contentArea ul.productmenu, 
body.inside .mainBox div.contentArea ul.productmenu ul { list-style:none; margin:0px; padding:0px; position:relative }
body.inside .mainBox div.contentArea ul.productmenu li ul { margin:10px 20px}
body.inside .mainBox div.contentArea ul.productmenu li ul li.sublist{ background:url(../images/ico_sublist.gif) no-repeat 10px 5px; padding-left:20px }
body.inside .mainBox div.contentArea ul.productmenu li{ margin:0px; padding:0px;}
body.inside .mainBox div.contentArea ul.productmenu li ul li{ margin:0px; padding:0px 10px; background: url(../images/ico_list.gif) no-repeat 0px 5px }
body.inside .mainBox div.contentArea ul.productmenu li ul li.text{ background: none; padding:0px}
body.inside .mainBox div.contentArea ul.productmenu li p{ margin:0px; padding:0px; }
body.inside .mainBox div.contentArea ul.productmenu h4 {cursor:pointer; background: url(../images/ico_close.gif) no-repeat 220px 15px #346574; margin:0px; padding:10px; border-top:solid 2px #1d5665; border-right:solid 2px #1d5665;  border-left:solid 2px #1d5665;  }
body.inside .mainBox div.fullProductPDF{ background:url(../images/ico_fullproduct.gif) no-repeat; padding: 3px 10px 3px 25px; color:#F5DE28}
body.inside .mainBox div.fullProductPDF a{ text-decoration:underline}