*
{
	margin: 0px;
	padding: 0px;
}
body{
	background: #fff url(images/MainBodyBg.gif) repeat-x;
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.67em;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
p{
	font-size: 12px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

input{
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #202020;
}
select{
	font-size: 10px;
	line-height: 15px;
	color: #202020;
	font-size: 12px;
}
textarea{
	font-size: 12px;
	line-height: 15px;
	color: #202020;
}
ul{
	list-style: none;
	list-style-position: outside;
}

/* Constants */
div.clear{
	clear: both;
	font-size: 0em;
	line-height: 0em;
	height: 0px;
}


/* Basic Site Structure */
table.siteTableWrapper{

}
table.siteTableWrapper td.leftTableColumn{
	background: #fff url(images/MainHeaderBg.gif) repeat-x;
	vertical-align: top;
}
table.siteTableWrapper td.middleTableColumn{
	background: #fff;
	width: 1000px;
}
table.siteTableWrapper td.rightTableColumn{
	background: #fff url(images/MainBodyBg.gif) repeat-x;
	vertical-align: top;
}

div.bgBase{
	background: transparent url(images/MainHeaderBg.gif) no-repeat center top;
}

div.wrapper{
	background: #fff url(images/MainBodyBg.gif) repeat-x;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}


/* Header Section */
div.header{
	background: transparent url(images/HeaderBg.gif) no-repeat;
	height: 164px;
}
div.header a.headerLogo{
	float: left;
	display: inline;
	background: transparent url(images/UKCarDiscount.gif);
	width: 292px;
	height: 90px;
	overflow: hidden;
	text-indent: -400px;
	margin: 17px 0 0 10px;
}

div.header ul.globalNavigation{
	float: right;
	display: inline;
	margin: 4px 10px 30px 0;
	padding: 0 0 0 5px;
	background: #d8d8d8 url(images/GlobalNavLeft.gif) no-repeat;
	height: 26px;
	font-size: 12px;
}

div.header ul.globalNavigation li{
	float: left;
	display: inline;
	height: 26px;
}
div.header ul.globalNavigation li.last{
	padding: 0 5px 0 0;
	background: transparent url(images/GlobalNavRight.gif) no-repeat top right;
}
div.header ul.globalNavigation li.first a{
	display: inline;
	line-height: 25px;
	color: #ff0000;
	font-weight: bold;
	padding: 0 6px 0 6px;
	border-right: 1px solid #000;
}
div.header ul.globalNavigation li a{
	display: inline;
	line-height: 25px;
	color: #000;
	padding: 0 6px 0 6px;
	border-right: 1px solid #000;
}
div.header ul.globalNavigation li.last a{
	border: none;
}

div.header div.contactContainer{
	float: right;
	display: inline;
	margin: 0 10px 3px 0;
	height: 69px;
	width: 580px;
}
div.contactContainer div.callBackContainer{
	float: left;
	display: inline;
	width: 415px;
	margin: 0 15px 0 0;
}
div.contactContainer div.callBackContainer div.formHeader{
	font-size: 18px;
	color: #fff;
	padding: 5px 0 8px 0;
}
div.contactContainer div.callBackContainer input{
	border: none;
	background: #fff;
	width: 102px;
	height: 18px;
	float: left;
	display: inline;
	padding: 1px 0 0 0;
	margin: 5px 10px 0 0;
}
div.contactContainer div.callBackContainer select{
	border: none;
	background: #fff;
	width: 150px;
	float: left;
	display: inline;
	margin: 5px 5px 0 0;
	line-height: 18px;
}
div.contactContainer div.callBackContainer img.callBackSubmit{
	float: left;
	display: inline;
	cursor: pointer;
}
div.contactContainer div.headerTelephone{
	float: right;
	display: inline;
	width: 227px;
	height: 30px;
	overflow: hidden;
	text-indent: -99999em;
	background: transparent url(images/HeaderContactUs.gif) no-repeat;
}
div.contactContainer div.headerQuote{
	float: right;
	display: inline;
	width: 412px;
	height: 27px;
	overflow: hidden;
	text-indent: -99999em;
	background: transparent url(images/HeaderQuote.gif) no-repeat;
	margin: 6px 0 0 0;
}

/* Header */
div.header ul.primaryNavigation{
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}
div.header ul.primaryNavigation li{
	float: left;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	margin: 0 1px 0 0;
}
div.header ul.primaryNavigation li a{
	float: left;
	display: block;
	padding: 0 10px 0 10px;
	height: 28px;
	color: #000;
	line-height: 28px;
	background: #fff url(images/PrimaryNavBgNormal.gif) repeat-x;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
div.header ul.primaryNavigation li.last a{
	float: left;
	display: block;
	padding: 0 10px 0 10px;
	height: 28px;
	color: #ff0000;
	font-weight:bold
	line-height: 28px;
	background: #fff url(images/PrimaryNavBgNormal.gif) repeat-x;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
div.header ul.primaryNavigation li a.hotDeals{
	color: #dc6820;
	border-right: 1px solid #d06f0f;
	border-bottom: 1px solid #d06f0f;
}

/* Footer */
div.footer{
	
}

div.footer div.footerhotDeals{
	font-size: 18px;
	background: transparent url(images/HotDealsBg.gif) repeat-y;
	margin: 0 0 10px 0;
}
div.footer div.footerhotDeals h2{
	font-size: 18px;
	text-indent: 10px;
	line-height: 40px;
	background: transparent url(images/HotDealsHeaderBg.gif) no-repeat;
	width: 1000px;
	height: 43px;
}
div.footer div.footerhotDeals div.hotDealLinks{
	padding: 10px;
}
div.footer div.footerhotDeals div.hotDealLinks a{
	color: #000;
	font-size: 10px;
	padding: 0 5px 0 8px;
	background: transparent url(images/HotDealBullet.gif) no-repeat 2px 5px;
}
div.footer div.footerhotDeals div.hotDealsFooter{
	height: 6px;
	font-size: 0em;
	line-height: 0em;
	background: transparent url(images/HotDealsFooter.gif) no-repeat;
}

div.footer div.footerNavigation{
	text-align: center;
	padding: 0 0 10px 0;
}
div.footer div.footerNavigation ul.primaryNavigation li{
	display: inline;
}
div.footer div.footerNavigation ul.primaryNavigation li a{
	border-right: 1px solid #000;
	font-size: 12px;
	color: #191919;
	padding: 0 5px 0 3px;
	line-height: 12px;
}
div.footer div.footerNavigation ul.primaryNavigation li.last a{
	border: none;
}
div.footer div.disclaimer
{
	font-size: 11px;
	text-align: center;
	padding: 0 0 20px 0;
}

/* Content Columns */
div.contentWrapper{
	margin: 2px 0 10px 0;
	float: left;
	display: inline;
	background: transparent url(images/MainContentBg.gif) repeat-y;
}


/* LEFT COLUMN */
div.leftCol{
	width: 170px;
	float: left;
	display: inline;
	padding: 10px 0 10px 0;
	
}
div.leftCol a.carSearch{
	background: transparent url(images/CarSearch.gif) no-repeat;
	display: block;
	width: 150px;
	height: 115px;
	margin: 0 0 10px 10px;
	overflow: hidden;
	text-indent: -1000px;
}

div.leftCol div.navBox{
	
}
div.navBox div.contentArea{
	padding: 0 10px 0 10px;
}
div.navBox div.contentArea h4{
	width: 150px;
	height: 27px;
	background: transparent url(images/NavBoxHeaderBg.gif) no-repeat;
	color: #21255b;
	text-indent: 10px;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
div.navBox div.contentArea h4 span{
	color: #c82227;
}
div.navBox div.contentArea ul{
	margin: 0 0 15px 0;
}
div.navBox div.contentArea ul li{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e9e9e9;
	padding: 2px 0 5px 13px;
	background: transparent url(images/NavBoxBulletPointBg.gif) no-repeat 0 7px;
	line-height: 12px;
}
div.navBox div.contentArea ul li.result1{
	border-top: none;
}
div.navBox div.contentArea ul li.last{
	border-bottom: none;
}
div.navBox div.contentArea ul li a{
	color: #000;
	font-size: 11px;
}

div.newsStories div.contentArea{
	padding-bottom: 43px;
}
div.newsStories div.contentArea a.moreNews{
	background: transparent url(images/BttnMoreNews.gif) no-repeat;
	float: right;
	width: 102px;
	height: 33px;
	overflow: hidden;
	text-indent: -100px;
}

div.paymentInfoAtAGlance{
	padding: 0 0 8px 10px;
}
div.paymentInfoAtAGlance img{
	display: block;
	margin: 0 0 2px 0;
}
div.paymentInfoAtAGlance div.apr{
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	color: #b32323;
}

/* MIDDLE COLUMN */
div.middlecol{
	float: left;
	display: inline;
	width: 649px;
	margin: 0 0 0 1px;
	font-size: 12px;
}
div.middlecol div.contentHeader{
	padding: 0 0 10px 0;
}
div.middlecol div.contentHeader img{
	display: block;
}

div.middlecol div.pageIntro{
	padding: 10px 10px 0 10px;
	text-align: center;
}
div.middlecol div.pageIntro h1{
	border-bottom: 1px solid #f1f1f1;
	font-size: 24px;
	color: #262a65;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	text-align: left;
}
div.middlecol div.pageIntro img{
	
}
div.middlecol div.pageIntro p{
	margin: 0 0 10px 0;
	text-align: left;
}
div.middlecol div.pageIntro h5{
	margin: 0 0 10px 0;
}
div.middlecol div.pageIntro h5 a{
	font-size: 12px;
	font-weight: bold;
	color: #262a65;
}
div.middlecol div.pageIntro h5 a:hover{
	color: #c82227;
}

/* RIGHT COLUMN */
div.rightCol{
	width: 178px;
	float: right;
	display: inline;
	padding: 10px 0 10px 0;
}
div.rightCol div.bannerContainer{
	text-align: center;
	padding: 0 0 10px 0;
}
div.rightCol a.monthlySpecials{
	display: block;
	margin: 0 0 10px 1px;
	width: 174px;
	height: 172px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(images/ReceiveMonthlyOffers.gif) no-repeat;
}

div.rightCol a.buyingGuide{
	display: block;
	margin: 0 0 0 10px;
	width: 157px;
	height: 140px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(images/ReadOurGuideBttn.gif) no-repeat;
}

div.rightCol a.flyingGuide{
	display: block;
	margin: 0 0 1px 10px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(images/flying_small.jpg) no-repeat;
}

div.rightCol a.siteAdvertise{
	display: block;
	margin: 0 0 0px 10px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(images/ad_small.jpg) no-repeat;
}



/* PAGINATION */
div.headerPagination{
	margin: 0 0 10px 0;
	background: #f0f0f0 url(images/HeaderPaginationBg.gif) repeat-x;
	height: 37px;
	position: relative;
}
div.headerPagination div.pageNumbers{
	text-align: center;
	padding: 10px 0 0 0;
}
div.headerPagination div.pageNumbers a,
div.footerPagination div.pageNumbers a{
	font-size: 12px;
	color: #000;
}
div.headerPagination div.pageNumbers a.paginationPrev,
div.footerPagination div.pageNumbers a.paginationPrev{
	margin: 0 15px 0 0;
}
div.headerPagination div.pageNumbers a.paginationNext,
div.footerPagination div.pageNumbers a.paginationNext{
	margin: 0 0 0 15px;
}

div.footerPagination
{
	height: 37px;
	position: relative;
}
div.footerPagination div.pageNumbers
{
	text-align: center;
}
div.headerPagination div.totalPages,
div.footerPagination div.totalPages{
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 12px;
}
div.headerPagination div.totalPages{
	margin: 10px 0 0 0;
}
div.headerPagination div.totalPages span,
div.footerPagination div.totalPages span{
	font-weight: bold;
}

/* INDEX PAGE */
div.introduction{
	
}
div.introduction h2{
	font-size: 21px;
	margin: 0 0 15px 0;
	padding: 0 10px 0 10px;
}
div.introduction h2 span{
	color: #c82227;
}
div.introduction div.leftColumn,
div.introduction div.rightColumn{
	float: left;
	display: inline;
	width: 480px;
	margin: 0 0 0 10px;
}
div.introduction div.rightColumn{
	float: right;
	margin: 0 10px 0 0;
}
div.introduction h3{
	font-size: 11px;
	line-height: 12px;
	margin: 0 0 10px 0;
	color: #2a2a2a;
}

/* THE BIN SECTION WILL BE FILTERED AS I PROGRESS THROUGH THIS PROJECT */

.saving {
        font-weight:100;
        color: #FF0000;
        font-size: 22px;
        font-weight:700;
        margin: 10px 0 0 0;
}

.pay_title {
                 font-weight:700;
                 color:#202020;
                 font-size:75%;
                 height:25px;
                  border-top: 1px solid #454545;
                  border-left: 1px solid #454545;
                  border-right: 1px solid #454545;
                 }

.pay_amount {
                 font-weight:200;
                 color:#202020;
                 font-size:70%;
                 height:25px;
                  border-top: 1px solid #454545;
                  border-left: 1px solid #454545;
                  border-right: 1px solid #454545;
                 }

.pay_amount b {
                 font-weight:700;
                 color:#000000;
                 font-size:110%;
                 }
#back a
{
        color: #FE1DA7;
        font-weight: bold;
        font-size: 70%;
        float:right;
        padding-right:15px;
}

.price {
        color:#3F1F55;
        font-size:28px;
        font-weight:700;
}

.headerblue {
        background: url(../images/header_bg_new.gif) no-repeat bottom left;
        width:953px;
        background-color:#ffffff;
        height:194px;
}

.headerwhite {
        background: url(../images/header_bg_white.gif) no-repeat bottom left;
        width:953px;
        background-color:#ffffff;
        height:194px;
}

.searchred {
        background: url(../images/search_red.gif) no-repeat bottom left;
        width:177px;
        background-color:#ffffff;
        height:240px;
}

.searchblue {
        background: url(../images/search_blue.gif) no-repeat bottom left;
        width:177px;
        background-color:#ffffff;
        height:240px;
}

.searchco {
        background: url(../images/search_co2.gif) no-repeat bottom left;
        width:177px;
        background-color:#ffffff;
        height:164px;
}

.searchwhite {
        background: url(../images/search_white.gif) no-repeat bottom left;
        width:177px;
        background-color:#ffffff;
        height:240px;
}

#menu {
        background: url(../images/nav_bar_login.gif) no-repeat top left;
        height:18px;

        margin: 0px 0 0 0;
        color:#202020;
        font-size:11px;
        font-weight:200;
        float: left;
        clear:both;
        width:950px;
}
#menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#menu ul li {
        display: inline;
        float: left;
        padding-left:10px;
}
#menu li a {
        font-size: 90%;
        background: transparent;
        color: #000;
        float: left;
        text-align:center;
        text-decoration: none;
        font-weight:200;
        width:104px;
        padding: 3px 3px 0px 0px;
}

#navigation {
        background: url(../images/nav_bar.gif) no-repeat bottom left;
        height:18px;
        margin: 1px 0 0 0;
        float: left;
        clear:both;
        width:950px;
        color:#202020;
        font-size:11px;
        font-weight:200;

}
#navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#navigation ul li {
        display: inline;
        float: left;
        padding-left:10px;
}
#navigation li a {
        font-size: 90%;
        background: transparent;
        color: #000;
        float: left;
        text-align:center;
        text-decoration: none;
        font-weight:200;
        width:104px;
        padding: 3px 3px 0px 0px;
}

