@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);

body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/navychev.gif);
	background-repeat: repeat;
	background-attachment: fixed;
}
a {
	color: #244870;
	text-decoration: none;
}
a:hover {
	color: #33cccc;
	text-decoration: none;
}
.mn {
	background-color: #FFFFFF;
	padding-left: 25px;
	padding-right: 25px;
}
h1, .page_headers {
	color: #3b5e85;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h2 {
	font-size: 18px;
}
h3, .boldtext {
	font-size: 16px;
	font-weight: 700;
}
h4, h5, h6 {
	font-size: 14px;
}
.mainarea {
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
.topright {
	text-align: right;
	padding-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}

.topright a {
	color: #b3b3b3;
}
.topright a:hover {
	color: #66b1b3;
}
.feat {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1em;
	text-align: center;
	display: block;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.searchtop {
	text-align: right;
	padding-top: 25px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.toplinks {
	text-align: right;
}
.social {
	text-align: right;
}
p, td {
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #272727;
}
.logo {
	padding-bottom: 10px;
}
.topnav {
	text-align: center;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	color: #272727;
	font-size: 15px;
	letter-spacing: 1px;
}
.topnav a {
	color: #272727;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
.topnav a:hover {
	color: #66b1b3;
}
.botlinks {
	text-align: center;
	color: #999;
	font-size: 12px;
}
.botlinks a {
	color: #999;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
.botlinks a:hover {
	color: #66b1b3;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
.txtbox {
	color: #666;
	border: 1px solid #CCC;
}
.botnav {
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	color: #999;
	text-align: center;
	font-size: 14px;
}
.botnav a {
	color: #999;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
}
.botnav a:hover {
	color: #66b1b3;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
}
.cr {
	color: #999;
	font: 11px Arial, Helvetica, sans-serif;
}
.cr a {
	color: #999;
	text-decoration: none;
}
.cr a:hover {
	color: #999;
	text-decoration: underline;
}

	

/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.menu-headers {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 45px;
	text-align: center;
	width: 180px;
	padding: 2px 0px 0px 0px;
	background-image: url(../images/lefthdbkg.gif);
	background-repeat: no-repeat;
}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
	width: 36px;
	height: 38px;
	background: url(images/bg-top-item-star.png) no-repeat;
	position: absolute;
	top: -5px;
	left: -3px;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	padding: 10px 5px 5px 3px;
	text-align: center;
}
/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text {
	font-size: 11px;
	font-weight: normal;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {
	font-size: 14px;
	font-weight: bold;
}
/*cart-text:: Controls the way the text on the mini shopping cart displays. The mini-shopping cart is usually located in the header.*/ 
.cart-text {
	background: #ebe8d5;
	padding: 8px 13px;
}
.cart-text td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
.cart-text A, .cart-text A:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
	text-transform: uppercase;
	text-decoration: none;
}


/*data:: Controls the font style of your content on all the pages.*/
.data {

}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #e3e3e3;
}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {
	font-size: 20px;
	text-align: left;
	letter-spacing: 1px;
	color: #3b5e85;
	text-transform: uppercase;
}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {
	font-size: 14px;
}
/*error:: Controls the error messages*/ 
.error {
	font-size: 12px;
	font-weight: normal;
	color: #e10e04;
	text-decoration: none;
}
/*borders:: Controls the color of the line dividers used throughout the site.*/ 
.borders {
	color: #d9d9d9;
	border: 1px dotted #d9d9d9;
	border-style: none none dotted;
}
/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/ 
.borders2 {
	border: 1px dotted #d9d9d9;
	border-style: none none dotted;
}
.middleBorder {
	border-right: #d9d9d9 solid 1px;
	border-left: #d9d9d9 solid 1px;
}

/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/

/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
	font-size: 13px;
	font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-size: 16px;
	font-weight: bold;
	color: #cccccc;
}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
	font-size: 16px;
	font-weight: bold;
	color: #a084af;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-size: 12px;
	font-weight: bold;
	padding:4px;
}
/*******************************************************************************************************/
/*   STYLES ONLY USED ON PRODUCT PAGES      */
/*******************************************************************************************************/

/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
	font-size: 12px;
	font-weight: bold;
	border: 1px dotted #cccccc;
	border-style: none none dotted;
}
/*item:: Controls the item description and item details text.*/ 
.item {
}
.details {
	font-size: 11px;
	line-height: 13px;
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 16px;
	font-weight:bold;
}
/*price-info:: Controls the way the sub-prices display on the product page, the final price is controlled by the style called "price".*/ 
.price-info {
}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
	color: #afafae;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0px;
	font-size: 10px;
	vertical-align:bottom;
}
/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/ 
.availability-txt {
	color: #FFF;
	text-decoration: none;
	text-align: left;
	line-height: 1.2em;
	font-size: 11px;
	background-color: #efefef;
	padding: 0.2em;
	font-style: italic;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 7px;
	line-height: 10px;
	font-size: 16px;
	font-style:italic;
}
/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/

/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	margin:1px;
	padding: 2px 6px;
	border: 1px solid #33cccc;
	background: #33cccc;
}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	margin:1px;
	padding: 2px 6px;
	border: 1px solid #6fbe39;
	background-color: #6fbe39;
}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {
	background-color: #FFF;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #97877b;
	color: #97877b;
	margin: 1px;
	padding: 2px;
}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/ 	
.txtAreaStyle {
	background-color: #FFF;
	font-weight: normal;
	font-size: 12px;
	color: #97877b;
	border: 1px solid #97877b;
	padding: 2px;
}

/*******************************************************************************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/*******************************************************************************************************/

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-size: 14px;
	font-weight: bold;
}
img {
	border: none;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/


/*font1:: Primary Screen Font */ 
.font1 {

}
/*font2:: Secondary Screen Font */ 
.font2 {

}
.font3 {

	color: #FFF;
}
.font4 {

	color: #c32519;
}
/*top:: Controls the  Color of the top Bar*/		
.top {
	background: #FFF url(../images/topBG.png) repeat-x;
}
/*line:: Controls the  Color of the line bellow the top bar*/		
.line {
	background: #FFF url(images/BG_menu.gif) repeat-x;
}