/* CSS Document
//shit
Tuan:
- Change few z-index to 12 and 13 so elements would stay on top of background
- Change id from homepage to quotepage
- NOTE: Yet to be done is to change the position of buttons so they are "relative" to the quote body.
*/
* {
	padding: 0px;
	margin: 0px;
}

#quotepage {
  width: 100%;
  background-color:transparent;
}
#quotepage2 {
  width: 100%;
  background-color:transparent;
}
input.textbox, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:1px solid #a6a6a6;
	padding:2px 2px 2px 2px;
}
select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #a6a6a6;
}

/* -------------------------------------
START: Quote Home
-------------------------------------- */
#quote_box_short, #quote_box_reg, #getstarted_box, #quote_box_long {
	position:absolute;
	/*top:132px;*/
	top:103px;
	right: -10px;
	z-index:2;
	display:block;
	width: 382px;

}
#quote_box_reg {
	display:none;
}
body#quotepage #quote_box_reg{
	display:block;
}
body#quotepage #quote_box_short,body#franchisingpage #quote_box_short,body#quotepage #quote_box_short{
	display:none;
}
#quote_box_short_bg {
	background-image: url('/images/quote_box_short.png');
	background-repeat:no-repeat;
	height:152px;
}

#getstarted_box_bg {
	background-image: url('/images/getstarted_box.png');
	background-repeat:no-repeat;
	height:152px;
}
#quote_short_title {
	position:relative;
	float:left;
	margin:60px 0px 0px 10px;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;

}
#quote_short_button {
	position:relative;
	float:right;
	margin:100px 40px 0px 10px;
	cursor:pointer;
	display:block;
	height:17px;
	width:119px;
	background:url('/images/btn_clickstart_both.png')  no-repeat scroll 0px 0px;
}
#quote_short_button:hover{
	background:url('/images/btn_clickstart_both.png')  no-repeat scroll -119px 0px;
}
#getstarted_button {
	position:relative;
	float:right;
	margin:65px 40px 0px 10px;
	cursor:pointer;
	display:block;
	height:29px;
	width:188px;
	background:url('/images/btn_getstarted_both.png')  no-repeat scroll 0px 0px;
}
#getstarted_button:hover {
	background:url('/images/btn_getstarted_both.png')  no-repeat scroll -188px 0px;
}
#quote_top {
	position:relative;
	float:left;
	width: 383px;
}
#quote_top_bg {
	background-image: url('/images/quote_box_top_sub.png');
	background-repeat:no-repeat;
	height:123px;
	width: 383px;
}
body#quotepage #quote_top_bg {
	background-image: url('/images/quote_box_top.png');
	background-repeat:no-repeat;
	height:123px;
	width: 383px;
}
#quote_title{
	float:left;
	padding:50px 0px 0px 10px;
	font-size:120%;
	font-weight:bold;
	text-transform:uppercase;

}
#quote_min {
	float:right;
	padding:22px 0px 0px 10px;
	cursor:pointer;
}
body#quotepage #quote_min, body#franchisepage #quote_min{
	display:none;
}
#quote_body {
	XXXposition:relative;	/*tuan*/
	XXXfloat:left;	/*tuan*/
	width: 383px;
	background-image: url('/images/quote_box_middle.png');
	background-repeat:repeat-y;
}
/**/
#quote_body_bg{
}

#quote_body_content {
	position:relative;
	float:left;
	margin:10px 0px 3px 5px;
	width:360px;
	height:100%;
	z-index:10;
}

