@import url(/styles/common.css);
@import url(/styles/cart.css);

body {
	/*background: url(../images/banner.gif) repeat-x; */	
	background: url(../images/banner-new.gif) repeat-x; 
	background-color: #F8F8F8;
}

/* ********************** */
/* --- MAIN CONTAINER --- */
/* ********************** */

div#main_container {
	position: relative;
	width: 810px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


/* ********************** */
/* ---- CONTENT AREA ---- */
/* ********************** */

div#main_content {
	position: relative;
	width: 810px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}


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

.header {
	position: relative;
	width: 810px;
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}

form#site_search {
	margin: 0;
	padding: 0;
}

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

.site_search {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	margin: 0;
	padding: 4px;
	border: 1px solid #FFFFFF;
}


/* ********************** */
/* ------ MAIN MENU ----- */
/* ********************** */


div#main_menu a {
	display: block;
	padding: 0 0 6px 0;
	margin: 0;
}


/* *************** */
/* ---- INDEX  --- */
/* *************** */

.center_column {
	border-right: 1px solid #E1E1E1;
	margin: 0px 7px 0px 0px;
	padding: 0px 6px 0px 0px;
}

#centerBox {
	width: 343px;
	background-color: #FFFFFF; 
	border-right: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	margin: 0px;
	padding: 0px 20px;
}

#centerBox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#centerBox p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #CC0000;
	text-decoration: none;
}

#centerBox p a:hover {
	color: #990000;
	text-decoration: underline;
}

#centerBox_top {
	background-image: url(/images/center_top.gif);
	width: 385px;
	height: 15px;
	font-size: 8px;
}

#centerBox_bottom {
	background-image: url(/images/center_bottom.gif);
	width: 385px;
	height: 22px;
	font-size: 8px;
}

#centerBox h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #D44149;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;
}

#centerBox h1#welcome {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;
}

#centerBox h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin: 0px auto;
	padding: 0px;
}

#centerBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin: 0px auto;
	padding: 0px;
}

div#general {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 200px auto 0px auto;
	width: 780px;
}

div#general a {
	color: #D44149;
	text-decoration: none;
}

div#general a:hover {
	color: #990000;
	text-decoration: underline;
}

#general h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;
}

#general h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin: 0px auto;
	padding: 0px;
}

#general h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin: 0px auto;
	padding: 0px;
}

.right_column p {
	margin: 0px;
	padding: 0px;
}

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

.search_products {
	width: 200px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 2px 0;
	padding: 4px;
}

.side_search {
	width: 180px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	margin: 2px 0;
	padding: 4px;
}

.mini_cart_search {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

/* **************** */
/* ----  TYPE   --- */
/* **************** */

.type_breadcrumbs {
	width: 241px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #909090;
	text-transform: uppercase;
	padding: 13px 0 0 0;
	margin: 0;
}

.type_breadcrumbs a {
	color: #909090;
	text-decoration: none;
}

.type_breadcrumbs a:hover {
	color: #990000;
	text-decoration: underline;
}

#browse_results {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 15px 0 0 0;
}

#browse_results a {
	color: #D44149;
	text-decoration: none;
}

#browse_results a:hover {
	color: #990000;
	text-decoration: underline;
}

.right_column {
	margin: 0;
	padding: 0;
}

.rightBox {
	width: 163px;
	border-right: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	background-color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 15px;
}

.rightBox a {
	color: #D44149;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: none;
}

.rightBox a:hover {
	color: #990000;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: underline;
}

.rightBox_top {
	background-image: url(/images/right_top.gif);
	width: 195px;
	height: 22px;
	font-size: 8px;
}

.rightBox_bottom {
	background-image: url(/images/right_bottom.gif);
	width: 195px;
	height: 22px;
	font-size: 8px;
}

.rightBox h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px auto;
	padding: 5px 5px 0px 0px;
	float: left;
	display: inline;
}

#newItemsBox {
	padding-bottom: 15px;
}

#newItemsBox_bottom {
	background-image: url(/images/newItems_bottom.gif);
	height: 26px;
	text-align: center;
	padding-top: 8px;
}


/* ****************** */
/* ---- CATEGORY  --- */
/* ****************** */

.category_breadcrumbs {
	width: 340px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #909090;
	text-transform: uppercase;
	padding: 13px 0 0 0;
	margin: 0;
}

.category_breadcrumbs a {
	color: #909090;
	text-decoration: none;
}

.category_breadcrumbs a:hover {
	color: #990000;
	text-decoration: underline;
}

.category_column {
	width: 553px;
	background-color: #FFFFFF; 
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin: 0;
	padding: 0 20px;
}

.categoryBox_top {
	background-image: url(/images/category_top.gif);
	width: 595px;
	height: 15px;
	font-size: 8px;
}

.categoryBox_bottom {
	background-image: url(/images/category_bottom.gif);
	width: 595px;
	height: 22px;
	font-size: 8px;
}

.category_column h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #D44149;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	margin: 10px auto;
	padding: 0px;
}

.category_centerColumn {
	width: 330px;
	margin: 0;
	padding: 0 20px 0 0;
 }

.category_column h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding: 0;
}

.category_centerColumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 10px 0 6px 0;
	padding: 0;
 	border-bottom: 1px dotted #D5D5D5;
}

.category_centerColumn p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0;
 }

.category_centerColumn p a {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	margin: 0;
	padding: 0;
 }

.category_centerColumn p a:hover {
	color: #990000;
	text-decoration: underline;
 }

.category_rightColumn {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 0 20px;
 }

.category_rightColumn a {
	color: #D44149;
	font-weight: bold;
	text-decoration: none;
}

.category_rightColumn a:hover {
	color: #990000;
	text-decoration: underline;
}

.category_rightColumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 19px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px auto;
	padding: 0px 5px 0px 0px;
	float: left;
	display: inline;
}

a.category_productsMenu {
	color: #D44149;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

a.category_productsMenu:hover {
	color: #990000;
	text-decoration: underline;
}

ul.products_right {
	list-style-position: outside;
	list-style-image: url(/images/icons/moreOn.gif);
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

ul.products_right li {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 5px 0px;
}

.more_info {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 5px 0px;
}

.dotted_divider {
	margin: 0;
 	padding: 0;
 	border: 1px dotted #D5D5D5;
}

.specials_news a {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.specials_news a:hover {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

.tiledImages table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #999999;
}

.tiledImages, .tiledImages td {
	font-size: 8px;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.tiledImages, .tiledImages img {
	margin: 0px;
	padding: 0px;
	border: none;
}

#news_listings {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}

#news_listings a {
	color: #D44149;
	text-decoration: none;
}

#news_listings a:hover {
	color: #990000;
	text-decoration: underline;
}



/* *************** */
/* ---- CLASS  --- */
/* *************** */

.class_column {
	width: 553px;
	background-color: #FFFFFF; 
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin: 0;
	padding: 0 20px;
}

.class_column h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #D44149;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	margin: 10px auto;
	padding: 0px;
	border-bottom: 1px dotted #CCCCCC;
}

.class_column h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding: 0;
}

.class_photo {
	width: 161px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #999999;
}




/* ***************** */
/* ---- GENERAL  --- */
/* ***************** */


.class-description {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	width: 370px;
}

.item-description {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.item-description a {
	color: #D44149;
	text-decoration: none;
}

.item-description a:hover {
	color: #990000;
	text-decoration: underline;
}

.faqs {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	padding: 0px;
	margin: 0 0 0 10px;
}

.faqs a {
	color: #D44149;
	text-decoration: none;
}

.faqs a:hover {
	color: #990000;
	text-decoration: underline;
}


/* *************** */
/* ---- ICONS ---- */
/* *************** */


.newTag {
	float: left;
	background-color: #BB031B;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	padding: 1px 2px;
	margin: 5px 0px 0px 0px;
}

.specialTag {
	float: left;
	background-color: #008CD8;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	padding: 1px 2px;
	margin: 5px 0px 0px 0px;
}

.infoDot {
	background-image: url(/images/icons/info.gif);
	background-repeat: no-repeat;
	padding-right: 3px;
	width: 11px;
	height: 11px;
	float: left;
}

.spcsDot {
	background-image: url(/images/icons/spcs.gif);
	background-repeat: no-repeat;
	padding-right: 3px;
	width: 11px;
	height: 11px;
	float: left;
}

.moreDot {
	background-image: url(/images/icons/more.gif);
	background-repeat: no-repeat;
	padding-right: 5px;
	width: 12px;
	height: 12px;
	float: left;
}

.moreOnDot {
	background-image: url(/images/icons/moreOn.gif);
	background-repeat: no-repeat;
	padding-right: 5px;
	width: 12px;
	height: 12px;
	float: left;
}

.cartDot {
	position: absolute;
	display: inline;
	background-image: url(/images/icons/cart.gif);
	background-repeat: no-repeat;
	padding-left: 3px;
	margin: 2px auto;
	width: 19px;
	height: 11px;
}


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

.footer {
	position: relative;
	width: 790px;
	border-top: 1px solid #E6E6E6;
	padding: 5px 0;
	margin: 10px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.footer b {
	color: #CC0000;
	font-weight: normal;
}

.footer a {
	color: #000000;
	text-decoration: none;
}

.footer a:hover { 
	color: #990000; 
	text-decoration: underline;
}


/* ********************** */
/* ----- MY-ACCOUNT ----- */
/* ********************** */

a.link {
	color: #D44149;
	text-decoration: none;
}

a.link:hover {
	color: #990000;
	text-decoration: underline;
}


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

div.page-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div.page-nav a {
	color: #D44149;
	text-decoration: none;
}

div.page-nav a:hover {
	color: #990000;
	text-decoration: underline;
}

.separator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #5F814C;
	padding: 0;
	margin: 0;
}

.selected-option {

}

div#searchResultHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #5F814C;
	font-weight: bold;
	padding: 0;
	margin: 10px 0;
}

div#searchResults {
	padding: 0;
	margin: 10px 0;
}

.row {
	padding: 4px 0;
	margin: 0;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.title a {
	color: #D44149;
	text-decoration: none;
}

.title a:hover {
	color: #990000;
	text-decoration: underline;
}

.excerpt {
	color: #000000;
}