body  {
height:100%;
font: 100% arial; background: #FFFFFF; margin: 0; padding: 0;
text-align: left; 

/* this centers the container in IE 5* browsers. 
The text is then set to the left aligned 
default in the #container selector */

color: #000000;
background-color: #636466;
background-image: url(../media/27348/snowdonia-cheese-background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: -50px top;}
	
/* remove the bullets for all pages */
li {list-style-type:none;}
/* added by Joe style HR colour black */
hr{color: #CC9900;background:#CC9900;height: 1px;border: 0px;}

input[type="button"]
{
    background-color: #B89836;
    font-family: arial; font-size: 11px; color: #000000;
    padding: 2px 2px 2px 2px;
    	
    /*color: #B89836;*/
    border: 1px solid #B89836;
    cursor: pointer;
    margin: 0px;
}
input[type="submit"]
{
    font-family: arial; font-size: 11px; color: #000000;
    background-color: #B89836;
   
    padding: 2px 2px 2px 2px;
    /*border: solid thin gray;
    color: #B89836;*/
    border: 1px solid #B89836;
    cursor: pointer;
}
	

body,td,th {font-size: 10px; font-weight: normal;}

a { font-family: arial; font-size: 12px; color: #B89836 }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #B89836; }
a:hover { text-decoration: underline; color: #B89836; }
a:active { text-decoration: none; color: #B89836; }
h1,h2,h3,h4,h5,h6 { font-family: arial; }

h1{font-size: 14px;color: #FFFFFF;line-height: 2em; font-family: times;text-transform: uppercase;
padding-bottom: 10px;}

h2{font-size: 12px;color: #B89836;padding-top: 0px;font-family: 'times New Roman' , Times;
text-transform: none;margin-top: 0px;}
h3 { font-size: 12px; color: #000000; }
h4{font-size: 12px;color: #B89836;margin-bottom: 5px;line-height: 1.2em;}
h5 { font-size: 10px; color: #FFFFFF; }
h6 { font-size: 10px; color: #B89836; }

.twoCol #container {
         text-aligh: left;
	width: 950px;
         
	background: #000000;
         background-color: #000000;
	background-repeat: repeat-y;
         background-image: url(http://www.snowdonia-cheese.co.uk/media/39107/border-fix.gif);
	margin: 0px auto;
         
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
		/*border-right: #cc9933 2px solid;
		border-left: #cc9933 2px solid;*/
	border-bottom: #cc9933 2px solid;

         _width: 950px; /* for IE 6 only*/
         	_padding-right: 0px;
	_padding-left: 0px;
         _margin: 0px auto;
         _background-color: #000000;
	_background-repeat: repeat-y;
         _background-image: url(http://www.snowdonia-cheese.co.uk/media/39107/border-fix.gif);
 

} 

.twoCol #header { 
padding-right: 0px; 
padding-left: 0px;
margin: 0px auto;
_margin: 0px auto;
background-image: url(../media/27353/new-header.png); 
background-repeat: no-repeat; 
height: 153px; 
width: 950px;
_width: 950px; 
background-position: 0px; margin-right: 0px margin-left: 0px; }


.twoCol #navigation {

	padding: 10px 0px 0px;
         
         background-color: #000000;
	background-repeat: repeat-x;
         background-image: url(../images/navigation-bg.jpg);
	height: 30px;

	width: 904px;

	margin-right: 33px;

	margin-left: 13px;

	

	margin-top: 0px;

	

} 

.twoCol #header h1 { margin: 0px; padding: 10px 0px; }

.twoCol #sidebarContainer

{

    float: left;

    width: 150px;
    
    background: #000000;

    padding: 15px 10px 15px 15px;

    font-family: arial;

    font-size: 12px;

    color: #FFFFFF;

    height: 412px;

    margin-left: 2px;

}



.twoCol #sidebar1

{

    float: left;

    width: 150px;

    background: #000000;

    padding: 0px 0px 0px 0px;

    font-family: arial;

    font-size: 12px;

    color: #FFFFFF;

    height: 412px;

    display: inline;

}



/* added by Joe fix gold menu on the left bottom right */



.twoCol #sidebar1-gold
{
	float: left;
	width: 150px;
	background: #000000;
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	height: 200px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 13px 0px 0px;
}

.twoCol #sidebar1-goldFix
{
	float: left;
	width: 150px;
	background: #000000;
	padding: 0px 0px 0px 0px;
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	height: 180px;
	margin-left: 5px;
	margin-right: 24px;
	margin-top: 20px;
}

.imgSpace
{
	margin-bottom: 17px;
}


/* ONLY USE IN THE ONLINE STORE PAGE TO EXTEND TO MATCH THE 3 PANEL */
.twoCol #sidebar1-shop 
{
	
    float: left;

    width: 150px;

    background: #000000;

    padding: 0px 0px 0px 0px;

    font-family: arial;

    font-size: 12px;

    color: #FFFFFF;

    height: 490px;

    display: inline;
}
/* --- Overbyte Interactive --------------- */


.twoCol #left-panel

{

    height: 190px;

    width: 147px;

    overflow: hidden;

    position: absolute;

    top: 510px;

    padding-top: 10px;

    margin-top: 100px;

    padding-right: auto;

    margin-left: 15px;

    margin-right: 0px;

    left: 450px;

    right: 300px;

    padding-left: auto;

    clear: both;

}

.twoCol    #side1 ul{

	list-style:none;

}

.twoCol    #side1 li{

	display:block; float:left;

}

.twoCol #mainContent
{
	margin: 0px 0 0 0px;
         
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-top: 15px;
	width: 727px;
         _width: 707px;
	height:auto;

	/* min-height:auto; max-height:800px; clear: right;*/

	display: inline;
	float: left;
}

.twoCol #mainContentFix
{
	margin-bottom: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
	width: 946px;
	height:200px;
	float: left;

	_padding-right: 10px;
	_padding-bottom: 0px;
	_padding-left: 10px;
	_padding-top: 0px;
         _width: 930px;
	_height:200px;
	_float: left;
}
 

.twoCol #mainContentMX {

	marging-bottom: 30px;

	padding-right: 30px;

	padding-bottom: 0;

	padding-left: 15px;

	padding-top: 15px;

	overflow: hidden;

	width: auto;

	height: auto;

}

.twoCol #bottomPanel
{
	height: 200px;
	width: 727px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 30px;
}

.twoCol #bottomPanelFix
{
	height: 200px;
	width: 946px;
         _width: 920px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}


.twoCol #cartContainer {

	float: right;

	height: 15px;

	width: 130px;

	margin-top: -18px;

	left: 1120px;

	top: 317px;

}

/*.twoCol #footer { padding-right: 0px; padding-left: 0px;margin: 0 auto; } 
  .twoCol #footer p { margin: 0; padding: 10px 0;} */
.ftspace { padding-left:160px; }
.twoCol #footer {
         text-aligh: left;
	width: 900px;
	margin: 0 auto;
	height: 15px;
	padding-right: 0px;
	padding-left: 0px;
	/*border-right: #cc9933 2px solid;
	border-left: #cc9933 2px solid;
	border-bottom: #cc9933 2px solid;*/
}

#footer
	height: 15px;
	width: 950px;
	background-color:#FFFFFF;
	text-align: center;
	
         }
#footer ul {
	list-style:none;
}
#footer  li{
	display:block; float:left;
}
#footer  li  a{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom: 15px;
	display:block;
	color:#FFFFFF;
	text-transform:none;
	text-decoration:none;
	font-family:arial;
	font-size:10px;
	font-weight: normal;
	height: auto;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 5px;
	
}

