/* CSS Document */
* {
	margin:0;
	padding:0;
	/*border:0;*/
}
/* STANDARD CLASSES */
body {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	background-color:#66635a;
	background-repeat:no-repeat;
}
td {
	vertical-align:top;
}
/* CUSTOM CLASSES */
/* STANDARD IDS */

#left {
	width:50%;
	/*background-image:url(../../images/bg_left.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
}
#right {
	width:50%;
	/*background-image:url(../../images/bg_right.jpg);
	background-repeat:no-repeat;*/
}
#main {
	width:978px;
} 
#content_left {
	background-image:url(../../images/content_lefttile.png);
	width:17px;
	background-repeat:repeat-y;
}
#content_right {
	background-image:url(../../images/content_righttile.png);
	width:17px;
	background-repeat:repeat-y;
}
#advertising {
	padding:0 0 0 15px;
	/*background-image:url(../../images/ad_bg.jpg);*/
	height: 950px;
	/*background-repeat:no-repeat;*/
}
#sidebar {
	width:100%;
	padding:0px 0px 0px 20px;
	background-color:#66635a;
}
#sidebar img {
	margin:0 0 0 -10px;
}
#sidebar p {
	padding: 0px;
	margin: 0px;
}
/* LINKS */
a {
	color:#9eb41a;
	font-size: 11px;
	text-decoration:underline;
}
a:hover {
	color: #fff;
	text-decoration:none;
}
.nav {
	font-size: 16px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
.nav:hover {
	color:#AAA;
	text-decoration: none;
}
.subNav {
	margin:10px 0 0 0;
	width:136px;
	float:left;
	position:relative;
}
.subNav li {
	margin:0;
	padding:5px 0 5px 0;
	list-style:none;
}
.subNav li a {
	font-weight:bold;
	color:#9eb41a;
	text-decoration:none;
}
.subNav li a:hover {
	color:#fff;
}
td#sidebar table tr td {
	padding:0 0 10px 0;
}
.item {
	width:144px;
	height: 250px;
	padding:5px 5px 5px 5px;
	margin:0 8px 20px 0px;
	float:left;
	border:1px solid #5c5951;
}

.addinfo {
	padding:2px;
	float:left;
}
/* Blog Styling */
.postShort {
	margin:0;
}
.blogPost {
	margin:0 0 20px 0;
	float:left;
	position:relative;
	border-bottom:1px solid #737168;
}
.readMore {
	padding:10px 0 0 0;
}
/* Roster List & News Feed*/

table#rosterList {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	color:#fff;
}
table#rosterList thead#rosterHead tr th {
	padding:0 0 5px 0;
	font-size:14px;
	color:#d5e161;
	border-bottom:1px solid #5c5951;
}
table#rosterList tbody#rosterBody tr td {
	font-size:12px;
	padding:5px 0 5px 0;
	border-bottom:1px solid #817e74;
}
table#rosterList tbody#rosterBody tr:hover {
	background:#737168;
	cursor:pointer;
}
.alternate_row {
	background-color:#5c5951;
	border-bottom:1px solid #817e74;
}
ul.player {
	margin:0;
	padding:0;
	width:235px;
	float:left;
}
.player li {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
}

.infoTitle {
	color:#d5e161;
	font-weight:bold;
}

/* ---- Product Listing ---- */

ul.product {
	margin:0;
	padding:0;
	width:284px; /* 296 */
	float:left;
}
ul.product li{
	margin:0 0 5px 20px;
	padding:0;
	list-style:none;
}
ul.product li a{
	margin:0 0 20px 0;
}
ul.product li.productName{
	font-size:18px;
	font-weight:bold;
	color: #d5e161;
}
ul.product li.productPrice{
	font-size:16px;
	font-weight:bold;
	color: #fff;
}





/* Form Styling */

.quantityForm {
	margin:20px 0 20px 20px;
	width:200px;
	float:left;
	position:relative;
	display:inline;
}
form.quantityForm input, select {
	/*padding:2px 0 0 0;
	background:#66635a;
	border:1px solid #ccc;
	height:16px;*/
	font-size:12px;
	float:left;
	display:inline;
	margin:10px 10px 0 0;
	color:#333;
	
}
form.quantityForm fieldset {
	margin:0;
	width:290px;
	border:1px solid #5c5951;
	padding:5px 15px 10px 15px;
}
form.quantityForm fieldset legend {
	font-size:12px;
	font-weight:bold;
	color:#333;
}
form.quantityForm label {
	clear:both;
	width: 100px;
	margin:5px 10px 0 0;
	display: inline;
	line-height: 1.8em;
	vertical-align: top;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	float:left;
}
form.quantityForm fieldset ol {
	margin: 0;
	padding: 0;
}
form.quantityForm fieldset li {
	list-style: none;
	margin: 0;
	width:100%;
}
form.quantityForm label span.required {
	font-color:#f00;
	font-weight:bold;
}
form.quantityForm input.submit {
	width:200px;
	height:25px;
	font-size:16px;
	float:right;
}
#btn {
	background:url(../../images/addtocart.gif) top left no-repeat;
	width:67px;
	height:20px;
	line-height:0;
	cursor:pointer;
	text-indent:-9999px;
	border:0;
	color:#fff;
}



.productImg_case {
	margin:5px 0 0 0;
	padding:5px;
	background:#737168;
	overflow:hidden;
	width:144px;
	height:144px;
}

.productImg_holder {
	height: 144px;
	width: 144px;
	overflow:hidden;
}





.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 225px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
float:left;
margin-right: 10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 225px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}