/* CSS Document for Morrisons Garage.  Created Jan 2008 by SH for Internet Creation Ltd */

body{
	margin:14px 0 0 0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444444;
}

h1,h2,h3,h4,h5,h6,p{
	margin:0 0 15px 0;
	padding:0;
}
img{
	border:none;
}
form{
	margin:0;
	padding:0;
}
a{
	color:#001e55;
	text-decoration:underline;
}
a:hover{
	color:#d33c23;
}
#skip_nav{
	position:absolute;
	top:-3000px;
	left:-3000px;
}

#header{
	width:783px;
	height:181px;
	margin:0 auto 14px auto;
	padding:0;
	position:relative;
	background-image:url(../png/header_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#logo{
	position:absolute;
	top:62px;
	left:26px;
	width:253px;
	height:55px;
}
h1,h2{
	position:absolute;
	top:-3000px;
	left:-3000px;
}
h3 {
	font-size: 35px;
	text-transform:uppercase;
	font-weight:bold;
	color:#001e55;
}
p.pageTitle { font-weight: bold; color: #000066; font-size: 19px;
}
p.leftText, ul.leftText { font-size: 11px; padding: 15px 25px 0 15px; text-align:justify; margin-bottom: -5px;
}
li.leftText { margin-left: 10px;
}
.rightsideText { font-weight:bold; margin: 20px 0 0 15px;
}

h3#redh3 {
	font-size: 35px;
	text-transform:uppercase;
	font-weight:bold;
	color:#d33c23;
}
h4 {
	font-size: 27px;
	text-transform:uppercase;
	font-weight:bold;
	color:#d33c23;
}
h5 {
	font-size: 20px;
	text-transform:uppercase;
	font-weight:bold;
	color:#001e55;
}

#flashcontent{
	position:absolute;
	top:0;
	right:0;
	width:783px;
	height:136px;
}
#contentContainer { width: 771px; padding:0; margin:0 auto; 
}

#contentIndex{
	width:771px;
	margin:0 auto;
	text-align:left;
	background-image:url(../jpg/stirling_castle.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0;
	height:585px;
}
#content{
	width:771px;
	margin:0 auto;
	text-align:left;
	background-image:url(../jpg/stirling_castle2.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0;
}
#content img, #contentIndex img {padding: 0 20px 0 20px;
}
#full_span{
	padding:0;
	margin:0;
}
#col1{
	float:left;
	width:374px;
	overflow: hidden;
}
#col2{
	float:right;
	width:375px;
}

#used_cars_div{
	width:364px;
	height:158px;
	background-image:url(../jpg/land_rover_rounded_rect.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
}
#new_cars_div{
	width:365px;
	height:158px;
	background-image:url(../jpg/seat_rounded_rect.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
}

#used_cars_div select, #new_cars_div select{
	margin-bottom:15px;
}
#used_cars_div p, #new_cars_div p{
	width:230px;
	line-height:18px;
}
#buycars { z-index:1000; position:relative; padding:0; margin:0; top: 50px; left: 100px; overflow:hidden;
}

