body {
	margin: 0;
	background: #666 url(../images/core/bg_strip.jpg) top center repeat-y;
}

#container {
	width: 770px;
	margin: 0 auto;
	position: relative;
}

table {
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #484848;
}

h1, h2, h3, h4 { padding:0; margin:0; }

h1 {
	font: normal 22px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #8E8E8E;
}

h2 {
	font: normal 16px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #01551D;
}

h3 {
	font: normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #8e8e8e;
}

h4 {
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #01551D;
}

a { color:#8e8e8e; }
a:hover { color:#484848; }
	
img.img-right {
	float:right;
	display:block;
	margin:15px;
	border:none;
}

.content p {
	padding: 15px 10px 0px 0px;
}

.title {
	cursor:pointer;
}

.highlight{
	color:#680200;
}

#hide-show-containers{
	padding:10px 0;
}

.hide-containers ul li{
	list-style-position:inside;
}
.hide-containers ul{
	margin: 10px 5px;
}

input, select, textarea {
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #52204A;
	padding: 3px;
	background: #fff;
	border: 1px solid #E9E9E9; 
}

input.radio, input.checkbox {
	border: 0;
}

select.dropdown {
	background:#fff;
	border:1px solid #ddd;
	font-size:11px;
	color:#8E8E8E;
	padding:0;
}

/*select.dropdown {
	background-color:#DCD2DB;
	border:1px solid #CBADC6;
	font-size:16px;
	color:#BC3AA7;
}*/


/* HEADER */

#header {
	padding: 0px 10px 20px;
}

#info {
	padding: 0 10px 8px 10px;
	font-size: 9px;
	border-bottom: 1px solid #DCD2DB;
}	



/* NAVIGATION */

#mainnav {
	/*text-align: right;*/
	padding: 10px 0 0 0;
}

#mainnav img {
	margin-left: 10px;
}

#nav {
	height: 34px;
	background: #8e8e8e;
	position:relative;
}

#nav ul {
	margin:0;
	padding: 0;
	list-style:none;
	display: inline;
}

#nav li {
	list-style-type:none;
	padding: 0;
	list-style:none;
	display: inline;
	height: 34px;

}

#nav li a {
	background: #8E8E8E;
	color: #e4e4e4;
	border-right: 1px solid #a8a8a8;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 10px 9px 10px;
	font-size: 10px;
}

#nav li a:hover {background: #b8b6b7; color: #404040;}

#cartinclude .price {
	font-weight: bold;
	color: #e4e4e4;
}

#cartinclude {
	text-align: right;
	padding-right: 12px;
}



/* product nav */

#product-nav-list, #product-nav-list ul {
	list-style: none; /* hide bullet points */
	margin: 0;
	padding: 0;
	width : 180px; /* set for base nav width */
}

#product-nav-list li {
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	position : relative; /* required - used to position subs */
	width: 180px; /* set to same width as base list */
}

#product-nav-list li ul {
	left: -9999em;
	margin-left : 181px;
	position : absolute; /* required - positions subs in parent list item */
	top: 0; /* align to top */
}

#product-nav-list li a {
	background-color : #E9E9E9;
	border : 1px solid #fff;
	border-left: none;
	color : #363636;
	display : block;
	font-size: 11px;
	text-decoration : none;
	padding : 5px 10px;
	width: 160px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	
#product-nav-list li li a {
	background-color : #454545; color: #fff;
}	

#product-nav-list li a:hover { background-color : #ADADAD; color : #fff; }	

/* hasSub style used to a tags which have subs - used only to make it look good and not required */
#product-nav-list li a.daddy { background:url(../images/arrow-mauve.gif) 163px 9px no-repeat; }
#product-nav-list li a.daddy:hover { background:#cd98b2 url(../images/arrow-white.gif) 163px 9px no-repeat; }

/* hide subs on current list */
#product-nav-list li:hover ul ul, #product-nav-list li:hover ul ul ul, #product-nav-list li.sfhover ul ul, #product-nav-list li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#product-nav-list li:hover ul, #product-nav-list li li:hover ul, #product-nav-list li li li:hover ul, #product-nav-list li.sfhover ul, #product-nav-list li li.sfhover ul, #product-nav-list li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
img#contentBanner { left:-8px; z-index: 0;
}

/* CATEGORIES IN LEFT COLUMN */
/* NAVIGATION */

