@charset "utf-8";
/* CSS Document */

body{
  margin:79px 0 0 0;
  padding:0;
  background-image:url(/images/body-bg.gif);
  background-repeat:repeat-x;
  background-position:left top;
  background-color:#a9aea6;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}
h4{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:18px;
}
h5{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:14px;
}
.main{
  margin:auto;
  width:968px;
}
.header{
  float:left;
  width:968px;
  height:118px;
  padding:0 0 0 0;
  margin:0;
  background-image:url(/images/header-bg.gif);
  background-repeat:no-repeat;
  background-position: left top;
}
.logo{
  float:left;
  width:948px;
  padding:0 0 0 10px;
  margin:0;
}
.inner-logo{
  float:left;
  width:148px;
  margin:0;
}
.link{
  float:left;
  width:920px;
  padding:40px 40px 0 0;
  margin:0;
}
.inner-link{
  float:left;
  width:920px;
  padding:20px 40px 0 0;
  margin:0;
}
.headnav{
	width:920px;
	display:inline;
	float:left;
	color:#687969;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.headnav a:link,.headnav a:visited, .headnav a:active{
  text-decoration:none;
  margin:0 0 0 30px;
  color:#687969;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
} 
.headnav a:hover{
  color:#404041;
}
.headnav a.active{
  color:#404041;
}

.banner-sec{
  float:left;
  width:968px;
  padding:4px 0 0 0;
}
.banner{
  float:left;
  width:968px;
  height:276px;
  padding:0 0 0 0;
  background-image:url(/images/banner-bg.gif);
  background-repeat:no-repeat;
  background-position:left top;
  position:relative;
}
.inner-banner{
  float:left;
  width:968px;
  height:132px;
  padding:0 0 0 0;
  background-image:url(/images/inner-banner-bg.png);
  background-repeat:no-repeat;
  background-position:left top;
  position:relative;
}
.banner-img{
  float:left;
  position:absolute;
  top:-10px;
  left:100px;
}
.inner-banner-img{
  float:left;
  position:absolute;
  top:-40px;
  left:100px;
}
.banner-img01{
  float:left;
  width:436px;
}
.banner-txt{
  float:right;
  text-align:right;
  padding:20px 50px 0 0;
  color:#a0d9e1;
  font-family:Arial, Helvetica, sans-serif;
  font-size:25px;
  font-weight:normal;
}
.banner-txt01{
  float:right;
  text-align:right;
  padding:35px 35px 0 0;
  color:#a0d9e1;
  font-family:Arial, Helvetica, sans-serif;
  font-size:25px;
  font-weight:normal;
}
.txt-blue{
  color:#a0d9e1;
}
.txt-blue a{
  color:#a0d9e1;
text-decoration:none;
}
.txt-blue a:hover{
  color:#a0d9e1;
  text-decoration:none;
}
.txt-green{
  color:#5b6e5f;
}
.txt-green a{
  color:#5b6e5f;
  text-decoration:underline;
}
.txt-green a:hover{
  color:#5b6e5f;
  text-decoration:none;
}

.banner-innertxt01{
  text-align:center;
  padding:50px 50px 0 0;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:30px;
  font-weight:normal;
  width:100%;
  float:left;
}
.body-sec{
  float:left;
  width:968px;
  padding:0 0 0 0;
  background-image:url(/images/line-bg.gif);
  background-repeat:repeat-y;
  background-position:left top;
}
.inner-body-sec{
  float:left;
  width:908px;
  padding:20px 40px 20px 20px;
  background-image:url(/images/line-bg.png);
  background-repeat:repeat-y;
  background-position:left top;
}
.inner-sec{
  float:left;
  width:898px;
  padding-left:10px;
}
.inner-sec-lt{
  float:left;
  width:454px;
  margin:0;
  padding:0;
}
.inner-sec-rt{
  float:right;
  width:400px;
  margin:0;
  padding:0 52px 0 0;
}
.inner-sec-lt01{
  float:left;
  width:254px;
  margin:0;
  padding:0 0 0 200px;
}
.body-sec01{
  float:left;
  width:868px;
  padding:30px 50px 20px 50px;
  background-image:url(/images/body-sec-bg.gif);
  background-repeat:no-repeat;
  background-position:left top;
}
.body-sec-bx{
  float:left;
  width:157px;
  height:111px;
  padding:0 0 0 0;
  margin:0 80px 0 0;
  background-image:url(/images/body-sec-box.gif);
  background-repeat:no-repeat;
  background-position:left top;
}
.body-sec-bx01{
  float:left;
  width:157px;
  height:111px;
  padding:0 0 0 0;
  margin:0 0 0 0;
  background-image:url(/images/body-sec-box.gif);
  background-repeat:no-repeat;
  background-position:left top;
}
.body-sec-bx-txt{
  float:left;
  width:157px;
  height:25px;
  padding:12px 0 0 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#7f7f81;
}
.body-sec-form{
  float:left;
  width:147px;
  padding:0 0 0 10px;
  margin:0 0 6px 0;
}
.body-sec-form01{
  float:left;
  width:35px;
  padding:3px 0 0 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#000000;
}
.fotter{
  float:left;
  width:968px;
  padding:0 0 0 0;
}
.input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height:18px;
	color: #444444;
	border: 1px solid #7F9DB9;
}
.txt-dkgrey{
  color:#656568;
}
.txt-dkgrey a{
  color:#656568;
  text-decoration:underline;
}
.txt-dkgrey a:hover{
  color:#656568;
  text-decoration:none;
}
.txt-grey{
  color:#656568;
}
.txt-grey a{
  color:#656568;
  text-decoration:none;
}
.txt-grey a:hover{
  color:#656568;
  text-decoration:none;
}

