/* ------------------------------------- DEFAULT LAYOUT STYLE ------------------------------------- */
html {
overflow: -moz-scrollbars-vertical;
}


body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/001.jpg) repeat-x #fffcd1;
behavior:url("htc/csshover.htc");
color:#534b40;
}

img {
padding:0;
margin:0;
}

a img {
border:0;
}

a {
color:#429402;
text-decoration:underline;
padding:0;
margin:0;
}

a:hover {
color:#346e06;
text-decoration:underline;
padding:0;
margin:0;
}

p {
padding:0;
margin:0;
}

table {
padding:0;
margin:0;
}

.form {
padding:0;
margin:0;
display:inline;
}

/* ---- SHOP CHANGE - PRODUCT NAME ---- */
h1 {
font-family:Monotype Corsiva, Arial, Helvetica, sans-serif;
font-size:35px;
margin:0;
padding:0;
font-weight:400;
display:inline;
color:#534b40;
}

/* ---- SHOP CHANGE - HEADERS ---- */
h4 {
font-family:Monotype Corsiva, Arial, Helvetica, sans-serif;
font-size:25px;
margin:0;
padding:0;
font-weight:400;
display:inline;
color:#534b40;
}

/* SHOP CHANGE - PRICE */
h5 {
font-family:Monotype Corsiva, Arial, Helvetica, sans-serif;
font-size:25px;
margin:0;
padding:0;
font-weight:400;
display:inline;
color:white;
}
h6 {
font-size:14px;
display:inline;
margin:0;
padding:0;
}

h3 {
text-decoration:line-through;
}

#nav ul li a.red {
color:red;
font-size:11px;
font-weight:400;
margin:0;
margin-top:2px;
}
#nav ul li a.orange {
color:orange;
font-size:11px;
font-weight:400;
margin:0;
margin-top:2px;
}

/* ------------------------------------- FONT COLOURS LAYOUT STYLE ------------------------------------- */

.Type10AColour {
color: #50AF95;
font:12px/14px Arial, Verdana, sans-serif;
}

.Type10BColour {
font:10px/14px Arial, Verdana, sans-serif;
}

/* ------------------------------------- MAIN LAYOUT STYLE ------------------------------------- */

#all {
margin-left:auto;
margin-right:auto;
width:1100px;
}

#container {
width:100%;
margin-left:auto;
margin-right:auto;
min-width:950px;
}
#container-fixed {
margin:155px 0px 0px 75px;
width:950px;
background:white;
z-index:9999;
position:absolute;
}

#gmap {
float:right;
border:1px solid #CCCCCC;
}
#header {
width:100%;
height:155px;
background:url(../images/header-background2.gif) no-repeat #000000;
}
#headerimg {
float:left;
height:98px;
background:url('../images/logo_header.gif');
background-repeat:no-repeat;
}

#headertxt {
float:right;
padding-top:20px;
padding-right:20px;
color:white;
}

#header img {
float:left;
}

#cont-holder {
width:100%;
height:100%;
margin:10px 0 0 0;
padding:0;
float:left;
background:url(../images/content-back.gif) repeat-y;
}

#nav {
width:200px;
padding:10px 10px 10px 20px;
height:100%;
float:left;
}

#leftmenu {
width:200px;
height:100%;
float:left;
margin-bottom:10px;
}

#rightnav {
width:200px;
padding:10px;
height:100%;
float:right;
}

#main {
padding:0px 10px 10px 10px;
height:100%;
margin-left:265px;
min-width:200px;
}

#main-no-left {
padding:10px;
height:100%;
min-width:200px;
background:white;
border-left:1px solid #CCCCCC;
}

#main-right-menu {
padding:10px 10px 10px 10px;
height:100%;
margin-left:220px;
margin-right:220px;
background:white;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

#main-right-menu-no-left {
padding:10px 10px 10px 10px;
height:100%;
margin-right:220px;
background:white;
border-right:1px solid #CCCCCC;
}

