html {background:#CCCCCC; }
body {color:#222222; line-height:1.6}
ul li {list-style:none;}
ul {margin:0;}
a {text-decoration:underline; color:#996633;}
a:hover {text-decoration:none;}
div#wrapper {width:960px;margin:0 auto; background:#FFF;}
div#masthead {background:#996633; float:left; width:100%}
#logo {
display: block;
width: 641px;
height: 64px;
float: left;
margin: .5em;
background: url(../images/logo-bg.jpg) no-repeat;
vertical-align: top;
padding-top: 0px !important;
}
#logo h1 {
display: block;
float: left;
width: 160px;
height: 39px;
background: url(../images/logo_alt.jpg) no-repeat;
border: 0;
margin-top: 0px !important;
}
#logo h1 a {
display: block;
width: 160px;
height: 39px;
text-indent: -9999px;
overflow: hidden;
}
#logos-small {
width: 460px;
height: 39px;
float: left;
margin-top: 0px !important;
}
#logos-small a {
height: 39px !important;
display: inline-block;
border: 0;
text-indent: -9999px;
overflow: hidden;
float: left;
}
#caravan {
width: 94px;
height: 39px !important;
background: url(../images/caravan.jpg) no-repeat;
}
#holidayhome {
width:83px;
height: 39px !important;
background: url(../images/holidayhome.jpg) no-repeat;
}
#boat {
width: 83px;
height: 39px !important;
background: url(../images/boat.jpg) no-repeat;
}
#motorhome {
width:75px;
height: 39px !important;
background: url(../images/motorhome2.jpg) no-repeat;
}
/* h1#logo {width:641px; height:64px; background:url(../images/logo.jpg) no-repeat 0 0; margin:.5em; float:left;}
h1#logo a {display:block; width:387px; height:64px; text-indent:-9999px;} */
div#masthead img {float:right; margin:0.5em 1em 0 0; clear:right;}
ul#navigation-main {float:left; background:#381e05; width:100%; border-top:1px solid #FFFFFF}
ul#navigation-main li {float:left; font-size:108%; margin:0; height:2em;}
ul#navigation-main li a {color:#FFF; display:block;line-height:2em; padding:0 1em; text-decoration:none;}
ul#navigation-main li a:hover {background:#4F3822;}
div#sub-content {float:left; padding:1em 0 1em 1em; width:207px; }
div#sub-content ul#shop-nav {margin:-.5em 0 0; font-size:91%;}
div#sub-content li {margin:0}
div#sub-content li a {color:#996633; font-weight:bold;}
div#sub-content ul#cats li {float:left; width:7em;}
h2 {color:#381E05; font-size:180%; margin:0;}
div#main-content p {font-size:100%; line-height:1.7;}
div#main-content-wrapper {float:right; margin:1em 0; width:732px; }
div#main-content {float:left; width:32em;}
div#aside {float:right; padding:0 1em 1em 0; width:261px; }
div#aside ul {margin:1em 0 0;}
div#aside ul li {margin:.5em 0;}
div#footer {background:#996633 url(../images/footer.jpg) repeat-x 0 0; color:#330000; float:left; font-size:87%; padding:1em; width:97.6%; }
div#footer a {color:#FFF;}
div#footer p {float:left; font-size:118%; font-weight:bold; margin:1em 0 0; width:54em; }
div#offer, div#mailing-list {border-left:2px solid #381E05; border-right:2px solid #381E05; border-bottom:2px solid #381E05; font-size: 10px; width: 257px !important; margin-bottom: 6px !important; }
div#offer h3, div#mailing-list h3 {background:#381E05; padding:.4em; color:#FFF; font-weight:bold; font-size: 12px; margin:0;}
div#offer h4 {font-size: 11px; margin:0.2em 0.5em; }
div#offer img {float:left; clear: left; margin:0.5em 1em 1em 0.5em; width:89px; height:88px;}
div#offer p, div#mailing-list p { padding-right: 3px; }
div#mailing-list p {
padding: 8px !important;
font-size: 11px;
margin-bottom: -8px !important;
}
div#mailing-list form { padding: 12px !important; }
#mailing-list input.text {
border: 1px solid #cdcdcd;
padding: 4px;
font-size: 11px;
width: 150px;
margin-bottom: 9px;
}
#mailing-list input.submit {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #381E05;
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 4px;
border: 0;
cursor: pointer;
}
p#bf {color:#6F6F6F; margin:0 auto; width:960px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#basket {float:right; font-size:90%; margin:0.5em 1em 0 0; width:19em; }
body#shop div#main-content {float:left; margin:1em 1em 0; width:709px;}
body#shop div#main-content hr {background:#DDDDDD; border:none; height:.1em;}
body#shop div#main-content h3 {color:#222222; font-size:182%; font-weight:normal; margin:0 0 0.5em; }
body#shop div#main-content h4 {font-size:146%; float:left; width:100%; margin:0;}
div.image-main {float:left;}
div.image-main img {border:4px solid #CCCCCC; margin-top:1.2em;}
div#text-area {float:right; width:38em;}
body#shop div#main-content p {text-align:left; }
/*
ul#products {float:left; width:100%;}
ul#products li {float:left; width:100%; border-bottom:1px dotted #CCC; margin-top:1em; padding-bottom:1em;}
ul#products span {font-size:116%; font-weight:bold; }*/
div#product-content {float:left; width:32em; margin-bottom: 7px;}
div#product-content img {border:3px solid #CCC}
/* Image Switcher */
#img-switch {
display: block;
width: 411px;
height: 275px;
overflow: hidden;
margin-bottom: 7px;
}
a.img-switch { text-decoration: none; }
.img-switch img {
width: 72px;
}
div#product-aside {background:#DFBC99 none repeat scroll 0 0; border-bottom:1px dotted #CCCCCC; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC; float:left; font-size:86%; margin-bottom:2em; margin-left:1em; min-height:30em; width:275px; }
div#product-aside p {
display: block;
padding-left: 10px;
padding-right: 5px;
}
body#shop div#main-content div#product-aside h4 {padding:0.3em; width:97% !important;}
div#product-aside ul li {float:left; margin-bottom:1em; width:258px; }
div#product-aside ul li span {display:block; font-size:102.1%; font-weight:bold; margin:0.5em 0 0.3em; }
div#product-aside ul {float:left; padding:0 0.5em; }
div#product-aside ul li select {border:1px solid #CCCCCC; padding:5px; width:23em; }
div#product-aside ul li input {border:1px solid #CCCCCC; padding:5px; width:22em; }
div#product-aside ul li input.order_button {width:10em; border:none; background:#381E05; font-weight:bold; color:#FFF; height:3em; margin-bottom: 0.5em; }
div#product-desc {float:left; width:100%;}
div#product-desc h4, body#shop div#main-content h4 {background:#996633 none repeat scroll 0 0; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; color:#FFFFFF; margin-bottom:0.5em; padding:0.5em; width:97% !important; }
div#product-desc p {line-height:1.5;}
div#product-desc h5 {background:#DFBC99 none repeat scroll 0 0; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; margin-bottom:0.5em; padding:0.5em; width:97% !important; }
div#product-desc img {border:2px solid #CCCCCC; float:left; margin:0 1em 0 0; }
div#product-desc ul {float:left; width:100%;}
div#product-desc ul li {float:left; width:100%; margin-top:.5em; padding-bottom:.5em; border-bottom:1px dotted #CCC;}
body#outer div#main-content h3, div#main-content dt, body#faq div#main-content h3, body#upholstery div#main-content h3 {color:#FFF;background:#996633 none repeat scroll 0 0; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; color:#FFFFFF; margin-bottom:0.5em; padding:0.5em; width:97% !important; }
div#main-content dt a {color:#FFF;}
body#outer div#main-content h3 {}
body#outer div#main-content {float:left; font-size:95%; line-height:1.8; width:33em; }
div#main-content dd {margin:8px 1px 17px; }
div#main-content dd blockquote {border-bottom:1px dotted #FFEDDF; color:#4F4F4F; font-weight:bold; }
div#main-content dl {margin:0;}
body#faq div#main-content {width:714px; }
div#map {height:324px; margin:15px 0 10px; width:255px; }
ol li {padding:1px 0;}
ul#gallery li {display:inline-block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:15px 15px 12px 0; vertical-align:top; width:110px; }
ul#gallery li h4 {font-size:90%; margin-bottom:10px; }
form#contact-form {}
form#contact-form h3 {font-weight:normal; font-size:96%;}
form#contact-form label {float:left; display:block; width:136px;}
form#contact-form input, form#contact-form textarea {padding:2px 4px; width:280px; }
form#contact-form select {padding:2px 3px; width:293px; }
#verification_code {width:153px!important;}
#verification_img {margin:0 135px 10px; }
form#contact-form span {color:#FF2F2F}
form#contact-form button {margin:0 135px;}
ul#products form {display:inline-block; margin:10px 31px 0px 0; vertical-align:top; width:122px; }
ul#products li {margin:0px 31px 0 0; vertical-align:top; width:122px; }
div#main-content ul#products li h4 {background:transparent none repeat scroll 0 0; border:medium none; font-size:98%; font-weight:bold; margin-bottom:0.5em; padding:0; width:97% !important; }
div.main-image img {background:#FFEDDF none repeat scroll 0 0; border:1px dotted #CCCCCC; padding:5px; }
ul#area {float:left; margin:0 0 12px; width:100%; }
ul#area li {float:left; margin:0 20px 0 0; }
ul#area li img {background:#FFFFFF none repeat scroll 0 0; border:2px solid #CCCCCC; padding:4px; }
ul.menu, ul.menu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 15em;
}
ul.menu a {
display: block;
text-decoration: none;
}
ul.menu li {
border-bottom: 1px solid #fff !important;
}
ul.menu li a {
background:#381E05 none repeat scroll 0 0;
color:#FFFFFF !important;
padding:7px;
}
ul.menu li a:hover {
background: #000;
}
ul.menu li ul li a {
background:#996633 none repeat scroll 0 0;
color:#FFFFFF;
font-size:87%;
}
ul.menu li ul li a:hover {
background: #2F2C26;
}
ul.menu li ul li span {color:#ED1C24;padding-left:6px;}
div#news-section {background:#fff none repeat scroll 0 0; border-left:2px solid #381E05; border-right:2px solid #381E05; border-bottom:2px solid #381E05; float:left; font-size:90%; height: 340px !important; margin: 0; margin-bottom: 10px !important; overflow:hidden; font-size: 10px; width: 257px !important; }
div#news-section span { display: block; margin-bottom: 5px; padding:6px; }
div#news-section h3 {background:#381E05; padding:.4em; color:#FFF; font-weight:bold; font-size: 12px; margin:0; margin-bottom: -4px;}
body#faq div#main-content ul {margin:19px 18px; }
body#faq div#main-content ul li {list-style-type:disc; margin:8px 0 8px 17px; }
div#news-section p {
width: 240px;
}
#news-ticker{
width:257px;
height:310px;
background-color:white;
overflow:hidden;
margin:20px;
}
#news-ticker h4{
color:#933;
display:block;
margin-left: 5px !important;
}
#news-ticker p{
font-size:11px;
margin-left: 5px;
display:block;
margin-bottom: 10px;
}
#news-ticker li {
display: block;
margin-bottom: 5px;
}
body#upholstery div#main-content {width:100%;}
#slideshow {
position:relative;
height:320px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow IMG.active {
z-index:10;
}
#slideshow IMG.last-active {
z-index:9;
}