/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
 {border-collapse: collapse;border-spacing: 0;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
body.contentpane {background: #fff;}
/* @end Reset */


/*Defaults Styling*/
body {font:12px/17px Arial, Helvetica, sans-serif; color:#999; } 
fieldset {padding:10px 0 10px 0; margin:0; background: #A5C315 url(img/form-bg.jpg) no-repeat left top; border-right:1px solid #88A10F; border-left:0; border-top:0; border-bottom:1px solid #88A10F;}
input, textarea, select {font:18px/18px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {  background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px; }
legend {background:#bfbf30; /* color:#fff; */font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0 0 0 -11px; font-weight:normal; }
label {font-size:15px; font-weight:bold; color:#501D62; display:block; line-height:1.5em;margin-top:5px;}
label.opt {font-weight:normal;}
label.opt img {}
label.opt a {font-size:16px; font-weight:normal; color:#501D62; text-decoration:none}
dl {clear:both;}
dt {float:left; text-align:right; width:150px; line-height:35px; margin:0 10px 10px 0;}
dt img {/*display:none;*/}
dd {float:left; /*width:525px; */line-height:35px; margin:0 10px 10px 0;}
#footer {font-size:11px;}
#container {width:700px; margin:0 auto;}

/*
----------------------------------------------------
                 MAIN FONT & BG COLOR
----------------------------------------------------
*/

body {
	color: #515151;
	background: #E9E9EA url(img/body_bg.jpg) repeat-x 0 top;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	/* font-size: 75%; */
}

#logo-graphic h1 a {
	background: url(img/logo.png) no-repeat;
}

#logo-text h1 a {
	margin-top: 20px;
	margin-left: 10px;
	color: #222;
	letter-spacing: -2px;
	font-weight: bold;
	font-size: 34px;
}
#logo-graphic h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}

#logo-graphic h1 a {
	display: block; 
	text-indent: -5000em;
	/*line-height: 100%; */
	margin: 0px;
	padding: 0px;
}
#logo-graphic h2 {
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -5000em;
}
#logo-text h1 a {
	display: block;
	line-height: 100%;
	text-decoration: none;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#logo-text {
	float: left;
}

#logo-text h1 {
	margin: 0px;
	padding: 0px;
}
#logo-text h2 {
	margin: 0px;
	padding: 0px;
}

#wrap {width: 980px; 
background: #FFF;
	margin: 30px auto 0px auto;
}

#nav {height:52px;z-index:500;float:none; background: url(img/nav_bg.png) repeat-x 0 top; font-weight: bold;}

.designer {width: 980px;margin-right: auto;margin-left: auto;position: relative;text-align:center;}
.designer a { cursor: pointer; text-indent: -5000em; display:block; float: right; width: 100px; height: 14px; background: url(../images/jscright.png) no-repeat right top; margin-top: 4px; }

/*
----------------------------------------------------
             STRUCTURAL TEMPLATE IMAGES
----------------------------------------------------
*/


/* @group Structure */

#header {
	width: 948px;
	padding: 8px 16px 0 16px; 
	float: left; 
	overflow:hidden;
	clear:none;
}
#hdr {
	height: 12px;
	text-align: center;
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}
.hdr-left {
	float: left;
	width: 10px;
	height: 12px;
	background: url(img/hdr-left.jpg) no-repeat left top;
}
.hdr-right {
	float: right;
	width: 10px;
	height: 12px;
	background: url(img/hdr-right.jpg) no-repeat left top;
}

#mbar {
    margin-top:20px;
	}

.menuleft {
	float: left;
	width: 12px;
	height: 52px;
	background: url(img/menuleft.png) no-repeat left top;
}
.menuright {
	float: right;
	width: 12px;
	height: 52px;
	background: url(img/menuright.png) no-repeat left top;
}

#promo {
margin: 0px;
padding: 0px;
}

#promo h2 {
	color: #501D62;
	font-weight: normal;
	font-style: normal;
	font-size: 1.8em;
	line-height: 1.0em;
	padding: 10px 10px 10px 20px;
	margin: 0;
}	

#quote {width:694px;
margin: 0px;
padding: 0px;

}

.mainbody {
	margin: 0 16px;
	min-height: 450px
}

td.leftcol,td.maincol,td.rightcol {
	vertical-align: top;
	margin: 0;
	padding: 0;
}


#footer {
	height: 30px;
	text-align: left;
	margin: 10px auto 0 auto;
	width: 100%;
	overflow: hidden;
	font: .90em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #ffffff url(img/ftr-bg.png) repeat-x left top;
	color: #501D62;
}

#footer ul {
	/* display: inline; */
	list-style: none;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: left;
	float:left;
}

#footer li {
	display: inline;
	list-style: none;
	margin: 4px 0;
	padding: 0 5px;
}

#footer li a {
	color: #501D62;
}

.ftr-left {
	float: left;
	width: 10px;
	height: 30px;
	background: url(img/ftr-left.png) no-repeat left bottom;
}
.ftr-right {
	float: right;
	width: 10px;
	height: 30px;
	background: url(img/ftr-right.png) no-repeat right bottom;
}

/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

#formStep {
	background-color:#5C266E; 
	height:40px;
	background: url(img/stepbar-right.png) no-repeat right top;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#BA94C7;
    border-bottom:1px solid #C8DA70;
}

#formStep ul{
	margin-left: 15px;
	list-style-type: none;
	line-height:40px;
	display: inline;
}

#formStep li{
	padding: 0 10px;
	float: left;
}

#formStep .current{
	color:#FFFFFF;
	background: url(img/formStep-select.png) no-repeat center bottom;
}
#formStep .done{
	color:#FFFFFF;
}

.formStep-right {
	float: right;
	width: 10px;
	height: 40px;
	background: url(img/stepbar-right.png) no-repeat right top;
}

.formStep-left {
	float: left;
	width: 10px;
	height: 40px;
	background: url(img/stepbar-left.png) no-repeat left top;
}

#formButtons {
background-color:#A5C315;  
}
#step1_to_step2_btn_container{
float:right;
}
#step2_to_step3_btn_container{
float:right;
clear:none;
}
#step2_to_step1_btn_container{

float:left;
clear:none;
}
#step3_to_step2_btn_container{
float:left;
}

.separator{
width:95%;
height:10px;
margin: 2px auto;
background: url(img/separator.gif) repeat-x center;
clear:both;
}
/* Tooltips */

a.tooltip {
    position:relative; /*this is the key*/
}

a.tooltip:hover {
	position: relative;
}

a.tooltip span {
	display: none;
	top: 0px;
}

a.tooltip:hover span {
	display: block;
   	position: absolute;
	clear: both;
	top: 30px; left: 0px;
	/* formatting only styles */
	padding: 5px; margin: 0px;
	/* margin: 5px; */
	z-index: 100;
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 0.9;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	width: 130px;
	/* end formatting */
}

/* Icons */ 

.dtquantity{
width:90px;
float:left;
clear:none;
height:60px;
   background: #000000 url(img/quantity-icon.png) no-repeat left;
}