/* CSS Document */
/* STYLE SHEET DECLARATIONS
copyright 2006 Evolution 7 Web Design - http://www.evolution7.com
Do not reproduce without permission.*/

/* GLOBAL STYLES
-------------------------- */

body {margin:0px; background:url(../images/bg-tile.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#555; text-align:center;}

IMG {border:0px;}

#wrap {width:950px; margin-left:auto; margin-right:auto; text-align:left;}

.clear {clear:both;}

H1 {font-size:9px; font-weight:normal; margin:0px; height:25px; padding:0 0 11px 17px;}
H1 SPAN {position:absolute; z-index:1; left:auto;}
H2 {font-size:13px; color:#337DA7; margin:0px; padding:0 0 18px 0;}
H2.splash {font-size:14px; color:#427998; margin:0px; padding:20px 0 5px 0; font-weight:normal; background:url(../images/bg-divider-content.gif) repeat-x;}
H3 {font-size:12px; font-weight:normal; color:#427998; margin:0px;}
H3.form {font-size:12px; color:#427998; font-weight:bold; margin:0px; padding:10px 0 10px 0;}
H4 {font-size:10px; text-transform:uppercase; color:#337DA7; margin:0px; padding:5px 0 4px 0;}
H4.form {font-size:10px; text-transform:uppercase; color:#337DA7; padding:8px 0 4px 0; border-top:1px solid #D9E2E7;}
.grey {color:#aaa;}
#content-area .pricing {font-size:12px; font-weight:bold; padding-top:5px;}
	#content-area .pricing li {padding-bottom:5px;}

/* MENU STYLES
-------------------------- */
#menu-wrap {width:950px; height:89px;}
#menu-L {float:left; width:19px; height:89px; background:url(../images/bg-menu-L.gif) no-repeat;}
#menu-R {float:left; width:19px; height:89px; background:url(../images/bg-menu-R.gif) no-repeat;}
#menu-box {float:left; width:911px; height:89px;}
#menu-box .top {width:911px; height:7px; background:url(../images/bg-menu-T.gif) repeat-x;}
#menu-box .mid {width:911px; height:79px; background:#2F4F63 url(../images/bg-menu.jpg) no-repeat;}
#menu-box .bot {width:911px; height:3px; background:#B6BEC3;}

#menu-box .logo {float:right; width:117px; height:46px; padding:14px 20px 0 0;}
#menu-box .nav-box {float:left; width:600px; padding:24px 0 0 5px;}
#menu-box .nav-box DIV {float:left; width:auto;}
#menu-box .onstate {position:absolute; z-index:1; height:31px; width:auto; margin-top:31px;}

#subnav-box {float:left; width:169px;}
#subnav-box .head {width:150px; padding:17px 0 15px 0; margin:0 0 0 12px; background:url(../images/bg-divider-subnav.gif) repeat-x; background-position:left bottom;}
#subnav-box UL {margin:0px 0 0 12px; padding:0px 0 0 0;}
#subnav-box UL LI {color:#427998; background:url(../images/bg-divider-subnav.gif) repeat-x; background-position:left bottom; list-style-type:none; padding:5px 0 5px 2px; width:146px; margin:0px;}
#subnav-box UL LI H2 {margin:0px; padding:0px; font-weight:normal; font-size:11px;}
#subnav-box UL LI A {color:#427998; text-decoration:none; display:block; width:150px;}
#subnav-box UL LI A:HOVER {color:#FFF;}
#subnav-box UL LI.on A {color:#194056; background:url(../images/arrow-subnav.gif) no-repeat 140px 5px;}
#subnav-box UL LI.onsub A {color:#194056;}

#subnav-box UL LI.onsub UL {margin:5px 0 0 0; padding:0px; background:url(../images/bg-divider-subnav.gif) repeat-x; background-position:left top;}
#subnav-box UL LI.onsub UL LI {background:none; padding:5px 0 3px 0;}
#subnav-box UL LI.onsub UL LI H2 {font-size:10px;}
#subnav-box UL LI.onsub UL LI A {color:#427998; text-decoration:none; display:block; width:140px; background:none; padding:0 0 0 10px;}
#subnav-box UL LI.onsub UL LI A:HOVER {color:#FFF;}
#subnav-box UL LI.onsub UL LI.on A {color:#194056; background:url(../images/arrow-subnav.gif) no-repeat 140px 5px;}

#tabs-box {height:31px; width:730px; position:absolute; z-index:1; margin:0 0 0 5px; background:url(../images/bg-tabs.gif) no-repeat;}
#tabs-box DIV.on {float:left; background:url(../images/bg-tab-L.gif) no-repeat; width:auto;}
#tabs-box DIV.on H2 {background:url(../images/bg-tab-R.gif) no-repeat; background-position:top right; padding:9px 11px 11px 11px; font-size:10px; font-weight:bold; color:#1D3847; text-transform:uppercase;}
#tabs-box DIV.on H2 A {color:#1D3847;}
#tabs-box DIV {float:left; width:auto;}
#tabs-box DIV H2 {padding:9px 11px 11px 11px; font-size:10px; font-weight:bold; color:#51829E; text-transform:uppercase;}
#tabs-box DIV H2 A {color:#51829E; text-decoration:none;}
#tabs-box DIV H2 A:HOVER {color:#1D3847;}


/* MAIN IMG STYLES
-------------------------- */
#sp-img-wrap {width:950px; height:321px;}
#sp-img-L {float:left; width:14px; height:321px; background:url(../images/bg-img-L-sp.gif) no-repeat;}
#sp-img-R {float:left; width:14px; height:321px; background:url(../images/bg-img-R-sp.gif) no-repeat;}
#sp-img-box {float:left; width:921px; height:321px; background:#FFF url(../images/bg-img-T.gif) no-repeat;}
#sp-img-box DIV {padding:4px 0 0 3px;}
#sp-img-box #welcome {background:url(../images/bg-flash.jpg) no-repeat 3px 4px;}



#img-wrap {width:950px; height:203px;}
#img-L {float:left; width:14px; height:203px; background:url(../images/bg-img-L.gif) no-repeat;}
#img-R {float:left; width:14px; height:203px; background:url(../images/bg-img-R.gif) no-repeat;}
#img-box {float:left; width:921px; height:203px; background:#FFF url(../images/bg-img-T.gif) no-repeat;}
#img-box DIV {padding:4px 0 0 3px;}


/* MASTHEAD STYLES
-------------------------- */
#mhead-wrap {width:950px; height:40px;}
#mhead-L {float:left; width:17px; height:40px; background:url(../images/bg-mhead-L.gif) no-repeat;}
#mhead-R {float:left; width:17px; height:40px; background:url(../images/bg-mhead-R.gif) no-repeat;}
#mhead-box {float:left; width:915px; height:40px;}
#mhead-box .phone {float:left; width:127px; height:12px; padding:15px 0 0 18px;}
#mhead-box .mhead {float:right; width:300px; text-align:right; padding:9px 18px 0 0;}
.img01 {background:#447089 url(../images/bg-mhead-01.jpg) no-repeat;}
.img02 {background:#447089 url(../images/bg-mhead-02.jpg) no-repeat;}
.img03 {background:#447089 url(../images/bg-mhead-03.jpg) no-repeat;}
.img04 {background:#447089 url(../images/bg-mhead-04.jpg) no-repeat;}
.img05 {background:#447089 url(../images/bg-mhead-05.jpg) no-repeat;}


/* CONTENT STYLES
-------------------------- */
#content-wrap {width:949px; background:#FFF url(../images/bg-content.gif) repeat-y;}
#content-wrap-B {width:949px; background:url(../images/bg-interior-B.gif) no-repeat; background-position:bottom;}
#content-wrap-B-sp {width:949px; background:url(../images/bg-interior-B.gif) no-repeat; background-position:bottom;}
#content-L {float:left; width:14px; height:517px; background:url(../images/bg-content-L.jpg) no-repeat;}
#content-R {float:left; width:14px; height:517px; background:url(../images/bg-content-R.jpg) no-repeat;}
#content-L-sp {float:left; width:14px; height:517px; background:url(../images/bg-content-L-sp.jpg) no-repeat;}
#content-R-sp {float:left; width:14px; height:517px; background:url(../images/bg-content-R-sp.jpg) no-repeat;}
#content-box {float:left; width:921px;}
#content-T {width:921px; height:5px; background:url(../images/bg-content-T.gif) no-repeat;}

#content-area {float:left; width:735px; padding:23px 0 0 6px;}
#content-area .list-box {float:left; width:auto; width:150px;}
#content-area UL {margin:0px; padding:0px; width:auto;}
#content-area UL LI {list-style:none; background:url(../images/arrow-list.gif) no-repeat 0px 5px; padding:0 0 0 15px;}
#subhead {height:25px; padding:0 0 11px 17px;}

#content-area A {color:#337DA7; text-decoration:none;}
#content-area A:HOVER {text-decoration:underline;}

#text-area {background:url(../images/bg-text-area.gif) no-repeat 5px 10px; width:735px; padding:30px 0 0 0;}
#text-area-tabs {background:url(../images/bg-text-area.gif) no-repeat 5px 30px; width:735px; padding:50px 0 0 0;}
#text-area-sp {width:735px; padding:5px 0 0 0; font-size:12px;}
#text-box {float:left; width:390px; padding:0 30px 40px 16px;}
#text-box-sp {float:left; width:455px; padding:0 30px 0 16px;}

#prod-imgbox {float:right; width:286px; background:#FFF url(../images/bg-prodimg-B.gif) no-repeat; background-position:bottom; margin:22px 10px 40px 0;}
#prod-imgbox.notabs {margin:0 10px 40px 0;}
#prod-imgbox .mpic {width:280px; padding:3px 0 0 3px; text-align:center;}
#prod-imgbox H2 {padding:11px 0 17px 0; text-align:center; color:#8B99A1; font-weight:normal; font-size:11px; margin:0px;}
#thumb-box {width:272px; padding:0 0 15px 12px;}
#thumb-box DIV {float:left; width:34px; height:34px; background:#DDE5EA; padding:2px 2px 2px 2px; margin-left:4px; margin-bottom:4px; cursor:pointer;}
#thumb-box DIV:HOVER {background:#569FC8;}
#thumb-box DIV.iehover {background:#569FC8;}

#col2-box {float:right; width:286px; background:#DEE7EC url(../images/bg-download-T.gif) no-repeat; margin:0 10px 40px 0; padding:15px 0 0 0;}
#col2-box H2 {width:255px; font-size:13px; color:#337DA7; margin:0px; padding:0 0 10px 0; margin:0 0 0 15px; background:url(../images/bg-divider-subnav.gif) repeat-x; background-position:bottom;}
#col2-box H2 SPAN {font-size:10px;}
#col2-box H3 {font-size:12px; width:255px; margin:0 0 0 15px; padding:15px 0 0 0; color:#555; line-height:16px;}
#col2-box #download-panel {background:url(../images/bg-download-B.gif) no-repeat; background-position:bottom; padding:0 0 15px 0;}
#col2-box .download-box {width:255px; padding:6px 0 4px 0; margin:0 0 0 15px; background:url(../images/bg-divider-subnav.gif) repeat-x; background-position:bottom;} 
#col2-box .download-box DIV {float:left; width:auto; text-transform:uppercase; font-size:10px;}
#col2-box .download-box DIV A {color:#337DA7; text-decoration:none; padding:0 0 0 10px;}
#col2-box .download-box DIV A:HOVER {color:#555;}

#butpanel-box {float:right; width:217px; margin:0 0 0 0;}
#panel-kit {width:208px; height:137px; background:url(../images/sp-panel-kit.gif) no-repeat; margin:0 0 8px 0;}
#panel-kit DIV {padding:80px 0 0 16px;}
#panel-call {width:208px; height:125px;}

.contact SPAN {font-weight:bold; width:70px; display:block; float:left;}
.contact DIV {float:left; width:320px;}

#quote-box {width:600px;}
#quote-box FORM {display:inline;}
#quote-box .fieldbox {width:600px; border:none;}
#quote-box .fieldbox2 {width:600px; border:none; padding:0 0 10px 0;}
#quote-box INPUT {width:300px; font-size:12px; background:#F4F8FA; border:1px solid #AABEC9; padding:2px 0 3px 3px; color:#555555;}
#quote-box TEXTAREA {width:375px; font-size:12px; background:#F4F8FA; border:1px solid #AABEC9; padding:2px 0 3px 3px; color:#555555;}
#quote-box DIV {float:left; width:400px; padding:0 0 3px 0;}
#quote-box DIV.sml-field {width:170px;}
#quote-box DIV.sml-field INPUT {width:140px;}
#quote-box DIV.sml-field SELECT {width:80px; background:#F4F8FA; border:1px solid #AABEC9; font-size:12px; padding:2px 0 3px 3px;}
#quote-box DIV.sml-field2 {width:105px;}
#quote-box DIV.sml-field2 INPUT {width:85px;}
#quote-box DIV.sml-field2 SELECT {width:145px; background:#F4F8FA; border:1px solid #AABEC9; font-size:12px; padding:2px 0 3px 3px;}
#quote-box LABEL {float:left; width:75px; padding:5px 0 0 0;}
#quote-box LABEL.sml-label {width:45px; padding:5px 10px 0 0; text-align:right;}
#quote-box .button {float:left; width:auto; padding:0 20px 0 0; cursor:pointer;}

.copybox {border-bottom:1px solid #D9E2E7; padding:0 0 10px 0; width:600px; margin:0 0 10px 0;}
.validationtext {color:#CC0000;}
.validationtext SPAN {font-weight:bold;}




/* FOOTER STYLES
-------------------------- */
#foot-wrap {width:950px; background:url(../images/bg-foot-W.gif) repeat-y; padding:3px 0 0 0;}
#foot-T {width:915px; height:3px; background:url(../images/bg-foot-T.gif) no-repeat; margin:0 0 0 17px;}
#foot-B {width:949px; height:14px; background:url(../images/bg-foot-B.gif) no-repeat; margin:0 0 0 0;}
#foot-box {width:915px; margin:0 0 0 17px; background:url(../images/bg-foot.gif) repeat-y;}
#footlinks-box {width:915px; padding:15px 0 9px 0; background:url(../images/bg-foot-R.gif) no-repeat; background-position:bottom right;}

.footlinks {float:left; width:auto; padding:0 40px 0 0;}
.footlinks UL {margin:0px; padding:0px; font-size:9px;}
.footlinks UL.lrg {padding-left:14px;}
.footlinks UL LI {list-style:none;}
.footlinks UL LI A {color:#DBE4E8; text-decoration:none;}
.footlinks UL LI A:HOVER {color:#FFF;}
.footlinks UL.sml LI A {color:#BCCDD5;}
.footlinks UL.sml LI A:HOVER {color:#DBE4E8;}

#copyright-box {float:right; width:150px; color:#CBD9DF; font-size:10px;}
#copyright-box DIV {padding:0 0 6px 0;}
#copyright-box SPAN {font-size:9px;}
#copyright-box #e7box {width:auto; font-size:9px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding:10px 0 0 0;}
#copyright-box #e7box DIV {float:left; width:auto; padding:0 8px 0 0;}
#copyright-box #e7box DIV A {color:#B0C4CD; text-decoration:none;}
#copyright-box #e7box DIV A:HOVER {color:#DBE4E8;}
#copyright-box #e7box DIV IMG {padding:2px 0 0 0;}