﻿
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 10pt;
	font-family: Arial;
	vertical-align: baseline;
	margin: 0px;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
}

select
{
	font-size:10pt;
}


body
{
	background-image: url(/images/bg.jpg);
	padding:0px;
	margin:0px;
}

.hr
{
	border-bottom: 1px dashed #ccc;
	padding-top: 10px;
	margin-bottom: 10px;
}

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}

li
{
	list-style-type: none;
}

.clear
{
	clear: both;
}

html
{
	height: 101%;
}

form
{
	height: 100%;
}

#wrapper
{
	background-color: White;
	width: 890px;
	margin: auto;
	padding-top: 16px;
	height: 100%;
}

#header, #menu, #content
{
	width: 855px;
	margin: auto;
}

#header
{
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
	height: 230px;
}

#menu
{
	background: transparent url(/images/nav-bg.gif);
	margin-top: 5px;
	height: 32px;
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
}

#menu li
{
	float: left;
	display: inline;
	margin: 0px 8px 0px 8px;
	color: White;
}

#menu li.first
{
	margin: 0px 8px 0px 20px;
}

#menu li a
{
	color: White;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10pt;
}
#menu li a:hover
{
	color: #ff6600;
}

#content #left
{
	width: 580px;
	float: left;
	display: inline;
}

#content #right
{
	width: 265px;
	float: right;
	display: inline;
	margin-right: 10px;
}

.left
{
	float: left;
	display: inline;
}

.article-image
{
	float: left;
	display: inline;
	padding-right: 10px;
}

.block
{
	padding: 10px 0px 10px 0px;
}

a
{
	color: #303030;
	text-decoration: none;
}

p a
{
	color: #ff6600;
}

a:hover
{
	text-decoration: none;
}

h1, h3, h3 a
{
	color: #ff7b00;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 12pt;
	text-transform: uppercase;
}


h2
{
	background: #ff7b00;
	padding: 5px;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	color: White;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
}

h2 a
{
	color: #fff;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-size: 9pt;
	text-decoration: none;
}