/* level 1 

#product-nav ul, #product-nav li {
	margin: 0;
	padding: 0;
}

#product-nav {
	width:180px;}

html > body #product-nav {
	margin:0 0 0 0;
	width:180px;
	}

#product-nav-list, #product-nav-list ul {
	list-style:none;
	margin:0;
	width:180px;
	}

#product-nav-list li {
	position:relative;}

#product-nav-list li ul {
	position:absolute;
	left:180px;
	top:0px;
	display:none; 
}

html > body #product-nav-list li ul {
	left:140px;
	}

#product-nav-list li ul li ul {
	position:absolute;
	left:180px;
	top:0px;
	display:none;
}

html > body #product-nav-list li ul li ul {
	left:140px;}


#product-nav-list li.over {
	background: #000;
}	
	
#product-nav-list a {
	display:block;
	text-decoration:none;
	color:#363636;
	background:#E9E9E9;
	padding:5px 10px 5px 20px;
	width:150px;
	border-bottom:1px solid #fff;
	margin:0;
}

#product-nav-list li a:hover {
	background:#ADADAD;
	color:#fff !important;
}*/


/* Fix IE. Hide from IE Mac \*/
/** html #product-nav-list li { float: left; height: 1%; }
* html #product-nav-list li a { height: 1%; }*/
/* End */

/*#product-nav-list li:hover ul,
#product-nav-list li.sfhover ul {
	display: block;
}

#product-nav-list li:hover ul ul,
#product-nav-list li.sfhover ul ul {
	display: none;
}

#product-nav-list li:hover ul li:hover ul,
#product-nav-list li.sfhover ul li.sfhover ul {
	display: block !important;
}


#product-nav-list li a.daddy { background:url(../images/arrow-mauve.gif) 163px 9px no-repeat; }
#product-nav-list li a.daddy:hover { background:#cd98b2 url(../images/arrow-white.gif) 163px 9px no-repeat; }*/

/* CATEGORY PAGES */

#categories {
	padding-top: 20px;
}

#categories .box {
	width: 25%;
	padding: 15px;
	border-right: 1px solid #DCD2DB;
	border-bottom: 1px solid #DCD2DB;
}

#categories a { font-weight:bold; font-size:9px; color:#01551D; text-decoration:none; }
#categories a:hover { text-decoration:underline; }



/* CONTENT */


#left {
	width: 180px;
	padding:0;
	margin:0;
}

#searchpanel {
	height: 140px!important;
	width: 180px;
	vertical-align: top;
	overflow: hidden;
	color: #fff;
	background: #01551D url(../images/core/left/bg-search.jpg) top repeat-x;
}

td#searchpanel td strong { color: #fff; }

.afterlogin { background-color: #01551D!important; background-image: none!important; }

#searchpanel a { font-size:9px; color:#fff; } 
#searchpanel a:hover { font-size:9px; color:#fff; }

#searchpanel input, select {
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	background: #fff;
	border: 0;
}

#textarea {
	padding: 15px 10px 0px 0px;
}

#title {
	padding-bottom: 6px;
	border-bottom: 3px solid #E9E9E9;
}


#listing .item {
	padding: 20px 0;
	border-bottom: 1px solid #DCD2DB;
}

#listing  a { color:#01551D; text-decoration:underline; }
#listing  a:hover { text-decoration:underline; }

#breadcrumb {
	font-size: 9px;
	border-bottom: 1px dashed #e9e9e9;
	padding: 5px 1px;
}

#breadcrumb a { color:#8e8e8e; } 
#breadcrumb a:hover { text-decoration: none; }

.gap { height:25px; }

.caption {
	font-size: 9px;
	border-bottom: 1px dashed #DCD2DB;
	padding: 5px 0px;
}



/* contact details */

.contact .heading {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0px;
	border: 0;
}

.contact td {
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #DCD2DB;
}




/* PRODUCTS */

#featuredproduct {
	padding: 0 15px 15px 0;
}

#featuredproduct a { font-weight:bold; font-size:12px; color:#01551D; text-decoration:none; }
#featuredproduct a:hover { text-decoration:underline; }

#featuredproducts {
	border-top: 1px solid #DCD2DB;
	border-bottom: 1px solid #DCD2DB;
}

#featuredproducts .box {
	border-right: 1px solid #DCD2DB;
	padding: 25px 10px 15px 10px;
	width: 33%;
}

#featuredproducts a { font-weight:bold; font-size:9px; color:#01551D; text-decoration:none; }
#featuredproducts a:hover { text-decoration:underline; }


#price { color:#8E8E8E; }
#price .dollar { font-size:18px; line-height:24px; }
#price .cents { font-size:10px; }


