/**
 * Main CSS Stylesheet
 * @package templateSystem
 * @copyright Copyright 2008 Michael Wong
 */
/* CSS Document */
/**************************************************************************
Ni Sa Bula colors:

bg color: #d6c783

mast bg: #ffed9f
home side bar bg: #7f5319
specials bg: #cca666
foot bg: #3f280d

text: #3f280d
links: #3333cc
Lite Links: #a6a6ff
price maroon: #993333
lite maroon: #ff6f6f


**************************************************************************/
/*

=header -- header section
=topnav -- topnav styles
=general --  general layouts
=home -- homepage layouts
=productPages -- product detail page layouts
=results -- search result styles
=ezcontent -- content styles
=footer -- footer section

*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; 	border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	background: #d6c783 url(/assets/nsb_bg.png); 
}
body {
	position: relative;
	margin: 12px auto;
	width: 960px;
	font: 76%/1.2 Arial, Helvetica, sans-serif;
	color: #3f280d;
	height: 100%;
}
a {
	color: #33c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:active {
	color: #c66;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4 {
	font-weight: 700;
}
h3 {
	font-size: 14px;
}
/*
=header
--------------------------------------------------------------------------
*/

#header {
	position: relative;
	padding: 3px 12px;
	background: #ffed9f;
	overflow: hidden;
}
#logo, #tagline {
	float: left;
	width: auto;
	margin-right: 12px;
}
#tagline {
	margin-top: 18px;
	font: 700 12px/1 "Trebuchet MS", Helvetica, sans-serif;
}

#phone {
	float:right;
	margin-top: 12px;
	width: auto;
	font-size: 14px;
	font-weight: 700;
}

/*
=topnav
--------------------------------------------------------------------------
*/


#tNav {
	height: 36px;
	background: #7f5319;
}
#tNav ul {
	text-align: center;
}

#tNav li {
	display: -moz-inline-block;
	display: inline-block;
	padding: 9px 12px 0;
	text-align: center;
	font-size: 12px;
}
* + html #tNav li {
	display: inline;
}
* html #tNav li {
	display: inline;
}
#tNav #tn1 {
	padding-left: 0;
}
#tNav #tn10 {
	padding-right: 0;
}

#tNav a {
	color: #fff;
}

/*
=general
--------------------------------------------------------------------------
*/

#main {
	position: relative;
	background: #ffed9f;
	overflow: hidden;
	padding: 0 240px 0 0;
}
#navMain {
	padding: 3px;
	background: #3f280d;
	color: #fff;
}
#navMain a {
	color: #a6a6ff;
}
#navMain ul.back {
	height: 18px;
}
#navMain ul.back li {
	display: inline;
	border-style: solid;
	border-width: 0 1px 0 0;
	line-height: 1;
	padding: 0 7px 0 6px;
	font: 10px Verdana, sans-serif;
	text-transform: uppercase;
}
#navMain ul.back li:last-child {
	border-right: 0;
	padding: 0 7px;
}
.column {
	position: relative;
	float: left;
	display: inline;
}
#content {
	background: #fff;
	width: 720px;
	min-height: 532px;
	max-height: 100%;
}
#content h2 {
	padding: 24px;
	font-size: 24px;
}
.price {
	color: #933;
	font-weight: 700;
}
#sidebar {
	margin: 0 -240px 0 0;
	padding: 12px 0;
	width: 240px;
}
#sidebar h2 {
	font-size: 14px;
	text-align: center;
}

#sidebar ul {
	margin: 1em auto;
	padding: 0 24px;
}
#sidebar li {
	margin-bottom: 6px;
}
/*
=home
--------------------------------------------------------------------------

#home #tNav {
	display: none;
}
*/
#home #main {
	position: relative;
	background: #7f5319;
	padding: 0;
}
#home #content {
	padding: 0;
	width: 100%;
	background: transparent;
}
#featProd {
	position: relative;
	padding: 27px 0 0 720px;
	height: 350px;
	overflow: hidden;	
	text-align: center; 
	color: #fff;
}
#featProd .prodPic {
	position: absolute;
	top: 0;
	left: 0;
}
#featProd a {
	color: #a6a6ff;
}
#featProd h3 a {
	color: #ffed9f;
}
#featProd h3.promo {
	color: #ffff66;
}
#featProd .price {
	color: #ff6f6f;
	font-weight: 700;
}
.prodDesc {
	margin: 12px 18px;
	text-align: left;
	line-height: 1.6;
}
.a2c {
	margin: 1em auto;
}
.seeMore {
	font-weight: 700;
}
#specProd {
	padding-bottom: 12px;
	background: #cca666;
	overflow: hidden;
}
#specProd ul {
	position: relative;
	overflow: hidden;
}
#specProd li {
	float: left;
	position: relative;
	width: 240px;
	text-align: center
}
#specProd li .prodPic, #specProd li p {
	margin-bottom: 1em;
}
#specProd h3 a {
	color: #3f280d;
}
#specProd .seeMore {
	font-size: 14px;
}

/*
=productPages
---------------------------------------------------------------------
*/
#productinfo #content {
	padding: 86px 0 0 480px; 
	width: 240px;
}
#content #prTitle {
	position: absolute;
	padding: 0;
	top: 24px;
	left: 24px;
}


#prInfo {
	width: 240px;
}
#prInfo h3, #prInfo p, #prInfo form {
	padding-left: 6px;
	padding-right: 9px;
}
#prInfo p {
	margin-bottom: 1em;
}
#productDetailsList, #productReviewLink {
	padding:9px 9px 1em 6px;
}
#a2cForm{
	position: relative;
	padding-top: 1em;
}
#a2cForm fieldset, #a2cBTN {
	float: left;
}

#a2cForm fieldset{
	width: 36px;
	margin-right: 12px;
	text-align: center;
}
#a2cBTN {
clear: right;
}
#prQty {
	width: 28px;
} 

#productTellFriendLink {
	clear: both;
	padding:9px 9px 0 6px;
}
#prMedia {
	float: none;
	position: absolute;
	left: 0;
	width: 480px;
	text-align: center;
}
#prPics {
	margin-top: 1em;
}
#prPics img {
	vertical-align: middle;
	margin-right: 1em; 
}
#prNext, #prCount {
	margin: 1em 0 0;
}

#prNext ul {
	text-align: center;
}
#prNext ul li {
	display: inline;
	padding: 0 3px;
}

#sidebar h2 {
	padding: 0;
}

#pb {
	position: absolute;
	top: 196px;
	left: 40px;
	background: #ffed9f;
	border: 1px solid;
	padding: 12px;
}
#pb p {
	margin-bottom: 1em;
	text-align: right;
}
/*
=results
----------------------------------------------------------------------
*/

#prResults, #prSort {
	margin: 0 24px 1em;
}
#prSort label {
	margin-right: 1em;
}
#prResults table {
	width: 601px;
	margin-bottom: 1em;
}
#prResults td {
	width: 33%;
	vertical-align: top;
	padding: 4px 3px 5px;
	border-bottom: 1px dotted;
}
#prResults .productListing-rowheading {
	background: #ffed9f;
}

#prResults .productListing-rowheading th{
	padding: 3px;
}
#prResults td.center {
	text-align: center;
}

/*
=ezcontent
---------------------------------------------------------------------
*/
#ezPageDefault {
	padding-bottom: 24px;
}
#contactUsDefault form {
	padding-bottom: 24px;
}
#ezPageDefault p, #ezPageDefault h3 {
	margin: 1em 24px 0;
}
#ezPageDefault img#inStore {
	margin: 1em 0 0 100px;
	width: 500px;
}
#contactUsDefault {
	padding: 24px;
}
.centerColumn p, .centerColumn address, .centerColumn div.back, .centerColumn div.forward, .centerColumn fieldset, .centerColumn h3, .centerColumn h4, .centerColumn label, .ratingRow, #review-text {
	margin: 1em 24px 0;
}
.centerColumn fieldset *, .centerColumn .ratingRow label {
	margin: 1em 0;
}

#contactUsDefault form .buttonRow {
	margin: 1em 24px 0;
}
#loginDefault fieldset fieldset {
	margin: 1em 0;
	padding-bottom: 24px;
}
.centerColumn fieldset legend {
	font-weight: 700;
	
}
#siteMapList {
	padding: 24px;
}
#siteMapList ul {
	float: left;
	margin: 0 1em;
	width: 45%;
}
#siteMapList ul ul {
	float: none;
	margin: 0;
	width: auto;
}
#siteMapList div.back {
	clear: both;
}
.messageStackError {
	margin: 1em 24px 0;
}
#cartContentsDisplay {
	margin: 1em 24px 0;
	width: 672px;
}
#cartContentsDisplay .tableHeading{
	background: #ffed9f;
}

#cartContentsDisplay th, #cartContentsDisplay td {
	padding: 3px;
	vertical-align: middle;
}
#cartContentsDisplay td {
	border-bottom: 1px dotted;
}
.cartQuantity, .cartRemoveItemDisplay {
	text-align: center;
}
.cartImage {
	float: left;
	width: 50px;
	margin-right: 9px;
	text-align: center;
}
.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
}
/*

=footer
---------------------------------------------------------------------
*/

#footer {
	padding: 12px 0;
	background: #3f280d;
	color: #fff;
	line-height:1.6;
	overflow: hidden;
}
#footer .column {
	float: left;
	width: 240px;
}
#footer #intro {
	width: 480px;
}
#footer h2, #footer p {
	padding: 0 12px;
}

#footer h2 {
	color: #ff6f6f;
}
#footer a {
	color: #a6a6ff;
}
#footer ul {
	list-style: disc;
	padding: 0 12px;
}
#footer li {
	margin-left: 1.2em;
}
#footer .seeMore {
	text-align: right;
}
p.credit {
	font-size: 10px;
	text-align:center;
}