body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/background.jpg);
	background-attachment:fixed;
	background-color: #000000;
	padding: 20px 0px 20px 0px;
	margin: 0px;
	text-align: center;
	font-size:12px;
}

p, h1, h2, td {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;	
}

p{
color:#535352;
font-size:12px;
line-height:18px;}



th {
	font-family: Arial, Helvetica, sans-serif;
}

#daddy{
	width:750px;
	margin:0px auto 0px auto;	
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #FFFFFF;
	background-image:url(../images/body-background.jpg);
	overflow: hidden;
}

/*Allows us to position the footer at the bottom :) */
/*
#wrapper{
	position: absolute;
	width: 750px;
	height: 2000px;
	margin: 0px;
	padding: 0px;
		background-color: #FFFFFF;
	background-image:url(../images/body-background.jpg);
}
*/
/*************************************************************

left column

*************************************************************/

#left-column{
	width:210px;
	padding:0px 0px 10px 0px;
	margin:0px;
	float: left;
	clear: left;
}

#left-column p{
color:#FFFFFF;}

#left-column hr{
	color: #ffffff;
    height: 1px;	
	border: 0;
	border-bottom: 1px dashed;
	clear: both;
	margin: 0px 0px;
	padding: 5px;
	width:190px;
	text-align:center;
}

#our_shop{
	padding: 0px 5px;
}

#logo{
padding:10px;}

#nav{
width:190px;
padding:0;
margin:0 0 0 10px;
color:#FFFFFF;
font-size:12px;}

#nav a{
color:#FFFFFF;
text-decoration:none;
line-height:18px;}

#nav a:hover{
text-decoration:underline;}

#nav ul{
	padding: 0px;
	margin: 3px 0px 10px 0px;
  	list-style: none;
}
  
p.left-header{
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	padding:1px 0 1px 5px;
	display:block;
	background-image:url(../images/nav-trans-grad.png);
}  


.subnav li{
padding:0 0 0 5px;
font-size:11px;}

.subnav li li{
padding:0 0 0 20px;
font-size:11px;}

.subnav li li li{
padding:0 0 0 35px;
font-size:11px;}

.selected{
background-image:url(../images/arrow-white.png);
background-repeat:no-repeat;
position:relative;
left:-10px;
padding-left:10px;
font-weight:bold;
vertical-align:text-bottom;}

#search{
margin:0;
padding:5px 10px;}

#search form{
padding:5px;
margin:0;
}

#search input{
border:none;
font-size:11px;
padding:2px;
}


#our-shop{
padding: 0 10px;
}

#our-shop img{
padding-right:5px;}

#opening-hours{
clear:both;
border:1px dashed #ffffff;
margin-top: 5px;}



#opening-hours p
{
padding:5px;
}

#side-cards{
	padding: 10px 0px 0px 0px;
}

/*************************************************************

right column

*************************************************************/



#right-column{
	width: 540px;
	padding:0px 0px 10px 0px;
	margin:0;
	float: right;
	clear: right;
}


#right-column a{
color:#5e6f0b;
text-decoration:none;
}

#right-column a:hover{
color:#ffffff;
background-color:#5e6f0b;}


/************top ********************************************/

#top{
margin:10px;
color:#535352;}

#top img{
border:none;}

.top-image{
width:45px;
float:left;}

.top-text{
margin-top:3px;
width:220px;
float:left;
vertical-align:middle;}

.basket-text p{
width:110px;
float:left;
font-size:11px;
line-height:16px;
vertical-align:middle;
text-align:right;}

.tel{font-size:11px; 
	width: 35px; 
	float: left;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px}

.number{font-size:12px;
font-weight:bold;
width: 200px;
}

.emo{font-size:12px;
font-weight:bold;
width: 200px;
}

#contact{
width: 300px;
float:left;
}

#basket{
width:160px;
float:right;
height: 46px;
}


/**************************banner **********************/

#banner{
width:520px;
height:143px;
margin:10px;
background-image:url(../images/handmade-in-scotland.jpg);
background-repeat:no-repeat;
clear:both;}

