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

Version:   	1.0
Author:    	Matt Lovell
Email:     	matt@smbsolutionsuk.com
Website:   	http://www.sendaclock.com
Date:		September 2007
Notes:		Matt smb solutions for ABS DB product
-----------------------------------------------------------------------------*/

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

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

/* Put it back on certain elements */
h1, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }

/* 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: #FFFF99;
	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; 
}

p { 
	font-size:1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

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

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

a:hover { 
	text-decoration: underline; 
}

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

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


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

hr { display: none; }


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




/* =Branding
-----------------------------------------------------------------------------*/
#branding { position: relative; width: 100%; height: 7.4em; color: #000; background-color:#669900; padding: 10px 10px 10px 10px; }
#branding h1 { position: absolute; top: 1px; left: 0px; z-index: 3; width: 388px; height: 67px; margin: 0; padding: 0; background: url(/images/logo.gif) no-repeat; text-indent: -9000px; }

#branding h1 a { display: block; height: 67px; background: url(/images/logo.gif) no-repeat; }
#branding p	{ text-align: center; margin: 10px 0 0 0;color: #fff; }
#branding a { color: #fff; text-decoration: underline; }
#branding a:hover { color: #fff; text-decoration: none; }
#branding #productSearch { position: absolute; top: 10px; right: 20px; width: 220px; }
#branding #productSearch form { margin: 0; padding: 0;}
#branding #productSearch .searchBox { float: left; width: 168px; height: 21px; margin: 9px 0 0 0; padding: 3px 8px 0 8px; background: url(/images/search-bg.gif) no-repeat top left; border: 0; }
#branding #productSearch .searchButton { float: right; margin: 10px 10px 0 0; }
#branding a#basketLink { text-decoration: none; }
#branding a:hover#basketLink { text-decoration: underline; }

/* =Main Nav
-----------------------------------------------------------------------------*/

#navcontainer { position: absolute; top: 70px; left: 2px; width: 960px; height: 38px; background: url(/images/nav-bg1.gif) top left no-repeat; }


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

/* =Main Content
-----------------------------------------------------------------------------*/
#primaryContent { position: relative; width: 750px; float: left; margin: 50px 0 20px 210px; display: inline; font-family: "Lucida Grande", Verdana, Arial, Sans-serif;
	}
#threeColLayout #primaryContent { float: left; width: 560px; margin: 50px 0 20px 210px; display: inline; }
#oneColLayout #primaryContent { float: left; width: 900px; margin: 50px 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 25px;}
#primaryContent .box_links { font-size: 0.85em; }
#primaryContent .searchBoxSand { width: 128px; height: 21px; margin: 0; padding: 3px 8px 0 8px; }
#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: 110px; height:130px; background-image: none; padding: 0; text-align: center; margin: 0 6px 20px 0; font-size: 0.9em }
#categoryListing ul li img.thumbnails { margin: 0; padding: 3px; background: #fff; border: 1px solid #ccc; }
#categoryListing ul li img.thumbnails:hover { background: #f0f0f0; }

#SideListing ul { float: left; list-style: none; margin: 0; width: 100%; }
#SideListing ul li { float: left; width: 170px; background-image: none; padding: 0; text-align: center; margin: 0 6px 20px 0;  }
#SideListing ul li img.thumbnails { margin: 0; padding: 3px; background: #fff; border: 1px solid #ccc; }
#SideListing ul li img.thumbnails:hover { background: #f0f0f0; }

.searchListing, .productDetailsPage { margin: 0; padding: 0; height: 118px; border-bottom: 1px solid #669900; position:relative; }
.searchListing { font-size: 95%; margin-top: 10px; float: left; }
.searchDetailImage { float:left; width:135px; position: relative; }
.searchDetailImage img, .searchDetailPageImage img { margin: 0; padding: 3px; background: #fff; border: 1px solid #ccc; }
.searchDetailImage img:hover, .searchDetailPageImage img:hover { background: #f0f0f0; }
.searchDetailPageImage img { padding: 5px; }
.searchDetailText { float: left; width: 300px; }
.searchDetailText h3 { margin: 0 0 0.3em 0; font-size: 0.9em; }

.productListing, .productDetailsPage { margin: 0; padding: 0; height: 118px; border-bottom: 1px solid #669900; position:relative; }
.productListing { font-size: 95%; margin-top: 10px;margin-left: 5px;float: left; width: 270px;}
.productDetailImage { float:left; width:95px; 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: 170px; }
.productDetailText h3 { margin: 0 0 0.3em 0;font-size: 0.9em; }
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 { height: 320px; border-bottom: 0; }
.productDetailPageImage { float:left; width:350px; position: relative; }
.productDetailPageOrder { float: left; width: 400px; 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; text-align:center; font-size:0.9em }
.productDetailPageOrder span { font-size: 2em; font-family: Georgia, Times, Serif; font-weight: normal; color: #a27c51; }
.productDetailPageOrder .buttonAdd { clear: both; margin-top: 10px; }


.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: #FFFF99; vertical-align: middle; }
.review_table_caption { vertical-align: middle; }
.terms_table_caption { vertical-align: middle; }

/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondaryContent { float: left; width: 170px; margin: 50px 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: 200px; height:100%; float: left; margin: 20px 0 20px -960px; display: inline; 

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

/* =Footer
-----------------------------------------------------------------------------*/
#footer { clear: both; margin: 5px 0 20px 0; border-top: 1px solid #669900; 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 , table{ 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 }

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


/* =CSS for the box starts here
-----------------------------------------------------------------------------*/
/* Default styling. Used when JavaScript is unsupported */
.cbb { padding:0 10px; margin:1em 0; background: #FFFF99; }
.cbb h1 { margin:0 -10px; padding:0.3em 10px; background:#FFFF99; font:bold 1.2em/1 Arial, Helvetica, sans-serif; }
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb { margin:0; }

/* Rules for the top corners and border */
.bt { margin:0 0 0 15px; height:15px; }
.bt div { height:15px; width:15px; position:relative; left:-15px; }

/* Rules for the bottom corners and border */
.bb { margin:0 0 0 15px; height:15px; }
.bb div { height:15px; width:15px; position:relative; left:-15px; }

/* Insert the left border */
.i1 { padding:0;}

/* Insert the right border */
.i2 { padding:0;}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 { background:#FFFF99; padding: 0 10px; }

/* Custom CSS for Boxes */
.cbbTwo p, .cbbTwo h4 { color: #fff; }
.cbbTwo .cbb { background: #a27c51; }
.cbbTwo .i1, .cbbTwo .i2 { }
.cbbTwo .i3 { background:#a27c51; }
.cbbTwo .bt, .cbbTwo .bt div, .cbbTwo .bb, .cbbTwo .bb div { }
/* CSS for the box ends here */

/* =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; }

/* =Basket Content
-----------------------------------------------------------------------------*/
#basket { position: absolute; top: 113px; right: 0px; z-index: 4; 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; }

	/* CSS for the box starts here */
	.abox {
		padding:12px;
		background:#669900;
	}
	.abox p, form , table{ margin: 0; }