body{ 
	font-family: Arial, Verdana, sans-serif;	
	background-color: #ffffff;

	background: url("../imgs/cheese-bg.jpg");	
	background-color: #ecdfbd; 

margin:0px;
padding:0px;

}

div#outercontainer{
margin:auto;
width:890px;
position:relative;
z-index: 2;
border:solid 0px black;
background: url("../imgs/left-bg.gif") bottom left ;	
background-repeat:no-repeat;
/*Remove height when populated*/
}

div#header{
position:relative;
z-index: 3;
left:0px;
top:0px;
border:0px solid red;
}

div#contentcontainer{
margin:auto;
border:0px solid red;
width:800px;
position:relative;
z-index: 2;
top:0px;
background-color: black; 
}
#dots{

background-image:url("../imgs/header-dots.gif") ; 
width:100%; 
height:10px; 

background-repeat:repeat-x;
position:absolute;
z-index: 2;
top:100px;
left:0px;
}

#dots2{

background-image:url("../imgs/header-dots.gif") ; 
width:100%; 
height:10px; 
margin-top:45px;

background-repeat:repeat-x;
float:right;
}


.headertag{

position:absolute;
z-index: 3;
top:0px;
left:0px;
}

div#bodycontainer{
position:relative;
background: url("../imgs/main-bg.jpg") top left ;	
background-repeat:no-repeat;
padding-bottom:20px;
padding-top:20px;
border:solid 0px green;
}

#cameratag{ position: absolute;  left:-43px; top:205px;  border:solid 0px blue; width:200px; height:200px; }

#bodytext{
width:480px;
margin-right:25px;
margin-top:20px;

margin-bottom:20px;
float: right;
font-size: small;
color:white;
}

#menuarea{
width:200px;
margin-left:0px;
margin-top:40px;
margin-bottom:20px;
float: left;
font-size: small;
color:white;
border:solid 0px blue;

}

.tartan{
top:0px; 
background-image:url("../imgs/header-dots.gif") ; 

}
.image-left{float:left;}
.image-right{float:right; margin:5px 5px 5px 5px;}
.clear-both{clear:both; margin:0px; padding: 0px;}
#cambuslogo{float:right; border:0px solid red; margin-right:40px; width:250px; height:270px;}
#cambustext{float:left; border:0px solid red; width:450px;}

/* ----------------------------- start #nav ----------------------------- */
#nav {  border:solid green 0px; margin-bottom: 15px; float:right;}
#nav img { border: none; }
#nav ul { margin: 0em; padding:0em;}
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block;  margin-top: 0px; margin-bottom: 0px; margin-left: 15px;margin-right: 0px; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#one { background:url(../imgs/menu/1-welcome_rl.gif) no-repeat left bottom;  }
#two { background:url(../imgs/menu/2-aboutus_rl.gif) no-repeat left bottom; }
#three { background:url(../imgs/menu/3-location_rl.gif) no-repeat left bottom; }
#four { background:url(../imgs/menu/4-purchase_rl.gif) no-repeat left bottom; }
#five { background:url(../imgs/menu/5-getintouch_rl.gif) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */

/* ----------------------------- start #subnav ----------------------------- */
#subnav1 {  border:solid green 0px; margin-bottom: 15px; float:right;}
#subnav1 img { border: none; }
#subnav1 ul { margin: 0em; padding:0em;}
#subnav1 li { display: inline; list-style:none; }
#subnav1 li a { display:block;  margin-top: 0px; margin-bottom: 0px; margin-left: 15px;margin-right: 0px; }
#subnav1 li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#subnav1 li a:hover { visibility:visible; }
#subnav1 li a:hover img { visibility:visible; }
#subnav1 li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#subnav2 {  border:solid green 0px; margin-bottom: 15px; float:right;}
#subnav2 img { border: none; }
#subnav2 ul { margin: 0em; padding:0em;}
#subnav2 li { display: inline; list-style:none; }
#subnav2 li a { display:block;  margin-top: 0px; margin-bottom: 0px; margin-left: 15px;margin-right: 0px; }
#subnav2 li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#subnav2 li a:hover { visibility:visible; }
#subnav2 li a:hover img { visibility:visible; }
#subnav2 li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids for sub menus ----------------------------- */
#aboutus-one { background:url(../imgs/menu/aboutsub1_rl.gif) no-repeat left bottom;  }
#aboutus-two { background:url(../imgs/menu/aboutsub2_rl.gif) no-repeat left bottom; }
#aboutus-three { background:url(../imgs/menu/aboutsub3_rl.gif) no-repeat left bottom; }
#aboutus-four { background:url(../imgs/menu/aboutsub4_rl.gif) no-repeat left bottom; }
#aboutus-five { background:url(../imgs/menu/aboutsub5_rl.gif) no-repeat left bottom; }

#location-one { background:url(../imgs/menu/locationsub1_rl.gif) no-repeat left bottom;  }
#location-two { background:url(../imgs/menu/locationsub2_rl.gif) no-repeat left bottom; }
#location-three { background:url(../imgs/menu/locationsub3_rl.gif) no-repeat left bottom; }
#location-four { background:url(../imgs/menu/locationsub4_rl.gif) no-repeat left bottom; }
#location-five { background:url(../imgs/menu/locationsub5_rl.gif) no-repeat left bottom; }

#purchase-one { background:url(../imgs/menu/purchaseonlinesub_rl.gif) no-repeat left bottom;  }
#purchase-two { background:url(../imgs/menu/stockistssub_rl.gif) no-repeat left bottom; }
#purchase-three { background:url(../imgs/menu/marketssub_rl.gif) no-repeat left bottom; }
#purchase-four { background:url(../imgs/menu/thecreamery_rl.gif) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */



/*------------------------SHOP-------------------------------------------------*/

.productlineyellow{

border:solid 1px #ecddaf;
width:175px;
height:200px;
background-color: #532b27;
float:left;

}
.productlineyellow:hover{

border:solid 1px #ecddaf;
width:175px;
height:200px;
background-color: #422421;
float:left;
cursor: pointer;
}

.productimages{
margin:auto;
width:165px;
height:105px;
margin-top:5px;
background-color: #705350;
}

.producttext{
font-size: 11px;
color:white;
margin:auto;
width:165px;
height:55px;
margin-top:5px;

}

.productbutton{
font-size: 12px;
margin:auto;
width:165px;
text-align: center;
padding-top:5px;
padding-bottom:5px;
background-color: #1d0808;
color:#ecddaf;
}

.productbutton:hover{
font-size: 12px;
margin:auto;
width:165px;
text-align: center;
padding-top:5px;
padding-bottom:5px;
background-color: #29483e;
cursor: pointer;
}

.shopdetails{float:left; margin-top:8px;margin-right:10px; width:340px;}
.shopbutton{

width:96px;
height:30px;
background:url(../imgs/addtocart.gif) no-repeat left bottom;

float:left;
}

.shopbutton:hover{

width:96px;
height:30px;
background:url(../imgs/addtocart_rl.gif) no-repeat left bottom;
cursor: pointer;
float:left;
}

.button {
width:96px;
height:30px;
  border:0px;
    background: #9cf;
    background:url(../imgs/addtocart.gif) no-repeat left bottom;
}

.button:hover {
width:96px;
height:30px;
    border:0px;
    background: #9cf;
    background:url(../imgs/addtocart_rl.gif) no-repeat left bottom;
    cursor: pointer;
}

h2 {color:#c788d0; font-size:12px;  line-height: 0pt;white-space:nowrap;}
h2 a{color:white; text-decoration: none;}
.breadcrumb{font-size: 11px; color:#ecddaf;cursor: pointer;}
.breadcrumb:hover{font-size: 11px; color:#ffffff;cursor: pointer;}
.red{color:red;}
.yellow{ font-weight: bold; color: #f4e5a9; }