.headerlogin {
        text-align:center;
        margin: 31px 0px 0 0;
        width: 110px;
        height:20px;
}

.but_bluelg{
        background-color : #1C2D76; 
        color : #ffffff; 
        font-family : tahoma, Arial, Helvetica, sans-serif; 
        font-size : 10px; 
        font-weight: bold;
        height: 20px;
        border : 1px solid #C9B0E2; 
        text-align: center;
        }

.but_redlg{
        background-color : #FD1212; 
        color : #ffffff; 
        font-family : tahoma, Arial, Helvetica, sans-serif; 
        font-size : 10px; 
        font-weight: bold;
        height: 20px;
        border : 1px solid #C9B0E2; 
        text-align: center;
        }

.but_whitelg{
        background-color : #E4E4E4; 
        color : #000000; 
        font-family : tahoma, Arial, Helvetica, sans-serif; 
        font-size : 10px; 
        font-weight: bold;
        height: 20px;
        border : 1px solid #C9B0E2; 
        text-align: center;
        }

.tabs {
        background: url(../images/tabs.gif) no-repeat top right;
}

.sitecol {
        font-size:11px;
        width:150px;
        height:220px;
        float:left;
        background-color:#EEEEEE;
        border : 5px solid #ffffff; 
}

.spacer_10_right {
        width:25px;
        height:10px;
        font-size:1px;
        float:right;
}