#contact_us_div{
	width:364px;
	height:211px;
	background:url(../png/contact_us_rect.png) 0 0 no-repeat;
	padding:10px 0 0 10px;
	margin: 20px 0 0 0;
}
#contact_us_div p{
	line-height:18px;
}
#leftContent { float:left; background:url(../png/right_box1.png) 0 0 no-repeat; width: 199px; min-height: 492px; padding:0;
margin:0 0 0 -10px;
}
#leftContent_nodog { float:left; background:url(../png/right_box1_nodog.png) 0 0 no-repeat; width: 199px; min-height: 472px; padding:20px 0 0 0; margin:0 0 0 -10px;
}
#leftContent2 { float:left; background:url(../png/left2.png) 0 0 no-repeat; width: 199px; min-height: 332px; padding:0;
margin:0 0 0 -10px;
}
#leftContent3 { float:right; background:url(../png/left1.png) 0 0 no-repeat; width: 199px; min-height: 492px; padding:0;
margin:0 0 0 -10px;
}
#rightContent { float:right; background:url(../png/right_box1_nodog.png) 0 0 no-repeat; width: 189px; min-height: 352px; padding:0 0 0 5px; margin:0 -20px 0 0;
}
#rightContentDog { float:right; background:url(../png/right_box1.png) 0 0 no-repeat; width: 189px; min-height: 700px; padding:0 0 0 5px; margin:0 -20px 0 0;
}
#rightContent select, #rightContentDog select{ margin-left: 15px;
}
#rightContent2 { float:right; background:url(../png/rightWide2.png) 0 0 no-repeat; width: 300px; height: 360px; padding:0 0 0 15px; margin:0 -20px 0 0;
}
#rightContent3 { float:right; background:#ffffff; width: 420px; height: 560px; padding:0 0 0 15px; margin:0 -20px 0 0;
}
#leftContent img, #leftContent2 img, #leftContent3 img { padding: 10px 0 0 15px;
}
#rightContent img, #rightContentDog img { padding: 8px 0 2px 10px;
}
#rightContent3 img { padding: 0;
}
hr { width: 95%; background-color:#999999; height:1px; color:#666666; text-align:left; padding: 0 15px 0 0;
}

#footer{
	width:771px;
	margin:20px auto 20px auto;
	padding: 0 0 20px 0;
}

#footer ul{
	margin:0;
	padding:0;
}
#footer li{
	display:inline;
	padding:0 13px 0 13px;
	border-right:1px solid #666666;
}
#footer ul li.last_nav_li{
	border-right:none;
}
#footer a{
	color:#666666;
	text-decoration:none;
}
#footer a:hover{
	color:#666666;
	text-decoration:underline;
}
#footer img { vertical-align:middle; padding-left: 10px;
}

/* DROPDOWN NAV */
#nav_container{
	position:absolute;
	top:148px;
	left:0px;
	margin:0;
	padding:0;
	z-index:5000;
}
 
#nav img{
	vertical-align:baseline;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:12px;
	z-index:5000;
}

#nav a {
	display: block;
	border-bottom:none;
	width: auto;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	padding: 5px 0 0 0;
}
#nav a:hover{
	color:#001e55;
	border-bottom:none;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding:0 8px 0 8px;
	margin:0 0 0 0;
	border-right:1px solid #FFFFFF;
}
#nav li.last_nav_li{
	border-right:none;
	padding-right:0;
	margin-right:0;
}
#nav li.last_nav_li a{
	padding-right:0;
	margin-right:0;
}

#nav li ul { /* second-level lists */
	padding:10px 10px 4px 10px;
	position: absolute;
	background: #DA3029;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom:5px solid #00084E;
	text-align:left;
	margin-left:-12px;
	z-index:5000;
}

#nav li ul li{
	margin-bottom:5px;
	height:auto;
	width: 106px;
	border-right:none;
	background-image:url(../png/nav_red_border.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#nav li ul a{
	height:auto;
	width:auto;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px 0 6px 2px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -32px 0 0 118px;
	background-color:#DE532E;
	z-index:5000;
}

#nav li ul ul li{
	background-image:url(../png/nav_orange_border.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li#help_nav:hover ul, #nav li#help_nav.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:-92px;
}


/*------------------- Various added later -----------------------*/

#tinyMap img { padding: 0 5px 0 0; vertical-align:middle; border:0;
}
#tinyMap a { text-decoration: none;
}
#tinyMap a:hover {text-decoration: underline;
}
.strong { font-weight: bold;
}
.strongLeft { font-weight: bold; text-align:left;
}
.left { text-align: right;
}
.right { text-align: left;
}
.center { text-align:center;
}
#formTable { width: 600px;
}
#formTable td {padding:3px 10px 3px 5px;
}
#formTable caption { font-weight: bold; text-align:left;
}
#formTable input { width: 230px;
}
#formTable input.short  { width: 100px;
}
#formTable select.short{ width: 50px;
}
#formTable input.image_submit_button { width: 115px; height:32px; border:0;
}
#formTable input.checkbox { width: 20px; border:0;
}
caption { font-weight:bold; text-align: left;
}