/* #main a, #main-right-menu a, #main-right-menu-no-left a, #main-no-left a {
color: #50AF95;
text-decoration:none;
}

#main a:hover, #main-right-menu a:hover, #main-right-menu-no-left a:hover, #main-no-left a:hover {
color:#666666;
}
*/

.dottedline {
float:left;
width:100%;
height:1px;
margin:0;
padding:0;
background:url(../images/dottedlinebreak.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

#clear {
clear:both;
}

.clear {
clear:both;
}

.ralign {
float:right;
}

#footer {
padding:170px 5px 5px 5px;
clear:both;
background:url(../images/footer.png) top no-repeat #7a9b0e;
color:white;
}

#footer a{
color:#e0ecb8;
}
#footer a:hover {
color:white;
}

.td-border-1 {
border-right:1px solid #bfd675;
border-left:0;
text-align:left;
width:120px;
}
.td-border-2 {
border-right:1px solid #bfd675;
border-left:0;
text-align:left;
width:620px;
}


.td-no-border {
border-left:0;
text-align:left;
}


#search {
float:right;
width:188px;
padding:5px;
border:1px solid #CCCCCC;
background:url(../images/side-header.png) no-repeat #fff;
margin:5px 10px 0 0;
}

#searcht {
float:right;
padding:5px;
border:1px solid #CCCCCC;
background:#fff;
margin:5px 10px 0 0;
}

.td50 {
width:50%;
}

.td50pad {
width:50%;
padding-left:10px;
}

#login-drop-fixed {
position:absolute;
top:-120px;
left:50%;
margin: 0 0 0 0px;
width:407px;
height:105px;
padding:20px;
background:url(../images/tab.png);
color:white;
}

#login-drop-acc {
position:absolute;
top:125px;
right:50px;
color:white;
}

#login-drop-acc a, #login-drop-fixed a{
text-decoration:none;
color:white;
}

#login-drop-acc a:hover, #login-drop-fixed a:hover{
text-decoration:underline;
color:white;
}

#login-drop {
position:absolute;
top:-120px;
right:30px;
width:407px;
height:105px;
padding:20px;
background:url(../images/tab.png);
color:white;
}

#previous-next{
padding:5px;
border:1px solid #CCCCCC;
background:#F4F4F4;
}

.price {
width:102px;
height:47px;
padding-top:10px;
background:url(../images/price-bkg.gif);
display:inline;
margin:0;
color:red;
}

/* ------------------------------------- SHOP LAYOUT STYLE ------------------------------------- */

.category {
width:150px;
height:175px;
margin:0 10px 10px 0;
float:left;
border:1px solid #CCCCCC;
background:#FFFFFF;
text-align:center;
}

.product {
width:120px;
height:230px;
margin:0 10px 10px 0;
float:left;
/*padding:4px;*/
border:1px solid #CCCCCC;
/*background:url(../images/prod-back.png) no-repeat;*/
text-align:center;
}

.product-title {
height:30px;
overflow:hidden;
margin:0;
padding:0;
}

.product2 {
width:98%;
float:left;
padding:4px 0px 4px 4px;
border:1px solid #CCCCCC;
margin:0 0px 10px 0;
}
.product3 {
width:97%;
float:left;
padding:4px 0px 4px 4px;
border-bottom:1px solid #CCCCCC;
margin:0 0px 10px 0;
}
.product2-desc {
padding-left:260px;
padding-right:130px;
}
.product2-img {
width:250px;
float:left;
text-align:center;
}

.product2-info{
width:120px;
height:135px;
padding-left:10px;
margin-left:10px;
float:right;
border-left:1px solid #EEEEEE;
}

.product-large {
margin:0 10px 10px 0;
float:left;
border:1px solid #CCCCCC;
background:#FFFFFF;
text-align:center;
}

.rn-product {
width:188px;
margin-bottom:10px;
padding:5px;
float:left;
border:1px solid #CCCCCC;
background:url(../images/side-header.png) #fff no-repeat;
}

.more-img {
width:100%;
padding-top:3px;
border-top:1px solid #CCCCCC;
}

.more-img-img {
border:1px solid #CCCCCC;
}

