@charset "utf-8";

/******************************************************************************************************/
/******************************************************************************************************/
/***********======= REMEBER TO CHECK OTHER STYLE SHEETS AND HTML CODE FOR IE 6 FIXES ========**********/
/******************************************************************************************************/
/******************************************************************************************************/

body  {
	font : 78%/160% Verdana, Arial, Tahoma, sans-serif ;
	background:url(_img/mainBG.jpg) repeat-x;
	background-color: #464545;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
/* this will only work in IE6	*/
* html body{font-size:12px;}
/* END	*/

p, h1, h2, h3, h4, h5, h6, a, li, ul, input{
	padding:0;
	margin:0;
}


/* Miscellaneous classes for reuse */
.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*********** Links ***********/
a{outline:none;}

a, a:link, a:active, a:visited{
	color: #000;
	text-decoration:underline;
} 
a:hover{
	color: #b3b3b3;
	text-decoration:none;
}

/*********** fonts ***********/

h1{color:#000; font-size:130%; margin: 0 0 10px 0;}

h1.lift
{
	margin-top: -25px;
}

h2{color:#000; font-size:120%; }
h3{color:#000; font-size:110%;}

.red_txt{color:#FF0000; font-weight:bold;} /* keep as red for warnings and checkout */
.sml_txt{font-size:86%;}
.coloured_txt{color:#666666;}

.priceWas{text-decoration:line-through; font-weight:bold; color:#000;}
.priceNow{color:#FF0000;font-weight:bold;}
.priceNowLrg{color:red;font-weight:bold; font-size:200%;}


/* Overall table cell colour settings */
.formTitle{
	background:url(_img/tdBG.jpg) repeat-x;
	background-color:#aaa8a9;
	color:#000;
	padding:0.5em;
}
.formTitle a, .formTitle a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
.formTitle a:hover{
	color:#92c5eb;
	text-decor ation:none;
}
.formTitleSub{
	background-color:#ffe507;
	color:#000;
	}
.formData{
	border-bottom:1px dashed #ccc;
}
.formDataColour{
	background-color:#e5e4e4;
}
.formTitleFinal{
	background:url(_img/formTitleFinalBG.jpg) repeat-x;
	color:#000;
	}
.formDataFinal{
	background:url(_img/formDataFinalBG.jpg) repeat-x;
	color:#000;
	}
	
.formTitleComplete, .formDataComplete{
	border-bottom:1px dashed #ccc;
}

/******************** Overall Layout Styles ********************/
#container { 
	width: 950px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/******************** Header Outer ********************/
#headerOuter{
	width: 950px;
	overflow:hidden;
	margin:0 auto;
	padding:5px 0 0 0;
	height:200px;
}
#headerOuter .leftSide{
	float:left;
}
#headerOuter .rightSide{
	float:right;
}
#headerOuter .rightSide p{
	text-align:right;
	font-size:120%;
	font-weight:bold;
	margin:-28px 0 0 0;
	position:relative;
}

/******************** Header ********************/



/*********** Main Menu ***********/
#menuContainer{
	background:url(_img/menuBG.jpg) repeat-x;
	height:46px;
	
}

#menuContainer ul {
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	padding-top:12px;
} 
#menuContainer #menuList li{
	display: inline;
}
#menuContainer  #menuList li.top{
	border-left: none;
}

#menuContainer  #menuList .circle{
	color:#999999;
	font-size:110%;
	font-weight:bold;
	padding: 0 10px;
}

#menuContainer  #menuList a{
	color:#ffffff;
	text-decoration:none;
	font-size:120%;
	text-transform:uppercase;
	font-weight:bold;
}
#menuContainer  #menuList a:hover{
	color:#dcdada;
	text-decoration:underline;
	}
	
	
/*********** Log in bar ***********/
#loginBar{
	/*background:url(_img/welcomeLogin_bg.gif) repeat-x;*/
	background-color:#015c3b;
	color:#ffffff;
	font-variant:small-caps;
	height:20px;
	margin:0;
	padding:0.2em 1em;
}
#loginBar a{
	font-variant:small-caps;
	color:#ffffff;
	font-weight:bold;
}
#loginBar a:hover{
	color:#dddddd;
	text-decoration:none;
}

/*********** Left Side Bar ***********/
#leftsidebar {
	float: left; 
	width: 205px; /* since this element is floated, a width must be given */
	margin: 1em 0;
	overflow:hidden;
}

/** Basket Box **/
#leftsidebar #basketContainer{
	background:url(_img/basketContainerbg.jpg) no-repeat;
	width:205px;
	height:64px;
	margin:0;
	padding:4px 10px 0 10px;
	}
#leftsidebar #basketContainer h3{
	color:#ffffff;
	font-size:130%;
	font-variant:small-caps;
	}
#leftsidebar #basketContainer p{
	line-height:1.4em;
	color:#000000;
	}
#leftsidebar #basketContainer a{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	}
#leftsidebar #basketContainer a:hover{
	color:#666666;
	text-decoration:none;
	}	
	
/** Search Box **/
#leftsidebar #searchContainer{
	background:url(_img/searchContainerbg.jpg) no-repeat;
	width:205px;
	height:64px;
	margin: 0 0;
	padding:8px 10px 0 10px;
	}
#leftsidebar #searchContainer h3{
	color:#ffffff;
	font-size:130%;
	font-variant:small-caps;
	}
#leftsidebar #searchContainer a{
	font-weight:bold;
	}
#leftsidebar #searchContainer .searchTextBox{padding:2px;}
#leftsidebar #searchContainer .searchGoButton{
	color:#344800;
	font-size:110%;
	float:right;
	margin: 0 15px 0 0;
	}

/** Product Menu **/	
#leftsidebar #navContainer{
	margin-top:5px;
	background-color:#9b9a98;
}

#leftsidebar #navList li{
	list-style:none;
	border-top: 1px dashed #a2a2a1;
	line-height:2em;
}
/*#leftsidebar .bottom{	
	width:205px;
	height:8px; 
	background:url(_img/_specific/navListBottom.gif) no-repeat;
	border-top: none;
	margin:0;
	padding:0;
	}*/
#leftsidebar #navList a.parentCat { 
	background:none;
	padding-left:5px;
	text-decoration: none; 
	color:#fff;
	font-size:110%;
	font-weight:bold;
	padding: 0 0 0 1em;
	}
	
#leftsidebar #navList a.subCat { 
	text-decoration: none; 
	color:#000;
	padding: 0 0 0 1em;
	 }
#leftsidebar #navList a:hover { 
	text-decoration: underline; 
	color:#5b0103;
	 } 

#leftsidebar .catdepth1{
	background:url(_img/navSubCatBG.jpg) repeat-y;
	background-color:#c7c7c7;
	}
#leftsidebar .catdepth1 a{
	margin-left:15px;
	}
#leftsidebar .catdepth2{
	background:url(_img/navSubCat2BG.jpg) repeat-y;
	background-color:#ededed;
	}
#leftsidebar .catdepth2 a{
	margin-left:30px;
	}
	
		
/*********** Right Side Bar ***********/
#rightsidebar {
	float: right; 
	width: 171px; /* since this element is floated, a width must be given */
	margin: 0;
	padding:0;
}
#rightsidebar .bottom{
	position:relative;
	bottom:0;
	}


/*********** Main Content ***********/
#mainContent {
	margin: 20px 0 0 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding: 0 20px;
	line-height:1.6em;
	min-height:540px;
	overflow:hidden;
} 
/* this will only work in IE6	*/
* html #mainContent {width:700px;}
/* END	*/

/*.rightInc #mainContent {
	margin: 20px 0 0 171px;
	min-height:540px;
	width:530px;
}*/

/* this will only work in IE6	*/
/* * html .rightInc #mainContent {	width:500px;} */
/* END	*/
.home #mainContent {
	margin: 0;
} 
#mainContent p{
	padding: 5px 0;
} 
#mainContent ul{
	padding: 10px 25px;
} 

/** Home Page **/
.home #homePromosContainer{margin:15px auto;} 
	
/** Item Boxes on Category pages, i.e. Special Offer boxes **/
#mainContent .itemInfo h3{
	font-size:95%;
} 
#mainContent .itemInfo p{
	padding:0;
}

.home #homePromosContainer{margin:15px auto;}

/*** Product box styles - box and horizontal line ***/
#viewTypes{
	float:right;
	height:25px; 
	width:170px; 
	overflow:hidden;
	}
#viewTypes a{
	margin: 5px
}
#viewTypes .viewBox, #viewTypes .viewLine{
	padding: 3px 0 5px 22px;
}
#viewTypes .viewBox{
	background:url(_img/viewBox.gif) no-repeat;
}
#viewTypes .viewLine{
	background:url(_img/viewLine.gif) no-repeat;
}
/** Applys to Both **/
/* Title and Breif */
.itemBox h3 a, .itemBox h3 a:visited, .itemLine h3 a, .itemLine h3 a:visited{
	color:#000;
	text-decoration:none;
	}
.itemBox h3 a:hover, .itemLine h3 a:hover{
	color:#000;
	text-decoration:underline;
	}
.itemBox p, .itemLine p{
	line-height:1.5em;
	}
/* this will only work in IE6	*/
* html .itemBrief{padding-bottom:0;}
/* END	*/
/* Buttons */	
.itemBox .viewdetails, .itemBox .addtocart, .itemLine .viewdetails, .itemLine .addtocart{
	background-color:#666666;
	}
.itemBox .viewdetails a, .itemBox .addtocart a, .itemLine .viewdetails a, .itemLine .addtocart a{
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	}
.itemBox .viewdetails a:hover, .itemBox .addtocart a:hover, .itemLine .viewdetails a:hover, .itemLine .addtocart a:hover{
	color:#ffe507;
	text-decoration:underline;
	}
	
/************************************************/		
/************************************************/	
/************ BOX line Style ********************/
/************************************************/	
/************************************************/	
.itemBox{
	width:200px;
	height:100%;
	float:left;
	margin:0;
	padding:10px;
}
/* Title and Breif */
.itemBox h3{
	padding-top:5px;
	}
.itemBox .itemBrief p{
	font-size:90%;
}

/* Image */
.itemBox .itemImage{
	float:left; 
	width:130px;
	}
/* Buttons */
.itemBox .itemButtons{
	float:right;
	width:60px;
	}
.itemBox .viewdetails, .itemBox .addtocart{
	margin:2px;
	line-height:1.3em;
	width:66px;
	height:18px;
	}
.itemBox .viewdetails a, .itemBox .addtocart a{
	padding: 0 0 0 6px; 
	font-size:95%;
	}
/* Prices */
.itemBox .itemPrices{
	float:left; 
	margin:5px 0 0 0;
	}
/************ END *************/
	
/************************************************/		
/************************************************/	
/************ Horizontal line Style *************/
/************************************************/	
/************************************************/		
.itemLine{
	width:100%;
	min-height:169px;
	max-height:175px;
	height:170px;
	border-bottom:1px dashed #ccc;
}
/* Title and Breif */
.itemLine .itemInfo {
	padding: 20px 0 0 0;
	}

/* Image */
.itemLine .itemImage{
	float:left;
	margin: 10px auto;
	}
/* Buttons */
.itemLine .itemButtons{
	float:right;
	margin:40px 0 0 0;
	}
.itemLine .viewdetails, .itemLine .addtocart{
	margin:2px 10px;
	line-height:1.3em;
	width:75px;
	height:25px;
	}
.itemLine .viewdetails a, .itemLine .addtocart a{
	padding: 0 10px;
	line-height:25px; 
	font-size:110%;
	}
/* Prices */
.itemLine .itemPrices{
	float:left; 
	margin:5px 0 0 0;
	}
/************ END *************/
	
	
/* next page view */
.itemsViewNext{

}

/*** View Item Page ***/
/* Columns */
.itemview #leftItemView{
	float:left;
	width:540px;
	/*border:1px solid #ccc;*/
}
/* this will only work in IE6	*/
* html .itemview #leftItemView{width:520px;}
/* END	*/

.itemview #rightItemView{
	float:right;
	width:150px;
	/*border:1px solid #ccc*/
}

/* Item Spec / Details */
.itemview #leftItemView .itemProductCode{
	color:#666666;
	font-size:90%;
	}
.itemview #leftItemView #itemDescription{
	text-align:justify;}
.itemview #leftItemView #itemDescription li{
	margin-left:40px;
}

/* Images */
.itemview #rightItemView .itemImgPrimary{
	text-align:center;
}
.itemview #rightItemView .enlargeImgPrimary{
	text-align:center;
	margin: 1em 0 0 0;
	}
.itemview #rightItemView .itemImgSmall{
	margin: 20px 0 0 0;
	}
.itemview #rightItemView .itemImgSmall img{
	border:1px solid #ccc;
	}

/** Add to basket boxes **/
.itemview .addtobasketcontainer {
	border: 1px solid #ccc;
	width:95%; /* 100% breaks content layout in IE */
	padding:1em;
	line-height:1.5em;
	overflow: auto; /* needed to clear floats and keep border container height */
	}
/* this will only work in IE6	*/
* html .itemview .addtobasketcontainer{width:92%;line-height:1.8em;}
/* END	*/

/** Add to basket buttons/links - REMEMBER some will be hidden depending on admin options **/
.itemview .addtobasketcontainer .groupItem{border-bottom:1px dashed #ccc;}

/* Option 1 */
.itemview .addtobasketcontainer .buttonaddtobasketOpt1{}
/* Option 2 */
.itemview .addtobasketcontainer .buttonaddtobasketOpt2{
	float:right;
}
.itemview .addtobasketcontainer .addtobasketOpt2{
	clear:both;
	}
/* Option 3 */
.itemview .addtobasketcontainer .buttonaddtobasketOpt3{
	float:right; 
}
/* Option 1 */
.itemview .addtobasketcontainer .buttonaddtobasketOpt1 a{
	padding:2px 50px 5px 30px;
	color:red;
	font-variant:small-caps;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	background:url(_img/addtobasketBG.gif) no-repeat;
	}
.itemview .addtobasketcontainer .buttonaddtobasketOpt1 a:hover{
	color:#1a6390;
	text-decoration:underline;
	background:url(_img/addtobasketBGhover.gif) no-repeat;
	}
/* Option 2 */	
.itemview .addtobasketcontainer .buttonaddtobasketOpt2 a{
	position:relative;
	top:10px;
	padding:2px 0px 5px 30px;
	color:red;
	font-variant:small-caps;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	background:url(_img/addtobasketBG.gif) no-repeat;
	}
.itemview .addtobasketcontainer .buttonaddtobasketOpt2 a:hover{
	color:#000;
	text-decoration:underline;
	background:url(_img/addtobasketBGhover.gif) no-repeat;
	}
/* Option 3 */	
.itemview .addtobasketcontainer .buttonaddtobasketOpt3 a{
	padding:2px 0 5px 5px;
	color:red;
	font-variant:small-caps;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	}
.itemview .addtobasketcontainer .buttonaddtobasketOpt3 a:hover{
	color:#000;
	text-decoration:underline;
	}
	
/** Pricing **/		
.itemview .addtobasketcontainer .itemPricing{
	margin-top:-0.2em;
	float:right; 
	text-align:right;
	overflow:hidden;
}

/** Email and Print links **/
.itemview .addtobasketcontainer .links{
	float:left;
	margin-top:10px;}
.itemview .addtobasketcontainer .links #itemEmail a, .itemview .addtobasketcontainer .links #itemPrint a{
	padding:2px 10px 5px 22px;
	text-decoration:none;
	font-size:95%;
	}
.itemview .addtobasketcontainer .links #itemEmail a{
	background:url(_img/iconEmailBG.gif) no-repeat;
	}
.itemview .addtobasketcontainer .links #itemPrint a{
	background:url(_img/iconPrintBG.gif) no-repeat;
	}
	
.itemview #emailitembox table{
	background-color: #ffe507;
	color:#000000;
	border:#6666666;
}

/** Customer also bought item styles **/
#itemAlsoBought h2{
	margin-top:10px;
	padding-top:15px;
	border-bottom:1px dashed #ccc;
	}

/*********** Checkout / Basket / Login Pages ***********/
.buttonStyleLrg{
	background-color: #666666;
	color:#ffe507;
	padding:0.2em;
	font-weight:bold;
	width:160px;
	cursor:pointer;
}
.buttonStyleMed{
	background-color: #ffe507;
	color:#000;
	padding:0.2em;
	width:120px;
	font-size:90%;
	cursor:pointer;
}
.buttonStyleSml{
	background-color: #ebebeb;
	color:#435000;
	padding:0.2em;
	font-size:90%;
	cursor:pointer;
}
/** Login page **/
/* Login */
#loginBoxContainer{
	border:1px dashed #7c7c7c;
	background-color:#f8f8f8;
	margin:20px 10px;
	padding:20px;
	width:490px;
}
#loginBoxContainer input{padding:2px;}
/* Forgot Password */
#passwordBoxContainer{
	border:1px dashed #7c7c7c;
	background-color:#f8f8f8;
	margin:20px 10px;
	padding:20px;
	width:490px;
}
#passwordBoxContainer input{padding:2px;}
/* new account */
#newLoginBoxContainer{
	border:1px dashed #7c7c7c;
	background-color:#f8f8f8;
	margin:20px 10px;
	padding:20px;
	width:490px;
}
#newLoginBoxContainer form {
  margin: 0;
  padding: 0;
  min-width: 450px;
  max-width: 490px;
  width:490px; 
}

#newLoginBoxContainer form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#newLoginBoxContainer form input, #newLoginBoxContainer form select {
	width:auto;
	margin:5px 0 0 10px; 
	padding:2px;
}

#newLoginBoxContainer form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#newLoginBoxContainer form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/** Basket page **/
/* Basket table */
.basket #basketContentsTable .baskettem select{font-size:90%;}

.basket #basketContentsTable #basketContentsTotals{float:right;}

.basket .finalBasketNote{
	text-align:right;
	font-weight:bold;}
	
.basket .basketSubmit{
	margin:2em 0 0 0;
	text-align:right;}	
	

/** Checkout page **/
/* Confirmation details box */
#placeorderdetails{
	border:dashed;
	border-width:2px;
	padding:1em;
	width:505px;}
		
/* Address, Delivery and Invoice containers */
.checkoutdeliverybox{
	border:1px dashed #7c7c7c;
	background-color:#f8f8f8;
	margin-bottom:10px;
	padding:20px;
	width:490px;
	}	
.checkoutdeliverybox h2{
	color:green;
	}

.paymentButtonContainer{width:520px;}
	
/** My Account page **/	
.orderListTable {
	border-bottom:1px solid black;
}

.myaccount #myaccountDetailsForm form { 
	margin: 0;
	padding: 0;
	min-width: 450px;
	max-width: 550px;
	width: 500px; 
}

.myaccount #myaccountDetailsForm form fieldset {
	clear: both;
	border: 1px dashed #656565;
	padding-bottom:20px;
}

.myaccount #myaccountDetailsForm form fieldset legend {
	font-size:1.1em;
	color:#005387;
	font-weight:bold;
	font-variant:small-caps;
}

.myaccount #myaccountDetailsForm form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.myaccount #myaccountDetailsForm form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}
.noAccess{text-decoration:none;}

.myaccount #myaccountDetailsForm form input, .myaccount #myaccountDetailsForm form textarea, .myaccount #myaccountDetailsForm form select {
	width:auto; 
	margin:5px 0 0 10px;
	padding:2px; 
}

.myaccount #myaccountDetailsForm form small{padding-left:90px;}

/*** Delivery Page ***/
.delivery .zoneLabel{
	color:green;
	font-weight:bold;
}

.delivery .zoneTitle{
	color:red;
	font-size:14px;
	font-weight:bold;
} 

.delivery .deliveryZoneContainer{
	margin:2em; 
	padding:1em;
	border:1px dashed #666666;
	background-color:#f8f8f8;
	width:400px;
	}

/*** Contact Page ***/
.contact .leftContent{
	float:left;
	width:250px;
	overflow:hidden;
	}
.contact .rightContent{
	float:right;
	width:420px;
	margin-left:10px;
	overflow:hidden;
	}
	
.contact .enquiryForm form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
	min-width: 400px;
	max-width: 440px;
	width: 400px; 
}

.contact .enquiryForm form fieldset {
	clear: both;
	border: 1px solid #cccccc;
	padding-bottom:10px;
}

.contact .enquiryForm form fieldset legend {
	font-size:1.1em;
	color:#666666;
	font-weight:bold; 
}

.contact .enquiryForm form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 90px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.contact .enquiryForm form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.contact .enquiryForm form input, .contact .enquiryForm form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto; 
	margin:5px 0 0 10px; 
	padding:2px;
}

.contact .enquiryForm form input#reset {
	margin-left:0px; 
}

.contact .enquiryForm textarea { overflow: auto; }

.contact .enquiryForm small { margin-left:10px; }

/*********** Footer ***********/
#footerBar { 
	height:64px;
	padding: 0 10px 2px;
	line-height:28px;
	overflow:hidden;
	background-color:#ccc;
	color:#000;
}
#footerBar p{float:right; margin-top:3px; width:500px; height:58px; text-align:right;}

#footerBar span{float:left; width:60px; padding:3px; }

