/*--------------------------------------------------
					RESET  													   
--------------------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, textarea, th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
} 

/*--------------------------------------------------
					COLORS  													   
Purple
	Dark: #5b1162
	Light: #814287
	
Grey 
	Dark: #575555
	
Tan
	Light #ffffcc

--------------------------------------------------*/

/*--------------------------------------------------
					STRUCTURAL  													   
--------------------------------------------------*/

body {
	background: url(../images/layout/body-bg.jpg) repeat-x #ffffcc;
	color: #575555;
	font-size: 8.5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
}
	
#container {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto; 
}

#header {
	font-size: 12px;
	width: 960px;
	height: 150px;
	background: url(../images/layout/header-bg.jpg) no-repeat;
}

#content-wrapper {
	width: 960px;
	clear: both;
	padding: 20px 0 0 30px;
}

#footer {
	width: 960px;
	clear: both;
}

/*--------------------------------------------------
					STANDARD SELECTORS  													   
--------------------------------------------------*/

h1 {	
	font-size: 140%;
	margin: 7px auto 6px auto;
	text-align: center;
	color: #5b1162;
}

h2 {
	font-size: 120%;
	margin: 10px auto;
	text-align: center;
	color: #5b1162;
}

h3 {
	font-size: 110%;
	margin: 10px 0 5px 0;
}

p {

	margin: 7px auto 6px auto;
	line-height: 150%;
}

blockquote {
	margin: 10px 15px;
	padding: 5px;
}

ul, ol {
	margin: 10px 10px 10px 25px;
}

li {
	margin: 0 0 7px 0;
}

a:link, a:visited {
	color: #5b1162;
}
	 
a:hover {
	color: #814287;
}
	 
a:active {
}

input, textarea {
	border: 1px solid #ccc;
}

/*--------------------------------------------------
					FLEX SELECTORS  													   
--------------------------------------------------*/

/*--------------------------------------------------
					SECTIONS  													   
--------------------------------------------------*/

/*----- HEADER WRAPPER ----------------*/

.logo-link {
	width: 420px;
	height: 150px;
	float: left;
	display: inline;
}

.logo-link a {
	width: 420px;
	height: 150px;
	float: left;
	display: inline;
}

.navigation-wrapper {
	float: right;
	display: inline;
	width: 540px;
}

/*-----  SEARCH  ----------------------*/

.search {
	width: 310px;
	height: 30px;
	padding-top: 9px;
	background: url(../images/layout/search-bg.jpg) no-repeat;
	float: right;
	line-height: 20px;
	color: #5b1162;
	font-weight: bold;
	clear: both;
}

.search label {
	float: left;
	display: inline;
	margin: 0 5px 0 20px;
}

.search input {
	float: left;
	display: inline;
	height: 20px;
	border: 1px solid #5b1162;
	margin: 0 4px;
}

.search .button {
	background: #814287;
	color: #ffffff;
}

.search form {  /*IE7 Hack*/
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	display: inline;
	width: 300px;
}

/*-----  MAIN NAV  --------------------*/

.main-nav ul {
	clear: both;
	margin: 0;
	float: left;
	display: inline;
}

.main-nav li {
	display: inline;
}

.main-nav a {
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
}

.image-links {
	width: 450px;
	height: 55px;
	float: right;
	clear: both;
	padding-top: 8px;
	margin-bottom: 20px;
}

/*-----  ANIMATION  -------------------*/

#animation {
	width: 940px;
	margin: 20px auto;
}

/*-----  FOOTER    --------------------*/

#footer {
	font-size: 10px;
	text-align: center;
}
							
#footer li {
	display: inline;
}					
/*-----  CONTACT FORM  ----------------*/

/*-------------------------------------------------------
	Mozilla Clearfix
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */

/*<agl.folder "3D Cart">*/
	/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/
	.titles {
		font-size : 11px;
		font-weight : bold;
		background-color : #f93;
		color : white;
		padding: 2px;
		border-bottom: 1px solid #fb5505; }
	/*data:: Controls body default fonts and colors */
	.data {
	font-size : 13px;
	font-weight : normal;
	color : #333333;
}
	/*page_headers:: Controls the page's titles */
	.page_headers {
	font-size : 16px;
	font-weight : bold;
	color : #fb5505;
}
	/*icon:: Controls the way the menu icons display*/
	.icon {
	font-size : 11px;
	font-weight : bold;
	color: #fb5505;
}
	/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices */
	.footer {
	font-size : 10px;
	text-align : center;
}
	/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/
	/*A.menu::Links::  Controls the way the  menu links  look before a user clicks  or mouse overs on them*/
	A.menu {
	color : #595959;
	font-size : 11px;
	font-weight : normal;
	font-style: normal;
	text-decoration: none;
}
	/*A.menu:hover:: Controls the way the  menu links look when a user passes  their mouse over a them*/
	A.menu:hover {
	font-weight :  normal;
	font-style: normal;
	color : #ffffff;
	text-decoration: underline;
}
	/*A.menu:visited:: Controls the way the menu links look after a user has visited that section*/
	A.menu:visited {
	color : #595959;
}
	/*A.menu:visited:hover:: Controls the way the menu links look when a user hovers over a section they have visited*/
	A.menu:visited:hover {
	color : #ffffff;
}
	/*A.cat::Links::  Controls the way the  category links look before a user clicks  or mouse overs on them*/
	A.cat {
	color : #384e31;
	font-size : 11px;
	font-weight : normal;
	font-style: normal;
	text-decoration:  none;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
}
	/*A.cat:hover:: Controls the way the  category links look when a user passes  their mouse over a them*/
	A.cat:hover {
	font-weight : normal;
	font-style: normal;
	color : #ffffff;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
	background-color: #efd449;
}
	/*A.cat:visited:: Controls the way the category links look after a user has visited that section*/
	A.cat:visited {
	color : #384e31;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
}
	/*A.cat:visited:hover:: Controls the way the  category links look when a user hovers over a section they have visited*/
	A.cat:visited:hover {
	color : #ffffff;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
	background-color: #efd449;
}
	/*menu-text:: Controls the way the menu (mailing list) text look */
	.menu-text {
	font-size : 11px;
	color : #595959;
}
	/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color */
	.item {
	font-size : 11px;
	font-weight : Normal;
	color : #585C5F;
	text-decoration: none;
}
	/*price-info:: controls the way the prices display on the product page*/
	.price-info {
	font-size : 11px;
	font-weight : Normal;
	color: #535353;
}
	/*price:: Controls the way the product's prices display*/
	.price {
	font-size : 12px;
	color : black;
	font-weight: bold;
}
	/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
	.checkout-headers {
	font-size : 16px;
	font-weight : bold;
	color : #903f98;
}
	/*titles2:: Controls the titles on the view cart page*/
	.titles2 {
	font-size : 10px;
	font-weight : bold;
	color : #fb5505;
	
}
	/*alternative:: Controls the form backgrounds and other areas that requred an alternative color */
	.alternative {
		padding: 0 10px; }
	/*borders:: Controls the color of  the borders on forms*/
	.borders {
		border : #fb5505;
		background-color : #903f98;
 }
	/*borders_coupon:: Controls the color of  the borders on the coupon and shipping box*/
	.borders_coupon {
    border: solid;
    border-color: #aaa9a9;
	border-width: 1px;
}
	/*steps:: Controls the way the steps on the checkout pages display*/
	.steps {
	font-size : 16px;
	font-weight : bold;
	color : #cfd0d1;
}
	/*steps_on:: Controls the way the steps on the checkout [ages display*/
	.steps_on {
	font-size : 16px;
	font-weight : bold;
	color : #3b4f30;
}
	/*error:: Controls the error messages*/
	.error {
	font-size : 10px;
	font-weight : bold;
	color : #e10e04;
	text-decoration: none;
}
	/*options-titles:: Controls the way the titles on the product options display*/
	.options-titles {
	font-size : 14px;
	font-weight : bold;
	color : #903f98;
}
	/*borders2:: Controls the color of  the borders on forms*/
	.borders2 {
		border : #903f98;
		background-color : #903f98;
 }
	/*cart-text:: Controls the way the text inside the shopping cart looks*/
	.cart-text {
	font-size : 9px;
	font-weight : normal;
	color: #903f98;
	line-height : 18px;
}
	/*invoice_title:: Controls the way the title of the invoices look */
	.invoice_title {
	font-size : 10px;
	font-weight : bold;
	background-color : #ffebb4;
	color : #903f98;
	
}
	/*invoice_table:: Controls the background color on your invoices*/
	.invoice_table {
    background-color : #ffebb4;
	
}
	/*font1:: Primary Screen Font */
	.font1 {
	font-size : 11px;
	font-weight : normal;
	color: #535353;
}
	/*font2:: Secondary Screen Font */
	.font2 {
	font-size : 11px;
	font-weight : normal;
	color: #535353;
}
	/*font3:: controls the search on the top*/
	.font3 {
	font-size : 11px;
	font-weight : normal;
	color: #903f98;
}
	/*btn:: Controls the buttons*/
	.btn {
		background-color: #f93;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
		border: solid 1px #fb5505;
		cursor: pointer; }
	/*btn_over:: Controls the buttons*/
	.btn_over {
		background-color: #ffebb4;
		font-size: 11px;
		color: #903f98;
		font-weight: bold;
		border: solid 1px #fb5505;
		cursor: pointer; }
	/*btn2:: Controls the buttons*/
	.btn2 {
		background-color: #f93;
		font-weight: bold;
		font-size: 9px;
		color: #ffffff;
		border: solid 1px #fb5505;
		cursor: pointer; }
	/*txtBoxStyle:: Controls the text boxes*/
	.txtBoxStyle {
		background-color: white;
		font-weight: normal;
		font-size: 11px;
		color: #38393a;
		border: solid 1px #903f98; }
	/*txtareaStyle:: Controls the text areas*/
	.txtareaStyle {
		background-color: #fbfbfb;
		font-weight: normal;
    font-size: 11px;
		color: #343333;
		height : 80px;
		width: 250px;
		border: solid 1px #c7d5e0; }
/*</agl.folder>*/	

	.categories, .categories a {
		font-size: 12px;
	}
	
	.categories td {
		padding: 10px 0;
	}
	
	.divider td {
		padding-bottom: 20px;
	}
	
	#notify-form {
		background: #ffffcc;
		border: 1px solid #5b1162;
		margin: 5px;
		padding: 0px;
	}
	
	#notify-form .checkout-headers, #notify-form .item, #notify-form table, #notify-form td {
		background: #ffffcc;
	}