#product-details {
width:100%;
min-height:360px;
}

#product-desc {
}

#prod-desc-fill {
}

/* ------------------------------------- TABLE LAYOUT STYLE ------------------------------------- */

.Type10AColumns {
border-bottom:1px solid #CDCDCD;
border-top:1px solid #CDCDCD;
padding:4px;
background-color:#F6F6F6;
text-align:center;
}

.Type10A{
border-bottom:1px solid #CDCDCD;
padding:2px;
text-align:center;
}
.Type10A2{
padding:2px;
text-align:center;
}
.Type10B{
border-bottom:1px solid #CDCDCD;
padding:2px;
background-color:#F8F8F8;
text-align:center;
}
.Type10B2{
padding:2px;
background-color:#F8F8F8;
text-align:center;
}
.Type10C{
padding:5px;
text-align:center;
}
.Type10D{
border-right:1px solid #CDCDCD;
padding-right:10px;
}
.Type10E{
padding-left:10px;
padding-right:10px;
}
.Type10F{
border-bottom:1px solid #CDCDCD;
border-right:1px solid #CDCDCD;
padding:10px;
}
.Type10G{
border-bottom:1px solid #CDCDCD;
border-right:1px solid #CDCDCD;
border-top:1px solid #CDCDCD;
text-align:center;
background:#EDEDED;
padding:10px;
}
.Type10H{
padding-left:10px;
border-left:1px solid #CDCDCD;
}

#offline {
width:592px;
margin-left:auto;
margin-right:auto;
margin-top:10%;
background:#0033CC;
}
#offline-header {
width:567px;
height:21px;
background:url(../images/offline-header.png);
padding:22px 0 0 25px;
}
#offline-content {
width:552px;
background:url(../images/offline-back.png);
padding:15px 15px 100px 25px;
}
#offline-footer {
width:567px;
background:url(../images/offline-footer.png);
height:31px;
padding:5px 0 0 25px;
font-weight:bold;
}

.field-1 {
width:192px;
padding:2px 5px 0 5px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
background:url(../images/field-back.gif);
}

.field-drop {
width:202px;
height:19px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
background:url(../images/field-back.gif);
}

.field-text {
width:192px;
height:67px;
padding:5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
background:url(../images/field--text-back.gif);
}

.field-small {
height:19px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
background:url(../images/field--text-back.gif);
}

.field-account {
width:132px;
padding:2px 5px 0 5px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
background:url(../images/field--account-back.gif);
}

/* ------------------------------------- NAVIGATION LAYOUT STYLE ------------------------------------- */

#nav ul {
padding:0;
margin:0px;
white-space:nowrap;
}

#nav li {
list-style-type:none;
color:white;
text-decoration:none;
float:left;
clear:both;
font-weight:400;
}

#nav li a {
width:225px;
padding:10px 0 10px 10px;
margin-top:2px;
color:#c2b8aa;
background:url(../images/button.gif) no-repeat right #76644b;
font-size:12px;
text-decoration: none;
float:left;
clear:both;
font-weight:400;
}

#nav li a:link a:visited {
color:white;
}

#nav li a:hover {
color:white;
background:url(../images/button-hover.gif) no-repeat right #534b40;
}

#nav li ul li a{ /* second-level lists */
width:178px;
padding:3px 0 3px 20px;
margin-top:2px;
background:url(../images/button.gif) no-repeat right #76644b;
font-size:12px;
text-decoration: none;
border:solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li a:hover{ /* second-level lists */
width:178px;
padding:3px 0 3px 20px;
background:url(../images/button-hover.gif) no-repeat right #534b40;
}

#nav li ul li ul li a{ /* second-level lists */
width:168px;
padding:3px 0 3px 30px;
margin-top:2px;
font-size:12px;
text-decoration: none;
border:solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li ul li a:hover{ /* second-level lists */
width:168px;
padding:3px 0 3px 30px;
}

