@charset "ISO-8859-8-I";
/* PAGE LAYOUT */ 
html, body, #pagewidth {
	margin:0;
	padding:0;
	text-align:center;
}
html, body {
	font: 90%/133% Arial, Helvetica, sans-serif;
	color: #4B260A;
	background: #E97500 url(../content/images/rentaskip_page_bkg.jpg) repeat-x left top;
}
#pagewidth {
	width:918px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#header {
	position:relative;
	height:82px;
	background-color:#FFFFFF;
	width:100%;
}
#logo {
	margin:0;
	padding:0;
}
#logo a {
	width:232px;
	height:50px;
	margin:20px 0 0 10px;
	background: url(../content/images/rent_a_skip_logo.png) no-repeat left top;
	text-indent:-100000em;
	overflow:hidden;
	display: block;
	float:left;
}
#call {
	width:161px;
	height:24px;
	margin:20px 20px 0 0;
	background: url(../content/images/rent_a_skip_tel.png) no-repeat left top;
	text-indent:-100000em;
	overflow:hidden;
	display: block;
	float:right;
}
#menu{
	width:100%;
	height:32px;
	margin:0;
	padding:0;
	text-align:center;
	background: url(../content/images/rentaskip_topmenu.png) no-repeat 18px top;
}
#wrapper{
	width:882px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	background:#8B4513;
	background: #ffffff url(../content/images/rentaskip_wrapper_bkg.png) repeat-x left top;
}
#leftcol, #maincol {
	border:3px solid #ffffff;
	margin-bottom:10px;
	height:300px;
}
#leftcol {
	width:265px;
	float:left;
	position:relative;
	margin-left:20px;
	background:#FC9E05;
}
#maincol {
	float: right;
	display:inline;
	position: relative;
	width:550px;
	margin-right:20px;
	background: #ffffff url(../content/images/rentaskip_maincol_bkg.png) repeat-x center center;
}

#maincol-in {
	position: relative;
	width:835px;
	margin:0 0 0 20px;
	padding-top:2px;
	background:#ffffff;
	margin-bottom:10px;
	background:#FFFFFF url(../content/images/maincol-in_bkg.png) no-repeat left top;
}
#footer {
	clear:both;
	background:#CFD6E4;
	border:1px solid #333333;
	padding: 15px;
	margin:20px;
	height:60px;
}
/* *** 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;
}
}

/* TOP MENU */
#navlist {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0;
	height:22px;
}

#navlist li{
	display: inline;
	list-style-type: none;
	padding: 0 24px;
	height:32px;
	border-right:1px solid #F4B283;
}
#navlist li.last{
	border-right:none;
}
#navlist a {
	height:32px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	font-size: 1em;
}

#navlist a:hover {
	color:#E9E9E9;
}

/* LEFT COL */

#leftcol h3{
	background:#CCCCCC url(../content/images/book_h3.png) no-repeat center center;
	width:100%;
	height:36px;
	border-bottom:3px solid #ffffff;
	margin:0;
	padding:0;
	text-indent:-100000em;
}

#leftcol label{
	width: auto;
	text-align: left;
	display: block;
	font-size: 1em;
	margin:.9em 0 .7em 1em;
	font-weight: bold;
	color: #FFFFFF;
}

#leftcol span{
	width: auto;
	text-align: left;
	display: block;
	font-size: 1em;
	color: #666666;
	text-align:center;
	margin-top:.5em;

}

#postcode, #town{
	width: 195px;
	height:14px;
	background:transparent url(../content/images/home_input-bkg.png) no-repeat left top;
	text-align: left;
	font-size: 12px;
	color: #000000;
	text-align:left;
	margin:.1em 0 .1em 1em;
	padding:10px 30px 10px 10px;
	border:none;
}
	
#submit {
	margin: 3em auto;
	display:block;
	text-align:center;
	width:241px;
	height:37px;
	background:url(../content/images/submit.png) no-repeat center center;
	border:none;
	color:#FFFFFF;
	overflow:hidden;

}




