*{margin:0;padding:0;}
a{color:#2c6c8a;}
body{background:url(../images/bg-blue.jpg) #03293c top center no-repeat;padding:0;margin:0;top:0;left:0;font: 11px/1.25em arial, sans-serif;color:#616161;}
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
.nice{font-family:illuminating}
img{border:0;z-index:999;}
li{margin:0;padding:0;}
#container-0{width:100%;position:relative; z-index:1;}
#container-1{width:1063px; background:none; margin:0 auto;}
#container-2{width:901px;margin:0 auto;float:left;overflow:hidden;background-color:#fff;border-right:1px solid #000; border-left:1px solid #000;padding:0;}
#header{width:901px;height:187px;}
#logo{width:901px;float:left;overflow:hidden;}
#navcontainer{width:901px;float:left;z-index:999;}
#imgHolder{width:auto;height:auto;float:left;}
#maincontainer{width:901px;margin:10px auto;float:left;overflow:hidden;}
#column-1,#column-2,#column-3,#column-2-sub,#column-2-wide{float:left;overflow:hidden;}
#column-full{width:891px; margin:0px 8px 0;}
.right {right: 0;bottom: 0;width: 225px !important; height:347px; font-weight:bold;}
.right h1{line-height:24px;color:#fff;}
.right ul{list-style-type:none;}
#column-1{width:196px;text-align:center;margin-left:2px;}
#column-1 .imgpad{padding:10px 0 ; margin-left:-4px;}
#column-1 {text-align:left; color:#616161; font-weight:bold;font-size:10px;}
#footer{margin-top:-8px;float:left;overflow:hidden;width:901px;text-align:left;border-top:1px solid #ccc; height:250px;line-height:40px; vertical-align:top; background:#022998;padding:0 15px;}
div#footer a{color:#fff;text-decoration:none;font-size:11px;}
div#footer a:hover{color:#ccc;}
div#footer a:link{color:#fff}
ul#sub-nav li a:hover{background-color:#ffb66e}
ul#navlist{float:right;font: 11px verdana, sans-serif;color: gray; list-style:none;margin:0;padding:20px 0 0 0 ;position:relative;}
#navlist li{width:102px;list-style: none;padding:0;border-bottom: 1px #ccc solid;text-align: right;margin:0px !important; margin-top:-2px;}
<!--IE7 only hack-->
html>body #navlist li{*margin-top:-2px;}
#navlist li a
{display: block;padding: 0.5em 0.3em 0.5em;border-right:2px #fff solid;text-decoration: none;}
#navlist li a:link {color: #000;}
#navlist li a:visited {color: #000;}
#navlist li a:hover, #navlist li a.active, #navlist li a.active:link, #navlist li a.active:visited{color: #c19974;border-right: 2px #c19974 solid;}

div#contactus label {display: block;float:left;font-size: 13px;padding-right: 20px;}
div#contactus input[type=checkbox] {float: left;clear: left;margin: 2px 6px 7px 2px;}
div#contactus input, textarea {clear: both;display:block;font-size: 11px;font-family: inherit;}
div#contactus select {clear: both;vertical-align: text-bottom;font-size: 13px;font-family: inherit;}
div#contactus option {font-size: 13px;font-family: inherit;padding: 0 0.3em;}
div#contactus input[type=submit] {display: inline;vertical-align: bottom;padding:2px 10px;
background:#E8E9CD;font-size:13px;}
div#contactus input.submit {display: inline;vertical-align: bottom;padding:2px 6px;background:#E8E9CD;font-size:13px;}
div#contactus .required {clear: both;color:#222;font-weight:bold;}
div#contactus div.optional {clear: both;color:#555;}
div#contactus div.submit {clear: both;margin-top: 20px;margin-left: 120px;}
div#contactus label.labelsmall{display:block;clear:both;width:75px;float:left;color:#803001;font-size:11px;}
.error{color:#ff0000}
.ullist{margin:5px 5px 5px 15px;padding:5px 5px 5px 15px;list-style:outside; list-style-type:disc;}

/**
 * styles for rounded corner containers on the home page
 * and the left/right side containers.
 */
.liquid-round-sub {width:178px;margin:0px auto;background:#fff url(../img/leftside.gif) repeat-y left top;}   
#liquid-round {width:196px;margin:0px auto;background:#fff url(../img/leftside.gif) repeat-y left top;}
#liquid-round2, #liquid-round3 {width:503px;margin:0px auto;background:#fff url(../img/leftside.gif) repeat-y left top;}
.liquid-round{width:485px;margin:0px auto;background:#fff url(../img/leftside.gif) repeat-y left top;}
.liquid-round4 {width:173px;margin:0px auto;background:#fff url(../img/leftside.gif) repeat-y left top;}
.center-content {position:relative;background:url(../img/rightside.gif) repeat-y right top;padding:1px 8px 1px 8px;margin:-3px 0 -45px 0;z-index:900;}
.bottom {height:60px;background:url(../img/bottom.gif) no-repeat left bottom;}
.bottom span {display:block;position:relative;height:60px;z-index:0;background:url(../img/bottom-right.gif) no-repeat right top;}
.top {width:100%;height:10px;background:url(../img/top.gif) no-repeat left top;}
.top span {display:block;position:relative;height:10px;background:url(../img/top-right.gif) no-repeat right top;}
.blocktitle{color:#156179;font-weight:bold;text-align:left}
.bottomstyle{background-color: #206b84;padding: 18px 30px 12px 30px;vertical-align: top;}
.bottomheading{border-bottom: 1px dashed #ffffff;height: 29px;color: #ffffff;font-size: 13px;font-weight: bold;margin:0 0 10px 0;padding:0 0 10px 0;}
.copyaddress{font-size: 11px;color: #ffffff;line-height: 16px;}
.genltextwhite{font-size: 11px;color: #ffffff;line-height: 16px;}
.genltextgray{font-size: 11px;color: #616161;line-height: 16px;}

/**
 * styles for content description
 */
#column-2 h1, #column-2-sub h1, #column-2-wide h1 {color:#156179;font-weight:bold;margin:8px 0; font-size:12pt;}
#column-2 ul, #column-2-sub ul, #column-2-wide ul{font:11px/1.1em;list-style-type:none;margin:5px 0;list-style-position:outside;}
#column-2-sub li,#column-2-wide li{margin:5px 0 0 0;}
#column-2-sub h1,#column-2-wide h1{display:block;margin:20px 0 10px 0;color:#156179;font-size:12px;}
#column-2-sub h1.contest{ text-transform:uppercase;font-size:18px;color:#fff;background:#0d4177;text-align:center;padding:20px 0;}
.descTable{width:100%;font-size:12px;padding:10px 0;}
.descTable td.h20{line-height:20px;height:20px;}
/**
 * faqs Style
 */ 
 .faqStyle ul{ list-style:outside disc;margin-left:6pt;}
.faqStyle li{margin:4pt;font-weight:bold;}
/**
 * table css
 */
 


#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

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

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#mytable  th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable  td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
p{line-height:15.1px}
.red{color:#FF0000;}
.listing{padding:3px 5px;}
.listing:hover{background-color:#CCC;}
h1.detailH1{font-size:13px;font-weight:bold;}


input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ccc}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute; top:1em; left:1em; width:400px; padding:10px;border:1px solid #0cf;background-color:#fff; color:#000;}

.btn {
	float: left;
	background: url(/images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px;
}
.btn a{
	float: left;
	height: 40px;
	background: url(/images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 5px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(/images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}

.btn20 {
	float: left;
	background: url(/images/btn_left_20.png) no-repeat;
	padding: 0 0 0 5px;
	margin: 5px;
}
.btn20 a{
	float: left;
	height: 20px;
	background: url(/images/btn_stretch_20.png) repeat-x left top;
	line-height: 20px;
	padding: 0 5px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn20 span {
	background: url(/images/btn_right_20.png) no-repeat;
	float: left;
	width: 5px;
	height: 20px;
}
.btn_addtocart { background-color: green; }
.btn_checkout { background-color: red;font-weight:bold }
.btn_learnmore { background-color: #f4a441; }
.btn_green{}
.btn_try { background-color: #002c85; }
.clear {
	clear: both;
}