#nav li ul li ul li ul li a{ /* second-level lists */
width:158px;
padding:3px 0 3px 40px;
margin-top:2px;
font-size:12px;
text-decoration:none;
border:solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#nav li ul li ul li ul li a:hover{ /* second-level lists */
width:158px;
padding:3px 0 3px 40px;
}

#topnav {
height:31px;
min-width:600px;
background:black;
margin:0;
list-style:none;
z-index:2000;
padding:1px;
}

#topnav a, #topnav h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}

#topnav h2{
color:red;
background:#000 url(/css/images/expand3.gif) no-repeat 100% 100%;
text-transform:uppercase;
}

#topnav a.arrow{
display: block;
color:white;
font-size:12px;
border:0;
font-weight:500;
text-decoration: none;
text-align:center;
padding: 7px 15px 7px 15px;
background:url(../images/button-bkg.gif);
z-index:2000;
margin-right:1px;
border:1px solid #999999;
}

#topnav a.arrowarrow{
display: block;
font-size:12px;
border:0;
font-weight:500;
text-decoration: none;
text-align:center;
padding: 7px 15px 7px 15px;
background:url(../images/button-bkg.gif);
z-index:2000;
margin-right:1px;
border:1px solid #999999;
}

#topnav a:hover.arrowarrow{
background:url(../images/button-bkg-hover.gif);
color:white;
}

#topnav a:selected.arrow {
background:url(../images/button-bkg-hover.gif);
color:white;
}
#topnav li a#selected {
background:url(../images/button-bkg-hover.gif);
color:white;
}
#topnav a:hover.arrow{
background:url(../images/button-bkg-hover.gif);
color:white;
}

#topnav a{
background:black;
color:#021174;
font-size:12px;
text-decoration: none;
padding:6px 15px 6px 15px;
border-bottom:1px solid #CCCCCC;
border-top:1px solid white;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

#topnav a, #topnav a:visited{
color:white;
}

#topnav a:hover{
background:white;
color:black;
}

#topnav a:active{
color:#060;
background:#ccc;
}

#topnav ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#topnav li{
position:relative;
}

#topnav ul ul{
position:absolute;
z-index:2000;
top:auto;
display:none;

}

#topnav ul ul ul{
top:0;
left:100%;

}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#topnav h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#topnav li:hover{
cursor:pointer;
z-index:2000;
}

div#topnav li:hover ul ul,
div#topnav li li:hover ul ul,
div#topnav li li li:hover ul ul,
div#topnav li li li li:hover ul ul
{display:none;}

div#topnav li:hover ul,
div#topnav li li:hover ul,
div#topnav li li li:hover ul,
div#topnav li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#topnav a.drop, #topnav a.drop:visited{
background:url(../images/arrowimg.gif) right no-repeat #f8f8f8;
color:red;
font-size:12px;
text-decoration: none;
border-bottom:1px solid #CCCCCC;
border-top:1px solid white;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:6px 15px 6px 15px;
}

#topnav a.drop:hover{
background:url(../images/arrowimg-hover.gif) right no-repeat #021174;
color:white;
}

#topnav a.drop:active{
color:#060;
background:#ccc;
}

#floatingFooter
{
direction: ltr;
font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
font-weight: normal;
font-size: 11px;
text-align: left;
color: white;
background:url(../images/nav-back.gif);
width: 100%;
height: 30px;
z-index:9999999;
position: fixed !important;
position:absolute;
left: 0px;
bottom:0px;
_top: expression( ( 0 - 30 + ( document.body.clientHeight ? document.body.clientHeight : document.documentElement.clientHeight ) + ( ignoreMe = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop ) ) + "px" );
padding: 0;
line-height: 14px;
}

#flash {
width:1000px;
height:500px;
position:absolute;
z-index:1;
}

#hometop {
width:663px;
height:261px;
background:white;
}

