/* Main CSS File */

html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { margin: 0; padding: 0; border: 0; }

body {
	background: url("/images_new/backgrounds/page_bckgrd.gif") repeat;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.8em;
}

p {margin: 20px 0 20px 0;}
img {border-width: 0px;}
ul{list-style-position:inside;}

a:link {color: #036; text-decoration: underline;}
a:visited {color: #936; text-decoration: underline;}
a:hover {color: #006AD5; text-decoration: none;}
.linkButton{
	background-image: url(/images/backgrounds/blue_button.jpg);
	background-repeat: repeat-x;
	border: 2px ridge #8CA3BB;
	padding: 3px;
	width:12em;
	text-align:center;
}
.linkButton a:link, .linkButton a:active, .linkButton a:visited{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration:none;
}


/* ****** - Page Elements - ****** */
#wrapper{margin-left: auto;	margin-right: auto;}
#content{width:1000px; background-color:#FFFFFF; position:relative;}
*html #content{margin-top:-3px;}
#main{float:right; width:768px;}
#middleContent{float:left; width:589px; margin-top:10px;}
#middleContent h1{font-size:112%;}
.header{text-align:left; height:34px; background:url(/images_new/backgrounds/header_bckgrd.jpg) repeat-x; padding:15px 0 0 10px;}
.mainContent{font-size:85%; text-align:left; padding:10px;}
#rightContent{float:right; margin-top:10px; margin-right:10px; width:169px; text-align:right; font-size:85%;}
*html #rightContent{margin-right:5px;}
.rightInclude{width:149px; margin-top:8px; text-align:center; float:right;}
.rightIncludeTop{background:url(/images_new/rightInclude/top_bck.gif) no-repeat; height:27px; color:#FFF; font-weight:bold; padding-top:5px;}
.rightIncludeMiddle{background:url(/images_new/rightInclude/middle_bck.gif) repeat-y; margin-top:-7px; padding:5px; text-align:left;}
.rightIncludeMiddle a:link, .rightIncludeMiddle a:active, .rightIncludeMiddle a:visited{
	display:block;
	line-height:23px;
	text-decoration:none;
	border-top:1px dotted #C0C0C0;
	background:url(/images_new/menu/menu_arrow.gif) no-repeat left;
	padding-left:15px;
	color:#036;
}
.rightIncludeMiddle a:hover{text-decoration:none; color:#FFFFFF; background:none; background-color:#777777;}
.rightIncludeBottom{background:url(/images_new/rightInclude/bottom_bck.gif) no-repeat; height:6px;}
.breaker{clear:both; line-height:0; font-size:0;}

/*#header{background:url(/images/header2007/header_bckgrd.jpg) repeat-x; height:97px; width:1000px;}*/
#header{
	height:97px;
	width:1000px;
	background-color: #093b8a;
	background-repeat: repeat-x;
}
#phoneNumber{float:left;}
#pricePromise{float:right;}
#logo{margin-left:320px;}

.rowHighlight{background-color:#FFEB9E;}
.borderHeader{font-weight:bold; color:#FFF; background-color:#777; padding:3px; text-align:left;}
.lightPanel{margin-top:10px; border:1px solid #777; padding:10px; background-color:#EEE;}
.displayData{text-align:center;}
.displayData td{border-bottom:1px dotted #777; border-right:1px dotted #777;}
.displayData th{border:1px solid #777;}
/* *********** - End - *********** */


/* ****** - Menu Elements - ****** */
#menu{margin:10px; width:202px; font-size:85%; text-align:left; position:absolute; left:5px; top:3px;}
	*html #menu{margin-left:5px;}
#menuTop{background:url(/images_new/menu/menu_bckgrd_top.jpg) no-repeat; height:34px; font-weight:bold; padding:15px 0 0 10px;}
#menuMiddle{background:url(/images_new/menu/menu_bckgrd_middle.gif) repeat-y; padding-left:10px; padding-right:10px; margin-top:-15px;}
#menuIEfix{margin-top:0;}
#menuMiddle a:link, #menuMiddle a:active, #menuMiddle a:visited{
	display:block;
	line-height:22px;
	text-decoration:none;
	border-top:1px dotted #C0C0C0;
	background:url(/images_new/menu/menu_arrow.gif) no-repeat left;
	padding-left:20px;
	color:#036;
}
#menuMiddle a:hover{text-decoration:none; color:#FFFFFF; background:none; background-color:#777777;}
.menuHeader{font-weight:bold; margin:10px 0 0 0; padding:5px; background:url(/images_new/menu/menuHeader_bckgrd.jpg) repeat-x top;}
#menuBottom{background:url(/images_new/menu/menu_bckgrd_bottom.gif) no-repeat; height:8px;}
#menuMagazine a:link, #menuMagazine a:active, #menuMagazine a:visited{	background:url(/images_new/menu/arrow_yellow_bck.gif) no-repeat left; background-color:#FFE57F;}
#menuMagazine a:hover{text-decoration:none; color:#FFFFFF; background:none;	background-color:#777777;}

#allInOne{margin-top:-10px; margin-bottom:-15px;;}
#allInOne a:link, #allInOne a:active, #allInOne a:visited{background:none; padding-left:0; line-height:normal; border-top:none; display:inline;}
#allInOne a:hover{color:#FFFFFF; background:none; background-color:#FFFFFF; border-top:none;}
#allInOne ul{margin-left:0; padding-left:0;}
#allInOne li{
	line-height:22px;
	text-decoration:none;
	border-top:1px dotted #C0C0C0;
	background:url(/images_new/menu/menu_arrow.gif) no-repeat left;
	color:#036;
	list-style:none;
	padding-left:20px;
}
/* *********** - End - *********** */


/* ****** - Text Elements - ****** */

h1 {font-size:112%; color:#094198;}
h2 {font-size: 100%; font-weight: bold;}
h3 {font-size: 100%; font-weight: bold;}
.error{color:#FFF; background-color:red; font-weight:bold; padding:5px; margin:10px 0 10px 0;}
.redText{color:#990000;}
.blueText{color:#094198;}
/* *********** - End - *********** */


/* ****** - Footer Elements - ****** */
#footer{margin-top:150px;}
.footerContent{padding:5px; font-size:85%; border:1px solid #036; margin:10px; text-align:left;}
.footerHeader{padding:3px; background-color:#777777; margin-bottom:10px; font-weight:bold; color:#FFFFFF; text-align:center;}
/* *********** - End - *********** */


/* ****** - Form Elements - ****** */
label{float:left; width:8em; margin:0 .5em 0 0; text-align:right;}
legend{color:#036;}
fieldset{margin:0 0 1em 0; border: 1px solid #777; padding:1em; margin:2em;}
form div{margin:1em 0 1em 0; text-align:left;}
.mainSearchBox{
	border:2px solid #000000;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	text-align:center;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	width:150px;
}
.mainNewSearchBox{
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	padding:0;
	background-image:url(/images_new/findPlate_txtInput.gif);
	background-repeat:no-repeat;
	line-height: 34px;
	background-color:#F0F0F0;
}
.searchButtonYellow{
	height:24px;
	width:150px;
	border-right:2px outset #666;
	border-bottom:2px outset #666;
	border-left:2px outset #AAA;
	border-top:2px outset #AAA;
	background: url("/images_new/backgrounds/button_yellow_bckgrd.jpg") repeat-x;
	font-size:85%;
	font-weight:bold;
}
.formBorder{border:1px solid #777; padding:10px; margin:10px;}
.formClass{
	border:1px solid #777;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	width:150px;
}
fieldset.shadFieldset{border:0; margin:0;}
.shadFieldset legend {font-weight:bold; background-color:none;  padding: 0;}
.roundFormBox {margin-top:20px; background: url("/images_new/findPlate_fieldsetTop.jpg") no-repeat; top-left; width:569px; height:185px;}

/* ============ Name Search Form =============== */
.findNameInput {
	border:0;
	width:260px;
	height:27px;
	background-image:url(/images_new/nameFormInput.gif);
	padding-left:8px;
	margin:0;
	background-repeat: no-repeat;
	background-position: left top;
}

#frmNameSearch {
	background-image:url(/images_new/nameFormBG.gif);
	width:480px;
	height:224px;
	margin:0 auto;
	padding:0;
	background-repeat: no-repeat;
	margin-bottom:15px;
}
#frmNameSearch fieldset {
	border:none;
	margin:0 0 1em 0;
	padding:0.5em 2em 0 2em;
}

#frmNameSearch .formHeader {
	height:24px;
	background-color:#093b8a;
	width:420px;
}

#frmNameSearch .formHeader span{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	padding:0 0 12px 12px;
	display:block;
}

.findNameInput {
	line-height: 22px;
  /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:2px 0 0 12px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#frmNameSearch label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
/* ===========End Name search ==================================================================== */

/* *********** - End - *********** */


/* ****** - Home Page Elements - ****** */
#searchBox{background: url("/images_new/backgrounds/search_bckgrd.jpg") no-repeat; height:203px; text-align:center; font-size:85%;}
#searchBox h1{color:#000000; font-size:120%;}
#clelebPanel{margin-top:10px; padding:5px; background:url(/images_new/rotatingCelebs/celeb_bckgrd.gif) no-repeat; height:210px; font-size:85%;}
#celebPic{float:right; width:441px; text-align:center; padding-right:2px;}
#celebPic a:link, #celebPic a:active, #celebPic a:visited{text-decoration:none;	padding:0 2px 0 2px; color:#777;}
#celebPic a:hover{color:#FFF; background-color:#777;}
#freeMag{float:left; padding-left:2px; position:relative;}
#magPlace{z-index:50; position:absolute; top:-87px; left:-57px;}
/* *********** - End - *********** */


/* ****** - NumberPlate Image Styling - ****** */
.basePlate {
	background-image: url(/images/search/base_plate.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 184px;
	padding-top: 5px;
}
.basePlateLarge {
	background-image: url(/images/backgrounds/plate400x100.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 92px;
	width: 388px;
}
/* *********** - End - *********** */


/* ****** - Make Your Own Styling - ****** */
#newStyleMYO{float:left; font-size:85%; width:288px;}
#oldStyleMYO{float:right; font-size:85%; width:288px;}
.myoHeader{background:url(/images_new/myo/myo_header_bck.jpg) no-repeat; height:38px; color:#FFF; padding:5px;}
.myoMiddle{background:url(/images_new/myo/myo_middle_bck.gif) repeat-y; margin-top:-10px; padding-top:5px;}
.myoBottom{background:url(/images_new/myo/myo_bottom_bck.gif) no-repeat; height:6px;}
.myoPanelOne{background-color:#E2E6EA;}
.myoPanelTwo{background-color:#CACED2;}
.formMYO{font-size:11px; text-transform:uppercase; text-align:center;}
/* *********** - End - *********** */


/* ****** - Right hand search box styling - ****** */
.searchRHS{color:#999; text-align:center; border:2px solid #777; padding:2px;}
.rightIncludeTop label{float:none; width:auto; margin:inherit; text-align:center;}

/* *********** - End - *********** */

/* new search input box *************/
.searchNewInput{color:#999; text-align:center; border:0; padding:2px; background-image:url(/images_new/findPlate_txtInput.gif);
  background-repeat:no-repeat; line-height: 40px;}

/* ****** - News Article styling - ****** */
#newsarticles{text-align:left; margin-top:20px;}
#newsarticles h2{font-size:100%; height:34px; background:url(/images_new/menu/menuHeader_bckgrd.jpg) repeat-x top; padding:5px 0 0 5px;}
#newsarticles ul{margin-left:5px; margin-top:0; padding-bottom:10px; border-bottom:3px double #777;}
#newsarticles li {list-style:square;}
/* *********** - End - *********** */


/* ****** - Scroller styling - ****** */
#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
height: 50px;
text-align:left;
padding-left:3px;
padding-top:10px;
}

#pscroller2 a{
text-decoration: none;
}

.scroller{}

/* ******* 22/06/10 New Menu ************ */
/*
*html #menu{margin-left:5px;}

#menuIEfix{margin-top:0;}

#menuBack	{
	position:absolute; left:5px; top:3px; width:202px; background-color:#bad4e7; padding:9px 0 9px 0;}
	
#menu{ width:184px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#menu ul	{
	list-style-position:outside;
	list-style-type:none;
	margin:-9px 0 0 0;
	padding:0;
	}

#menu li	{
	background-color:#5495c4;
	border-bottom:1px solid #fff;
	}
#menu li.menuSpecialItem {
	background:#ffcc02;
	}
#menu li a	{
	display: block;
	padding: 0.25em 0 0.25em 12px;
	text-decoration: none;
	margin:0;
	color:#fff;
	width:172px;
}
#menu li.menuSpecialItem a{
	color:#094198;
	}
#menu li a:hover{
	background-color:#094198;
	}
#menu li.menuSpecialItem a:hover{
	color:#fff;
	}
.titleBack	{
	height:38px;
	margin-left:-9px;
	background-image: url(/images_new/menu/menuTitle_gfx.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #094198;
}
#menu .titleBack .menuTitle	{
	
	background: #094198;
	color:#fff;
	font-weight:bold;
	padding: 0.5em 0 0 12px;
	border-bottom:1px solid #fff;
	margin-left:9px;
	height:22px;
	}
*/
/* *********** EEND OF NEW MENU ********* */	

.lBox {
background-image:url(/images_new/letterBck.gif); background-repeat:no-repeat; height:42px; width:41px; float:left; padding-top:10px; font-size:14px; font-weight:bold; text-decoration:none;
	}
.lBox a {
	text-decoration:none;
	}
/* *********** - End - *********** */