#footer  li  a  span{
	/*color:#636363;*/
	color:#FFFFFF;
   	font-size:10px;
	text-transform:lowercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footer  li  a:hover{
	text-decoration:none;
	color: #B89836;
	font-family: arial;
	font-size: 10px;
}
#footer  li  a:hover  span{
	color:#636363;
}

   .fltrt {float: right; margin-left: 8px; }
   .fltlft {float: left; margin-right: 8px; }     
   .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#footer li{display:inline}

/*  Added by Overbyte Interactive (JJ 11/8/09) */     

div#uxMainContentInner { 
/* Added for IE6 Margin problems display:inline; */
    background-color: White; height:393px; margin-top: 0px;
    
    ; width: 727px;} _width: 707px;}

div#uxMainContentInner1
{
         background-color: White;
	height: auto;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
         _padding-right: 10px;
	_padding-bottom: 10px;
	_padding-left: 10px;
}


div#uxMainContainerInner
{
    padding: 10px 10px 10px 0px;
    _padding: 0px 0px 0px 0px;
    _width: 707px;
    height: auto;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
}
.mainContentCenter
{
    background-color:none;
    height:375px;
    float: left;	
	width: 222px;
	padding: 10px 10px 10px 10px;
	/*margin: 10px 0px 0px;*/
}
.mainContentRight
{
    background-color:none;
    height:375px;
    float: left;	
	width: 222px;
	padding: 10px 10px 10px 10px;
	/*margin: 10px 0px 0px;*/
}
/*  Added by Overbyte Interative (JC 18/8/09) */
.mainContentLeft

