/* Layout */
/*-------------------------------*/
body {
font-size: 60%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#C2BDB1;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/media/images/vauxhall-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
}
#container {
width: 738px;
margin: 0px auto;  
padding:0 0 0 0px;
background-color:#ffffff;
background-image:url(/media/images/container-bg.jpg);
background-position:top center;
background-repeat:repeat-y;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}
b {
font-weight:normal;
}

/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 738px; 
height: 312px; 
background-image:url(/media/images/vauxhall-parts-header1.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
}
#header h1{
padding-top:39px;
font-weight:normal;
font-size:110%;
color:#BF1813;
padding-right:161px;
text-align:right;
}
#header h2{
padding-top:11px;
font-weight:normal;
font-size:110%;
color:#99917D;
text-align:right;
padding-right:10px;
}
#header h2 a:hover{
color:#D60719;
text-decoration:underline;
}
#header a{
color:#99917D;
text-decoration:none;
}
#header-search{
clear: both; 
width: 738px; 
height: 312px; 
background-image:url(/media/images/vauxhall-parts-header2.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
}
#header-search h1{
padding-top:39px;
font-weight:normal;
font-size:110%;
color:#BF1813;
padding-right:161px;
text-align:right;
}
#header-search h2{
padding-top:11px;
font-weight:normal;
font-size:110%;
color:#99917D;
text-align:right;
padding-right:10px;
}
#header-search h2 a:hover{
color:#D60719;
text-decoration:underline;
}
#header-search a{
color:#99917D;
text-decoration:none;
}
#pagetag{
width: 742px; 
height:18px;
background-color:#FFFFFF;
text-align:right;
background-image:url(/media/images/Page-tag-right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-right:19px;
padding-top:5px;
}
/*-----------------------------------*/

/* hoizontal top menu */
/*-----------------------------------*/
.topmenu {
clear: both;
width: 340px; 
float: left; 
height:8px;
padding-top:7px;
display:inline;
direction:ltr;
margin-bottom:10px;
padding-bottom:10px;
text-align:left;
color:#666666;
font-family:Arial, Helvetica, sans-serif;

}
.topmenu a {
color:#F6FC3A;
text-decoration:none;
font-size:110%;
}
.topmenu ul{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.topmenu li{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
}
.topmenu a:hover{
color:#FFCC00;
}
/*-----------------------------------*/

/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-image:url(/media/images/title-left.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
#navleft {
clear: both;
float: left; 
width: 190px; 
font-size:110%;
border-top:8px solid #ffffff;
border-left:8px solid #ffffff;
background-image:url(../media/images/nav-left-bg.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:50px;
}
#navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#navleft li {
list-style-type:none;
list-style-position:outside;
padding-top:4px;
padding-bottom:2px;
padding-left:12px;
height: 9px;
margin:0 0 0 0;
list-style-position:outside;
}
#navleft li a {
text-decoration:none;
color:#565149;
cursor:pointer;
padding-left:12px;
}
#navleft li a:hover {
text-decoration:none;
color:#D60719;
padding-left:16px;
}
#navleft p {
padding-top:4px;
padding-bottom:2px;
padding-left:12px;
line-height: 9px;
margin:0 0 0 0;
}
#navleft a {
padding-top:4px;
padding-bottom:2px;
padding-left:12px;
line-height: 9px;
margin:0 0 0 0;
color:#333333;
text-decoration:none;
width:170px;
}
#navleft a:hover {
text-decoration:none;
color:#D60719;
padding-left:16px;
}
.submenu {
clear: both;
float: left; 
width: 146px; 
font-size:106%;
}
.submenu ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.submenu li {
list-style-type:none;
list-style-position:outside;
padding-top:11px;
padding-bottom:2px;
height: 19px;
margin:0 0 0 0;
list-style-position:outside;
padding-left:12px;
}
.submenu li a {
text-decoration:none;
color: #ffffff;
cursor:pointer;
}
.submenu li a:hover {
text-decoration:none;
color:#D60719;
}