.onecol {
        font-size:11px;
        width:920px;
        float:left;
        background-color:#ffffff;
        //height:90px;
        background: url(../images/main_header_long.gif) no-repeat top left;
        margin: 5px 0px 0px 10px;
}

.onecol_footer {
        font-size:9px;
        width:937px;
        float:left;
        background-color:#ffffff;
        height:26px;
        background: url(../images/footer.gif) no-repeat top left;
        padding: 6px 0px 0px 10px;
}

div.contentarea_cars{
	margin: 0 10px 0 10px;
}

div.carRange{
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	width: 125px;
	height: 130px;
}
div.carRange h1{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
div.carRange h1 a{
	color: #262a65;
}
div.carRange h1 a:hover{
	color: #c82227;
}

div.badgeRange{
	position: relative;
	padding: 6px;
	float: left;
	display: inline;
	clear: left;
	text-align: center;
	width: 93px;
}

.cdbutt{
	background-color: #ffffff;
	color: #b32323;
	width: 150;
	height: 25;
	position: relative;
	border-style: none;
	border-color: #000000;
	font-size: 16px;
	font-weight : bold;
	text-align: right;
	line-height:25px;
}

.RequiredTextBox {
        font-family: tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 15px;
        color: #202020;
} 

.NonRequiredTextBox {
        font-family: tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 15px;
        color: #202020;
} 

.FailedTextBox { 
	border: 1px solid #CC0000; background:#FFFFFF;
        font-family: tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 15px;
        color: #202020;
} 

.metal {
	background: #fff;
	}
    
.metal a span {display: none;}
.metal a:hover span {display: inline;
   position: absolute;  width: 180px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; background: #ffffff;
   font: 10px Arial, sans-serif; text-align: left;
   border: solid 1px #d7d7d7; text-decoration: none;
   } 
   
.spacer_10{
	height:10px;
	font-size:1px;
}