.highlight { font-weight: bold; color: #640201; }
.highlight a { color: #640201; }


/* CART/CHECKOUT */

#cart { margin-top:25px; }
table.border { border: 2px solid #8e8e8e; padding: 10px; width: 100%;}
#carttable th { text-align:left;	font-weight:bold; background:#f0f0f0; color:#7a7a7a; padding:8px 2px; }
#carttable td { padding:2px 0; background:#fff;	border-bottom:1px dashed #DCD2DB; }
#carttable td.no-line { border-bottom:0;}
#carttable .right { text-align:right; }
#carttable .qty td { border-bottom:0; }
#cart .totalprice { text-align:right; font-weight:bold; padding:8px 0; }
#cart .buttons { padding-top:10px; text-align:right; }
#cart .inputbutton { padding:0; border:0; padding-left:2px; }

div.hide { display: none!important; }
.carttable-view { float: left; width: 90px; display: block; text-align: left; }
.carttable-view a.open { display: block; background: url('../images/core/icon-open.gif') no-repeat 0 6px; padding-left: 10px; }
.carttable-view a.close { display: block; background: url('../images/core/icon-close.gif') no-repeat 0 6px; padding-left: 10px; }
.carttable-item { margin: 5px; float: right; }
.carttable-item th { text-align:left; font-weight:bold; background:#f0f0f0; color:#7a7a7a; padding:2px 2px; }
.carttable-item td { padding:2px 0; background:#fff;	border-bottom:1px dashed #DCD2DB; }
.carttable-item td.no-line { border-bottom:0;}
.carttable-item .right { text-align:right; }
.carttable-item .qty td { border-bottom:0; }

/* DATATABLE */

.datatable th { text-align:left;	font-weight:bold; background:#E9E9E9; color:#8E8E8E; padding:8px 2px; }
.datatable td { padding:4px 0; background:#fff;	border-bottom:1px dashed #DCD2DB; }
.datatable p { margin:0 0 20px 0; }




/* FOOTER */

#contact {
	padding: 15px 20px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #52204A;
}


#footer {
	padding: 15px 0 15px 20px;
}

#footer table {
	color: #7a7a7a;
	font-size: 9px;
	line-height: 16px;
}

#footer a { color:#484848; }
#footer a:hover { color:#8e8e8e; }

/* OTHER STYLES */

.pink {
	font-weight: bold;
	color: #404040;
}

.small {
	font-size: 9px;
}


#right { padding-left: 8px; }

.member_details p { margin: 0; }
.member_details { margin-bottom: 1em; }

.flexirent { color: #484848; font-size: 90%; font-weight: normal; }
a.flexirent-button {
  background: url('../images/button-flexirent.jpg') no-repeat 0 0;
  border: 0;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  width: 63px;
}
a.flexirent-button:hover { background-position: 0 -30px; }
a.flexirent-button img { border: 0; }
.cents { width: 100%; }
#apple .cents { width: 0; }


/* hack and slash - this is what happens when u have to deal with horrible code */
td.box table { width: 100%; }
td.product-buttons { height: 30px; }

.apple-cat-img {
	height: 148px;
	display: block;
}

/* upgrade tables */
.upgrade-table { float: left; display: block; text-align: left; width: 550px; }
.upgrade-table th { text-align:left; font-weight:bold; background:#f0f0f0; color:#7a7a7a; padding:2px 2px; }
.upgrade-table td { padding:3px; background:#fff; height: 30px; vertical-align: top; }
.upgrade-table td span.no-select { font-weight: bold; color: #666666; }
.upgrade-table td span.single-price { color: #999999; font-size:12px; }
.upgrade-table td.no-line { border-bottom:0;}
.upgrade-table .right { text-align:right; }
.upgrade-table .qty td { border-bottom:0; }

.upgrade-total { float: left; display: block; text-align: left; width: 550px; }
.upgrade-total th { text-align:left; font-weight:bold; background:#f0f0f0; color:#7a7a7a; padding:2px 2px; height: 30px; }
.upgrade-total td { padding:3px; background:#f0f0f0; height: 30px; vertical-align: top; }

div.what-chosen { color: #666666; margin-bottom: 5px; font-size: 11px; text-align: left; font-weight: normal; width: 100%; display: block; border-bottom:1px dashed #DCD2DB; }
div.what-chosen span.important { color: #999999; font-size: 15px; font-weight: bold; }


/*POPUP*/
body#popup {
	margin: 0;
	background: #666 url(../images/core/bg_strip-popup.jpg) top center repeat-y;
}

#popup-container {
	width:450px;
	margin:0 auto;
}