/* Admin area */

#sf_admin_container #sf_admin_content {
  float: left;
  width: 100%;
  margin-right: 0px !important;
  margin-top: 20px;
}

#sf_admin_container #sf_admin_bar {
  float: left !important;
  position: relative !important;
  right: 0px !important;
}

table.orderList th {
  padding: 3px;
  background: #ccc;
  text-align: left;
}
table.orderList td {
  padding: 3px;
  text-align: left;
  border-bottom: 1px #ccc solid;
}

table.orderDetail {
  width: 75%;
  margin-bottom: 10px;
}
table.orderDetail td.bold {
  font-weight: bold;
}
table.orderDetail td.greyBack {
  background: #ccc;
}
table.orderDetail td {
  padding: 3px;
  text-align: left;
  border-bottom: 1px #ccc solid;
}


/* General */

.inner-sec .smallTable {
  width: 662px;
  font-size: 11px;
  border: 1px solid #909394;
}
.inner-sec .smallTable tr {
  height: 25px;
  width: 100%;
  background: #cde7f6;
}
.inner-sec .smallTable tr.entry td {
  border-top: 0;
}
.inner-sec .smallTable tr.notes td {
  border-top: 0;
  border-bottom: 1px solid #909394;
}
.inner-sec .smallTable tr td {
  text-align: left;
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #909394;
}
.inner-sec .smallTable th {
  text-align: left;
  background: #99C7E1;
  padding: 3px 5px 3px 5px;
}

.inner-sec .breadcrumb {
  margin: 0 0 10px 0;
}

.inner-sec em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

.inner-sec .icon {
  float: left;
  width: 16px;
  margin-right: 4px;
}

.inner-sec .left {
  float: left;
}
.inner-sec .right {
  float: right;
}

.inner-sec .width6 {
  width: 6%;
  display: inline-block; 
}
.inner-sec .width10 {
  width: 10%;
  display: inline-block; 
}
.inner-sec .width15 {
  width: 15%;
  display: inline-block; 
}
.inner-sec .width20 {
  width: 20%;
  display: inline-block; 
}
.inner-sec .width28 {
  width: 28%;
  display: inline-block; 
}
.inner-sec .width40 {
  width: 40%;
  display: inline-block; 
}

/* Forms */

.form { 
  margin-bottom: 10px; 
  /*padding: 8px;*/
}
.form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}
.form ol {
	margin: 0;
	padding: 0;
}	
.form label {
  width: 160px;
	line-height: 1.8;
	vertical-align: top;
	display: inline-block;
	margin-right: 20px;
}
.form li {
	list-style: none;
	padding: 5px;
	clear: both;
	margin: 0;
}
.form input, select {
  padding: 2px;
  outline-style: none;
  border: 1px solid #666;
}
.form input.check {
  border: none;
  position: relative;
  top: 3px;
}
.form input.radio {
  border: none;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.form .next{
	float: right;
}
.form .prev {
	float: left;
}
.form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

.register li h3 {
  margin-top: 5px;
}
.register label {
  font-weight: bold;
}
.register input {
  background: #f3f3f4;
}
.register input.radio,
.register input.check {
  background: #fff;
}

table.form th {
  width: 120px;
  text-align: left;
}
table.form th label {
  width: 100px; 
  font-weight: normal;
}
table.form ul.error_list {
  padding: 0px;
  margin: 3px 0 3px 0;
}
table.form ul.error_list li {
  color: red;
}

/* Validation styles */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
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 {
  color : #FFF;
	font-weight: bold;
	background-color: #FF3300;
	/*display: block !important;*/
	margin: 5px 0;
	padding: 5px;
}

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

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
.clearfix { display: inline-block; }
	
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */