/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	
	background: #d3d3d3 url(../i/pageBg.gif) repeat-y center 0;
	
	/*
	background: #d3d3d3 url(../i/pageBgAlt.gif) repeat-y 50% 0;
	*/
	font-family: Arial, Helvetica, arial, sans-serif;
	font-size: small;
}

form {
	margin: 0;
	padding: 0;
}

input {
	padding: 0;
	margin: 0;
}

a, a:visited, a:active {
	color: black;
}

a:hover {
	color:black;
	background: #fffdd5;
}

a.magLink:hover {
	background: #fffdd5 url(http://nutslinger.com/i/arrow.gif) no-repeat right 50%;
}

a.logo {
	border: 0;
}

a.logo:hover {
	background: none;
}

p {
	margin: 0;
	line-height: 1.5em;
	padding: 0 0 18px 0;
}

h1 {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: large;
	margin: 10px 0;
	padding: 0;
}

h1.title {
	padding: 20px 0;
	width: 630px;
}

ul {
	padding: 0 0 0 14px;
	margin: 0;
}

.wrapper {
	background: white;
	text-align: left;
	margin: auto;
	width: 972px;
}

.wrapper-inner {
	width: 972px;
	margin: auto;
	padding: 0 0 20px 0;
	background: white;
}

.header-container {
	background: none;
}

.header {
	background: black;
	width: 972px;
	padding: 0 0 0 0;
	margin: auto;
	position: relative;
}



/* nav */

.tabset {
	list-style: none;
	padding: 8px 0 0 33px;
	margin: 0;
	line-height: auto;
	/*
	float: left;
	*/	
}

.tabset li {
	padding: 0 0 0 4px;
	margin: 0 1px 0 0;
	float: left;
}

.tabset li.active {
	background: url(../i/tab_left_hi.gif) no-repeat top left;
}

.tabset li a, .tabset li a:visited {
	color: #AAA;
	text-decoration: none;
	display: block;
	/*
	background: url(http://nutslinger.com/i/tab_right_lo.gif) no-repeat top right;
	*/
}

.tabset li a:hover {
	color: white;
	background: none;
}

.tabset li.active a, .tabset li.active a:visited {
	color: black;
	background: url(../i/tab_right_hi.gif) no-repeat top right;
}

.tabset li a span {
	display: block;
	margin-left: -4px;
	padding: 3px 8px 3px 8px;
	/*
	background: url(http://nutslinger.com/i/tabShadow.gif) repeat-x bottom left;
	*/
}

.tabset li.active a span, .tabset li.active a:visited span {
	background-position: -100px;
}




.col-left {
	float: left;
	width: 617px;
	padding: 25px 20px 25px 33px;
	border-right: 1px solid #ccc;
}

.col-right {
	float: right;
	width: 301px;
	padding: 25px 0;
}

.magLink {
	padding: 0 15px 0 0;
	background: url(http://nutslinger.com/i/arrow.gif) no-repeat right 50%;
}

.footer {
	padding: 6px;
}

.footer-inner {
	text-align: left;
	padding: 6px 0 40px 0;
	color:#999;
	font-size: x-small;
	border-top: 2px solid #ddd;
	background: url(../i/pageGradient.gif) repeat-x 0 0;
}





/* store stuff */

.col-left-store {
	float: left;
	width: 200px;
	padding: 20px 0 0 0;
}

.col-right-store {
	float: right;
	width: 700px;
}

.col-right-store h2 {
	margin: 0;
	padding: 17px 0;
	font-size: large;
}

.category-tree {
	width: 162px;
}

.category-tree b {
	width: 100%;
	display: block;
	background: url(http://store.nutslinger.com/merchant2/i/category_bg.gif) no-repeat 0 0;
	line-height: 21px;
	padding: 0 0 0 6px;
	color: #ffeb6a;
	font-weight: normal;
}

.category-tree a, .category-tree a:visited {
	width: 100%;
	line-height: 21px;
	padding: 0 0 0 6px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	color:#666666;
	background: url(http://store.nutslinger.com/merchant2/i/category_bg_lo.gif) no-repeat 0 0;
}


.category-tree a:hover {
	color: black;
	background: url(http://store.nutslinger.com/merchant2/i/category_bg_lo.gif) no-repeat 0 0;
}

.category-tree br {
	line-height: 6px;
}



/* product page */


.product-left {
	float: left;
	width: 400px;
	border-right: 1px solid #ccc;
	padding: 0 20px 0 0;
}

.product-left p {
	padding-top: 10px;
	line-height: 1.3em;
}

.product-right {
	float: left;
	padding: 0 0 0 20px;
}


.login-button {
	vertical-align: middle;
	position: relative;
	top: 5px;
}

.continue-button {
	margin: 0 70px 0 0;
}

.add-button {

}

.buyNow-button {

}

b.product-name {
	font-size: large;
}

b.category-name {
	font-size: large;
}


/* category product list */

.category-product {
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #CCC;
	padding: 0 0 17px; 0;
}

.cp-left {
	float: left;
}

.cp-right {
	float: left;
}

.cp-right .add-button {
	margin: 0 10px 0 0;
}

.cp-right h3 {
	font-size: medium;
	padding: 0;
	margin: 0 0 7px 0;
}

.cp-right p.cp-info {
	padding: 0;
	margin: 0 0 7px 0;
	line-height: 1.2em;
}


/* order page table */

.tablehead {
	
}

.tablehead td {
	background: #e5e5e5;
	color: black;
	/*
	border-bottom: 1px solid #777;
	*/
	border-bottom: 7px solid white;
}