/* CE3.CSS 

All customizations of design template are made here.  Be sure that this file is called LAST in /store/templates/header.tem.php 

*/

html {background: #993 url('/images/bgdots.png');}

body {
	background: white;
	width: 850px;
	margin: 50px auto;
	border: 5px solid black;
}

img {border: none;}

/** TITLEBAR **/
#titlebar {
	width: 100%;
	border-bottom: 5px solid black;
	display: block;
	height: 100px;
	position: relative;
	background: white url('/images/titlebg.png') top right no-repeat;
}
.mainlogo, .topaccount, #topcart {float: left;}
.mainlogo {position: relative; top: 6px; left: 10px;}

.topaccount, #topcart {position: relative; top: 13px; left: 130px;}

/** NAVIGATION and BLOG SIDEBAR **/
#navigation, #sidebar {
	float: left;
	width: 230px;
}

/** STOREFRONT **/
#storefront {
	float: right; 
	padding: 5px;
	width: 600px;
}

#adwall {
	position: relative; left: 22px;
}

/**** STORE CSS OVERRIDES ****/
/** WIDGETS IN THE NAVIGATION DIV SHOULD BE 210PX WIDE **/
/** USE !IMPORTANT LIBERALLY IF NEEDED **/

/*** "CAPSULES" ***/
#navigation div.top {
	text-align: center !important;
	background: white url('/images/capsuletop.png') top left no-repeat !important;
	color: white;
	padding-left: 0;
	height: 44px;
	margin: 0; padding: 0; 
}
#navigation div.btm {
	background: white url('/images/capsulebtm.png') top left no-repeat !important;
	height: 17px;
}

.widgetman, 
#widgetCategories, 
#widgetSpecials {
	background: white url('/images/capsulebg.png') top left repeat-y !important;
	float: left;
	margin: 15px 0 0 5px;
	position: relative; left: 15px;
	width: 210px;
}

.noItems {text-align: center; padding-left: 0;}

/* WIDGETMAN = MANUALLY CREATED WIDGETS */

.widgetman p, .widgetman h4 {
	text-align: center; 
	width: 190px;
	font-size: 14px;
	position: relative; left: 10px;
	line-height: 1.3em;
}
.widgetman h3 {font-size: 16px;}

#widgetman,
#widgetSpecials {width: 210px;}


#navigation div.top h3 {position: relative; top: 14px; margin: 0;}

#categoryGrid h2, #productDetail h2 {color: #993; font-size: 18px;}


#widgetCategories .body ul {
	position: relative;
	left: 10px;
	top: 5px;
	list-style-type: disc;
	margin-left: 2em;
}
#widgetCategories .body ul li {
	background: none;
	font-size: 14px;
	font-weight: bold;
	width: 150px;
}
#widgetCategories .body ul li a {
	text-decoration: none;
}

/*** PRODUCTS OVERRIDES ***/

td.content-odd1,
td.content-even1 {
	display: block;
	position: relative;
	min-height: 200px;
	border: 1px solid #CCC !important;
}

#productList #topOptions .display {
	position: relative; left: 5px;
}
#productList #topOptions .sort {
	width: 190px; 
	position: relative; left: 210px; bottom: 23px;
} 
#productList #topOptions .sort .option {float: right;}

#productList h2 {color: #993; font-size: 18px; margin-bottom: 0;}
#productList #categoryDescription {font-size: 14px;}
#productList .description {text-align: right; width: 400px;}

/* ABSOLUTE PRODUCT LOCATION */
#productList .title,
#productList .description,
#productList .sprice,
#productList .addToCartBtn,
#productList .detailBtn {position: absolute;}

#productList .description {top: 40px; left: 210px; width: 300px;}
#productList .title {width: auto; top: 22px; right: 100px;}
#productList .sprice {bottom: 18px; left: 380px;}
#productList .addToCartBtn {
	bottom: 20px; left: 445px; 
	width: 90px !important;
}
#productList .detailBtn {
	top: 25px; left: 455px; 
	width: 90px !important;
}

/* CATEGORY LIST */
#categoryList .title,
#categoryList .description {position: absolute;}

#categoryList .title {left: 220px;}
#categoryList .description {top: 40px; left: 210px; width: 300px;}

/** MAILER **/
#mailer h2 {display: none;}

/** FOOTER **/

#footer, #footer-small {
	clear: both;
	display: block;
	padding: 10px;
}
#footer {height: 200px;}
#footer-small {height: 5px;}

/** BLOG SPECIFIC **/
#sidebar ul {list-style-type: none;}