html {height: 100%;}

body {margin:0px; padding:0px; height:100%;  background: #FFF0DF url(../images/bg_strip.gif) repeat-y left;}

#pagecontainer {position: relative; min-height: 100%;}

* html #pagecontainer {height: 100%;}

#header{height:106px; background: #ffffff url(../images/header_gradient_1px.gif) repeat-x bottom; border-bottom:1px solid #ffffff;}

#flashlogo{float:left; margin:0px 0px;}


/*navigation*/
#navcontainer{height:45px; background: #FFC382 url(../images/nav_bg_grad_1px.gif) repeat-x top;padding-left:62px;}

#nav, #nav ul {padding:0; margin:0; width:700px;  font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#616365; }

#nav a {height:16px; display: block;  color:#616365; text-decoration: none; background: url(../images/nav_grad_1px.gif) repeat-x; text-align:center;}

#nav a:hover {background: url(../images/nav_bg_grad_1px.gif) repeat-x;}

#nav li {float: left; width:173px; border-right:1px solid #ffffff;list-style: none; }

.firstnav {border-left:1px solid #ffffff;}

#nav li ul {position: absolute; width:173px; left: -999em;  background: url(../images/dropdown_bg.gif) no-repeat bottom; }

#nav li ul li {border:0px; font-weight: normal; }

#nav li ul li.header {font-weight: bold; text-align:center; color:#616365;display: block; border-bottom:1px solid #cccccc;  margin: 0px 0px 5px 0px; }

#nav li ul li a { background: none;}

#nav li ul li a:hover { background: none; background-color: #ffffff}

#nav li:hover ul {left: auto;}

#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/*set fixed over states for page navigation*/
body#home ul li#homebutton a{background: url(../images/nav_bg_grad_1px.gif) repeat-x;}

body#about ul li#aboutbutton a{background: url(../images/nav_bg_grad_1px.gif) repeat-x;}

body#products ul li#productsbutton a{background: url(../images/nav_bg_grad_1px.gif) repeat-x;}

body#products ul li#productsbutton ul li a { background: none;}

body#products ul li#productsbutton ul li a:hover { background: none;background-color: #ffffff}

body#contact ul li#contactbutton a{background: url(../images/nav_bg_grad_1px.gif) repeat-x;}
/*end navigation*/


/*breadcrumbs*/
#breadcrumbs{font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FF8400; margin: 10px 0px 0px 0px;}

#breadcrumbs a {font-weight: bold; color:#FF8400}
/*breadcrumbs*/


/*product navigation*/
#prodnavcontainer{height:14px; background: #FFC382 url(../images/prodnav_bg_grad_1px.gif) repeat-x top;padding-left:40px;}

#prodnav, #prodnav ul {padding:0; margin:0; width:660px;  font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#616365; }

#prodnav a {height:14px; display: block;  color:#616365; text-decoration: none; background: url(../images/prodnav_grad_1px.gif) repeat-x; text-align:center;}

#prodnav a:hover {background: url(../images/prodnav_bg_grad_1px.gif) repeat-x;}

#prodnav li {float: left; width:205px; border-right:1px solid #ffffff;list-style: none; }
/*set fixed over states for product page navigation*/
ul li#selected a{background: url(../images/prodnav_bg_grad_1px.gif) repeat-x;}
/*end product navigation*/


/*product collapsable features*/
.productItem {clear: left;width: 620px;height: 30px;margin-bottom: 2px;background: #f0f0f0 url(../images/prodfeature_bg.gif) repeat-x top;}

/* fix for IE that takes containing div margin and applies to input */
#productInfo input {margin-left: -14px;}

#productInfo[id] input {margin-left: 0;}

.productItem h2 { margin:0px; z-index:1;}

.productItem img {clear: left; float: left; margin: 10px 17px 0 5px; border:none}

a.productfeature{width: 450px;margin: 9px 0 0 0;float: left;font-size: 12px;font-weight: bold; color: #616365; text-decoration:none; }

.productItem p {padding-top: 10px;}

a.productToggle {float: left; padding-top: 10px;font-size: 11px;}

.productItem a:hover {color: #FF8400;}

#feature1Detail, #feature2Detail, #feature3Detail, #feature4Detail, #feature5Detail, #feature6Detail, #feature7Detail, #feature8Detail, #feature9Detail, #feature10Detail{display: none; clear: left;}
/*end product collapsable features*/


/*product main content area*/
#bodycontainer{width:700px; background-color: #ffffff; margin: 0px 0px 0px 62px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #616365; }

.content {padding: 40px 40px 40px 40px; margin-bottom:40px}

.content75left {width:380px;padding: 40px 0px 40px 40px; float:left; margin-bottom:40px}

.content25right {width:200px; float:right; margin:40px 40px 40px 0px; display: inline; padding: 0px 0px 40px 0px;}

.content50left{width:310px; padding: 0px 0px 40px 40px; float:left; margin-bottom:40px} 

.content50right{width:310px;padding: 0px 40px 40px 0px; float:right; margin-bottom:40px} 

.floatr{float:right; margin:0 0px 0px 20px;}

.floatl{float:left; margin:20px 20px 10px 0;}
/*end product main content area*/


/*rhs boxes*/
.rhshead {clear: left; width: 190px;height: 19px;margin-bottom: 5px;background: #f0f0f0 url(../images/rhsbox_head_bg.gif) repeat-x top; font-size:11px; font-weight:bold; padding-left:10px; padding-top:3px;}

#rhsbody {clear: left;width: 178px;background: #f0f0f0 url(../images/bg_gradient.gif); border: #E7E7E7 1px solid; padding:10px; font-size:10px; margin-bottom:10px; color:#9A9A9A; line-height:14px;}

#rhsbody img {margin:0px}

.rhscontentright{float:right;width:115px; }

.rhstitle { text-decoration:none; font-weight:bold;}
/*end rhs boxes*/


/*product comparison table*/
#mytable {width: 620px; padding: 0; margin: 0;}

caption {padding: 0 0 5px 0; width: 620px; font: italic 11px "Verdana", Arial, Helvetica, sans-serif; text-align: right;}

#headerlink a {border: 6px solid #EFEFEF}

th {text-align: left; padding: 6px 6px 6px 12px;font-size:9px;color: #9A9A9A; line-height:16px; padding-bottom:26px;}
	
th.desent {background: #ffffff url(../images/prodtable_ent_bg.gif) bottom right;}

th.desplus {background: #ffffff url(../images/prodtable_plus_bg.gif) bottom right; color:#616365}

th.dessta {background: #ffffff url(../images/prodtable_sta_bg.gif) bottom right; color:#616365}

th.nobg {border: 0; background: none;}

td.feature{text-align:left;background: #ffffff url(../images/prodtable_feature_bg.gif) no-repeat; height:26px; font-size: 12px;font-weight: bold; color: #616365; border:0px;padding: 0px 0px 0px 12px;}

td {background: #FFF7EF;color: #4f6b72;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase; text-align:center;}

td.clear {padding:0;margin:0}

td.button {height:17px; background: #FFC382 url(../images/prodtable_but_1px.gif) repeat-x top; padding:0px; text-align:center;font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#616365;}

td.button a {color:#616365; text-decoration:none;}

td.des {background: #FFF7EF; color: #4f6b72; padding: 6px 6px 6px 12px;text-align:left;}

td.desalt {background: #FFF0DF; color: #797268; padding: 6px 6px 6px 12px;text-align:left;}

td.alt {background: #FFF0DF; color: #797268; }
/*end product comparison table*/


/*contact form layout*/
label,cfinput,cftextarea {display: block; float: left; margin-bottom: 10px;}

input,textarea {border: 0px solid #cccccc;background: #ffffff url(../images/form_bg.jpg) no-repeat; width:300px; font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#616365;}

.button {background: #FFC382;}

label {text-align: right; width: 130px; padding-right: 40px;}

br {clear:left;}

p.errortxt {color:#FF8400; font-weight:bold;}
/*end contact form layout*/


/*elements etc*/
p,ul,ol,td,th{line-height: 1.6em;}

a {color:#FF8400}

img a{border:0;}

sup {}

p {margin-top:0px; text-align: left;}

li {list-style: url(../images/bullet.gif)}

h1, h2, h3 {margin: 0;padding:0;}

h1 {font-size:1.2em;color: #FF8400; margin: 20px 0px 10px 0px;}

.grey {color:#616365}

h2 {font-size:1.1em;color: #616365;  margin: 20px 0px 5px 0px;}

h3 {font-size:1.0em;color: #616365; margin: 15px 0px 0px 0px;}

hr {border: none 0; 
border-top: 1px solid #e7e7e7;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-top:10px;margin-bottom:10px;
} 

.clear {clear: both;height: 0;}
/*end elements etc*/


/*floating footer - snaps to the bottom of the screen using the pagecontainer as a browser height reference*/
#footercontainer
{display:block; position: relative; margin:-70px 0px 0px 62px; height:70px; width:700px;} 

.footerlinks{ position: absolute;display:block; text-align:center; height:14px; background:#FFC382; width:100%; padding:3px 0px 3px 0px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FF8400;}

.footerlinks a { text-decoration:none;}

.footerbottom {height:31px;position:absolute; width:690px; margin-top:25px; padding:0px 5px 0px 5px;}