/*-----------------------------------------------------------------------------
KingsSingers Default Style Sheet

Version:   	1.0
Author:    	Matt Lovell
Email:     	matt@smbsolutionsuk.com
Website:   	http://www.reeds-direct.co.uk
Date:		September 2007
Notes:		Hand-crafted by Matt smb solutions
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin
* { margin: 0; padding: 0; } */

/* Put it back on certain elements */

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img { border: 0; }


/* =Typography
-----------------------------------------------------------------------------*/

body {
  	font: 75%/1.5 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-align: center;
	background: #fff  repeat-x top center;
	margin: 0;
	color: #333;
	}
html>body {	font-size: 12px; }


h2 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em; 
}
h3 {
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em; 
}


a:link {
	color: #234669;
	text-decoration: none;
	}

a:visited { 
	color: #234669;
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

/* =Structure
-----------------------------------------------------------------------------*/

#container	{ 
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0 auto; 
	}


/* =Headings
-----------------------------------------------------------------------------*/

hr { display: none; }


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
#header { width: 100%; height: 115px; color: #234669; border-bottom: 1px solid #234669; }

#branding { position: relative; width: 160px; height: 110px; color: #fff; float:left}
#branding h1 { position: absolute; top: 2px; left: 0px; z-index: 3; width: 160px; height: 110px; margin: 0; padding: 0; background: url(/products/images/rdlogo.gif) no-repeat; text-indent: -9000px; }
#branding h1 a { display: block; height: 110px; background: url(/products/images/rdlogo.gif) no-repeat; }
#strap {margin-top:5px; margin-left:5px; display:inline }
#productSearch { position: absolute; top: 5px; right:0; width: 230px; }
#productSearch form { margin: 0; padding: 0;}
#productSearch .searchBox { float: left; width: 168px; height: 21px; margin: 9px 0 0 0; padding: 3px 8px 0 8px; background: url(/products/images/search-bg.gif) no-repeat top left; border: 0; }
#productSearch .searchButton { float: left; margin: 10px 10px 0 0; }


/* =Main Nav
-----------------------------------------------------------------------------*/
#navcontainer { float:left; width: 780px; height: 110px; color:#234669; display:inline;}

#mainNav { margin: 0; padding: 0; width: 780px; margin-left:20px; display:block;}
#mainNav ul { width:100%; line-height:0.9em}
#mainNav li { margin: 0; padding: 0; list-style: none; display: inline; font-size:14px; color:#000000 }
#mainNav li a { padding: 0 0 0 0; height: 0px !important;  height /**/:30px; /* for IE5/Win only */ }
#mainNav li{}
#mainNav li.selectedPNav { border-style: none; font-weight: bold;}
#mainNav li.selectedPNav a {  }
#mainNav li.selectedPNav li a { font-weight: normal; }
#mainNav li ul { }
#mainNav li ul li { padding-right:7px; padding-left:5px; list-style: none; display: inline; font-size:12px; border-right:1px #000000 solid  }
#mainNav li ul li a:hover   {  }
#mainNav li ul li.selectedPSubNav a { font-weight: bold; font-size:14px  }




/* =Sub Nav
-----------------------------------------------------------------------------*/
#breadcrumb { position: absolute; top: -30px; left: 0; margin: 0; font-size: 0.9em; }
#threeColLayout #breadcrumb { top: -30px; margin: 0; }

/* =Main Content
-----------------------------------------------------------------------------*/
#primaryContent { position: relative; width: 775px; float: left; margin: 30px 0 20px 185px; display: inline; font-family: "Lucida Grande", Verdana, Arial, Sans-serif;
}
#threeColLayout #primaryContent { float: left; width: 585px; margin: 30px 0 20px 185px; display: inline;
	}
#oneColLayout #primaryContent { float: left; width: 900px; margin: 30px 0 20px 50px; display: inline; background-color:#DCDCDC}
#primaryContent h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; margin: 0; padding: 0 0 0.5em 0; font-weight: normal; text-transform: uppercase; color: #333; }
#primaryContent h3 { font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, Sans-serif; text-transform:uppercase; }
#primaryContent ol { margin-left: 25px; }
#primaryContent ol li { margin-bottom: 0.5em; }
#primaryContent ul { margin-left: 15px; }
#primaryContent ul li { list-style: none; line-height: 1.5em; padding: 0 0 2px 10px;  }
#primaryContent .box_links { font-size: 0.85em; }
#primaryContent .searchBoxSand { width: 128px; height: 21px; margin: 0; padding: 3px 8px 0 8px; background: url(/images/search-bg.gif) no-repeat top left; border: 0; }
#primaryContent .nav_input { border: 1px solid #ccc; font-size: 1em; padding: 2px; }

