/*reset */
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 {margin:0; padding:0; border:0; font-weight: inherit; font-style:inherit; font-size:12px; font-family:arial; /*vertical-align:baseline;*/}

body{line-height:1.5; background:#fff; margin:1.5em 0;}

table{border-collapse:separate; border-spacing:0;}

caption, th, td{}
blockquote:before, blockquote:after, q:before, q:after{content:"""";}
blockquote, q{quotes:"""" """";}
a img{border:none;}
/*
end reset */

/* typography.css */
body {font-size:12px;color:#222;background:#fff;font-family:Tahoma, Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:26px;line-height:1;margin-bottom:0.5em; color: #64B8DA; font-family:Tahoma, Helvetica, Arial, sans-serif;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
/*table {margin-bottom:1.4em;width:100%;}*/
th {font-weight:bold;background:#C3D9FF;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input {border:1px solid #666;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/*
layout areas */
#tablemain,
#tableproducts,
#tableviewcart,
#tablecustreg,
#tablesearch{
width:960px!important;
margin:0 auto;
padding:0;
}
#maincontent,
#productscontent, 
#custregcontent, 
#searchcontent,
#viewcartcontent {
width:795px;
margin:0;
padding:0;
}
#cartmainouter table {
width: 750px!important;
}
#tablemain ul, 
#tablemain li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*
header section */
#mainheader{
width:100%;
margin:0 auto;
top:0;
left:0;
}
#header{
width:960px;
height:130px;
margin:0 auto 10px auto;
border-bottom:18px solid #afb5b5;
position:relative;
top:0;
font-size: 11px;
}
#branding{
position:absolute;
top:0;
left:0;
}
#basket{
position:absolute;
top:0;
right:0;
width:260px; *width:300px;
height:25px; *height:20px;
clear:both;
background:#FFFFFF url(../images/icon-basket.gif) no-repeat left top;
padding:2px 2px 2px 40px;
font-size: 10px;
}
#globalsearch{
position:absolute;
top:45px;
right:0;
width:335px; *width:360px;
height:40px;
background:#FFFFFF url(../images/icon-search.gif) no-repeat 13px center;
padding:2px 2px 2px 40px;
	font-family: 11px!important;
}
#globalsearch form{
	float:right;
	vertical-align: middle;
	font-family: 11px!important;
}
#globalsearch label{
	vertical-align: middle;
	font-family: verdana;
	font-family: 11px!important;
}
#nav{
width:960px;
height:32px;
position:absolute;
bottom:0px;
left:0;
background:#FFFFFF url(../images/bg-nav.gif) repeat-x left top;
}
#globalnav{
margin: 0;
padding: 0;
float: left;
font: bold 11px Tahoma;
}
#globalnav li{
display: inline;
}
#globalnav li a{
float: left;
color: #ffffff;
line-height:32px;
padding: 0 10px; /*padding of tabs*/
text-decoration: none;
background: transparent;
border-right: 1px solid #d3bdbe;
}
#globalnav li a:visited{
color: white;
}
#globalnav li a:hover{
color: #6bb8d6;
background-image: url(../images/bg-navover.gif); /*background image swap on hover*/
}
#currency{
float:right;
width:250px;
}
#currency label, 
#currency select{
	vertical-align: middle;
}
#currency label{
	color: #FFFFFF;
	padding: 0 5px 0 0; 
}
/*
end header */
.g1{
width:760px;
margin:0;
padding:0;
}
/*
sidebar and navigation */
#sidebar{
width:155px;
margin:0;
padding:0;
}
.s4t,
.s4t a{
	margin: 0;
	padding: 0;
	background-color: #EDEFEE;
	font-family: Tahoma,Helvetica,Arial, sans-serif;
	font-size: 11px;
}

.s4t a:link, 
.s4t a:link{
	margin: 0 10px 0 16px;
	padding: 0;
	text-decoration: none;	
}
.s4t a:hover,
.s4t a:hover{
	text-decoration: underline;	
}
td.s4t, 
td.s5t{
	margin: 0;
	padding: 0;
}
#rhsbar-header, 
#rhsbar-footer{
	background-color: #EDEFEE;
	margin: 0;
}
#rhsbar-footer{
	padding: 0;
}
#rhsbar-header h2, 
#rhsbar-footer h2{
	font-family: Tahoma,Helvetica,Arial,sans-serif;	font-size: 14px;
	font-weight: bold;
	margin: 10px 5px 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #C8CECB;
}
#rhsbar-header h2 a,
#rhsbar-footer h2 a{
	color: #000000;
	text-decoration: none;	
}
#rhsbar-header h2 a:hover,
#rhsbar-footer h2 a:hover{
	text-decoration: underline;	
}
#rhsbar-header ul{
	margin: 0 10px;
	list-style-type: none;
}
#rhsbar-header li a{
	font-family: Tahoma,Helvetica,Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	list-style-type: none;
}
#rhsbar-header li a:hover{
	text-decoration: underline;	
}
/*homepage*/
#intro{
	height: 168px;
	background-color: #F7F7F7;
	background-image: url(../images/Banners/tartan-bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	margin: 0 0 10px 0;
}
#intro p{
	font-family: Tahoma,Helvetica,Arial, sans-serif;
	font-size: 13px;
	margin-left: 25px;
	display: block;
	width: 335px;
}
#intro h2{
	font-family: Tahoma,Helvetica,Arial, sans-serif;
	font-size: 25px;
	margin: 14px 0 14px 25px;
	color: #0E0E31;
}
/*
slideshow for the home page using jquery and jflow 1 Octuber 2008 */
#slideshow{
position:relative;
width:780px;
height:220px;
}
#controller{
display:none;
}
#prevNext{
position:absolute;
z-index:2;
top:180px;
right:20px;
}
#prevNext img{
cursor:pointer;
}
#slides p{
margin: 0;
padding: 0 1em;
font-size: 1.5em;
position: relative;
top: -50px;
line-height: 50px;
height: 50px;
background: black;
color:#ffffff;
opacity: .7;
filter:alpha(opacity=70);
}
#slides p a{
text-decoration:none
}
#slides p a:hover{
color:#6bb9d7
}
#homebanners{
	margin: 2px 0px 10px 0px;
}
#homebanners ul, 
#homebanners li{
	display: inline;
}
#homeoffers-header, 
#homeoffers-footer{
	background-color: #F7F7F7;
	height: 13px;
	margin: 0px;
	padding: 0px;
	width:780px;
}
#homeoffers-body{
width:780px;
	background-image: url(../images/homeoffers-bg.gif);	
	margin: 0px;
	padding: 0px;	
}
.homeoffer{
	width:180px;
	margin: 0px 5px;
	padding:0;
text-align:center;
}
.homeoffer_price{

	margin: 0px;
	padding: 0px;	
}
.homeoffer img{
	margin:0;
	padding:0;
}
.homeoffer h3{
color:#000000;
margin: 10px 0 6px 0;
font-family: verdana;
font-size: 16px;
font-weight: bold;
}
.homeoffer h3 a:link,
.homeoffer h3 a:visited,
.homeoffer h3 a:active{
	color:#000000;
	text-decoration: none;
}
.homeoffer h3 a:hover{
	color:#297B9A;
	text-decoration: underline;
}
/*
global pricing */
.price{
	margin: 2px 0 0 0;
	color:#2F819F;
	font-size: 15px;
	font-weight: bold;
}
.exvat{
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
display:none;
}
.incvat{
font-size: 14px;
color:#2F819F;
}

.breadcrumbs{
	font-family: Tahoma,Helvetica,Arial, sans-serif;
	font-size: 11px;
	text-transform:capitalize;
}
.breadcrumbs a{
	color: #2F819F;
}
.breadcrumbs a:hover{
	color: #000000;
}
.totalproducts{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	border-bottom: 1px dotted #D1D1D1;
	border-top: 1px dotted #D1D1D1;
	padding: 7px 0px 7px 0px;
}
.prodsumText, .prodsumText a{
	color: #000000;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.prodsumText a{
	text-decoration: none;	
}

.prodsumText a:hover{
	text-decoration: underline;	
	color:#2F819F;
}
.pricecrossed{
	font-size: 12px;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.summary-press{
	width:186px;
	margin: 0px 9px 25px 18px;
	padding: 0px 0px 10px 0px;
}
.summary-press h3{
color:#000000;
margin: 10px 0 4px 0;
font-family: verdana;
font-size: 13px;
font-weight: bold;
height: 25px;
}
.summary-press h3 a:link,
.summary-press h3 a:visited,
.summary-press h3 a:active{
	color:#000000;
	text-decoration: none;
}
.summary-press h3 a:hover{
	color:#297B9A;
	text-decoration: underline;
}
/* 
global product summary */

.summary{
margin: 0px 14px 16px 0px;
padding:5px;
width: 160px;
height: 220px;
margin: 0px 14px 16px 0px;
padding:5px;
text-align:center;
border: 1px solid #CCCCCC;
}
.summary img{
	margin:0;
	padding:0;
}
.summary h3{
color:#000000;
margin: 10px 0 4px 0;
font-family: verdana;
font-size: 16px;
font-weight: bold;
height: 32px;
}
.summary h3 a:link,
.summary h3 a:visited,
.summary h3 a:active{
	color:#000000;
	text-decoration: none;
}
.summary h3 a:hover{
	color:#297B9A;
	text-decoration: underline;
}
.summary-prod-box{
	border: 1px solid #F5F5F5;
	padding: 10px;
}
.related {
	width:136px;
	margin: 0px 15px 25px 0px;
	padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #CCCCCC;
}
.related img{
	margin:0;
	padding:0;
}
.related h3{
color:#000000;
margin: 10px 0 4px 0;
font-family: verdana;
font-size: 16px;
font-weight: bold;
height: 32px;
}
.related h3 a:link,
.related h3 a:visited,
.related h3 a:active{
	color:#000000;
	text-decoration: none;
}
.related h3 a:hover{
	color:#297B9A;
	text-decoration: underline;
}
/*footer*/

#footer {
width:960px;margin: 8px auto 0 auto;
}
#footer p{
	font-family: Tahoma,Helvetica,Arial, sans-serif;
	font-size: 12px;
	text-align: center;	
	margin: 0px;
	padding: 0px;
}
#footer img {
float: left;
margin:0;
}

#footer ul, 
#footer li{
	display: inline;
	list-style-type: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#footer li a{
	margin-right: 10px;
	color: #000000;
	text-decoration: none;
}
#footer li a:hover{
	text-decoration: underline;
	color: #297B9A;
}
.subcat-summary {
margin: 0px 14px 16px 0px;
padding:0;
width: 160px;
height: auto;
border: 1px solid #CCCCCC;
}
.subcat-summary dt {
margin:0;
padding: 5px 8px ; 
background-color: #CCCCCC; 
font:bold 13px; 
}
.subcat-summary dt a:link, 
.subcat-summary dt a:visited,
.subcat-summary dt a:active{
color: #3E3E3E; 
text-decoration: none;
}
.subcat-summary dd{
height: 120px; 
text-align: center;
margin: 15px 0px 0px 0px;
}
.subcat-summary-img {width: 100%; text-align: center; margin: 10px 0px 0px 0px; height: 110px;}
/*
zoom parts */
.zoom{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/icon_zoom.png);
	background-repeat: no-repeat;
	padding: 2px 0 2px 18px;
}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {margin:0;padding:0;
	border:			1px solid #10193e;
}

/* Header look and feel CSS class */
/* header is shown if ""title"" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			12px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#10193e;
	text-align: 	center;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border:1px solid #aaa;
	background: 	#ffffff;
}
/*
product details template*/
.allattribname, 
.allcompname{
	width:150px;
	background-image: url(../images/gradient1.png);
	background-repeat: no-repeat;
	padding: 3px 0 0 15px;
}
.allattribname{
	float:left;
	background-image: url(../images/gradient1.png);
	background-repeat: no-repeat;
	padding: 3px 0 0 15px;
}
select.attribclass {float:left;font:11px;padding:2px}
select.compclass{font:11px;padding:2px;float:left}
/* sitemap styles */
/*sitemap and a to z*/
#sitemap ul{
	margin:0;
	padding:0;
	list-style-type:none;
text-transform:capitalize;
}
#sitemap li{
	padding-top: 5px;
}
#sitemap .smsubcatlist li a{
display: block;
width: 190px;
color: #3a3a3a;
background-color: #f7f8fb;
padding:0;
text-decoration: none;
border-bottom:1px solid #cccccc;
font-weight: normal;
margin:0;
}
#sitemap li a:hover{
background-color: #d3d6dc;
color: #3a3a3a;
}
.smcatlist{
padding-left:20px;float:left;text-transform: capitalize;
}
.smcatlist li{
margin-right: 10px;list-style-type:none;clear: both;
}
.smcatlist li a{
font-size: 14px;
font-weight: bold;
}
.smsubcatlist li{
clear: none;
float: left;
display: block;
width: 190px;
}
.smsubcatlist li a{
font-size: 12px;
font-weight: normal;
}


.list1 {}
.list1 li {
background:#FFFFFF url(../images/bullet1.gif) no-repeat left middle;
margin: 7px 0px 7px 0px!important;
padding: 0px 0px 0px 15px!important;
}
.Howto table, 
.Howto td {
margin: 0px!important; padding: 0px!important;
}
#requestcall-box {
border: 1px solid #cccccc;
background-color: #EBEBEB;
padding: 15px;
width: 220px;
margin: 30px 0px 0px 230px;
}
#requestcall-box p {margin: 8px 0px 0px 0px;}
#requestcall-box img {margin: 6px 0px 0px 0px;}
.heading-gradient {
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 31px;
	padding: 2px 0 2px 2px;
}
.need_help, 
.important {
	padding: 5px;
	margin: 8px 0px 8px 0px;
}
.need_help {
	border: 1px solid #BADFED;
	background-color: #F0F8FB;
}
.important {
	border: 1px solid #E5E5E5;
	background-color: #F4F4F4;
}
.need_help h2, .important h2{
	background-repeat: no-repeat;
	background-position: left;
	padding: 2px 0 0 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3293B8;
}
.need_help h2{
	background-image: url(../images/needhelp_icon.gif);
	color: #3293B8;
}
.important h2{
	background-image: url(../images/important_icon.gif);
	color: #999999;
}
.important ul{
	padding: 0 0 5px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.important li{
	background-image: url(../images/blue-arrow.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 15px;
	list-style-type: none;
	background-position: 0px 5px;
}
.need_help p{
	padding: 1px 0 0 18px;
}
.description li{
	background-image: url(../images/blue-arrow.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 15px;
	list-style-type: none;
	background-position: 0px 5px;
}
#measurements table, #measurements td {
margin: 0px!important;
padding: 2px!important;
}
#measurements table div {
font-size: 10px!important;
}
#measurements {
}
.ordering{
width:200px;
margin:5px 5px 10px 25px;
padding:2px;
float:right;
border:3px double #555;
text-align:center;
background-color:#e5e5e5;
}
#contact-table ul {
margin: 0px 30px 15px 0px;
}
#contact-table ul li {
border-bottom: 1px dotted #CCCCCC;
padding: 5px 0px 5px 0px;
}
#contact-table h2 {
color: #1E85AC;
border-bottom: 1px solid #1E85AC;
padding: 0px 0px 7px 0px;
font-size: 20px;
font-weight: normal;
margin: 0px 0px 6px 0px;
}
.ts-home-title {
	font-size: 13px;
	font-family: arial;
	padding: 5px;
	font-weight: bold;
	width: 100%;
	color: #FFFFFF;
	margin: 10px 0px 10px 0px;
	background-image: url(../images/ts-itemtop2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.topsellers-home {
width:140px;
text-align:center;
height: auto;
margin: 0 8px;
}
.topsellers-home h2 {
margin: 0px 0px 6px 0px;
height: 45px;
}
.topsellers-home h2 a:link, 
.topsellers-home h2 a:visited {
color: #000000;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.ts-dotline {
border-bottom: 1px dotted #A9D1E1;
}
#cat-left {
float: left;
width: 570px;
}
#cat-right {
float: right;
width: 160px;
padding: 0px;
border: 1px solid #cccccc;
margin: 0px 0px 0px 20px;
}
.cat-topsellers {
	width: 160px!important;
	padding: 11px 0px 10px 0px;
	margin: -4px -10px 0px -5px; *margin: -4px -10px 0px -6px;
	text-align: center;
	background-image: url(../images/ts-itemtop2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.cat-topsellers .price{
	border-top: 1px dotted #CCCCCC;
	margin: 5px 19px 0px 19px;
	padding: 7px 0px 0px 0px;
}
.cat-topsellers h2 {
font-size: 12px;
font-weight: bold;
font-family: arial;
margin: 5px 5px 0px 5px;
height: 40px;
}
.cat-topsellers h2 a:link, .cat-topsellers h2 a:visited {
color: #0B465C; text-decoration: none;
}

#cat-right-title {
	background-color: #0E0E30; 
	color: #FFFFFF;
	padding: 5px;
	width: 150px!important; *width: 159px!important;
	font-weight: bold;
	font-size: 14px;

}

/*
shopping cart and order form */
#cartmainouter td {
padding: 9px!important;
}
.vc3 {width: 55px!important}
/*order and confirmation form */
#orderform {
width: 100%;
height: 30px;
border-bottom: 6px solid #AFB5B5;
margin: 0px 0px 30px 0px;
}
#orderform img {
float: left;
margin: 0px 0px 10px 0px;
}
#orderform p {
float: right;
font-size: 18px;
color: #000000;
font-family: arial;
font-weight: bold;
margin: 40px 0px 0px 0px;
}
.of2,
.of3,
.of4{
padding:5px 2px;
}
.ofinv1{
padding:5px 2px;
}
#invoice td,
#delivery td,
#general td{
vertical-align:top;
}

.rrp
{
color: red;
text-decoration: line-through;
}
#thecaptcha{
width:450px;
margin:0 0 0 150px;
}
#thecaptcha fieldset{
border:1px solid #cccccc;
}
#thecaptcha legend{
float:left;
margin:5px 0;
}
#thecaptcha p{
width:430px;
float:left;
margin:5px 0;
}
#thecaptcha a.button {
    background: transparent url("../images/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#thecaptcha a.button span {
    background: transparent url("../images/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
#thecaptcha a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

#thecaptcha a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; 
}