/*============================================
  =====              Divs                =====
  ============================================
  * These widths will all be the same.
  */
#div_main {
	width: 980px;
}
#div_category, #div_fullView
{
	width: 720px;
	list-style: none;
	/*border-left: solid 1px black;*/
}

#div_listProducts
{
	width: 710px;
	list-style: none;
}

#mainwrap {
	margin: 0 0 10 0px;
	padding: 0;
	width: 980px;
	/*background: #f2f0ec;*/
}
	#maintop {
		margin: 0;
		padding: 0;
		width: 980px;
		background: url(../images/main-top.gif) top no-repeat;
	}
	#mainbot {
		margin: 0;
		padding: 0;
		width: 980px;
		background: url(../images/main-bot.gif) bottom no-repeat;
	}
	#main {
		margin: 0, 5px;
		padding: 0px;
		width: 1001px;
	}

#div_categories
{
	float: left;
	list-style: none;
	clear: both;
	width: 250px;
}

#ul_categories
{
	list-style: none;
	margin-left: 0;
	padding-left: 10px;
	width: 250px;
}

#ul_category
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-indent: -1em;
}

/* Product Listing */
#div_category {/* for category titles of products */
	margin: 0 0 0 3px;
	padding: 0px;
	float: right;
}
#div_listProducts {
	padding: 0px;
	float: left;
}

/* Cart page */
.product {
	margin: 0px 5px 5px 5px;
	padding: 0px;
	width: 215px;
	height: 280px;
	border: 1px solid #cdc4b4;
	float: left;
	text-align: center;
	list-style: none;
}
.prodimage {
	margin: 10px auto;
	width: 180px;
	height: 100px;
	text-align: center;
	overflow: hidden;
}
.prodimage img {
	border: 1px solid #ccc;
	vertical-align: middle;
	height:100%;
	background-color: #FFF;
	padding: 0px;
}
.prodimage a {
	cursor: pointer;
}
.prodheader {
	margin: 0px auto;
	padding: 0px;
	width: 180px;
	height: 120px;
	overflow: hidden;
	font-weight: bold;
	line-height: 20px;
}
.prodprice {
	margin: 0px auto;
	padding: 0px;
	width: 180px;
}
.quickview {
	margin: 5px;
	width: 850px;
	/*border: 1px solid #ccc;*/
}
.quickimage {
	margin: 5px;
	min-width: 180px;
	height: auto;
	float: left;
	text-align: center;
}
.quickimage img {
	border: 1px solid #ccc;
	vertical-align: middle;
}
.quickinfo {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	float: right;
}
.quickheader {
	padding: 5px 0px 0px 0px;
	font-size: 140%;
	font-weight: bold;
}
.quickprice {
	font-weight: bold;
}
.quickretail {
	color: #666;
}
.retailprice
{
	text-decoration:line-through;
	color:Red;
}

.quicksave {
	color: #900;
}
.quicklongdescription {
	clear: both;
	padding: 5px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
}
/*=============================================================
  ==========                  Main                   ==========
  =============================================================*/
img {
	border: none;
	padding-right: .5em;
}
table {
	border: none;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
}
th {
	font: bold 110% Arial, serif;
	border-bottom: 1px solid #a383ba;
	text-align: left;
}
td {
	padding: .3em;
}
select {
	font: Arial, sans-serif;	
}
textarea {
  font: Arial, sans-serif;
}

.link {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

/*=============================================================
  ==========                Classes                  ==========
  =============================================================*/
.producthead {font: bold 110% Arial, sans-serif; text-align: left}
.prodimg {border-right: 1px solid #a383ba}
.prodprice {font: bold 100% Arial, sans-serif; text-align: center}
.missing {color: #c00}
.normal {color: #106298}
.divline {border-bottom: 1px solid #6a8b53}
.head {font: bold 110% Arial, sans-serif}
.head2 {font: bold 105% Arial, sans-serif}
.info {font: italic 80% Arial, sans-serif}
.bold {font-weight: bold}
.color {font: bold 120% Arial, sans-serif}
.clearance {font: bold 115% Arial, sans-serif; color: #c00;}
.save {font: bold 100% Arial, sans-serif; color: #c00;}

/*=============================================================
  ==========             Specific Divs               ==========
  =============================================================*/
#cartmid {
	width: 975px;
	margin-top: -10px;
	/*margin-bottom: 10px;*/
	padding: 0px 10px 0px;
	background: #fff;
	float: left;
	position: relative;
}
#carthold {
	width: 930px;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#div_container {/* holds shopping cart */
	margin: 0px;
	font: normal 0.9em Arial;
}
/* Cart page divs */
#div_cart { /* holds cart icon */
	margin: 0px;
	padding: 20px 0px 0px 28px;
	width: auto;
	height: 35px;
	overflow: hidden;
	background: url(../images/cart-thumb.png) left no-repeat;
	float: right;
	color: blue;
}
	#div_cart a {
		color: red;
	}

#div_cartTop {/* holds search and cart info */
	margin: 0px;
	width: 500px;
	float: right;
}

#itemlist th {font: bold 90% Arial, sans-serif}

/* Sort and page navigation bars */
#div_sortTop, #div_sortBottom {
	margin: 0px;
	padding: 5px 0 5px 5px;
	width: 720px;
	height: 20px;
	background: url(../images/sort-bg.gif) no-repeat #c7c0b5;
	float: right;
	color: #4d3c2f;
	/*border-left: solid 1px black;*/
}
.sortBar {
	float: left;
}
.pagesBar {
	float: right;
}
#div_search_wrapper
{
	width:720px;
	float:right;
	padding: 15px 0 5px 0;
	/*border-left: solid 1px black;*/
}

/*=============================================================
  ==========                 Buttons                 ==========
  =============================================================*/
.p25 {
	background: url(../images/buttons/p25.gif) no-repeat #7d5f94; width: 25px; height: 25px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.p75 {
	background: url(../images/buttons/p75.gif) no-repeat #7d5f94; width: 75px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.p100 {
	background: url(../images/buttons/p100.gif) no-repeat #7d5f94; width: 100px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.p150 {
	background: url(../images/buttons/p150.gif) no-repeat #7d5f94; width: 150px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.p200 {
	background: url(../images/buttons/p200.gif) no-repeat #7d5f94; width: 200px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.y75 {
	background: url(../images/buttons/y75.gif) no-repeat #fec94a; width: 75px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.y100 {
	background: url(../images/buttons/y100.gif) no-repeat #fec94a; width: 100px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.y150 {
	background: url(../images/buttons/y150.gif) no-repeat #fec94a; width: 150px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}
.y200 {
	background: url(../images/buttons/y200.gif) no-repeat #fec94a; width: 200px; height: 28px; border: 0px solid #fff; display: block; cursor: pointer;
	font: bold 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 2px;
}