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

Version:   	1.0
Website:   	http://www.kingssingers.com
Date:		December 2007
-----------------------------------------------------------------------------*/
/* =General
-----------------------------------------------------------------------------*/

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

/* Put it back on certain elements */
h1, h2, 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
-----------------------------------------------------------------------------*/

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; 
}
h4 {
	font-size:1.1em;
	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
-----------------------------------------------------------------------------*/


/* =Sub Nav
-----------------------------------------------------------------------------*/
#breadcrumb { position: absolute; top: -30px; left: 0; margin: 0; font-size: 0.9em; }
#threeColLayout #breadcrumb { top: -30px; margin: 0; }
#oneColLayout #breadcrumb { top: -150px; 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;
	padding-bottom: 100em;
	margin-bottom: -99.5em;}
#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; background: url(/images/interface/icon-bullet-content.gif) no-repeat 0 -2px; }
#primaryContent .box_links { font-size: 0.85em; }
#primaryContent .searchBoxSand { width: 128px; height: 21px; margin: 0; padding: 3px 8px 0 8px; background: url(/images/interface/search-bg-sand.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: 133px; 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; }

.productListing, .productDetailsPage { clear: both; margin: 0; padding: 0; height: 9em; 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 { height: 320px; border-bottom: 0; }
.productDetailPageImage { float:left; width:415px; position: relative; }
.productDetailPageOrder { float: left; width: 335px; 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; }


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

/* =Basket Content
-----------------------------------------------------------------------------*/
#top_left { position: absolute; top: 143px; left: 0px; z-index: 4; width: 300px; height: 20px; margin: 0; padding: 0; color: #000; text-align:left; }
#flags { position: absolute; top: 169px; right: 0px; z-index: 4; width: 300px; height: 20px; margin: 0; padding: 0; color: #000; text-align:left; }
#basket { position: absolute; top: 144px; right: 0px; z-index: 4; width: 300px; height: 25px; margin: 0; padding: 0; color: #000; text-align:right;  line-height: 1.5em; }
#basket img { padding-top:2px;}
#branding a#basketLink { text-decoration: none; }
#branding a:hover#basketLink { text-decoration: underline; }

/* =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: 175px; float: left; margin: 20px 0 20px -960px; display: inline;
	padding-right:5px;
	padding-bottom: 100em;
	margin-bottom: -99.5em;
 }
#content_container{overflow:hidden;}
#productNav { margin: 0; padding: 0 0 10px 12px; }
#productNav li { margin: 0 0 0 -10px; padding: 0 0 2px 20px; line-height: 1.5em; list-style: none; font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Georgia, "Times New Roman"; font-size: 1.1em;  background: url(/images/interface/icon-bullet-side.gif) no-repeat 0 -2px; }
#productNav li a { display: block; color: #000; }
#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 #DD2269; 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, .box form { margin: 0; }
.box p a { color: #999999; text-decoration: underline; }
.box p a:hover { text-decoration: none; }
.box .boxImage { background: #fff; padding: 8px; border: 1px solid #ccc; }
.thumbCat { border: 1px solid #ccc; background-color: #fff; padding: 5px; }

#rotator { overflow: hidden; margin: 0;  width: 379px; height: 298px; }
#rotator img { width: 361px; height: 280px; background: #fff; padding: 8px; border: 1px solid #ccc; }

/* =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: #E2E2E2; }
.cbb h1 { margin:0 -10px; padding:0.3em 10px; background:#E2E2E2; 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 { background:url(/images/interface/box-main-bg-grey.gif) no-repeat 100% 0; margin:0 0 0 15px; height:15px; }
.bt div { height:15px; width:15px; position:relative; left:-15px; background:url(/images/interface/box-main-bg-grey.gif) no-repeat 0 0; }

/* Rules for the bottom corners and border */
.bb { background:url(/images/interface/box-main-bg-grey.gif) no-repeat 100% 100%; margin:0 0 0 15px; height:15px; }
.bb div { height:15px; width:15px; position:relative; left:-15px; background:url(/images/interface/box-main-bg-grey.gif) no-repeat 0 100%; }

/* Insert the left border */
.i1 { padding:0; background:url(/images/interface/box-side-bg-grey.gif) repeat-y 0 0; }

/* Insert the right border */
.i2 { padding:0; background:url(/images/interface/box-side-bg-grey.gif) repeat-y 100% 0; }

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

/* Custom CSS for Boxes */
.cbbTwo p, .cbbTwo h4 { color: #fff; }
.cbbTwo .cbb { background: #a27c51; }
.cbbTwo .i1, .cbbTwo .i2 { background-image:url(/images/interface/box-secondary-bg-grey.gif); }
.cbbTwo .i3 { background:#a27c51; }
.cbbTwo .bt, .cbbTwo .bt div, .cbbTwo .bb, .cbbTwo .bb div { background-image:url(/images/interface/box-secondary-bg-grey.gif); }
/* CSS for the box ends here */

	/* CSS for the box starts here */
	.abox {
		padding:0 12px 0 0;
		background:#E2E2E2 url(/images/borders.gif) 100% 0 repeat-y;
	}
	.abox p, form , table{ margin: 0; }
	.abi {
		padding:0 0 0 12px;
		background:#E2E2E2 url(/images/borders.gif) 0 0 repeat-y;
	}
	.abt {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 0 no-repeat;
	}
	.abt div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 0 no-repeat;
	}
	.abb {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 100% no-repeat;
	}
	.abb div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 100% no-repeat;
	}
	.abox h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.abox p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#E2E2E2;
	}
	.abox li {
		margin:0 0 0 2em;
		padding:0;
	}
	

/* =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 #styledForm2 fieldset { margin-left: 10px; padding: 0; border: 1px solid #000; }
#primaryContent #styledForm2 input { width: 200px; border: 1px solid #ccc; }
#primaryContent #styledForm2 select { width: 200px; border: 1px solid #ccc; }
#primaryContent #styledForm2 textarea { width: 400px; height: 200px; border: 1px solid #ccc; padding: 3px; font-family: inherit; font-size: inherit; }
#primaryContent #styledForm2 .autoSize { width: auto; border: none; }
#primaryContent #styledForm2 .required { font-size: 0.85em; color: #760000; font-style: normal; }

	
	.cbbfriends { height:155px; padding:6px 10px; margin:1em 0; background: #E2E2E2; background-image:url(/images/interface/friends-box.gif);width:150px;  }
.cbbfriends h4 { margin:0; padding:3px 0;}
.cbbfriends p { width:135px; padding-bottom:10px;}