#quote_bottom {
	XXXposition:relative;	/*tuan*/
	XXXfloat:left;	/*tuan*/
	text-align:right;
	width:383px;
}
#quote_bottom_bg {
	background-image: url('/images/quote_box_bottom.png');
	background-repeat:no-repeat;
	height:66px;
}
#btn_continue {
	position:relative;
	float:right;
	height:19px;
	width:88px;
	display:block;
	margin:15px 50px 0px 0px;
	cursor:pointer;
	background:url('/images/btn_continue_both.png')  no-repeat scroll 0px 0px;
	border:0px;
}
#btn_continue:hover {
	background:url('/images/btn_continue_both.png')  no-repeat scroll -88px 0px;
}
#btn_ordernow {
	position:relative;
	float:right;
	height:19px;
	width:104px;
	display:block;
	margin:15px 50px 0px 0px;
	cursor:pointer;
	background:url('/images/btn_ordernow_both.png')  no-repeat scroll 0px 0px;
	border:0px;
}
#btn_ordernow:hover {
	background:url('/images/btn_ordernow_both.png')  no-repeat scroll -104px 0px;
}
#quote_top_content {
	position: relative;
	float:left;
	margin:48px 0px 0px 5px;
	width:350px;
	z-index: 10;
}
.btn_go {
	height:12px;
	width:15px;
	cursor:pointer;
	background:url('/images/btn_go.png')  no-repeat scroll 0px 0px;
	border:none;
	z-index: 13;	/*tuan*/
}
#tbl_email_form, .tbl_quote_form {
	width:100%;
	font-size: 8pt; position: relative; top: -75px; left: 1em; z-index: 12;	/*tuan*/
}
.tbl_email_form_td {
	padding:2px 2px 2px 2px;
	text-align:left;
	vertical-align:middle;
}
.tbl_quote_form {
	margin:5px 0px 8px 5px;
}
.tbl_quote_form_td {
	padding:4px 2px 4px 2px;
	font-size:12px;
}
/*#quote_top input.textbox{
	color:#939598;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:1px 1px 2px 1px;
	border:1px solid #ccc;
}
#quote_body select {
	color:#939598;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #a6a6a6;
}
*/
#img_cal{
	cursor:pointer;
}
#form_quote_1 input.textbox{
	font-size:12px;
	padding:3px 5px 3px 5px;
}
#form_quote_1 input.img_checkbox {
	color:#939598;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:none;
	height:26px;
	width:26px;
}
#des_zip {
	background-color:#d4d4d4;
	margin:5px 5px 5px 5px;
	padding:0px 0px px 0px;
	border:1px solid #a6a6a6;
	display:none;

}
.label_button {
background-color:#d4d4d4;
padding:4px 5px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
/* -------------------------------------
END: Quote Home
-------------------------------------- */
/* -------------------------------------
START: Quote Step 2-8
-------------------------------------- */
#calculator {
	display:block;
	padding:10px 0px 0px 10px;
}
#quote_info {
	position:relative;
	float:left;
	padding:35px 0px 30px 30px;
	}
#box1, #box2, #box3, #box4 {
	position:relative;
	float:left;
	width:480px;
	height:250px;
	margin:20px 0px 0px 0px;
	background-color:#d7d7d7;
}
#tbl_step2 {
	border:0px;
	margin:5px 5px 5px 5px;
	width:100%;
}
#tbl_step2 td {
	padding:2px 0px 2px 0px;
}
.boldred {
	font-size:1.2em;
	color: #ec1c24;
	font-weight:bold;
	text-transform:uppercase;
}
#tbl_step2 input.textbox {
	width:160px;
	font-size:11px;

}
#btn_updatequote, #btn_savequote {
	float:left;
	height:33px;
	width:180px;
	cursor:pointer;
	background-image: url('/images/btn_quote_bg.png');
	background-repeat:no-repeat;
	border:0px;
	font-size:1.3em;
	color:#fff;
	font-weight:bold;
}
#btn_updatequote:hover, #btn_savequote:hover {
	color:#dedede;
	cursor:pointer;

}
/* -------------------------------------
END: Quote Step 2-8
-------------------------------------- */
.error {	/*tuan*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: italic;
  color: #ff0000;
  text-align: left;
}

.quoteinput /*tuan*/
{
	font-size: 8pt;
	margin: 0 auto 0 auto;
}
.quoteConfirmationMessage /*tuan*/
{
	text-align: left;
	font: normal 8pt;
	padding: 1em 1em 4px 1em;
}
/*online-quote item label*/
.oqil {
  font-style: italic;
  text-align: right;
  color: #5f5f5f;
  vertical-align: top;
}

.formsection {
  font-weight: bold; color: #ec1c24; padding-top: .5em;
}

.continueButton {
  position:relative;
  text-align: right;
  padding-right: 50px;
  padding-top: 10px;
  font-size: 15pt;
  color: #ffffff;
  font-family: Arial Narrow, Comic Sans MS, Verdana;
  font-weight: bold;
  background-color:transparent;
  border-width: 0px;
}
.otherbutton {
  color: #ec1c24;
  background-color: #e7e7e7;
  padding: 0 8px;
}
.quotelink {
  font-weight: bold; color: #005599; padding: .25em; display: block;
}

.cocbar {
	text-align: right;
	border-bottom: 1px dashed #EEEEEE;
	padding: 1em;
}
.dim { /*dimmer*/
	color: #5f5f5f;
}