/* YesWinNoFee :: Alastair Reid, Premium Design Easyspace Ltd. */ 

html, body{ 

 margin:0; 

 padding:0; 

 text-align:center;

 background-image:url(img/bg_stripe.gif);

 background-repeat:repeat-x;

 font-family:Arial, Helvetica, sans-serif;

 

} 





/* Typeography Settings */



h1 {font-size:18px; margin-left:10px; padding-top:30px;}



a {text-decoration:none; color:#CCCCCC;}



img {border:0;}



li {list-style-position:inside; margin:5px; font-size:11px; width:500px; line-height:1.6; text-align:left;}



.content {font-size:12px; padding:20px 50px 0px 10px; text-align:left; line-height:1.6;}







#navbar {height:28px; width:1020px; background-image:url(img/nav_bg.png); background-repeat:x;}



#navbar img {display:inline;}

#navbar_small {height:15px; width:100%; background-image:url(img/small_nav_bg.gif); background-repeat:repeat-x;}

#navbar_small img {display:inline;}

/* Image styles */



.homeimg { padding:5px; margin:10px; border:1px solid #999999;}

.formimg {padding:35px 0px 10px 23px;}



 

#pagewidth{ 

 width:1020px; 

 text-align:left;  

margin-left:auto; 

 margin-right:auto;  

} 

 

#header{

 position:relative; 

 height:149px; 

  background-color:#0919F6; 

 width:100%;

} 

 

#leftcol{

 width:219px;

 min-height:800px;

 max-height:3000px;

 float:left; 

 position:relative; 

 background-color:#fff; 

 }

 

#rightcol{

 width:219px;

 min-height:800px;

  max-height:3000px;

 float:right; 

 position:relative; 

 background-color:#fff;

 background-image:url(img/rightcol_bg.jpg);

 background-repeat:no-repeat;

 background-position:top;



 }
 
 
#csc {padding-top:150px;width:219px; height:95px;}

 

#maincol{background-color: #FFFFFF;  

 float: left; 

 display:inline; 

 position: relative; 

 width:582px;

 min-height:800px;

 max-height:3000px; 

 }

 

#footer{

 height:30px;
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;

  background-color:#666666;

 clear:both;

 }
 
 
#footer a {font-size:10px; color:#FFFFFF; padding-left:15px;} 

 

 

 /*Forms*/

 

 .sideform{margin-left:10px; padding:20px;}

 

 .button {padding-top:15px; margin-left:30px;}

 

 .form_label {display:block; padding-bottom:5px; padding-top:5px; font-size:11px; font-weight:bold;}

 

 .mainForm li { list-style:none;  display:block; padding:2px;}

 

 .mainForm radio {display:inline:}

 

/*end form*/

 

 #codebox { margin-left:10px;width:400px; height:70px; border:2px solid #00CCFF; overflow:scroll;}



 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.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 */  





 

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}