/* MAIN COL HOME AND IN */

#maincol h2, #maincol h3, #maincol h4, #maincol h5, #maincol h6, #maincol p, #maincol ul, #maincol-in h2, #maincol-in h3, #maincol-in h4, #maincol-in h5, #maincol-in h6, #maincol-in p, #maincol-in ul{
	margin: 10px;
	padding:0;
}

#maincol h2{
	font-size: 2em;
	color: #FC9E05;
}
#maincol-in h2{
	border-bottom: 2px solid #FC9E05;
	padding-bottom:10px;
	font-size: 2.2em;
	color: #333333;
	margin-top:1em;
	margin-bottom:1em;
	background:none;
}
#maincol-in h2.checkout{
	font-size: 1.7em;
	color: #333333;
	margin-top:1em;
	margin-bottom:1em;
	padding:0;
	background:none;
	border:none;
}
#maincol h3, #maincol-in h3{
	font-size: 1.4em;
	color: #9DA3AB;
}
#maincol-in h4{
	font-size: 1.4em;
	color: #CD853F;
	padding-bottom: 0.3em;
}
#maincol-in h5{
	font-size: 1.2em;
	color: #7A3D11;
}
#maincol-in h6{
	font-size: 1em;
	color: #6E3710;
	font-style: italic;
}
#maincol p, #maincol ul{
	height:82px;
	line-height: 1	30%;
}
#maincol p{
	font-size: 1.1em;
	width:390px;
}
#maincol ul{
	list-style:none;
	font-weight: bold;
	margin: 50px 0 0 300px;
}
#maincol-in ul{
	list-style:none;
	font-weight: normal;
	margin-left:4em;
}
#maincol ul li, #maincol-in ul li{
	background:url(../content/images/bullets.png) no-repeat left center;
	padding-left:20px;
	margin:.4em 0;
}

/* Tables */
table.table{
	background: #FFFFFF;
	border: 1px solid #006400;
	padding: .3em;
	margin-bottom:3em;
	width:98%;
}
table.table th{
	background: #9DA3AB;
	color: #ffffff;
	padding: .3em;
	text-align:center
}

table.table td{
	border-bottom: 1px dotted #424855;
	padding:.7em;
	
}

td.color1{
	background: #ECECEC;
	font-size:.9em;
}
td.color2{
	background: #FC9E05;
	font-size:.9em;
}


/* FOOTER */
#footmenucontainer{
	margin-bottom: 1em;
	overflow: hidden;
	width: 100%;
	float: left;
}
#footmenucontainer p{
	margin: 0;
	padding:0;
}
ul.footmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.footmenu li{
	border-left: 1px solid #8899BA;
	float: left;
	line-height: 1.1em;
	margin: 0 .9em 0 -.9em;
	padding: 0 .9em 0 .9em;
}

#footer{
	color:#000000;
	font-size: .8em;
}

#footer a{
	color:#000000;
}

#footer a:hover{
	color:#666666;
}

#footleft{
	float: left;
	width:370px;
}
#footright{
	float: right;
	width:430px;
}
#footright p{
	margin:0;
	padding:0;
}

/* FORMS */

