/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	

/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/

 
/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background: #FFF url(../images/bg.gif);
	font-weight: Normal;
}
/*data:: Controls body default fonts and colors*/
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
/*data:: Controls body default fonts and colors*/
.data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background: #FFF;
}
/*frame::  Controls the  Color of the Store's Frame*/		
.frame {
	background: url(../images/bg2.gif);
	background-color: #eeeeee;
}
/*top::  Controls the  Color of the top Bar*/		
.top {
	background: url(../images/BG_Logo.gif) repeat-x;
}
/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices*/		
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
/*footerLinks::  Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}
/*line::  Controls the  Color of the line bellow the top bar*/		
.line {
	background: url(../images/bg1.gif);
}
/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative {
	background-color: #f3f2f2;
	padding: 2px 4px 2px 4px;
	border: 1px solid #eae9e9;
}
/*borders:: Controls the color of  the borders on forms*/ 
.borders {
	background-color: #000;
}
/*borders2:: Controls the color of  the borders on forms*/ 
.borders2 {
	border: #999999;
	background-color: #999999;
}
/*borders_coupon:: Controls the color of  the borders on the coupon and shipping box*/ 
.borders_coupon {
	border: solid;
	border-color: #999999;
	border-width: 1px;
}
/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
	background-color: #f9f8f8;
}
/***********************************/
/*         HEADERS & TITLES        */
/***********************************/


/*menu-headers:: Controls the way the menu headers look*/ 
.menu-headers {
	font-size: 14px;
	font-family:Georgia, Times New Roman;
	text-transform: uppercase;
	color: #9a9ea4;
	font-weight: none;
	background-color: #000;
	text-decoration: none;
	padding: 10px 4px 10px 4px;
	background-image:url(../images/menu_header.gif);
}
/*page_headers:: Controls the page's titles*/
.page_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #535353;
	background-color: #FFF;
}
/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535353;
	font-weight: bold;
}
/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color:#FFF;
	color: #000;
	text-decoration: none;
	padding: 10px 4px 10px 4px;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #eeeeee;
	color: #999999;
	padding:4px;
}
/*options-titles:: Controls the way the titles on the product options display*/
.options-titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
}
/***********************************/
/*          GENERAL FONTS          */
/***********************************/


/*font1:: Primary Screen Font */ 
.font1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #000;
}
/*font2:: Secondary Screen Font */ 
.font2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #666666;
}
.font3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #333333;
}
.font4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #535353;
}
/*icon:: Controls the way the menu icons display*/ 
.icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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: 30px;
	height: 20px;
	background: url(../images/bg-top-item-star.png) no-repeat;
	position: absolute;
	top: -15px;
	left: 100px;
	padding: 15px 19px 23px 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}
/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	background: url(../images/bg-ranking.png) no-repeat;
}
/*store-name:: Store Name*/		 
.store-name {
	font-family: Georgia, Times New Roman;
	font-size: 35px;
	color: #FFF;
	text-decoration: none;
}
/*store-slogan:: Store Slogan*/		 
.store-slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-top:28px;
}
/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2d2c2d;
}
/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #585C5F;
}
/*price:: Controls the way the product's prices display*/ 
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Normal;
	color: #000;
	line-height: 18px;
}
/*steps:: Controls the way the steps on the checkout pages display*/
.steps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cccccc;
	background-color: #FFF;
}
/*steps_on:: Controls the way the steps on the checkout [ages display*/
.steps_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #535353;
	background-color: #FFF;
}
/*error:: Controls the error messages*/ 
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #e10e04;
	text-decoration: none;
}
/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/


