/* CSS Document */

body{background-color:#FFFFFF; width:100%; margin:0 auto 0 auto;}
img{border:none;}
a {color:#3366FF; text-decoration:none;}

.top-wrapper{background-image:url(../images/top-bg.gif); background-repeat:repeat-x; height:515px;}
.tc-wrapper{width:764px; height:463px;}

.bottom-wrapper{background-image:url(../images/bottom-bg.gif); background-repeat:repeat-x; height:137px;}
.bc-wrapper{width:760px; height:100px; padding-top:60px;}


.left-shadow{background-image:url(../images/left-shadow.gif); background-repeat:no-repeat; width:10px; height:463px; float:left;}
.right-shadow{background-image:url(../images/right-shadow.gif); background-repeat:no-repeat; width:10px; height:463px; float:left;}
.main-area{width:740px; height:435px; margin-top:21px; float:left;}

.top-banner{width:740px; height:69px;}
.content-wrapper{width:738px; height:364px; background-color:#FFFFFF; border:1px solid #d3d3d3;}

/* -------------- Navigation Banner ----------------------*/
.paint-man-logo{width:181px; height:52px; padding:0px 0px 0px 0px; float:left;}
.nav-wrapper{width:480px; height:24px; float:left; padding-top:28px;}
.paint-man-slogan{width:310px; height:17px; float:left;}
.land-rover-logo{width:78px; height:52px; float:right;}

/* -------------- Content Area ----------------------*/
.left-panel{width:180px; height:100%; background-color:#8a9d69; float:left;}
.right-panel{
	width:550px;
	height:100%;
	float:left;
	overflow:auto;
}

.title{width:115px; height:18px; padding:10px 0px 0px 10px;}
.paint-text{width:530px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8f7856; padding:10px 0px 0px 10px;}
.paint-text2{width:530px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8f7856; padding:10px 0px 0px 10px;}
.paint-text3{width:530px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8f7856; padding:10px 0px 0px 10px;}
.paint-text-red{width:530px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#CC0000; padding:10px 0px 0px 10px;}
.paint-text-red2{width:530px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#CC0000; padding:10px 0px 0px 10px;}

/* -------------- Bottom Banner ----------------------*/
.bottom-nav-wrapper{width:738px; height:18px; border-left:1px solid #8a9d69; border-right:1px solid #8a9d69; margin-left:8px;}
.link-text a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8f7856; text-decoration:none;}
.link-text a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8a9d69; text-decoration:none;}
.link-style{height:18px; border-left:1px solid #8a9d69; padding-left:20px; padding-right:20px;}

/* -------------- 'Sliding Doors' Top Navigation ----------------------*/
#colour-chart  a {
display: block; width:118px; height:24px; background-image:url(../images/colour-chart-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#colour-chart  a:hover {
display: block; padding: 0px 0px 0px 0px; width:118px; height:24px; background-image:url(../images/colour-chart-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left; text-align:center;}

#methods-use  a {
display: block; width:118px; height:24px; background-image:url(../images/methods-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#methods-use  a:hover {
display: block; padding: 0px 0px 0px 0px; width:118px; height:24px; background-image:url(../images/methods-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left; text-align:center;}

#about-us  a {
display: block; width:118px; height:24px; background-image:url(../images/about-us-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#about-us  a:hover {
display: block; padding: 0px 0px 0px 0px; width:118px; height:24px; background-image:url(../images/about-us-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left; text-align:center;}

#contact-us  a {
display: block; width:116px; height:24px; background-image:url(../images/contact-us-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#contact-us  a:hover {
display: block; padding: 0px 0px 0px 0px; width:116px; height:24px; background-image:url(../images/contact-us-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left; text-align:center;}

/* -------------- Homepage ----------------------*/
.title-home{width:440px; height:42px; padding:10px 0px 0px 10px;}

/* -------------- Colour Chart ----------------------*/
.bc-wrapper-cc{width:760px; height:100px; padding-top:28px;}
.disclaimer{width:738px; margin-left:8px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999;}
.disclaimer-link a{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8a9d69; text-decoration:none;}
.disclaimer-link a:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8f7856; text-decoration:none;}
.bottom-nav-wrapper-cc{width:738px; height:18px; border-left:1px solid #8a9d69; border-right:1px solid #8a9d69; margin-left:8px; margin-top:6px;}
.lr-select-wrapper{width:160px; height:320px; border:1px solid #bace98; margin-top:20px;}
.select-title{width:158px; height:22px; margin-top:8px;}
.wrapper1{width:158px; height:78px; margin-top:15px;}
.wrapper2{width:158px; height:78px; margin-top:15px;}
.wrapper3{width:158px; height:78px; margin-top:15px;}

#series-1  a {
display: block; width:78px; height:78px; background-image:url(../images/series-1-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#8a9d69; float:left;}

#series-1  a:hover {
display: block; padding: 0px 0px 0px 0px; width:78px; height:78px; background-image:url(../images/series-1-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left;}

#series-2  a {
display: block; width:78px; height:78px; background-image:url(../images/series-2-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#8a9d69; float:right;}

#series-2  a:hover {
display: block; padding: 0px 0px 0px 0px; width:78px; height:78px; background-image:url(../images/series-2-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:right;}

#series-3  a {
display: block; width:78px; height:78px; background-image:url(../images/series-3-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#8a9d69; float:left;}

#series-3  a:hover {
display: block; padding: 0px 0px 0px 0px; width:78px; height:78px; background-image:url(../images/series-3-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left;}

#range-rover  a {
display: block; width:78px; height:78px; background-image:url(../images/range-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#8a9d69; float:right;}

#range-rover  a:hover {
display: block; padding: 0px 0px 0px 0px; width:78px; height:78px; background-image:url(../images/range-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:right;}

#lr-90-110  a {
display: block; width:78px; height:78px; background-image:url(../images/90-110-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#8a9d69; float:left;}

#lr-90-110  a:hover {
display: block; padding: 0px 0px 0px 0px; width:78px; height:78px; background-image:url(../images/90-110-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:left;}

#lr-101-military  a {
display: block; width:78px; height:78px; background-image:url(../images/101-link.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#8a9d69; float:right;}

#lr-101-military  a:hover {
display: block; padding: 0px 0px 0px 0px; width:78px; height:78px; background-image:url(../images/101-link.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#8a9d69; float:right;}

.colour-chart-wrapper{width:530px; height:240px; margin:3px 0px 0px 10px;}

/* -------------- About Us ----------------------*/
.picture-container{width:525px; height:61px; background-color:#8a9d69; margin:5px 0px 0px 10px;}
.conversions-container{width:500px; margin:10px 0px 0px 10px;}

/* -------------- Contact Us ----------------------*/
.address-wrapper{width:505px; height:73px; margin-top:40px;}
.phone-wrapper{width:525px; height:73px; margin-top:6px;}
.icon{width:73px; height:73px; float:left; padding-left:120px;}
.address-text{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8f7856; width:200px; margin-left:210px;}
.contact-text{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8f7856; width:200px; margin-left:210px; padding-top:14px;}
.paint-text4{width:530px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8f7856; padding:10px 0px 0px 10px; float:left;}

/* -------------- Military 130 ----------------------*/
.title-military{width:176px; height:24px; padding:10px 0px 0px 10px;}

/* -------------- Buggy ----------------------*/
.title-buggy{width:136px; height:24px; padding:10px 0px 0px 10px;}

/* -------------- Pink Panther ----------------------*/
.title-panther{width:331px; height:24px; padding:10px 0px 0px 10px;}

/* -------------- Willys Jeep ----------------------*/
.title-jeep{width:331px; height:24px; padding:10px 0px 0px 10px;}