/* Content */
/*--------------------*/
#content {
float: left;
width:330px;
border-top:8px solid #ffffff;
border-right:8px solid #ffffff;
border-left:8px solid #ffffff;
background-color: #C0BBB5;
padding-top:16px;
padding-left:8px;
padding-right:8px;
padding-bottom:50px;
}
#content p {
color:#565149;
font-size:110%;
font-family:Arial, Helvetica, sans-serif;
}
#content a {
color:#D60719;
text-decoration:none;
font-weight:normal;
}
#content a:hover{
color:#333333;
text-decoration:underline
}
#content hr{
color:#999999;
text-align:left;
}
#content li {
color:#666666;
font-size:110%;
list-style-type:square;
}
#content-part{
float: left;
width:330px;;
background-color: #C0BBB5;
}
#content-part img {
border:0px;
}
#content-part h1 {
color:#ffffff;
background-color:#7A0003;
font-size:130%;
width:280px;
height:auto;
padding-top:11px;
padding-bottom:19px;
padding-left:50px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/part-title.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0 0 0 0px;
}
#content-part h2 {
color:#ffffff;
background-color:#7A0003;
font-size:110%;
width:280px;
height:auto;
padding-top:13px;
padding-bottom:17px;
padding-left:50px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/desc-title.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0 0 0 0px;
}
#content-part h3 {
color:#ffffff;
background-color:#CA0000;
font-size:130%;
width:280px;
height:auto;
padding-top:12px;
padding-bottom:18px;
padding-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
background-image:url(../media/images/price-title.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:6px;
margin-top:6px;
}
#content-part h4 {
color:#333333;
background-color:#C2BDB1;
font-size:110%;
width:230px;
height:auto;
padding-top:13px;
padding-bottom:17px;
background-repeat:no-repeat;
margin:0 0 0 0px;
}
#content-part p {
color:#565149;
font-size:110%;
font-family:Arial, Helvetica, sans-serif;
}
#content-part a {
color:#D60719;
text-decoration:none;
font-weight:normal;
}
#content-part a:hover{
color:#333333;
text-decoration:underline
}
#content-part hr{
color:#999999;
text-align:left;
}
#content-part li {
color:#666666;
font-size:110%;
list-style-type:square;
}

/*-------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 170px; 
margin: 0px;
border-top:8px solid #ffffff;
border-right:8px solid #ffffff;
}
.quicksearch{
float: right; 
width: 150px; 
margin: 0px;
height:59px;
padding-top:40px;
padding-left:20px;
background-image:url(/media/images/quick-search-bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/

#footer {
clear: both;
width: 328px; 
text-align: left;
background-color: #C0BBB5;
border:8px solid #ffffff;
padding-left:206px;
padding-right:186px;
color: #666666;
padding-top:8px;
padding-bottom:8px;

}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer a:hover {
color:#D60719;
text-decoration: none;
padding-right:5px;
}
#footer li a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer li a:hover {
color:#D60719;
text-decoration: none;
padding-right:5px;
}

#sign-off {
clear: both;
width: 328px; 
text-align: left;
background-color: #C0BBB5;
border-right:8px solid #ffffff;
border-left:8px solid #ffffff;
border-bottom:8px solid #ffffff;
padding-left:206px;
padding-right:186px;
padding-top:8px;
padding-bottom:8px;
}
#sign-off a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#sign-off a:hover {
color:#D60719;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/

/* News
/*-----------------------*/

#news{
float: left; 
width: 160px;
background-image:url(media/images/News-bg.jpg);
background-position:top;
background-repeat:repeat-y;
}
.newsitem{
float: left; 
width: 137px; 
padding-left:13px;
padding-right:10px;
padding-bottom:10px;
color:#666666;
background-image:url(media/images/News-item-bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.newsitem p {
color:#666666;
text-decoration:none;
font-weight:normal
}
.newsitem a {
color:#333333;
text-decoration:none;
font-weight:normal
}
.newsitem a:hover {
color:#696B01;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/

/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:300px;
color:#D4D0C8;
margin-bottom:6px;
}
h1 {
font-weight: normal;
font-size: 160%;
color:#990000;
}
h2 {
font-weight: normal;
font-size: 120%;
color:#333333;
}
h3 {
font-weight: bold;
font-size: 120%;
color:#666666;
margin:0 0 0 0px;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
h5 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
margin-bottom:3px;
}
h6 {
font-weight: normal;
font-size: 110%;
color:#cccccc;
}
h7 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
}