@charset "utf-8";
/* CSS Document */

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	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: #000;
}
input { 
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

#container { 
	width: 990px;
	text-align: left;
	margin: 0 auto;
	background: url(/images/layout/side_repeater.jpg) repeat-y;
} 

#header { 
	position:relative;
} 

#mainIntro { 
	margin: 0 0 15px 260px;
	width: 449px;
	font-size: 1.1em;
}

#mainContent { 
	margin: 0 35px 15px 262px;
	font-size: 1.1em;
}

img.space { padding-bottom: 8px; }
#rightInfo img.space { padding-bottom: 12px; }

#rightInfo { float: right; width: 225px; margin: 0 43px 0 0; text-align: center; }

#ukretailersHeader { background: url(/images/layout/new/distributor_header.jpg) no-repeat; height: 70px; }
#ukretailersRepeater { background: url(/images/layout/new/uk_distributor_repeater.jpg) repeat-y; }
#ukretailersFooter { background: url(/images/layout/new/uk_distributor_footer.jpg) no-repeat; height: 16px; margin-bottom: 15px; }

#bashHeader { background: url(/images/layout/new/weekend_header.jpg) no-repeat; height: 37px; }
#bashRepeater { background: url(/images/layout/new/weekend_repeater.jpg) repeat-y; }
#bashRepeater img { margin-left: 9px; }
#bashFooter { background: url(/images/layout/new/weekend_footer.jpg) no-repeat; height: 15px; }
#bashText { margin: 0 10px 0 167px; padding-top: 2px; }
#bashText p { padding: 0; margin: 0; color:#444643; }
#bashText p a { color: #666; text-decoration: none; }
#bashText p a:hover { color: #333; text-decoration:underline; }

#cart tr th{ text-align:left; font-weight:bold;}
#cart tr td{ padding: 4px; }
#cart tr.row1{ background:#eee;}
#cart tr.row2{ background:#ccc;}

#twitter { padding: 3px 15px; }
#twitter .veetter-tweets{
margin:0px;
padding:0px;
}
#twitter .veetter-tweets .status {
font-size:1.0em;
padding:0px;
margin:0px;
color:#555;
padding-top:0;
}
#twitter .veetter-tweets .status a {
text-decoration:none;
color:#555;
}
#twitter .veetter-tweets .status a:hover {
text-decoration:underline;
}


.prodHeader { background:url(/images/products/layout/product_header.gif) no-repeat; height: 34px; line-height: 40px; padding-left: 245px; color: #FFFFFF; font-weight: bold; position: relative; }
.prodHeader div { position: absolute; top: 0px; right: 65px; }
.prodMiddle { background:url(/images/products/layout/product_repeater.gif) repeat-y; position: relative; padding: 15px 0; min-height: 130px; }
.prodMiddle .text { padding: 0 150px 0 20px; }
.prodMiddle .price { position:absolute; top: 65px; right: 38px; }
.prodMiddle span { font-weight: bold; font-size: 1.7em; }
.prodMiddle img.buy { position: relative; top: 15px; right: 5px; }
.prodFooter { background:url(/images/products/layout/product_footer.gif) no-repeat; height: 15px; margin-bottom: 10px; }

#blocks { float: left; margin-left: 50px; width: 182px; margin-bottom: 10px; }
#blocks .block_header { width: 182px; height: 46px; line-height: 44px; background: url(/images/layout/blocks/block_header.jpg) no-repeat; text-align: center; color: #FFFFFF; font-size: 1.1em; font-weight: bold; }
#blocks .block_middle { background: url(/images/layout/blocks/block_repeater.jpg) repeat-y; }
#blocks .block_middle div.basket{ margin-left: 15px; }
#blocks .block_middle ul { margin: 0; }
#blocks .block_middle ul li { list-style: none; height: 26px; padding-top: 14px; }
#blocks .block_middle ul li a { padding: 15px 10px 15px 40px; text-decoration:none; color: #000; }

#otherHeader { background:url(/images/products/layout/other_header.jpg) no-repeat; height: 34px; line-height: 40px; color: #FFFFFF; font-weight: bold; position: relative; text-align:center; }
#otherRepeater { background:url(/images/products/layout/other_repeater.jpg) repeat-y; position: relative; padding: 15px 8px; min-height: 130px; }
#otherFooter { background:url(/images/products/layout/other_footer.jpg) no-repeat; height: 15px; margin-bottom: 10px; }
#otherRepeater p.otherText { width: 115px; margin: 0 auto; text-align:left; }

li.home { background:url(/images/layout/blocks/menu_icons/01_home.jpg) no-repeat left; }
li.products { background:url(/images/layout/blocks/menu_icons/02_products.jpg) no-repeat left; }
li.faq { background:url(/images/layout/blocks/menu_icons/03_faq.jpg) no-repeat left; }
li.forum { background:url(/images/layout/blocks/menu_icons/04_forum.jpg) no-repeat left; }
li.ordering { background:url(/images/layout/blocks/menu_icons/05_ordering.jpg) no-repeat left; }
li.contact { background:url(/images/layout/blocks/menu_icons/06_contact.jpg) no-repeat left; }

#blocks .block_footer { width: 182px; height: 18px; background:url(/images/layout/blocks/block_footer.jpg) no-repeat; margin-bottom: 10px; }

#footer { 
	/*height: 87px; with bottom menu*/
	height: 45px;
	background: url(/images/layout/footer.jpg) no-repeat;
	position: relative;
} 
#footerLeft {
	position: absolute;
	top: 12px;
	left: 50px;
	color: #FFFFFF;
	width: 220px;
}
#footerLeft a { color:#FFFFFF; text-decoration: none; }
#footerRight { position: absolute; top: 12px; left: 732px; color: #FFFFFF; }
#footerMenu { position: absolute; bottom: 0px; }

.fltrt { /* 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;
}

.fltlft { /* 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;
}

th { background-color: #f8941e; color: #FFFFFF; text-align:left; font-weight: bold; padding: 4px 0 4px 5px; }
table td strong a { color: #000; text-decoration: none; }
table td strong a:hover { color: #333; text-decoration: underline; }

.bold { font-weight: bold; }