#rentaskip fieldset {
  	margin: 20px;
	padding:1em;
	-moz-border-radius: 8px; border-radius: px;
}
#rentaskip fieldset fieldset {
  	margin: 0px;
	float:right;
	position:relative;
	width:380px;
	-moz-border-radius: 8px; border-radius: 3px;
}
#rentaskip legend {
	padding: 5px;
	font-weight: bold;
	color: #333333;
}
#rentaskip label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
#rentaskip .button{
	margin: 1em auto;
	display:block;
	text-align:center;
	width:241px;
	height:37px;
	background:url(../content/images/submit.png) no-repeat center center;
	border:none;
	color:#FFFFFF;
	overflow:hidden;
}
.progress_strip{
	margin:1em;
	padding:0;
	width:816px;
	height:28px;
	text-align:right;
}
.next {
	margin: 4px 1em 0 0;
	text-align:center;
	width:60px;
	height:22px;
	background:url(../content/images/next.png) no-repeat center center;
	border:none;
	color:#FFFFFF;
	overflow:hidden;
	text-transform:uppercase;
	letter-spacing: .1em;
	padding-bottom:2px;
}
.gray_button {
	margin: 4px 1em 0 0;
	padding-bottom:2px;
	text-align:center;
	width:140px;
	height:22px;
	background:url(../content/images/gray_button.png) no-repeat center bottom;
	border:none;
	color:#FFFFFF;
	overflow:hidden;
}
.two{
	background:#F49703 url(../content/images/progress_strip_f02.png) no-repeat 0 0;
}
.three{
	background:#F49703 url(../content/images/progress_strip_f03.png) no-repeat 0 0;
}
.four{
	background:#F49703 url(../content/images/progress_strip_f04.png) no-repeat 0 0;
}
.five{
	background:#F49703 url(../content/images/progress_strip_f05.png) no-repeat 0 0;
}
.six{
	background:#F49703 url(../content/images/progress_strip_f06.png) no-repeat 0 0;
}
.seven{
	background:#F49703 url(../content/images/progress_strip_f07.png) no-repeat 0 0;
}

.table {
	 width: 100%;
}
.table .th {
	background-color: #FC9E05;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dotted #f00;
}
/*
.table .tr {
	 border-bottom:1px dotted #999966;
}
*/
/*
.table .tr:nth-child(odd) {
	 background: #ECECEC;
}
*/
.table .td {
	float: left;
	width: 30%;
	padding: .4em .2em .4em 2%;
	vertical-align: middle;
}

#rentaskip p {
	margin: 0.7em;
}

#rentaskip p label{
	width: 13em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

#rentaskip p input, #rentaskip p textarea {
    color: #333;
}

#rentaskip p.price {
	font-size: 2.2em;
	border-bottom:1px dotted gray;
	padding-bottom:.5em;
	text-align:left;
	margin-top:1.3em;
	margin-bottom:.7em;
}



#rentaskip p.price span.value{
	color:red;
	font-weight:bold;
}

#rentaskip p.price span.small{
	font-size: 12px;
	font-weight:bold;
}

#rentaskip p.price a.link{
	font-size: 12px;
	font-weight:bold;
}

#rentaskip p.info{
	font-size: 0.9em;
	color: #333333;
	margin: .1em 0 .1em 20px;
	padding: 0;
}

#rentaskip p.info span.legend{
	font-weight:bold;
	width:20%;
	text-align:right;
	color: #333333;
	padding:.2em .3em;
	display:inline-block;
	border-bottom:1px dotted #CCCCCC;
}
#rentaskip p.info span.value{
	width:76%;
	padding:.2em .3em;
	display:inline-block;
	border-bottom:1px dotted #CCCCCC;
}
#rentaskip h4{
	font-size:1.1em;
	border:none;
	margin-bottom:0;
}
#rentaskip ol{
	padding:.3em 2em;
	margin:.3em 2em;
}
#rentaskip ol li{
	font-size:.9em;
}

#rentaskip address{
	font-size:.9em;
	font-weight:bold;
	/*margin:0 1em;*/
	/*padding-left : 2em;*/
	/*text-align: right;*/
	text-align: left;
	color:#FC9E05;	
}


#rentaskip p.tc{
	font-size:.9em;
	font-weight:bold;
	margin-right:1em;
	text-align:center;
	color:#FC9E05;	
}

#divSubmit { 
	   margin-top: 30px;
}

.yui-skin-sam .yui-ac-container { padding-top:14px; padding-left:20px;} 
.yui-skin-sam .yui-ac-input { position:static;} 


.ui-datepicker-trigger {padding:0 5px 0 5px;  margin-left:2px; height:22px;vertical-align:middle;}