/* Layout Styles */

body {
background-color:#ffffff;
margin:0px;
padding:0px;
}

#wrapper {
position:relative;
margin:0px auto;
width:730px;
min-height:250px;
}

#top-header {
position:relative;
width:730px;
height:25px;
background-image:url("http://www.nonstatuscontracthire.com/images/design/design-topheader.gif");
background-repeat:no-repeat;
text-indent:10px;
padding-top:12px;
}

#header {
position:relative;
width:730px;
height:118px;
background-image:url("http://www.nonstatuscontracthire.com/images/design/design-header.gif");
background-repeat:no-repeat;
}

#adverts {
position:absolute;
width:125px;
top:0px;
left:740px;
height:640px;
}

#content {
position:relative;
width:730px;
background-color:#ffffff;
} 

#content-full {
position:relative;
float:left;
width:710px;
left:0px;
top:0px;
min-height:390px;
padding:10px;
} 

#left-content {
position:relative;
float:left;
width:221px;
left:0px;
top:0px;
}

#right-content {
position:relative;
float:right;
width:509px;
right:0px;
top:0px;
background-image:url("http://www.nonstatuscontracthire.com/images/design/design-title.gif");
background-repeat:no-repeat;
}

#footer {
position:relative;
width:730px;
height:29px;
background-image:url("http://www.nonstatuscontracthire.com/images/design/design-footer.gif");
background-repeat:no-repeat;
}

#footer-keywords {
padding:5px;
font-size:1px;
display:none;
}

/* Text Styles */

body {
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
color:#000000;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-bottom:0px;
color:#CC0000;
text-transform:uppercase;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
color:#cc0000;
text-transform:uppercase;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
margin:0px;
padding:0px;
text-transform:uppercase;
}

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

a:hover {
color:#CC0000;
font-weight:bold;
}

p {
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
color:#000000;
}

form {
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
color:#000000;
}

input {
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
color:#000000;
}

textarea {
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
color:#000000;
}

#adverts p {
font-size:12px;
}

#footer p {
text-indent:10px;
padding-top:9px;
color:#ffffff;
}

#footer a {
color:#ffffff;
}

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

/* Form Styles */

.generic-form table {
border:1px solid #cccccc;
}

.generic-form td {
padding:2px;
height:25px;
background-image:url("http://www.nonstatuscontracthire.com/images/misc/td_bg-10x35.png");
background-repeat:repeat-x;
background-position:bottom;
}

.generic-form input[type="text"], .generic-form input[type="submit"] {
width:220px;
padding:2px;
border:1px solid #cccccc;
background-color:#fafafa;
color:#000000; 
font-size:11px;
}

.generic-form select {
width:224px;
padding:2px;
border:1px solid #cccccc;
background-color:#fafafa;
color:#000000; 
font-size:11px;
}

.generic-form option {
height:15px;
font-size:11px;
}

.generic-form textarea {
width:220px;
height:90px;
padding:2px;
border:1px solid #cccccc;
background-color:#fafafa;
color:#000000;
font-size:11px;
}

/* List Styles */

.ticks li {
list-style:url("http://www.nonstatuscontracthire.com/images/icons/Tick-16x16.jpg");
line-height:150%;
margin-left:0px;
}

.bullets li {
list-style:url("http://www.nonstatuscontracthire.com/images/icons/Bullet-16x16.gif");
line-height:150%;
margin-left:0px;
}

/* Other Styles */

.EnquireButton { 
margin-top:2px;
padding-left:10px;
width:100px;
height:26px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-align:left;
border:0px;
background-image:url("http://www.nonstatuscontracthire.com/images/buttons/enquire-100x26.gif");
background-repeat:no-repeat;
}

.EnquireButton:hover {
background-image:url("http://www.nonstatuscontracthire.com/images/buttons/enquire_over-100x26.gif");
background-repeat:no-repeat;
}

td a {
text-decoration:none;
}

.tdwhite {
color:#ffffff;
}

.vehtitle {
font-size:14px;
font-weight:bold;
text-align:center;
background-color:#cc0000;
color:#ffffff;
}

#adverts br {
margin-bottom:5px;
}

.DealWrapper {
position:relative;
width:509px;
}

.DealListing {
position:relative;
width:509px;
height:200px;
background-color:#fafafa;
border:1px solid #999999;
}

.DealListing h2 {
position:absolute;
left:200px;
top:10px;
font-size:15px;
}

.DealListing img {
position:absolute;
left:10px;
top:10px;
border:1px solid #999999;
}

.DealListing .EnquireButton {
position:absolute;
left:405px;
top:160px;
}

