/**************************************************************
   Visit FullAhead.org and studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background: url(../images/bg.jpg) repeat-x top left;
  line-height: 170%;
  
  color: #555;
}


/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
  text-align:left;
}


h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
	font-size:11px;
	color:#FF3300;
}

h5 {
  font-size: 0.8em;
}


/* Needed to horizontally pad in a coloured container */
.horzPad {
 	padding:5px;
	height:auto !important;
 	height:100%;
	min-height:100%
}
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}

/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}
img {
	margin:0;
	padding:0;
	border:0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}



/* Lists */
ul li {
	/*list-style-image: url(../images/submenu1.gif);*/
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}



/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  /*padding: 4px 3px 3px 3px;
  border:none;
  background: #EEE;*/
  font: 400 14px verdana, sans-serif;
  color: #999;
}

/*input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}*/

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px;
  margin:0;
  font: 400 12px verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}
#line10 {
	clear:both;
	line-height:10px;
	height:10px;
	font-size:0;
	margin:0 auto;
}
.line10 {
	clear:both;
	line-height:10px;
	height:10px;
	font-size:0;
	margin:0 auto;
}
#line3 {
	clear:both;
	line-height:1px;
	height:1px;
	font-size:0;
	margin:0 auto;
}
.borderLRB {
	border-bottom:#e3e3e3 solid 1px;
	border-left:#e3e3e3 solid 1px;
	border-right:#e3e3e3 solid 1px;
	background:#f7f6f6
}
.borderLR {
	border-left:#e3e3e3 solid 1px;
	border-right:#e3e3e3 solid 1px;
	padding:0 7px;
}
.bgcor {
	background:#00abd6;
}
.line15 {
	height:15px;
	line-height:15px;
	font-size:0;
	border-bottom:#CCCCCC dashed 1px;
	clear:both;
	margin:0 5px 10px 5px; 
}
.line {
	height:10px;
	line-height:10px;
	font-size:0;
	border-top:#CCCCCC dashed 1px;
	clear:both;
	margin: 10px 0 0 0; 
}

/* Paginator */
		.paginator {
			font: 14.8px normal Arial, Helvetica, sans-serif;
			color: #666666;
			margin-top: 10px;
			margin-bottom: 5px;
			line-height: 150%;
			/*background-color: #EEFFEE;*/
			text-align: center;
		}
		.paginator a, .thispage, .break {
			padding: 2px 4px;
		}
		.paginator .prev {
			margin-right: 20px;
		}
		.paginator .next {
			margin-left: 20px;
			/*text-indent: -999em;*/
		}
		.paginator .count {
			margin-left: 20px;
			font-size: 11px;
		}
		
/* Checkout */		
		
.box {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; LINE-HEIGHT: 22px; PADDING-TOP: 20px; BORDER-BOTTOM: #efefef 1px solid;
}	
.box H2 {
	FONT-SIZE: 10px; COLOR: #f39800; LINE-HEIGHT: 24px; border-bottom:#e3e3e3 solid 3px;
}
.box H3 {
	FONT-SIZE: 14px; COLOR: #22ac38; LINE-HEIGHT: 24px
}
.box .form_detail {
	MARGIN-TOP: 10px; PADDING-LEFT: 50px; WIDTH: 600px
}		
.noline {
	BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
.form_detail {
	
}
.form_detail P {
	PADDING-LEFT: 150px; MIN-HEIGHT: 22px; MARGIN-BOTTOM: 16px; OVERFLOW: visible; LINE-HEIGHT: 22px; POSITION: relative; HEIGHT: 22px
}
.form_detail P LABEL {
	FONT-WEIGHT: bold; LEFT: 0px; WIDTH: 130px; WHITE-SPACE: nowrap; POSITION: absolute; TOP: 0px; TEXT-ALIGN: right
}
.form_detail P .info {
	DISPLAY: block; COLOR: #999999
}
.form_detail P.split {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0; OVERFLOW: hidden; PADDING-TOP: 0px; BORDER-BOTTOM: #e5e5e5 1px dashed; HEIGHT: 1px
}
.form_detail SELECT.info_select {
	WIDTH: 75px
}
.form_detail .btn {
	MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 10px
}
.form_detail .info A {
	TEXT-DECORATION: underline
}
.form_detail .error {
	DISPLAY: none; COLOR: #eb6100
}
.form_detail .rank_info {
	DISPLAY: block
}
.form_detail .fail {
	BORDER-RIGHT: #f39800 1px solid; BORDER-TOP: #f39800 1px solid; BACKGROUND: #fffde8; PADDING-BOTTOM: 5px; MARGIN-LEFT: -1px; BORDER-LEFT: #f39800 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #f39800 1px solid
}
.form_detail .fail_nrrw {
	BORDER-RIGHT: #f39800 1px solid; BORDER-TOP: #f39800 1px solid; BACKGROUND: #fffde8; PADDING-BOTTOM: 5px; MARGIN-LEFT: -1px; BORDER-LEFT: #f39800 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #f39800 1px solid
}
.form_detail .fail LABEL {
	TOP: 8px
}
.form_detail .fail_nrrw LABEL {
	TOP: 8px
}
.form_detail .fail .info {
	DISPLAY: none
}
.form_detail .fail_nrrw .info {
	DISPLAY: none
}
.form_detail .fail .error {
	DISPLAY: block
}
.form_detail .fail_nrrw .error {
	DISPLAY: block
}
.form_detail .fail {
	WIDTH: 310px
}
.form_detail .fail_nrrw {
	WIDTH: 170px
}
.form_detail .msg P {
	FONT-SIZE: 12px; MARGIN-BOTTOM: 10px; COLOR: #000
}
.form_detail .msg P LABEL {
	FONT-WEIGHT: normal; LEFT: -10px
}		
.red {
	FONT-SIZE: 10px; COLOR: #ff0000
}
.ipt_tx {
	BORDER-RIGHT: #d2d2d2 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d2d2d2 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d2d2d2 1px solid; LINE-HEIGHT: 16px; PADDING-TOP: 2px; BORDER-BOTTOM: #d2d2d2 1px solid; HEIGHT: 16px
}
.ipt_tx2 {
	BORDER-RIGHT: #d2d2d2 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d2d2d2 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d2d2d2 1px solid; LINE-HEIGHT: 16px; PADDING-TOP: 2px; BORDER-BOTTOM: #d2d2d2 1px solid; HEIGHT: 16px
}
.ipt_tx2 {
	BORDER-LEFT-COLOR: #9db5ca; BACKGROUND: #f2f9fe; BORDER-BOTTOM-COLOR: #9db5ca; BORDER-TOP-COLOR: #9db5ca; BORDER-RIGHT-COLOR: #9db5ca
}
.btn {
	FONT-SIZE: 12px; BACKGROUND: no-repeat; WIDTH: 93px; COLOR: #333; BORDER-TOP-STYLE: none; LINE-HEIGHT: 28px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 28px; BORDER-BOTTOM-STYLE: none
}
.byellow {
	BACKGROUND-IMAGE: url(../images/btn_orange.gif)
}
.blyellow {
	BACKGROUND-IMAGE: url(../images/btn_lorange.gif); WIDTH: 129px
}
.bnormal {
	BACKGROUND-IMAGE: url(../images/btn_normal.gif)
}
.w20 {
	width:154px;
}

.w30 {
	width:223px
}
.width970 {
	width:972px;
	margin:0 auto
}