#footerBar a, #footerBar a:visited{ 
	color:#000;
	text-decoration:none;
}
#footerBar a:hover{ 
	color:#ffe507;
	text-decoration:underline;
}

#footer { 
	height:28px;
	padding: 0 10px;
	line-height:28px;
	overflow:hidden;
	background:url(_img/footerBG.jpg) repeat-x;
	background-color:#d1d1d1;
}
#footer p{
	float:right;
	color:#FFFFFF;}
	
#footer a{
	font-size:90%;
	font-variant:normal;
	color:#ccc;
	text-decoration:none;
	font-variant:small-caps;
	}
#footer a:hover{ 
	color:#000000;
	text-decoration:underline;
	}
/* Outer Footer */
#footerOuter{
	width:920px;
	padding-top:0.5em;
	margin: 0 auto;
	line-height:1.5em; 
}
/* Company reg and vat info */
#companyReg{
	float:left;
	text-align:left;
	font-size:90%;
	color: #c0c0c0; 
}
/* Creators website info */
#ourDetails{
	float:right;
	text-align:right;
	font-size:90%;
	color: #c0c0c0;
}
#ourDetails a{
	font-size:90%;
	color: #c0c0c0;
	text-decoration: none; 
}
#ourDetails a:hover{
	font-size:90%;
	color: #92c5eb;
	text-decoration: underline; 
}

  
/* Generic class used on any page to show very visual errors */
div.errorbox{
	border-style:solid;
	border-width:2px;
	border-color:red;
	background:#ffb0b0;
	padding:1em;
	width:90%;
	text-align:center;
	margin:1px;
}

/* specific */
.home .bannerAdvert
{
	margin:20px auto -20px auto;
}

#itemRelatedItems{
	display:block;
	clear:both;
	padding-top:12px;
}

#GallerHolder{
	width:155px;
	height:155px;
	padding:2px;
}

/* NEW Grid */

.col{
	float:left;
	margin:0 2% 0 0;
	width:auto;
	overflow:hidden;
}
.s1{width:6.5%;}
.s2{width:14.9%;}
.s3{width:23.4%;}
.s4{width:32%;}
.s5{width:40.5%;}
.s6{width:48.9%;}
.s7{width:57.5%;}
.s8{width:66%;}
.s9{width:74.5%;}
.s10{width:83%;}
.s11{width:91.5%;}
.s12{
	width:100%;
	margin:0;
	width:auto;
	overflow:hidden;
	clear:both;
}

.last{
	margin:0;
}

.BackTo{display:block; width:100%; clear:both; text-align:right;}

.polaroid{
	width:218px;
	height:250px;
	background: transparent url(_img/polaroid.png) top left no-repeat;
	float:left;
	display:block;
}

#mainContent ul a.gallerylink{
	margin-top:70px;
	margin-left:29px;
	margin-right:25px;
	width:148px;
	text-align:center;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#mainContent ul a:hover.gallerylink{
	text-decoration:underline;
}

.logoHolder{padding:3px; display:block; width:38%; float:left;}

#footer-right
{
	display: block;
	float: right;
	padding: 3px;
	width: 38%;
	text-align: right;
}

#home-box
{
	position: relative;
	z-index: 2;
	margin: -18px 0 0 0;
}

/* twitter feed */
#twitter-box{
	height:205px;
	margin: 0 20px 20px 0;
	width: 310px;
	z-index: 999;
	position: relative;
	float: left;
	overflow: hidden;
	
}
#twitter-box div{
	background-color:#cceaf3;
	height:109px;
	padding:30px 95px 30px 30px;
	background:url('_img/twitterfeedbg.gif') no-repeat top left;
}

#twitter-box div span{
	display:block;
	height:100px;
	color:#555555;
	font-size:12px;
	line-height: 17px;
	word-wrap:break-word;
}

#twitter-box div span a{
	color:#000;
	text-decoration:none;
}

#twitter-box div span a:hover{
	text-decoration:underline;
}

#twitter-box div em{
	font-size:11px;
	color:#8c8c8c;
	font-style:normal;
}

#twitter-box a#follow{
	display:block;
	height:36px;
	background:#59bedc;
	line-height:34px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	background:url('_img/followusbg.gif') no-repeat top left;
}

#fb-logo
{
	float: left;
	width: 145px;
	margin: 25px 0 15px 0;
}

#fb-logo a img
{
	border: none;
}