h4, h4 a
{
	color: #303030;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#main
{
	margin-bottom: 20px;
}

p, #content #left li
{
	color: #303030;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-size: 10pt;
	padding: 10px 0px 10px 0px;
}

.warning p, #content #left li
{
	padding:0px;
}

#content #left li
{
	list-style-type: circle;
	line-height: 14pt;
	margin-left: 40px;
	padding: 0px;
}

p.small
{
	font-size: 8pt;
	line-height: 10pt;
	padding: 5px 0px 5px 0px;
	color: #666;
}

.snippets p
{
	color: #303030;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-size: 9pt;
	margin-bottom: 20px;
	border-bottom: dashed 1px #ccc;
}

#brands
{
	margin:20px 0px 20px 0px;
}

#brands li
{
display: inline;
float: left;
text-align:left;
padding: 3px;
height:100px;
width:135px; 
}

#brands li img
{
display:block;
vertical-align:middle;
position:relative;
}


#footer
{
	height: 100px;
	background-image: url(/images/footer.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.scissors
{
	background-image: url(/images/scissors.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 250px;
	margin: auto;
	margin-top: 10px;
}
.formitem
{
	padding: 5px;
	border-bottom: dsahed 1px #ccc;
	display: block;
}

.formitem input[type=text], .formitem textarea, .formitem select
{
	width: 300px;
	padding: 5px;
}

.formitem select
{
	width: 313px;
}

.formitem label
{
	width: 150px;
	display: block;
	float: left;
	font-size: 10pt;
	font-weight: bold;
}
.message, .warning, .sbasket
{
	width: 95%;
	margin: auto;
	margin-bottom: 15px;
}

.message
{
	padding: 0px;
	background-color: #FFFFCC;
	border: solid 1px #ccc;
	margin: 10px 0px 10px 0px;
	color: #2e7db2;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-image: url(/images/message.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 10pt;
	font-weight: bold;
}

.sbasket
{
	padding: 5px;
	background-color: #ff7b00;
	border: solid 1px #ccc;
	color: #303030;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-image: url(/images/sb.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 10pt;
	font-weight: bold;
}

.sbasket a
{
	color: White;
}

.warning
{
	padding: 15px 10px 15px 10px;
	background-color: #FFE8FF;
	border: 1px solid #FF99FF;
	font-size: 9pt;
	font-weight: bold;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-image: url(/images/admin/warning.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.note
{
    background-color: #FFE8FF;
	border: 1px solid #FF99FF;
	font-size: 9pt;
	padding:5pt 10pt;
    	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

table#opening_hours
{
	width: 100%;
}

table#opening_hours td, table#opening_hours th
{
	text-align: left;
	font-size: 9pt;
	width: 50%;
	padding: 2px;
}

table#opening_hours th
{
	font-weight: bold;
}

#barcode
{
	background-image: url(/images/barcode.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	height: 59px;
	width: 81px;
	float: right;
	margin: 30px 50px;
}

.social
{
	float: left;
	width: 500px;
	margin-top: 50px;
	margin-left: 30px;
}

.social a
{
	margin-right: 20px;
}

.img
{
	width: 260px;
	margin: auto;
}

#login
{
	width: 400px;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-size: 9pt;
	height: 500px;
	margin: auto;
}

#login td
{
	padding: 5px;
}

#login input[type=text], #login input[type=password]
{
	width: 200px;
	padding: 3px;
}

.datastamp
{
	margin-top: 3px;
	display: block;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	font-size: 7pt;
	color: #ff6600;
	font-weight: bold;
}

.newsdiv
{
	border-bottom: dashed 1px #ccc;
	padding-top: 30px;
}

.loofy
{
	float: right;
	padding: 10px 0px 10px 0px;
}

.loofy a
{
	color: White;
	font-size: 8pt;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
}

#shop .content
{
	padding: 0px 0px 20px 0px;
	width: 645px;
	float: right;
}
#shop h1
{
	font-size: 22pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #303030;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
 line-height:22pt;
padding:0px;
margin:0px;
}

#shop .category
{
	margin-bottom:-15px;
}

.category a
{
	font-size: 12pt;
	color: #DFDFDF;
	font-weight: bold;

}

#product-details h1
{
	font-size: 22pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #303030;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	max-width: 700px;
}



#shop .sort
{
	float: right;
}

#shop .catDesc
{
}

#shop .product
{
	width: 200px;
	text-align: center;
	float: left;
	display: inline-block;
	height: 270px;
}

#shop .product img
{
	width: 180px;
	padding: 5px;
	border: 1px solid #f5f5f5;
}

#shop .product .title, #shop .product .price
{
	display: block;
	font-size: 10pt;
}

#shop .product .price
{
	font-weight: bold;
}

.categories_holder
{
	width: 200px;
	float: left;
}

.categories
{
	background-color: #e1dfd8;
	padding: 10px;
}

.categories li
{
	font-size: 10pt;
	padding: 3px 0px 3px 0px;
}


.categories li a
{
	color: #333;
	text-decoration: none;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
}

.categories li:hover a, h4 a:hover
{
	text-decoration: underline;
}

.categories h4
{
	padding: 5px 0px 5px 0px;
}

.categories h4 a
{
	font-size: 10pt;
	font-weight: bolder;
	text-transform: uppercase;
}

.freedel
{
	margin-top: 10px;
}


.ajax__tab_tab
{
	font-size: 10pt;
}

#product-details
{
	padding: 0px 20px;
}

#product-details .right
{
	width: 490px;
	float: right;
}

#product-details .image
{
	border: 1px solid #ccc;
}

#product-details .price
{
	font-size: 24pt;
	font-weight: bold;
	color: #303030;
}

h1
{
	font-size: 24pt;
	font-weight: bold;
	color: #303030;
}

#product-details .was, .was
{
	color: Red;
	text-decoration: line-through;
 font-weight:normal;
 font-size:12pt;
}

#product-details .saving, .saving
{
	color: #ff6600;
	font-size: 12pt;
	 font-weight:normal;
}

#product-details p.productdesc
{
	font-size: 10pt;
}

#product-details #productoptions
{
	margin-top: 20px;
	padding-bottom: 30px;
}

#product-details #productoptions .option
{
	padding: 10px;
	font-size: 10pt;
}

#productoptions td
{
	padding: 10px;
	border: 0px solid #fff;
	border-bottom: 1px dotted #ccc;
	vertical-align: middle;
}

#productoptions h2
{
	background-color: White;
	font-size: 14pt;
	color: #303030;
	padding-left: 0px;
}

#productoptions h3
{
	color: #999;
	font-size: 10pt;
}

.basket
{
	width: 100%;
	margin: auto;
}

.basket tr
{
	border-bottom: 1px dashed #ccc;
}


.baskettotal .total 
{
	font-weight: bold;
	float: right;
	font-size: 18pt;
	padding: 10px 20px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	margin: 20px 0px;
	width: 175px;
	text-align: center;
}

.total span 
{
		font-size: 18pt;
}

.right
{
	float: right;
}

.delivery
{
	font-size: 9pt;
}

.heading
{
	font-size: 24pt;
	font-weight: bold;
	color: #303030;
	text-transform: uppercase;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
}

.basket th
{
	background-color: #303030;
	color: White;
	padding: 5px;
	text-align: left;
}

.basket td
{
	padding: 5px;
	text-align: left;
}


.val
{
	padding: 5px;
	background-color: #FFE8FF;
	border: 1px solid #FF99FF;
	font-size: 9pt;
	font-weight: bold;
  left:5px;
  position:relative;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#productoptions th
{
	background-color: Black;
	padding: 10px;
	color: White;
	font-weight: bold;
	text-align: left;
}

.cards
{
	width: 319px;
	margin: auto;
	margin-top: 40px;
}

.popup
{
	visibility: hidden;
	position: absolute;
	z-index: 99;
	top: -1000px;
}

.csv
{
	background-color: White;
	padding: 30px;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.link
{
	color: Blue;
	text-decoration: underline;
}

#orderConf .full
{
	width: 784px;
	margin-top: 20px;
}

#orderConf .half
{
	width: 392px;
	display: inline;
	float: left;
}

#orderConf h2
{
	background-color: Black;
	padding: 8px;
	font-size: 14pt;
	margin: auto;
	margin-bottom: 20px;
}

#orderConf table
{
	width: 800px;
	padding: 0px;
	margin: 0px;
	margin: auto;
}

#orderConf table td, #orderConf table th
{
	padding: 10px;
	text-align: left;
}

#orderConf table th
{
	background-color: #303030;
	color: White;
}

#orderConf table td.totals
{
	background-color: #666;
	color: White;
	font-weight: bold;
	text-align: right;
	font-size: 16pt;
}

.sbasket a
{
	text-decoration: none;
}

.blackbtn
{
	height: 40px;
	width: 227px;
	background: transparent url(/images/btn-bg.gif) no-repeat left top;
	padding: 8px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
}
.blackbtn a
{
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-family: Calibri,Lucida Sans, Lucida Sans Unicode,Arial, Verdana, Tahoma, Serif;
	text-decoration: none;
}

.oops
{
	width: 500px;
	margin: auto;
	text-align: center;
	min-height: 500px;
	padding-top: 30px;
}

.oops span
{
	font-family: Impact;
	font-weight: normal;
	font-size: 20pt;
}

.lbl
{
	display: block;
	font-weight: bold;
	font-size: 9pt;
	margin-top: 10px;
}

.discount
{
	color: white;
	background-color: Red;
	padding:0px 3px
}

dl.help
{
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 5px;
	width: 188px;
	margin: 15px 0px 0px 0px;
font-size:11pt;
}

dl.help dt
{
	color: #303030;
	font-weight: bold;
	font-size: 13pt;
}

dl.help dd a
{
	color: #303030;
	text-decoration: none;
}
dl.help dd a:hover
{
	text-decoration: underline;
}

a.prodEnquiry
{
	color: Red;
	text-decoration: none;
}

a.prodEnquiry:hover
{
	text-decoration: underline;
}


.search
{
 height:43px;
 background: transparent url(/images/search-bg.gif) no-repeat left top;
 padding:10px 0px 0px 20px;
}

.search input[type=text]
{
 width:200px;
}

.search label
{
  font-weight:bold;
  font-size:12pt;
 }

 .facebooklike
 {
  height:30px;
	margin-top:20px;
 }

  ul.relatedproducts
	{
	 width:100%;
	 text-align:left;
	 display:block;
	 height:150px;
margin:15px 0px 15px 0px;
	}

 ul.relatedproducts li
 {
height:90px;
width:110px; 
float:left;
display:inline;
padding:10px;

	}
 ul.relatedproducts li a
 {
  font-size:8pt;
	line-height:9pt;
 }

.blogPosts
{
	width:600px;
	float:left;
 display:inline;
}

.blogArchive
{
	 width:200px;
	 background-color:Black;
	 font-weight:bold;
	float:right;
 display:inline;
padding:15px; 
text-align:left;
}

.blogArchive a 
{
	color:White;
}

.blogArticle a
{
	color:#ff6600;
	font-size:10pt;
}

.blogArticle h2
{
}


.blogArticle h3
{
text-transform: capitalize;
float:right;
font-weight:normal;
font-size:10pt;
}

.blogSnippets h3 a
{
 text-transform:capitalize; 
 font-weight:normal;
}

.blogSnippets h3 a :hover
{
	text-decoration: underline;
}

.blogSnippets h4
{
	color: #808080;
	text-transform: capitalize;
	font-size: 10pt;
}

.tags ul, .tags h3
{
	display:inline;
	float:left;
}

.tags ul
{
padding-left:15px;
}

.tags ul li
{
	display: inline;
	margin-right: 10px;
	line-height: 12pt;
/*	padding: 0px 5px 3px 5px;
	background-color: #E8E8E8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;			*/
}

.tags ul li:hover
{

}

.tags ul li a
{
	color: #666666;
	text-transform: lowercase;
	font-size: 10pt;
	padding: 0px;
}



.tags li:hover a
{
color:#ff6600;
}

.video
{
	width:401px;
	float:left;
	display:inline;
	background-color:Black;
	padding:10px;
margin:3px;
height:150px;
}

.video input[type=image]
{
	float:left;
	display:inline;
}

.video p
{
 width:280px;
 color:White;
float:left;
display:inline;
padding-left:20px;
padding-top:0px;
}
 
 .modalbg
{
	background-color: #000;
	filter: alpha(opacity=90);
	opacity: 0.90;
}

.modalpopup
{
	padding:-15px 20px 0px 20px;
	position: absolute;
	left: -1000px;
	z-index: 120;
	background-color: black;
	border: solid 5px #000;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	vertical-align: top;
}


.modalpopup h3
{
	margin:0px;
	padding:0px;
	color:#333;
	}
	
.smHover
{
	display:inline;
	float:left;
	width:120px;
	font-weight:bold;
 color:#ff6600;
cursor:pointer;
margin-left:15px;
margin-top:5px;
}	

	td.stockmessage
	{
	padding: 0px;
	background-color: #fafad2;
	font-size: 9pt;
	}

.stockmessagesmall
{
	background-color: #fafad2;
	border: 1px solid #ccc;		
  text-align:center;
  color:Red;
  width:190px;
  font-size: 9pt;
 }

	
.about
{
	width:890px;
	margin:auto;
padding:10px 0px 10px 0px
}

.about p 
{
	color:White;	
padding:3px;
}