{background-color:none; /*padding:5px 5px 5px 5px;*/

    height:375px;
    float: left;	
    width: 222px;
    padding-top: 10px; 
    padding-right: 5px ; 
    padding-left: 15px; 
    padding-bottom: 10px;
     
    /*margin: 10px 0px 0px;*/
}

.mainContentCenter-L
{
	background-color: White;
	height: 375px;
	float: right;
         _float: right;
	width: 305px;
         _width: 300px;
	/*margin: 10px 0px 0px;*/

	/*border-righ: #cc9933 thin solid;
	border-top: #cc9933 thin solid;
	border-left: #cc9933 thin solid;
	border-bottom: #cc9933 thin solid;
	border-righ: #cc9933 thin solid;
	border-right: #cc9933 thin solid;*/
	margin: 6px 6px 0 0;
         _margin-left:0px;
	_margin-right:5px;
	_margin-top: 10px;
	_margin-bottom: 0px;
	
}

.mainContentRight-L
{
    background-color:White;
    height:375px;
    float: left;	
	width: 222px;
	padding: 10px 10px 10px 10px;
	/*margin: 10px 0px 0px;*/
}
/*  Added by Overbyte Interative (JC 18/8/09) */
.mainContentLeft-L

{background-color:White; /*padding:5px 5px 5px 5px;*/

    height:200px;
    float: left;	
    width: 380px;
   _width: 200px;
    padding: 10px 10px 10px 10px;
   _padding-left: 10px;
   _padding-right: 0px;
   _padding-top: 5px;
   _padding-bottom: 10px;
   _margin: 0px;
    /*margin: 10px 0px 0px;*/
}

div#fix
{
	background-color: White; /*padding:10px 10px 10px 10px;*/
	min-height: 393px;
         _height: 393px;
	max-height: auto;
	float: left;
	width: 698px;
         _width: 717px;
         max-width 698px;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
         _padding-right: 0px;
	_padding-left: 10px;
	_padding-bottom: 0px;
	_padding-top: 10px;
}

div#basketContainer

{

    background-color: White; /*padding:5px 5px 5px 5px;*/

    height: auto;

    float: left;

    width: 440px;

    padding: 10px 0px 0px 0px;

    display: inline;

}

  

.Button

{
    background-color: #B89836;
    border: 1px solid #B89836;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    _padding-left:0px;
    _padding-right:0px;
    _padding-top:0px;
    _padding-bottom:0px;
}   

.Error

{

    color:Red;

}

div#login
{
    padding: 5px 5px 5px 15px;
    _padding-right: 0px;
    _padding-left: 0x;
    _padding-top: 15px;
    _padding-bottom: 5px;
    border-top: #B89836;
    width: 330px;
    _width: 330px;
    height: 147px;
    clear: right;
    _clear: left;
    border: 1px solid #B89836;
    overflow: hidden;
    _float: left;
}

.goldLine
{
    padding: 0px;
    margin: 5px 0px 5px 0px;
    width: 680px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #B89836;
    height: 3px;
}
#cb label
{
    padding-left:5px;
}













































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