#banner p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:20px;
color:#FFFFFF;
font-style:italic;
padding: 155px 15px 0 15px;}

#home h1{
	color: #666666;
	font-size: 18px;
}
#home h2{
	color: #666666;
	font-size: 14px;
	margin: 0px 10px 10px 10px !important;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #666666;
}

/**************************intro **********************/

#intro{
margin:10px;}

/*********************categories***********************/

.categories{
margin-left:10px;
margin-top: 0px;
clear: both;
}

.category-right{
width:164px;
float:left;
padding: 0px;
margin: 0px;
margin-right:0px;
margin-bottom: 10px;
}


.category{
width:164px;
float:left;
padding: 0px;
margin: 0px;
margin-right: 12px;
margin-bottom: 10px;
}

.category-thumb{
width:164px;
border:1px solid #535352;
}

.category-top{
width:164px;
height:40px;
background-color:#535352;
}

.category-top-small{
width:164px;
height:24px;
background-color:#535352;
}

.category-top a, .category-top-small a{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.category-top a:hover, .category-top-small a:hover{
	color: #FFFFFF !important;
	text-decoration: underline !important;
	background-color:#535352 !important;
}

.category-top p, .category-top-small p{
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	padding: 2px 0px;
	padding-left:5px;
	line-height:normal;
}

.popular{
width:164px;
font-size:12px;
clear:both;
color:#535352;
line-height:18px;}

.popular ul{
  padding: 0;
  margin: 0;
  list-style: none;
}


.popular li{
list-style:none;
padding-left:8px;
background-position: 0em ;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
}


.popular a{
font-size:11px;}


/***************************bottom*******************/

#bottom{
	width:520px;
	padding:0 0 0 10px;
	margin: 10px 0 0px 0;
	float: left;
}

#special{
width:342px;
height:160px;
overflow: hidden;
background-color:#e8e8e7;
margin: 0px 10px 0px 0px;
padding:0 0 0 0;
float:left;
}

#special-top{
background-color:#535352;
height:24px;
margin: 0px;
padding: 0px;
}

#special-top h3{
color: #ffffff;
font-weight: bold;
line-height: 24px;
padding: 0px 0px 0px 5px;
margin: 0px;
font-size:13px;
}

#special-image{
	float:left;
}

#special-text{
	width: 230px;
	float:right;
}

#special-text p{
	color: #666666;
	padding:5px;
	font-size:11px;
}


#special-text a{
color:#5e6f0b;
text-decoration:none;
}

#special-text a:hover{
color:#FFFFFF;
background-color:#5e6f0b;}

#mailing{
background-color:#e8e8e7;
width:168px;
height:160px;
padding:0;
margin:0 0px 0 0px;
float:left;}

#mailing-top{
height:24px;
background-color:#535352;
margin: 0px;
padding: 0px;
}

#mailing-top h3{
color: #ffffff;
font-weight: bold;
line-height: 24px;
padding: 0px 0px 0px 5px;
margin: 0px;
font-size:13px;
}



#mailing-text{
overflow:hidden;
background-color:#e8e8e7;}

#mailing-text p{
color:#666666;
padding:5px;
font-size:11px;
}

#mailing-text form{
margin: -20px 0px 0px 0px;
padding: 5px;
text-align:right;
}

#mailing-text label{
font-weight:bold;
color:#535352;
vertical-align:middle;
font-size:11px;
padding:5px;
margin:0;}

#mailing-text input{
margin-bottom:3px;
font-size:11px;
}




/*************************footer *********************************/

#footer{
	width: 540px;
	height: 65px;
	float: right;
	clear: both;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
}

#footer p{
color:#FFFFFF;
padding:5px;
}


#footer-left{
width:30px;
float:left;
padding:10px;}

#footer-right{
width:360px;
float:left;
padding:0;}

#footer-cards{
	width: 100px;
	float:right;
	margin: 10px 10px 6px 0;
	text-align: right;
}


#footer a{
color:#ffffff;
text-decoration:none;}

#footer a:hover{
background-color:#FFFFFF;
color:#000000;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	padding:0;
	margin:0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */