/* 27 06 2013 10.10am */

/* colours */

/* #35130F - E */
/* #69261D - D */
/* #AF3F31 - C */
/* #CF8C83 - B */
/* #EFD9D6 - A */


a
{
color: #222222;	
}

#landing-pages	a	{
		color: #f9f9f9 !important;
	}

body
{
color: #1C1C1C;
background: #D5D5D5;
background: url(//static.premiersite.co.uk/43206/img/site_background/43206.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#banner img { width: 1000px; }

a {
color: #1C1C1C;
}

a:hover
{
color: #1C1C1C;
}

#top_strip
{
border-bottom: 3px solid #0E0E0E;	/* E */
}



#footer_tile
{
border-top: 3px solid #0E0E0E;	 /*E*/
border-bottom: 3px solid #0E0E0E;	 /*E*/
}

.top_btn,
.btn a,
#featured_boxes li,
#content #left #search_container
{
border: 2px solid #0E0E0E;	 /*E*/	
}

#featured_boxes li  .head
{
border-bottom: 2px solid #0E0E0E;	 /*E*/	
}

.top_btn,
#featured_boxes li  .head
{
background: #1C1C1C; /*D*/	
color: #D5D5D5;
}

#featured_boxes li .price
{
background: #1C1C1C /*D*/
color: #ffffff;
border: 2px solid #0E0E0E;	 /*E*/	
}

.carousel_container
{
height: 200px;
overflow: hidden;
width: 610px;
padding: 0 0 0 10px;
margin: 0 0 0 -10px;
}

.list_carousel 
{
background: #828282; /* B */
}

#footer_tile,
#top_strip,
.btn a,
#featured_boxes li,
.form_input #send,
#content #left #search_container
{
color: #FFFFFF;	
background: #2E2E2E; /* Old browsers */ /* C */
background: -moz-radial-gradient(center, ellipse cover,  #1C1C1C 0%, #2E2E2E 100%); /* FF3.6+ */   /* D */ /* C */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,#1C1C1C), color-stop(100%,#2E2E2E)); /* Chrome,Safari4+ */   /* D */ /* C */
background: -webkit-radial-gradient(center, ellipse cover,  #1C1C1C 0%,#2E2E2E 100%); /* Chrome10+,Safari5.1+ */   /* D */ /* C */
background: -o-radial-gradient(center, ellipse cover,  #1C1C1C 0%,#2E2E2E 100%); /* Opera 12+ */ /* D */ /* C */
background: -ms-radial-gradient(center, ellipse cover,  #1C1C1C 0%,#2E2E2E 100%); /* IE10+ */ /* D */ /* C */
background: radial-gradient(ellipse at center,  #1C1C1C 0%,#2E2E2E 100%); /* W3C */ /* D */ /* C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1C1C', endColorstr='#2E2E2E',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ /* D */ /* C */
}

.btn:hover>a,
.sidebar ul li ul li:hover>a,
.form_input #send:hover,
.form_input #clear:hover
{
color: #0;
background: #828282; /* Old browsers */ /* B */
background: -moz-radial-gradient(center, ellipse cover,  #1C1C1C 0%, #828282 100%); /* FF3.6+ */ /* D */ /* B */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,#1C1C1C), color-stop(100%,#828282)); /* Chrome,Safari4+ */ /* D */ /* B */
background: -webkit-radial-gradient(center, ellipse cover,  #1C1C1C 0%,#828282 100%); /* Chrome10+,Safari5.1+ */ /* D */ /* B */
background: -o-radial-gradient(center, ellipse cover,  #1C1C1C 0%,#828282 100%); /* Opera 12+ */ /* D */ /* B */
background: -ms-radial-gradient(center, ellipse cover,  #1C1C1C 0%,#828282 100%); /* IE10+ */ /* D */ /* B */
background: radial-gradient(ellipse at center,  #1C1C1C 0%,#828282 100%); /* W3C */ /* D */ /* B */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1C1C', endColorstr='#828282',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ /* D */ /* B */
}

h1,h2
{
color: #1C1C1C;	
border-bottom: double #1C1C1C 3px; 
}

.product_title
{
color: #1C1C1C;	
}

h2.more_info_h2 {
	color: #1C1C1C;
}

#top_strip a, #footer a
{
color: #FFFFFF;
}

#top_strip a#basket_btn
{
background: url('/td_001a/images/icons.png') 0 -64px no-repeat;
padding: 0 0 0 30px;	
}

#top_strip a#checkout_btn
{
background: url('/td_001a/images/icons.png') 0 -29px no-repeat;
padding: 0 0 0 30px;	
}

#top_strip a#home_btn
{
background: url('/td_001a/images/icons.png') no-repeat;
padding: 0;
display: block;
height: 23px;
width: 30px;
}

#top_strip a#contact_btn
{
background: url('/td_001a/images/icons.png') 0 -89px no-repeat;
padding: 0 0 0 30px;
}

#container
{
background: #ffffff;	
}

#content #btns .btn:before /*the triangle on the buttons*/
{
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid white;
}

#featured_boxes .awaiting_image
{
background: #2E2E2E; /* C */
}

#featured_boxes li a
{
color: #ffffff;	
}

.colour_bar
{
background: #ececec;
}

#contact_form #form_container
{
background: #ececec;	
border: 1px solid #2E2E2E; /* C */
}

.error
{
display: block;
clear: both;
color: #990000;
font-weight: bold;	
}

#form_success_message
{
color: #009900;	
font-weight: bold;
}

#copyright,
#terms a
{
color: #fff;
}

/* end colours */

html, body				
{
height: 100%;
}

body					
{
margin: 0 auto;
text-align: center;				
font-family: arial, helvetica, sans-serif;
font-size: 10pt;	
}

a
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;	
}

h1				        
{
font-size: 1.15em;
text-align: left;
padding: 6px 0 0 0;
margin: 0 0 15px;
} 			

h2				        
{
font-size: 1.15em;
text-align: left;
padding-left: 0;
padding-top: 6px;
margin: 0 0 10px;
}  

h3
{
font-size: 1em;
text-align: center;
margin-top: 10px;
}   				

.clear_both
{
position: relative;
clear: both;
width: 100%;	
}

#wrapper				
{
width: 100%;
}					

#container				
{
position: relative;
width: 1000px;
margin: 30px 0 0;
padding: 0 0 10px;
margin: auto;
box-shadow: 0px 0px 2px #cdcdcd;
overflow: visible;
}

#top_strip
{
height: 15px;
padding: 10px 0;
}

#top_strip a
{
diplay: block;
}

#top_strip #gc_links
{
width: 1000px;
margin: auto;	
}

#top_strip #gc_links #left
{
width: 450px;
float: left;
text-align: left;
}

#top_strip #gc_links #right
{
width: 450px;
float: right;
text-align: right;
}

#banner
{
width: 100%;
margin: 3px 0;
}

#banner img
{
max-width: 1000px;
}

#logo
{
position: relative;
}

#company_name
{
position: relative;
height: 50%;	
}

#content_wrapper
{						
overflow: visible; /*long pop out menus - auto causes scrollbar - hidden prevents from being visible*/
width: 1000px;
float: left;		
padding: 10px 0 0 0;
}
	
#content				
{					
float: left;
width: 1000px;
}	

#content #left
{
position: relative;
float: left;
width: 210px;
z-index: 10;
}									

#content #left #search_container
{
width: 170px;
padding: 10px 10px 5px;
height: 24px;
margin: 0 0 5px 10px;
line-height: 30px;
overflow: hidden;
}

#content #left #search_container #search
{
width: 120px;	
height: 12px;
font-size: 10px;
}

#content #btns
{
position: relative;
float: left;
font-family: arial, serif;
clear: both;
margin: 0;
text-align: left;
z-index: 10;/* pop out menus above content */
width: 195px;
padding: 0 0 0 10px;
}

#content #btns ul
{
list-style: none;		
margin: 0;
padding: 0;
}

#content #btns .btn:before
{
position: absolute;
display: block;
left: 10px;
top: 50%;
margin-top: -5px;
content: 'C';
text-indent: -10000px;
width: 0; 
height: 0; 
z-index: 500;
}

#content #btns .btn
{
position: relative;	
}				

#content #btns .btn a
{
position: relative;	
display: block;
text-align:left;
margin-top: 2px;
width: 170px;
padding: 8px 0 8px 20px;
overflow: auto;
display: block;
font-size: 8pt;					
text-decoration: none;
font-weight: bold;
}	

#content #btns>.btn:before
{
position: absolute;
display: block;
left: 10px;
top: 50%;
margin-top: -5px;
content: 'C';
text-indent: -10000px;
width: 0; 
height: 0; 
z-index: 500;
}

/*hover styles*/

#content #btns .sidebar ul li.btn ul li.btn,
#content #btns .sidebar ul li.btn ul li.btn a
{
margin: 0;	
}


#content .sidebar>ul li ul
{
display: none;	
position: absolute;
top: -1px;
left: 100%;
}

#content .sidebar>ul li:hover ul
{
display: block;
}

/*This is not a clickable link so remove arrow to distinguish from links*/
#content #btns .top_btn:before
{
display: none;
}

#content #btns .top_btn
{
display: block;
text-align: center;
width: 170px;
overflow: auto;
height: 22px;
padding: 8px 10px 4px 10px;
display: block;
font-size: 10pt;
text-decoration: none;
font-weight: bold;
}

#content #btns .bot_btn
{
margin-bottom: 10px;	
}

#content #btns #above_btn
{
height: 15px;
}																																																				

#content #btns #below_btn
{
height: 20px;
}									
									
#content #info	
{
width: 770px;																															
float: left;
text-align: left;
padding: 0 0 10px 10px;		
min-height: 300px;	
}	

#bottom
{
clear:both;
width: 900px;
float: left;
height: 1px;
line-height: 1px;
font-size: 1px;
}					

#footer_tile
{
clear: both;
width: 100%;	
margin-top: 5px;
}

#footer
{
clear: both;
margin: 0 auto 2px;
text-align: center;	
width: 900px;
line-height: 1.75em;
}

#sub_nav
{
clear: both;
text-align: center;	
}			

#sub_nav div	
{
text-align: center;
padding: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;	
line-height: 12pt;
}

#sub_nav div a
{
font-size: 0.8em;	
}

#t_c
{
width: 1000px;
margin: auto;	
}
	
#terms
{
float: left;	
}

#copyright
{
float: right;	
padding: 5px 0 0;
}	

#stats
{
clear: both;
width: 1000px;
margin: auto;	
padding: 10px 0 0;
text-align: center;
}	

#copyright
{
float: right;
margin-top: 0px;
margin-left: 10px;
}					

#terms 
{
float: left;			
margin-right: 11px;							
}										

#terms a
{				
text-decoration: none;
}						

#counter				
{
clear: both;
font-size: 0.7em;
padding-top: 15px;
padding-bottom: 10px;
}	

#terms a,
#copyright
{			
font-size: 0.8em;	
}	


/* Order Form Styles */

#emailorder
{	
width: 100%;
}          

/* Important for email order form */

#salutation 
{
margin-left: 72px;
}

#fname    
{
margin-left: 31px; 
}

#sname    
{
margin-left: 44px;
}               

/*contact info*/
#contact_info
{
position: relative;
margin: auto;	
}

#contact_info .address
{
position: relative;
padding: 5px 0;
}

#content #info ul
{
list-style: inside;	
}

.contact_tel
{
width: 350px;
float: left;	
}

.contact_address
{
position: relative;
width: 225px;
float: right;	
}

#contact_info .contact_line
{
clear: both;
padding: 0 0 2px;
}

#contact_info .coname
{
font-weight: bold;	
font-size: 1.2em;
padding: 0 0 10px 0;
}

#contact_form h2
{
clear: both;
margin-bottom: 15px;	
}

#contact_form #form_container
{
clear: both;
margin: 30px auto 0;
position: relative;
width: 70%;
padding: 20px;
border-radius:10px;	
}

.form_line
{
clear: both;
padding: 2px;	
}

.form_line .captcha_left
{
float: left;	
}

.form_line .captcha_left img
{
vertical-align: middle;	
}

.form_line .captcha_right
{
float: right;	
}

.form_input input,
.form_input textarea
{
display: block;
width: 96%;
margin: auto;
padding: 1% 2%;
border-radius: 10px;
}

.form_input input#captchastring
{
width: 150px;	
}

.captcha img
{
width: 200px;	
}

.form_input #send
{
float: left;
width: 180px;
height: 35px;
margin: 10px 0 0;
}

.form_input #clear
{
float: right;
margin: 10px 0 0;
width: 180px;
height: 35px;
}

#stock_head
{
width: 100%;	
}

#stock_head #shead
{
padding: 0;
}

.pagetab,
.cart,
.prod
{
position: relative;
width: 100%;
clear: both;
}

.prod
{
border-bottom: 1px dotted #ccc;
padding: 0 0 10px;
}

#catf
{
float: right;
}

#sort_order_form
{
float: left;
}

.cat_hr
{
display: none;	
}

.pagetab a
{
text-decoration: underline;	
}

.colour_bar
{
padding: 3px;
margin: 5px 0; 
clear: both;
height: 18px;
line-height: 18px;
vertical-align: middle;
font-size: 12px;
}

.prod_count
{
float: left;
width: 50%;	
}

.prod_sort
{
float: right;	
}

.img_border
{
border: none;	
}

.product_title
{
font-size: 1.1em;
font-weight: bold;
margin: 0 0 10px;	
}

.product_price
{
font-size: 1.4em;	
}

.product_price,
.product_id
{
margin: 10px 0 0;	
}

.prod_jump
{
float: right;
display: inline-block;	
}

.paging_container
{
font-size: 1.2em;
display: inline-block;	
}

a.add_to_cart 
{
}

.cat_header
{
font-weight: bold;
}

.price_details
{
clear:both;
color: #990000;
font-size: 22px;	
padding: 5px 0 0;
position: relative;
}

.price_container .contact_price,
.price_container .contact_price .price_details
{
color: #990000;
font-size: 14px;	
line-height: 30px;
padding: 5px 0 0;	
text-align: left;
}

.price_details .adjusted-price
{
float: left;
text-align: left;
line-height: 40px;
width: 45%;
}

.price_details .cart_buttons
{
float: right;
text-align: right;
line-height: 40px;
width: 45%;
}

.tabulated .price_details .adjusted-price,
.tabulated .price_details .cart_buttons
{
line-height: normal;
padding: 1%;
}

.tabulated .adv_stock_options_wrapper
{
padding: 5px 1%;	
}

.price
{
padding: 0;
margin: 0;	
}

.fixed_price_details
{
position: relative;
clear: both;
float: left;
color: #990000;
font-size: 22px;	
padding: 0;
}

.prod .fixed_price_details
{
padding: 5px 0;	
}

.cart_buttons
{
float: right;	
line-height: 30px;
height: 30px;
}

.cart_buttons .add_to_cart
{
height: 30px;
line-height: 30px;	
}

.cart_buttons .add_to_cart img
{
vertical-align: middle;	
}

.advanced_options_summary p,
.price_details p
{
margin: 0;
padding: 0;	
}

.stock-level
{
padding: 5px 0;	
font-size: 1.1em;
}

.price_container
{
position: relative;
clear: both;
padding: 10px 0 0;	
}

#product_details_image
{
max-width: 300px;	
}

#product_details_image #product-image
{
max-width: 300px;
max-height: 300px;	
}

#contact_form
{
padding: 10px 0 0;	
}

.cat_td_img_td
{
display: block;	
text-align: center;
border: 1px solid #ccc;
height: 160px;
line-height: 160px;
}

.cat_prod_container .more_info img
{
vertical-align: middle;
max-width: 125px;
}

cat_prod_container a
{
display: block;	
}

#global_search a
{
display: block;
float: right;
background: url('/td_001a/images/icons.png') 0 -150px;	
width: 30px;
height: 30px;
text-indent: 10000px;
}

.awaiting_image
{
text-align: center;	
}

.image_unavailable
{
display: block;	
height: 180px;
width: 180px;
line-height: 180px;
text-align: center;
border: 1px solid #ccc;
}

.adv_stock_options_wrapper,
.adv_options_summary
{
position: relative;
width: auto;
clear: both;	
padding: 5px 0 0;
}

.adv_options_summary
{
}

.no_stock
{
color: #990000;
font-size: 1.1em;	
}

.no_stock
{
color: #990000;
font-size: 1.1em;	
}

.in_stock
{
color: #3C0;
font-size: 1.3em;
font-weight: bold;	
}

.opt_group_title
{
font-weight: bold;	
}

#btns ul { margin-bottom: 10px !important; }

#view_map
{
position: absolute;
bottom: 0;
right: 25px;
}

#view_map a 
{
display: block;
line-height: 25px;
}

#view_map a img
{
margin-bottom: -5px;	
}

a#zoom
{
position: relative;	
z-index: 100;	
display: block;
}

a#zoom img
{
position: relative;
z-index: 0;	
}

.zoom_icon
{
position: absolute;	
top: 0;
right: 0;
width: 60px;
height: 60px;
background: url('/td_001a/images/zoom.png') center center no-repeat;
z-index: 500;
}

.hidden
{
display: none;	
}

.green
{
color: #00CC00;	
}

.red
{
color: #990000;	
}

.tabulated .prod
{
padding: 0;
border: 0;	
}

.tabulated .mrow
{
display: table;	
width: 100%;
vertical-align: top;
}

.tabulated .mrow .image_container,
.tabulated .mrow .right_container
{
display: table-cell;
border: 1px solid #ccc;
vertical-align: middle;
}

.tabulated .mrow .full_container
{
border: 1px solid #ccc;
vertical-align: middle;
}

.tabulated .mrow .image_container
{
width: 20%;	
border-right: 0;
}

.tabulated .mrow .image_container #product-image
{
margin: 0;	
}

.tabulated .mrow .title_container
{
width: 98%;
padding: 1%;
border-right: 0;	
}

.tabulated .mrow .options_container
{
width: 100%;
}

.tabulated .adv_options_summary
{
float: left;
}

.tabulated .mrow .nametd
{
width: auto;	
}

.tabulated .price_details .adjusted-price,
.tabulated .fixed_price_details
{
font-size: 12px;
font-weight: normal;	
}

/*spinner*/

.spinner
{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
z-index: 1000;
}

#squaresWaveG{
position:relative;
left: 50%;
top: 50%;
margin: -6px 0 0 -50px;
width:100px;
height:12px}

.squaresWaveG{
position:absolute;
top:0;
background-color:#FFB700;
width:12px;
height:12px;
-moz-animation-name:bounce_squaresWaveG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#squaresWaveG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#squaresWaveG_2{
left:13px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#squaresWaveG_3{
left:26px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#squaresWaveG_4{
left:39px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#squaresWaveG_5{
left:52px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#squaresWaveG_6{
left:65px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#squaresWaveG_7{
left:78px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#squaresWaveG_8{
left:91px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

@-moz-keyframes bounce_squaresWaveG{
0%{
background-color:#FFB700;
}

100%{
background-color:#FFFFFF;
}

}

@-webkit-keyframes bounce_squaresWaveG{
0%{
background-color:#FFB700;
}

100%{
background-color:#FFFFFF;
}

}

@-ms-keyframes bounce_squaresWaveG{
0%{
background-color:#FFB700;
}

100%{
background-color:#FFFFFF;
}

}

@-o-keyframes bounce_squaresWaveG{
0%{
background-color:#FFB700;
}

100%{
background-color:#FFFFFF;
}

}

@keyframes bounce_squaresWaveG{
0%{
background-color:#FFB700;
}

100%{
background-color:#FFFFFF;
}

}