/*Common

------------------------------------------------------------------------- */
body{ overflow: -moz-scrollbars-vertical;}
* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; color: #505050; /*font-style: italic;*/}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.textinput { width: 128px; height: 13px; background: #FFF; border: 1px solid #BC002D; padding: 2px; font: 9px/11px Verdana; color: #B2B2B2; vertical-align: top; margin: 0 5px; text-align: center;}
.submit:hover { cursor: pointer;}
h1 { float: right;}
h2 { float: left;}
h3 { color: #BD0326; font: 18px/26px Verdana;}
h4 { color: #32332B; font: bold 14px/18px Verdana; margin: 0 0 2px; text-transform: uppercase; background: #F5E200 url(/site_images/bgh4.jpg) 0 0 repeat-x; padding: 0 4px; letter-spacing: -1px;}
h5 { color: #32332B; font: bold 12px/16px Verdana; margin: 0 0 2px; text-transform: uppercase; background: url(/site_images/bgh5.jpg) 0 0 repeat-x;  padding: 0 4px; letter-spacing: -1px;}
.cat { color: #32332B; font: bold 12px/16px Verdana; margin: 0 0 2px; text-transform: uppercase; background: url(images/bgh5.jpg) 0 0 repeat-x;  padding: 0 4px; letter-spacing: -1px;}


/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #FFF; font: 12px/15px Verdana,Tahoma,Arial,Helvetica,sans-serif; color: #464646;}

#top, #footer{ width: 992px; margin: 0 auto; position: relative; clear: both; }
#page { width: 992px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -25px; position: relative; clear: both; z-index: 1;}

/* Menu

------------------------------------------------------------------------- */
#menu { float: left; clear: both; margin: 12px 0; width: 70%}
#menu li { float: left; border-left: 1px solid #BC002D; }
#menu li:first-child { border-left:0;}
#menu li a {padding: 0 12px; float: left;}
#menu li a img { float: left;}
#menu li a:hover { background: #F7E300;}
#search { float: right; margin: 12px 0 0; width: 30%; text-align: right;}

/* Content
------------------------------------------------------------------------- */
div.categories
{
	margin: 0;
	padding: 0;
}

div.categories div.item
{
    position: relative;
    z-index: 999;
}

div.categories a
{
	display:			block; 
	background-image:	url(/site_images/menu_background.gif);
	width:				155px;
	padding-right:		4px;	/* width + padding-right = 159 which is the width of the background image*/
	min-height:			20px;
	padding:		    2px 4px 0 0;	/* height + padding-top = 22 which is the height of the background image*/
	color:				#fff;
	font-size:			1.2em;
	letter-spacing:		0px;
	font-style:			normal;
	font-weight:		bold;
	text-align:			right;
}

div.categories a:hover
{
	text-decoration: none;
}
div.categories div.sub_category
{
	display: none;
    position: absolute;
	top: 0;
	left: 159px;
    border-left: 1px solid #FFF;
	
}

div.categories div.abc
{
	border-bottom: 1px solid #FFF;
}

div.categories div.item:hover
{
	display: block;
}
div.sub_category
{
    background-color:	#e8b00e; /* #a10022; */
	border-right:		1px solid #fff;
	border-top:			1px solid #fff;
}
div.sub_category a
{
	background-image:	none;
	color:				#fff;
	padding:		    2px 5px 0;
	width:				155px;
}
div.sub_category a:hover
{
	text-decoration: underline;
}


#content {margin: 0 0 20px 0; width: 620px; clear: none; overflow: hidden; float: left;}
#sidebar { float: left; width: 159px; padding-bottom: 90px; margin: 0 25px 20px 0;}
#side { float: right; width: 170px; margin: 0 0 20px 0;}
#nav { text-align: right; margin-bottom: 10px;}
#nav li { margin-top: 2px;}

.category-list { float: left; clear: both; margin: 15px 0 0;}
.category-list li { float: left; margin: 0 0 17px 10px; display: inline;}
.category-list li.nl { margin-left: 1px;}
.category-desc {max-height: 89px; overflow: hidden;}
.welcome { line-height: 18px; font-weight: bold; font-size: 12px; letter-spacing: -0.1px;}
.welcome h3 {line-height: 22px; margin-bottom: 15px;}
.welcome a { display: inline-block; margin: 10px 0 0; border-bottom: 1px solid #da7d69;}
.welcome a:hover {border-bottom: 1px solid #FFF; text-decoration: none;}
.welcome .index {float: left; margin: 0 0 20px 80px;}
.welcome .index a {margin: 1px 0 0;}

.warranty li {margin: 0 0 25px;}
.warranty a.link {text-decoration: underline;}
.warranty a.link:hover {text-decoration: none;}
.warranty ol {margin: 0 0 0 50px;}
.warranty ol li {margin: 0;}
.warranty img {margin: 5px 10px; vertical-align: middle;}
.warranty .hallmarks {clear: left; padding: 5px;}
.warranty .hallmarks img {float: left; margin-right: 10px;}
.warranty h2 {font-size: 12px; float: none; margin: 8px auto;}
.warranty h3 {font-size: 11px; float: none; line-height: 16px;}
.warranty p {margin: 4px auto;}
.warranty p.hdr {font-weight: bold; font-style: italic;}

.places { width: 160px; float: right; clear: both; }
.places li { padding: 0 6px 2px;}
.places li a { font-style: normal; font-weight: bold; padding: 0; }

.product-categories { float: left; width: 620px; clear: both;}
.product-categories li {float: left; min-height: 128px; width: 460px; padding: 0 0 35px 163px; clear: both; position: relative; background: url(/site_images/bg-products.gif) 100% 100% no-repeat; margin: 10px 0 0; color: #929396; font-weight: bold;}

.product-categories li img { position: absolute; top: 0; left: 0; z-index: 1; height: 163px;}
.product-categories li span { position: absolute; top: 0; left: 0; z-index: 2; width: 128px; height: 163px; overflow: hidden; background: url(images/border.png) 0 0 no-repeat;}
.product-categories li a.click_to_shop_anchor {position:absolute; bottom:34px; left: 470px; }
.product-categories li a .click_to_shop {height: auto;}

.gold-categories {float: left; clear: both;}
.gold-categories li {float:	left; width: 186px; height:	220px; margin:	0 0 8px 20px; position: relative; background: url(/site_images/bg-products.gif) 100% 155px no-repeat; background-position: bottom center; color: #929396; font-weight: bold; display: inline; text-align: center;}
.gold-categories li img {padding-top: 15px;}
.gold-categories li a.click_to_shop {left: 25px; position: absolute; bottom: 1px;}
.gold-categories li.gold {width: 164px; margin: 3px 0 0 22px; background:url(../images/gold_search.jpg) no-repeat top; padding: 120px 3px 25px;}
.gold-categories li.gold p {text-align: right;}

.special-product-categories
{
	float:				left; 
	width:				465px; 
	clear:				both;
/*	background-color:	#decafe;*/
}
.special-product-categories li 
{
/*	background-color:	#c0ffee; */
	float:				left;
	width:				200px;
	height:				220px; 
	margin:			 0 0 8px 20px; 
	position:			relative;
	background:			url(/site_images/bg-products.gif) 100% 155px no-repeat; 
	background-position:bottom center; 
	color:				#929396; 
	font-weight:		bold;
	display:			inline;
}

.product-categories li span:hover,
.product-categories li h3:hover,
.special-product-categories li h3:hover
{
	cursor: pointer;
}
.special-product-categories li div img
{
	padding-top:		15px;
}

.special-product-categories li a.click_to_shop
{
	left: 25px;
	position: absolute;
	bottom: 1px;
}


.head { width: 600px; min-height: 167px; margin: 0 0 10px; background: url(/site_images/head.jpg) 0 0 repeat-y; position: relative; padding: 5px 10px; overflow: visible;}
.head h3 { color: #FFD700; font: normal 36px/48px Verdana; letter-spacing: -1px; border-bottom: 3px solid #FFF; margin: 0 0 8px; height: 50px; overflow: hidden;}
.head h1 { color: #FFD700; font: normal 36px/48px Verdana; letter-spacing: -1px; border-bottom: 3px solid #FFF; margin: 0 0 8px; height: 50px; overflow: hidden;}
.head h3 span { color: #FFF; text-transform: uppercase;}
.head p { color: #FFF; width: 450px; font-size: 13px;}
.head p span,
.head p span p
{ color: #ffd700; display: block; padding: 0 0 5px;}

.product-head { width: 600px; margin: 0 0 20px; padding: 5px 10px 45px 0; position: relative;}
.product-head img.frame { position: absolute; top: 0; left: 0; z-index: 1; }
.product-head span.border { position: absolute; top: 11px; left: 10px; z-index: 2; width: 174px; height: 240px;}
.product-head h3 { color: #bd0326; font: normal 38px/50px verdana; letter-spacing: -1px; border-bottom: 2px solid #bd0326; margin: 0 0 20px 200px; text-align: right;}
.product-head h1 {color: #bd0326; font: normal 38px/50px verdana; letter-spacing: -1px; border-bottom: 2px solid #bd0326; margin: 0 0 20px 200px; text-align: right;}
.product-head p { color: #929396; max-width: 400px; font-size: 13px; margin-left:200px;}
.product-head a.more_link { position: absolute; bottom: 30px; right:5px;}

.product-head .widen p { color: #929396; width: 600px !important; font-size: 13px; margin-left:0px; margin-bottom: 10px}
.product-head .pagination { position: absolute; bottom: 0; right: 10px; width: 400px; border-width: 2px 0 0; padding: 5px 0 0; }

/*
.product-head { width: 600px; height: 222px; margin: 0 0 20px; padding: 5px 10px 35px; overflow: hidden; position: relative; }
.product-head img { position: absolute; top: 0; left: 0; z-index: 1; width: 194px;}
.product-head span.border { position: absolute; top: 11px; left: 10px; z-index: 2; width: 174px; height: 240px; overflow: hidden;}
.product-head h3 { color: #BD0326; font: normal 38px/50px Verdana; letter-spacing: -1px; border-bottom: 2px solid #BD0326; margin: 0 0 20px; height: 50px; overflow: hidden; text-align: right;}
.product-head p { color: #929396; width: 400px; font-size: 13px; float: right;}
.product-head .pagination { position: absolute; bottom: 0; right: 10px; width: 400px; border-width: 2px 0 0; padding: 5px 0 0; }
*/

.pagination { clear: both; margin: 0; padding: 15px 0 5px; border-color: #dadbdc; border-style: solid; border-width: 0 0 2px; line-height: 18px; height: 18px; text-align: right; color: #929396; font-weight: bold; overflow: hidden;}
.pagination li { display: inline;}
.pagination li:first-child { float: left;}
.pagination li a {color: #929396; background: url(/site_images/pagination.gif) 0 0 no-repeat; display: inline-block; height: 18px; line-height: 18px; padding: 0 1px 0 5px;  }
.pagination li a.page-1 { background: none;}

.pagination li a.page-first {		background-position: 0  -36px; padding-left: 18px;}
.pagination li a.page-first:hover { background-position: 0 -108px;}
.pagination li a.page-prev {		background-position: 0  -18px; padding-left: 12px;}
.pagination li a.page-prev:hover {	background-position: 0  -90px;}

.pagination li a.page-next { background-position: 100% -54px; padding-right: 12px;}
.pagination li a.page-next:hover { background-position: 100% -126px;}
.pagination li a.page-last { background-position: 100% -72px; padding-right: 18px;}
.pagination li a.page-last:hover { background-position: 100% -144px;}
.pagination li a:hover, .pagination li a.selected {color: #c32730; text-decoration: none; }

.products { float: left; clear: both; margin: 15px 0 0;}
.products .product_cell { float: left; margin: 0 0 18px 18px; display: inline; position: relative; padding: 194px 0 30px; width: 194px; height: 170px; overflow: hidden; border-bottom: 2px solid #bd0326;}

.products .more_button
{
	color: #bc002d;
/*	position: absolute;
	right: 0px;*/
	float:right;
}

.products li.closeup div p
{
	margin-bottom: 8px;
}

.products h3 { color: #bd0326; font: normal 18px/24px verdana; letter-spacing: -1px; height: 48px; overflow: hidden;}
.products h3.h3_link:hover{cursor: pointer;}


.products .product_cell .image {width: 170px; height: 170px; position: absolute; top: 0; left: 0; overflow: hidden; text-align:center;}
/*.products .product_cell .image img {position: absolute; top: 0; left: 0;}*/
.products strong {display: block;}
.products p {line-height: 14px; /*height: 145px;*/ overflow: hidden; font-size: 11px;}
.products .add {/* position: absolute; bottom: 8px; left: 0; */ height: 25px; width: 194px; overflow: hidden; color: #bd0326; font-weight: bold; font-size: 10px; line-height: 25px;}
.products .add a {color: #bd0326; font-style: normal; background: url(/site_images/add.jpg) 100% 50% no-repeat; padding-right: 30px; float: right;}
.products .add input {width: 25px; height: 16px; line-height: 20px; font-size: 10px; border: 1px solid #c0c1c3; float: left; margin: 3px 0 0 3px;}
.products .add label {float: left;}


/* Footer
------------------------------------------------------------------------- */
#footer { text-align: right; border-top: 2px solid #d97e6c; padding: 4px 0; line-height: 12px; font-size: 10px;}
#footer li { display: inline; border-right: 1px solid #d97e6c;}
#footer li:first-child { border-left: 1px solid #d97e6c;}
#footer li a { color: #d97e6c; padding: 0 12px 0 6px; }
#footer .img { border: 0; position: absolute; top: -80px; left: 40px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
img.fl { margin: 0 15px 5px 0;}
.fr { float: right; }
.clear { clear:both; }

.it {font-style: italic;}
.bold {font-weight: bold;}


#acc h5 {cursor:pointer;}
#acc .acc-section {overflow:hidden; background:#fff}



/* Colour selector swatch for product variants */
ul.swatch
{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	width:125px; /* 5 times the below width*/
}

ul.swatch li
{
	display: inline;
	float:left; 
	width:25px;
	height:25px;
}
ul.swatch li:hover
{
	cursor: pointer;
}


/* customer registration */
fieldset.registration
{
	
	margin: auto;
}

fieldset.registration span
{
	float: right; 
	font-style:italic;
	color:#da7b74;
}

fieldset.registration span.form_error_message
{
	display:none;
	float:none;
}

fieldset.registration input[type=text],
fieldset.registration input[type=password],
fieldset.registration input[type=button],
fieldset.registration input[type=submit],
fieldset.registration textarea
{
	width: 180px;
	height: 16px; line-height: 20px;  border: 1px solid #C0C1C3; margin: 0 0 3px 3px;
}
fieldset.registration textarea
{
	height: 70px;
}

.inputField
{
	border: 1px solid #C0C1C3;	
}

fieldset.registration input[type=submit], fieldset.registration input[type=button]
{
	width: 70px;
	height:25px;
}
fieldset.registration label
{
	clear: left;
}
fieldset.registration li
{
	clear: both;
	height:45px;
}

/* Basket/cart/trolley table */

#basket_table
{
	width:	100%;
}

#basket_table th
{

	background-color: #eec2b4;
	text-align:left;
}

#basket_table tr td
{
	background-color: #fff0ff;
}

#basket_table tr.odd td
{
	background-color: #ffffd4;
}

#basket_table td
{
	vertical-align: top;
}
#basket_table td .quantity_input /* this one is on the basket page */
{ width: 25px; height: 16px; line-height: 20px; font-size: 11px; border: 1px solid #C0C1C3; margin: 3px 0 0 3px;}

#basket_table .numeric
{
	text-align: right; /* overwrites t-a:left as seen above */
}

#basket_table .quantity_column
{
	text-align: center; /* overwrites t-a:left as seen above */
}


.cant_ship_notice
{
	font-style: italic;
	color: #f00;
}




.terms_and_conditions_heading
{
	margin-top: 0px;
	margin-bottom: 5px;
	color:#c00b2a;
}

.terms_and_conditions_writing
{
	font-size: 9px;
	margin-top: 0px;
	margin-bottom: 9px;
	color: #666666;
}

.welsh_word
{
	font-size: .9em;
	color: #f6dd00;
}


.category_title
{
	position:	absolute;
	top:		173px; 
	right:		6px;
	font-style: normal;
	font-weight:bold;
	color:		#fff;
	font-size:	11pt;
}

#location_input
{
	border: 1px solid #eec2b4;
	background-color: #fff0ff;
}

#variant_selectors fieldset
{
	margin-top: 10px;
}

#variant_selectors fieldset legend,
#variant_selectors fieldset label
{
	font-size: 1.3em;
	font-weight: bold;
}

#variant_selectors fieldset label
{
	margin-right:5px;
}

#clogau_search select
{
	border: 1px solid #bc002d;
	font-size: 1em;
	width: 100%;
}



/*Blog styles NEW  added features to assure all styles work, as the styles in the blog were inherit from this stylesheet*/

.content-blog{
	
	width:600px;
	float:left;
	text-align:left;
}

.content-blog a{
		line-height:26px;
}

.content-blog h1 {
	
	margin:20px;
	float:left;
	width:800px;
	
}


.content-blog li{
	
	margin-bottom:20px;
}


.content-blog h2{
	
	margin:20px;
	float:left;
	width:700px;
	line-height:25px;
}

.entry{
	 width:800px;
	 text-align:left;
	
}

.entry h2{
	line-height:25px;
	width:800px;
	
}


.content-blog a{
    
    color:#d30c24;
    
    text-decoration:underline;
}


#blog-right{
    
     text-align:right;
     
     width:171px;

}


#blog-right a{
    
     float:right;
     
     color:#d30c24;
     
     text-decoration:underline;
     
     margin-bottom:5px;
     
     margin-top:10px;
     
     margin-right:3px;

}


#blog-right h2{
    
     text-align:left;
     
     font-size:12px;
     
    margin-right:10px;
    
    width:168px;
    
    padding-right:2px;
         
     
   

}

#categories-3 {
    

    
    min-height:80px;
    
    color:#ffffff;
    
    font-size:12px;
    
    text-align:right;
    
 
    

    
    line-height:1.3em;
    
    

}

#categories-3 ul{

    

    margin-right:10px;

    

}

#twitter-1{
    

        
        font-size:12px;
	    min-height:80px;
        
        padding: 0px 0px 10px 0px;
        

        
         line-height:1.3em;
         
        margin-bottom:0px;
        
        padding-right:0px;
        
        color:#BB002D;
        
        margin-top:3px;

}

#twitter-1 a{
    
    color:#ffffff;
    
    position:relative;
    
    top:-10px;
    
    text-decoration:none;
    
    width:179px;
    
    text-align:right;
    
    float:right;
    
    
    

}


.p.twitter-message{
    
    border-bottom:1px solid #cccccc;
}

.twitter_title_link{
    
    color:#ffffff;
}
#archives-3 {
    
    

    
    min-height:80px;
    
    color:#ffffff;
    
    font-size:12px;
    
    text-align:right;
    
    padding: 0px 0px 10px 0px;

    
    margin-bottom:20px;
    
    line-height:1.3em;
}

.widgettitle {
    
    margin-top:3px;
    

    
    float:left;
    
    margin-right:5px;

    color:#ffffff;
    
	background-image: url(/site_images/nav-bg.jpg);

	width:171px;
    
    background-repeat:no-repeat;
    
    margin-bottom:5px;
    
    height:30px;
    
    
    
  
    
  
}


#blog-right li{
    
     text-align:right;
     
     font-size:12px;
     
     width:171px;
     
     margin-right:3px;
     
   

}


#blog-right a{
    

     
     margin-right:3px;
     
   

}


#blog-right h2{
    
     text-align:right;
     
     font-size:12px;
     
     width:171px;
     
     margin-right:3px;
     
     margin-left:-2px;
	
	
	padding-right:10px;
	
	
}



#tag_cloud-3{
        

    
    min-height:80px;
    
    color:#ffffff;
    
    font-size:12px;
    
    text-align:right;
    
    padding: 0px 0px 10px 0px;

    
    margin-bottom:20px;
    
    line-height:1.3em;
    
}

.sociable ul li{

    display:inline;

    padding:5px;

    margin-top:20px;
    
    margin-left:10px;
    
    

    

}



.sociable ul {

    padding-top:20px;
    
    padding-bottom:20px;
    
    margin-left:100px;
    
    margin-top:15px;


    

}

.dd_left{

    float:left;
    
    padding:3px 5px 5px 5px; 

}