/*btn:: Controls the buttons*/ 
.btn {
	border-top: 1px solid #dcdbdc;
	border-bottom: 1px solid #dcdbdc;
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	background:  url(../images/button.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
	margin:1px;
	padding: 2px 6px 2px 6px;
}
/*btn_over:: Controls the buttons*/ 
.btn_over {
	border-top: 1px solid #dcdbdc;
	border-bottom: 1px solid #dcdbdc;
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	background:  url(../images/button1.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
	margin:1px;
	padding: 2px 6px 2px 6px;
}
/*btn2:: Controls the buttons*/
.btn2 {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-color: #FFF;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #535353;
	cursor: pointer;
}
/*txtBoxStyle:: Controls the text boxes*/  	
.txtBoxStyle {
	border-top: 1px solid #b3b4b5;
	border-bottom: 1px solid #b3b4b5;
	border-left: 1px solid #b3b4b5;
	border-right: 1px solid #b3b4b5;
	background-color: #f5f4f2;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #38393a;
}
/*txtareaStyle:: Controls the text areas*/ 	
.txtareaStyle {
	border-top: 1px solid #C7D5E0;
	border-bottom: 1px solid #C7D5E0;
	border-left: 1px solid #C7D5E0;
	border-right: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #343333;
	height: 80px;
	width: 250px;
}
/***********************************/
/*              LINKS              */
/***********************************/


/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/ 	 
A {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A:hover {
	color: #999999;
	text-decoration: none;
}
/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
/*A:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A:visited:hover {
	color: #999999;
	text-decoration: none;
}
/*A.menu:: Controls the way the Links display in the top navigation before a user clicks or mouses over on them.*/ 	 
A.menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
/*A.menu:over:: When a user passes their mouses over them.*/ 	
A.menu:hover {
	color: #CCC;
	text-decoration: none;
}
/*A.menu:over:: After a user has visited that section.*/ 	
A.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	text-transform: uppercase;
}
/*A.menu:visited:over:: A user hovers over a section they have visited.*/ 		
A.menu:visited:hover {
	color: #CCC;
	text-decoration: none;
}
/*A.cat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/ 	 
A.cat {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
}
/*A.cat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/ 	
A.cat:hover {
	color: #333;
	text-decoration:none;
}
/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.cat:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
}
/*A.cat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/ 	 
A.cat:visited:hover {
	color: #333;
	text-decoration:none;
}
/*A.subcat:: Controls the way the Sub-Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/ 	 
A.subcat {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}
/*A.subcat:hover:: When a user passes  their mouse over them.*/ 	
A.subcat:hover {
	color: #333;
	text-decoration:none;
}
/*A.subcat:visited:: After a user has visited that section.*/ 
A.subcat:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
}
/*A.subcat:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.subcat:visited:hover {
	color: #333;
	text-decoration:none;
}
/*A.menu-bottom:: Controls the way the Links in the footer display before a user clicks or mouses over on them.*/ 	 
A.menu-bottom {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*A.menu-bottom:over:: When a user passes their mouses over them.*/ 	
A.menu-bottom:hover {
	color: #999999;
	text-decoration: none;
}
/*A.menu-bottom:over:: After a user has visited that section.*/ 	
A.menu-bottom:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*A.menu-bottom:visited:over:: When a user hovers over a section they have visited.*/ 		
A.menu-bottom:visited:hover {
	color: #999999;
	text-decoration: none;
}
ul#menu-bottom {
	width: 300px;
	float: left;
}
li#menu-bottom {
	width: 150px;
	line-height: 20px;
	list-style: none;
	float: left;
}
/*A.link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/ 	 
A.link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
}
/*A.link:over:: When a user passes their mouses over them.*/ 	
A.link:hover {
	color: #999999;
	text-decoration: none;
}
/*A.link:over:: After a user has visited that section.*/ 	
A.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
}
/*A.link:visited:over:: When a user hovers over a section they have visited.*/ 		
A.link:visited:hover {
	color: #999999;
	text-decoration: none;
}
/*A.details:: Controls the way the Top Sellers Links display before a user clicks or mouses over them.*/ 	 
A.details {
	color: #000;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
}
/*A.details:hover:: When a user passes their mouse over them.*/ 	 	
A.details:hover {
	color: #FFF;
	text-decoration: none;
}
/*A.details:visited:: After a user has visited that section.*/ 
A.details:visited {
	color: #000;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
}
/*A.details:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.details:visited:hover {
	color: #FFF;
	text-decoration: none;
}
img {
	border: none;
}
.white {
	color: #FFF;
}
