/* CSS Document */

/* when boxes are really short (<80px) the background must be set below 93% to prevent it showing under the bottom border 
This class is used on the faq header box as well as the forms */
.form_header_box_background {
    z-index:-1;
    position: absolute;
    top:6px;
    left:6px;
    height:92%;
    width:97%;
    min-width:400px;
    background-color:#fbfafa;
}
/* rounded box to hold order form */
.orderformheaderbox {
   position: relative;
   top: 120px;
   left: 85px;
   height:70px;
   width:900px;
}
/* order form header content goes here */
.orderformheadercontent {
   padding:14px;
   min-width:400px;
   font-family:Verdana, Arial, Trebuchet MS, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:16px;
   color:#555555;
}
.ordertxtbox {
   position: relative;
   top: 120px;
   left: 85px;
   width:900px;
   min-height:550px;
   height:auto !important;
}
/* order form content goes here */
.orderboxcontent {
   padding:14px;
   font-family:Verdana, Arial, Trebuchet MS, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:16px;
   color:#dddddd;
   min-height: 560px;
}
/* rounded box to hold demo form */
.formheaderbox {
   position: relative;
   top: 120px;
   left: 85px;
   height:100%;
   max-height:75px;
   width:50%;
   min-width:540px;
   max-width:580px;
}
/* form header content goes here */
.formheadercontent {
   padding:14px;
   min-width:400px;
   font-family:Verdana, Arial, Trebuchet MS, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:16px;
   color:#555555;
}

/* form content goes here */
.formboxcontent {
   background:url(images/new/box_demo.gif) no-repeat left top;
   width:645px;
   height:620px;
   margin:0px auto;
}

div.formboxcontent .input-text{
    color: #000;
    background:url(images/new/input_bg.gif) no-repeat left top;
    border:none;
    width:298px;
    height:24px;
    padding:5px 10px;
}

div.formboxcontent label{
   display:block;
   margin-bottom:10px;
   clear:both;
   
}

div.formboxcontent label span{
   display:block;
   float:left;
   padding-right:6px;
   width:290px;
   text-align:right;
   color:#2a2a2a;
   font-weight:bold;
   font-size:13px;
   padding:0 10px 0 0;
   line-height:34px;
}

div.orderboxcontent .input-text{
    color: #fff;
    background: #2E2E2E;
    border: 1px solid #C0C0C0;
    height:18px;
}

div.orderboxcontent select{
    color: #fff;
    background: #2E2E2E;
    border: 1px solid #C0C0C0;
    height:20px;
    font-size:0.813em;
}

div.orderboxcontent label{
   display:block;
   margin-bottom:10px;
   color:#555555;
}

div.orderboxcontent label span{
   display:block;
   float:left;
   padding-right:6px;
   width:150px;
   text-align:right;
   font-family:Verdana, Arial, Trebuchet MS, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:0.813em;
   color:#555555;
}

div.orderright label{
   display:block;
   margin-bottom:10px;
   color:#555555;
}

div.orderright label span{
   display:block;
   float:left;
   padding-right:6px;
   width:310px;
   text-align:right;
   font-family:Verdana, Arial, Trebuchet MS, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:0.813em;
   color:#555555;
}

.terms {
   margin:10px 0;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:14px;
   color:#555555;
   line-height:22px;
   color:#2a2a2a;
   padding:0 0 0 175px;
}

.comments{
   text-align:left;
   font-family:Verdana, Arial, Trebuchet MS, sans-serif;
   font-style:normal;
   font-weight:100;
   font-size:0.813em;
   color: #fff;
   background: #2E2E2E;
}

.order_confirm_img {
    display:block;
    padding:0 0 0 178px;
}

.ordersubmitb{
   position:absolute;
   top:375px;
   left:-150px;
   background-color:#C0C0C0;
   padding:0px 10px;
   border:4px solid #FFFFFF;
   border-style:double;
   height:24px;
   line-height:24px;
   font-size:12px;
   margin-left:305px;
   display:inline-block;
   text-decoration:none;
}
/* text displayed at top of order form */ 
 #ordertop {
    position:absolute;
    top:20px;
    left:110px;
    font-family:Verdana, Papyrus, Lucida Sans Unicode, Geneva, sans-serif;
    font-style:normal;
    font-weight:200;
    font-size:12px;
    color:#383838;
   /* text-shadow: 0.06em 0.06em 0.08em #000; */
}

#orderright {
   background:url(images/new/faq_box2.gif) no-repeat left top;
	width:505px;
	height:650px;
	float:right;
	padding:20px;
}

#orderleft {
    background:url(images/new/faq_box1.gif) no-repeat left top;
	width:505px;
	height:650px;
	float:left;
	padding:20px;
}
.overview_box {
	background:url(images/new/overview_box.gif) no-repeat left top;
	width:485px;
	height:580px;
	float:left;
	padding:20px 30px;
	}
.confirm_img {
    display:block;
    position:absolute;
    left:310px;
}

.submitb{
   background-color:#C0C0C0;
   padding:0px 10px;
   border:4px solid #FFFFFF;
   border-style:double;
   height:24px;
   line-height:24px;
   font-size:12px;
   margin-left:305px;
   display:inline-block;
   text-decoration:none;
}
#orderleft label , #orderright label {
	display:block;
	padding:8px 0;
	overflow:hidden;
	}
#orderleft label span , #orderright label span {
	width:160px;
	float:left;
	display:block;
	padding:0 15px 0 0;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	color:#2a2a2a;
	line-height:34px;
	}
#orderleft label input , #orderright label input {
	background:url(images/new/input_bg.gif) no-repeat scroll left top transparent;
	border:medium none;
	color:#000000;
	height:24px;
	padding:5px 10px;
	width:298px;
}
.select_state {
	background:url(images/new/input_bg.gif) no-repeat scroll left top transparent;
	padding:8px 10px 2px;
	width:298px;
	height:24px;
	border:none;
	display:block;
	float:left;
	}
.select_state select {
	border:1px solid #fff;
	width:100%;
	outline:none;
	}
#orderright label input.input {
	width:13px;
	height:13px;
	overflow:hidden;
	float:left;
	}
#orderright .error_msg, #orderleft .error_msg {
	padding:5px 0 5px 175px;
	}
.input_expire_month {
	background:url(images/new/input_month.gif) no-repeat scroll left top transparent;
	padding:8px 10px 2px;
	width:148px;
	height:24px;
	border:none;
	display:block;
	float:left;
	}
.input_expire_year {
	background:url(images/new/input_year.gif) no-repeat scroll left top transparent;
	padding:8px 10px 2px;
	width:108px;
	height:24px;
	border:none;
	display:block;
	float:left;
	}
.sep_data {
	float:left;
	display:block;
	padding:0 9px;
	font-weight:bold;
	font-size:14px;
	color:#2a2a2a;
	line-height:34px;
	}
.input_expire_year select , .input_expire_month select {
	border:1px solid #fff;
	width:100%;
	outline:none;
	}
.terms a {
	text-decoration:underline;
	font-size:14px;
	}
.terms a:hover {
	color:#ff0000;
	}
.iAgree strong {
	font-size:14px;
	}
#orderright label.iAgree {
	padding:0;
	}