.DealListing p {
position:absolute;
left:10px;
top:160px;
}

.DealListing img.fuel {
position:absolute;
left:10px;
top:130px;
border:0px;
}

.DealListing img.transmission { 
position:absolute;
left:90px;
top:130px;
border:0px;
}

p.DealPersonalText {
position:absolute;
left:235px;
top:40px;
border:0px;
width:95px;
text-align:center;
}

p.DealBusinessText {
position:absolute;
left:365px;
top:40px;
border:0px;
width:95px;
text-align:center;
}

.DealPersonalPrice {
position:absolute;
left:235px;
top:65px;
height:80px;
width:95px; 
border:0px;
background-image:url("http://www.nonstatuscontracthire.com/images/icons/Star-95x95.gif");
background-repeat:no-repeat;
text-align:center;
font-size:26px;
color:#ffffff;
padding-top:15px;
}

.DealBusinessPrice {
position:absolute;
left:365px;
top:65px;
height:80px;
width:95px;
border:0px;
background-image:url("http://www.nonstatuscontracthire.com/images/icons/Star-95x95.gif");
background-repeat:no-repeat;
text-align:center;
font-size:26px;
color:#ffffff;
padding-top:15px;
}

.DealSmallText {
font-size:12px;
}

/* Side Nav */
#SideNav {
position:relative;
top:9px;
left:7px;
width:200px;
float:left;
padding-bottom:5px;
}

#SideNav ul {
list-style:none;
padding:0px;
margin:0px;
border:1px solid #cc0000; 
}

#SideNav ul li {
padding:6px 0px 6px 9px;
margin:0px 0px;
background-color:#ffffff;
border-bottom:1px dotted #cccccc;
}

#SideNav ul li a {
width:100%;
color:#000000;
font-weight:bold;
font-size:10px;
padding:4px 10px 4px 10px;
}

#SideNav ul li a:hover {
width:100%;
color:#cc0000;
font-weight:bold;
font-size:10px;
text-decoration:none;
}

#SideNav ul li.SideNavHeading {
background-color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
border-bottom:0px;
}


/* Box Special Offers */
#special-offers {
position:relative;
width:690px;
height:270px;
}

.special-offers {
position:relative;
float:left;
width:220px;
height:270px;
border:1px solid #cccccc;
background-color:#fafafa;
margin:1px;
padding:8px;
overflow:hidden;
text-align:center;
}

.special-offers li {
text-align:left;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

.special-offers-image {
border:1px solid #cccccc;
}

.listFormat a { font-size:9px;}
.listFormat table { border:1px solid #cc0000; }
.listFormat th { background-color:#cc0000; color:#ffffff; font-size:11px; }
.listFormat strong { color:#cc0000; font-size:11px; }
.listFormatBorder { border-bottom:1px dotted #cccccc; }

#layer1, #layer2, #layer3, #layer4 {
position: absolute;
visibility: hidden;
width: 486px;
height: 410px;
left: 20px;
top: 300px;
background-color: #ccc;
border: 1px solid #000;
padding: 10px;
}     

#close {
float: right;
}

.listFormat h2 { margin-top:5px; margin-bottom:5px; font-size:18px; color:#cc0000; }

.DealItem {
position:relative;
border:2px solid #000000;
background-color:#ffffff;
padding:5px;
margin-bottom:5px;
background-image:url("http://www.nonstatuscontracthire.com/images/misc/td_bg-10x35.png");
background-repeat:repeat-x;
background-position:bottom;
}
 
.DealItem img { border:1px solid #cc0000; }
.DealItem table { border:1px solid #cc0000; background-color:#fafafa; }
.DealItem h3 { margin-top:5px; margin-bottom:5px; font-size:14px; color:#cc0000; }
.DealItem h4 { color:#ffffff; font-size:22px; text-align:center; }
.DealItemButton { position:absolute; right:0px; top:290px; }

.DealItemPrice {
position:absolute;
top: 140px;
left:285px;
background-image:url("/images/icons/Star-95x95.gif");
background-repeat:no-repeat;
width:95px;
height:95px;
z-index:0;
margin:0px;
padding:0px;
}

.DealItemPrice h4 {
position:absolute;
top: 30px;
width:95px;
margin:0px;
padding:0px;
text-align:center;
color:#ffffff;
}

.DealItemPrice span {
position:absolute;
top:55px;
width:95px;
text-align:center;
color:#ffffff;
}

.btn {
	float: left;
	clear: both;
	background: url(/images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(/images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(/images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}

.btn_enquire { background-color: red; }
.deal1 { position:absolute; left:285px; top:285px; }
.deal2 { position:absolute; left:285px; top:685px; }