#change1 {
width:415px;
height:259px;
background:url(/files/home-1.png);
float:left;
position:absolute;
z-index:1;
border:1px solid #7b7368;
}
#change2 {
width:415px;
height:259px;
background:url(/files/home-2.png);
float:left;
position:absolute;
z-index:1;
border:1px solid #7b7368;
}
#change3 {
width:415px;
height:259px;
background:url(/files/home-3.png);
float:left;
position:absolute;
z-index:1;
border:1px solid #7b7368;
}
.changetxt {
width:437px;
height:52px;
background:url(../images/home-top-back.png);
float:left;
color:#333333;
padding:5px;
margin-top:199px;
z-index:1;
}

.changetxt a {
color:#666666;
text-decoration:none;
border:0;
}

.changetxt a:hover {
color:#666666;
text-decoration:none;
}
.changetxt a h1 {
color:#666666;
text-decoration:none;
margin-bottom:10px;
border:0;
}

.changetxt a:hover h1 {
color:#666666;
text-decoration:none;
border:0;
}

.homeinfo {
width:205px;
height:269px;
float:right;
padding-left:409px;
color:#c2b8aa;
text-decoration:none;
z-index:3000;
position:absolute;
}

.homeinfo a{ 
width:230px;
height:75px;
padding:5px 5px 5px 20px;
float:left;
color:#c2b8aa;
text-decoration:none;
z-index:3000;
border:0;
margin-bottom:3px;
}

.homeinfo a:hover{ 
width:230px;
height:75px;
padding:5px 5px 5px 20px;
float:left;
color:white;
text-decoration:none;
z-index:3000;
border:0;
margin-bottom:3px;
}

.hselected {
width:230px;
height:75px;
padding:5px 5px 5px 20px;
float:left;
background:url(../images/home-a-hover.gif);
color:#c2b8aa;
text-decoration:none;
z-index:3000;
margin-bottom:3px;
}

.hunselected {
background:url(../images/home-a.gif);
z-index:3000;
margin-bottom:3px;
}

.homeinfo a:selected {
width:230px;
height:75px;
padding:5px 5px 5px 20px;
float:left;
color:white;
text-decoration:none;
border-bottom:1px solid #cfcfcf;
background:url(../images/home-a-hover.gif);
z-index:3000;
border:0;
margin-bottom:3px;
}

a.midland {
width:235px; height:64px; display:blo; color:black; background:white; text-decoration:none; background-image:url('../files/midland-international.png'); float:left; margin-right:10px;}
a:hover.midland {
width:235px; height:64px; display:inline; color:black; background:white; text-decoration:none; background-image:url('../files/midland-international-over.png'); float:left; margin-right:10px;}
a.toilet-hire {
width:201px; height:64px; display:inline; color:black; background:white; text-decoration:none; background-image:url('../files/toilet-hire.png'); float:left; margin-right:10px;}
a:hover.toilet-hire {
width:201px; height:64px; display:inline; color:black; background:white; text-decoration:none; background-image:url('../files/toilet-hire-over.png'); float:left; margin-right:10px;}
a.caravan-club {
width:88px; height:118px; display:inline; color:black; background:white; text-decoration:none; background-image:url('../files/caravan-club.png'); float:left; }
a:hover.caravan-club {
width:88px; height:118px; display:inline; color:black; background:white; text-decoration:none; background-image:url('../files/caravan-club-over.png'); float:left; }

.gallery {
width:150px;
height:155px;
margin:0 10px 10px 0;
float:left;
border:1px solid #e1e1e1;
background:#FFFFFF;
text-align:center;
}

.gallery-2 {
width:400px;
margin:0 10px 10px 120px;
float:left;
border:6px solid #534b40;
background:#FFFFFF;
text-align:center;
}

#img-gallery {
width:560px;
/*height:420px;*/
}

.gimg 
{
padding:5px;
width:100px;
height:100px;
display: table-cell;
vertical-align: middle;
text-align:center;
}

.carousel-box {
background:white;
padding:5px;
margin-bottom:20px;
}

.prev {
width:19px;
height:22px;
float:left;
margin-top:40px;
background:url(../images/prev.png);
border:0;
cursor:pointer;
}


.next {
width:19px;
height:22px;
float:right;
margin-top:40px;
background:url(../images/next.png);	
border:0;
cursor:pointer;
}