#categoryListing ul { float: left; list-style: none; margin: 0; width: 100%; }
#categoryListing ul li { float: left; width: 170px; background-image: none; padding: 0; text-align: center; margin: 0 6px 20px 0; }
#categoryListing ul li img.thumbnails { margin: 0; padding: 3px; background: #fff; border: 1px solid #ccc; }
#categoryListing ul li img.thumbnails:hover { background: #f0f0f0; }
.productDetailsPage { clear: both; margin: 0; padding: 0;  border-bottom: 1px solid #f2f2f2; position:relative; }
.productListing { clear: both; margin: 0; padding: 0; height: 138px; border-bottom: 1px solid #f2f2f2; position:relative; }
.productListing { font-size: 95%; margin-top: 10px; }
.productDetailImage { float:left; width:135px; position: relative; }
.productDetailImage img, .productDetailPageImage img { margin: 0; padding: 3px; background: #fff; border: 1px solid #ccc; }
.productDetailImage img:hover, .productDetailPageImage img:hover { background: #f0f0f0; }
.productDetailPageImage img { padding: 5px; }
.productDetailText { float: left; width: 300px; }
.productDetailText h3 { margin: 0 0 0.3em 0; }
h3.altStyle { letter-spacing: 1px; text-transform: uppercase; font-size: 1.1em; font-family: Verdana, Arial, Sans-serif; }
.productDetailText p { line-height: 1.5em; margin: 0; }
.productDetailOrder { float: left; width: 125px; text-align: center; }
.productDetailOrder form, .productDetailPageOrder form { margin: 0; padding: 0; }
.productDetailOrder span, .productDetailPageOrder span { font-weight: bold; font-size: 125%; margin: 0 0 1em 0; display: block; }

.productDetailsPage {
	border-bottom: 0;
}
.productDetailPageImage { float:left; width:375px; position: relative; }
.productDetailPageOrder { float: left; width: 375px; text-align: left; }
.productDetailPageOrder h4 { margin: 0 0 0.5em 0; font-family: Georgia, Times, Serif; font-size: 1.3em; }
.productDetailPageOrder table { margin: 0; padding: 0; width: 100%; border: none; }
.attribute_select { border: 1px solid #ccc; padding: 2px; margin: 0; width: 115px; font-size: 95%; }
.productDetailPageOrder .qtyInput { width: 2em; border: 1px solid #ccc; padding: 2px; }
.productDetailPageOrder span { font-size: 2em; font-family: Georgia, Times, Serif; font-weight: normal; color: #a27c51; }
.productDetailPageOrder .buttonAdd { clear: both; margin-top: 10px; }

#imagethumbs {position: relative; width: 100%; float: left; margin: 0; display: inline; }
#imagethumbs ul { list-style: none; margin: 0 0 0 0; padding: 0; width:100%; height:80px; border:0px solid #000;}
#imagethumbs ul li { background-image:none; float:left; margin:0 0 0 0; padding:0; }
#imagethumbs ul li img { background:#fff none repeat scroll 0%; border:1px solid #ccc; margin: 0 8px 0 0; padding:0 0 0 0; cursor: pointer; }

.invoice_table_header { font-weight: bold; background-color: #000; color: #fff; }
.invoice_table_input { background-color: #fff; font-weight: normal; }
.invoice_table { border: none; color: #000; }
.invoice_table td { padding: 5px; }
.invoice_table_caption { background-color: #FFF; vertical-align: middle; }
.review_table_caption { vertical-align: middle; }
.terms_table_caption { vertical-align: middle; }

/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondaryContent { float: left; width: 170px; margin: 30px 0 20px 20px;}
#secondaryContent h4 { margin: 0 0 0.5em 0; font-size: 1em; font-family: Verdana, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #454545; }
#secondaryContent p { margin-top: 0; }

/* =Sidebar Content
-----------------------------------------------------------------------------*/
#sideContent { width: 170px; height:100%; float: left; margin: 20px 0 20px -960px; display: inline; 

 }
#productNav { margin: 0; padding:0; }
#productNav ul {list-style:none; padding:0; margin:0; }
#productNav li { margin: 0; padding: 0 0 2px 0; line-height: 1.4em;  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Georgia, "Times New Roman"; font-size: 1.1em; display:block; }
#productNav li a { color: #234669; }
#productNav li.selectedPNav { border-style: none; font-weight: bold;}
#productNav li.selectedPNav a {  }
#productNav li.selectedPNav li a { font-weight: normal; }
#productNav li ul { margin: 0; font-size: 1em; }
#productNav li ul li { font-weight: normal; font-size: 0.95em; padding-left:5px;}
#productNav li ul li.selectedPSubNav a { font-weight: bold; }

/* =Footer
-----------------------------------------------------------------------------*/
#footer { clear: both; margin: 5px 0 20px 0; border-top: 1px solid #234669; color: #999; font-size: 0.9em; }
#footer p { float: left; }
#footer a { font-weight: bold;  color: #333; }
#footer p.right { float: right; }


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset { border: none; }


/* =Tables
-----------------------------------------------------------------------------*/

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

td { text-align: left; font-weight: normal; }

/* =Misc 1
-----------------------------------------------------------------------------*/
.dividerHorizontal { margin: 10px 0 30px 0; border-bottom:1px solid #e4e4e4; }
.centerit { text-align: center }
.rightalignit { text-align: right }
.leftalignit { text-align: left }
.nothingBelow { margin-bottom: 0; }

.box { margin-bottom: 1.5em; padding: 0; }
.box p, form { margin: 0; }
.box p a { color: #999999; text-decoration: underline; }
.box p a:hover { text-decoration: none; }
.thumbCat { border: 1px solid #ccc; background-color: #fff; padding: 5px; }

/* =CSS for the tabs on the products page
-----------------------------------------------------------------------------*/
.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li	{ margin:0; padding:0; display:inline }
.tabset_tabs a	{ color:#339 ! important; background-color:#def ! important; border:1px solid #99c; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none }
.tabset_tabs a:hover	{ color:#00c ! important; background-color:#eff ! important }
.tabset_tabs a.active	{ color:black ! important; background-color:white ! important; border-color:black; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }

.tabset_tabs li.firstchild a	{ border-left-width:1px }

.tabset_content	{ border:1px solid black; background-color:white; position:relative; z-index:1; padding:0.5em 1em; display:none }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }
.datarow_1 	{  font-size: 11px;  color: #000000;  }
.datarow_0 	{  font-size: 11px;  color: #000000;  }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}



/* =CSS for the shop here
-----------------------------------------------------------------------------*/

.error	{ color: #ff0000; font-weight: bold; font-size: 9px }
.warn	{ color: #009900; font-weight: normal; font-size: 9px }
.thx		{font-size: 12px; color: #000000; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.warning	{font-size: 10px; font-weight: bold;  color: #990000}
.ofSmalltext 	{  font-size: 10px; font-weight: normal }
.ofGutter	{   }
.ofCaption 	{font-size: 12px;   vertical-align: middle }
.ofInput	{  font-weight: normal }

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opera 7
fieldset { border: none; } */
fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; }
legend { font-weight: bold; }
label { float: left; width: 12em; }
#primaryContent #styledForm input { width: 200px; border: 1px solid #ccc; padding: 3px; }
#primaryContent #styledForm textarea { width: 400px; height: 200px; border: 1px solid #ccc; padding: 3px; font-family: inherit; font-size: inherit; }
#primaryContent #styledForm .autoSize { width: auto; border: none; }
#primaryContent #styledForm .required { font-size: 0.85em; color: #760000; font-style: normal; }
#primaryContent #styledForm img { padding-top: 5px; }



#htmlExampleTarget input { width: 200px; border: 1px solid #ccc; padding: 3px; }
#htmlExampleTarget textarea { width: 400px; height: 200px; border: 1px solid #ccc; padding: 3px; font-family: inherit; font-size: inherit; }
#htmlExampleTarget p { margin:4px 0px; }

/* =Basket Content
-----------------------------------------------------------------------------*/
#basket {
	position: absolute;
	top: 120px;
	right: 0px;
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;
	color: #000;
	text-align:right;
}
#branding a#basketLink { text-decoration: none; }
#branding a:hover#basketLink { text-decoration: underline; }

#autocomplete {
  position:absolute;
  width:200px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:99;
}
#autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#autocomplete ul li.selected { background-color: #ffb;}
#autocomplete ul li {
  font-size:10px;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  color:#333333;
}


#primaryContent iframe { border: 0px solid #fff; height: 650px; }