/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	
/*******************************************************************************************************/
/*          STYLES USED THROUGHOUT THE WEBSITE        */
/*******************************************************************************************************/
/*body:: Controls website background and any other text outside of a table without an associated style.*/ 	
body {

font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
color: #2d2d2d;
background: url(../images/bodyBg.png) 0 0 repeat-x #000;
padding: 0;
margin: 0

}

td {
	font-size:12px;
	}
/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/ 	 
A {
	color:#767575;
	text-decoration: none;
}
/*A:hover:: When a user passes  their mouse over them.*/ 	 	
A:hover {
	color:#2d2d2d;
}

/*mainContent:: Controls the background on all the pages.*/
.maincontent {
	background:url(../images/contentBg.png) 0 0 repeat-x #fff;
	padding:30px 10px 10px 10px;
}
/*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: #f4f4f4;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e4e4e4;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {

font-size: 16px;
font-weight: bold;
color: #9D7D0E;

}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {

font-size: 16px;
color: #9D7D0E;
font-weight: bold;

}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {

font-size: 14px;
color: #9D7D0E;
font-weight: bold;

}
/*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 {
	border-top: 1px dotted #3379b2;
}
/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/ 
.borders2 {
	border-top: 1px dotted #3379b2;
}
.font2 {
}
/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)        */
/*******************************************************************************************************/

/*wrapper:: Wraps the frame of your site.*/	
.wrapper {
	}
/*header:: Controls the top of your site.*/	
.header {

height: 150px;
padding: 0 10px;

}

/*logo:: Controls logo area.*/		 
#logo {

text-align: left;
padding-top: 0px;
color: #63b8ff;

}
/*store-name:: Store Name.*/		 
.store-name {
	font-size: 36px;
	text-decoration: none;
	text-transform:uppercase;
	color:#63b8ff;
}
/*store-slogan:: Store Slogan.*/		 
.store-slogan {
	font-size: 14px;
	color: #fff;
}
/*topNav:: Controls the look of the top navigation.*/	
#topNav {

background: url(../images/navBg.png) 0 0 repeat-x #000;
height: 50px;
border-top: 1px solid #616161;
font-size: 14px;
padding: 0 10px;

}

/*frame:: Controls the left and right column background.*/		
.frame {
	background: #FFF;
}
/*frame-ht:: Controls the height left, right and middle columns.*/		
.frame-ht {
	height: 1000px;
	padding-left:10px;
	padding-right:10px;
}
/*colBg:: Controls the way the menus look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.colBg {
	background: url(../images/colBg.png) repeat-y;
	}

/*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: bold;
	font-style:italic;
	background: #000;;
	height:29px;
	padding:0 12px;
	color:#fff;
}
.topSeller {
	background-color:#eaf1f7;
	border-left:1px solid #bec5cb;
	border-right:1px solid #bec5cb;
}

/*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/		
.footer {
	color: #585757;
	font-size:12px;
}
/*footer a:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:hover {
	color: #585757;
	text-decoration: underline;
}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
/*top-item-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
	width: 50px;
	height: 54px;
	background: url(../images/bg-top-item-star.png) 0 0 no-repeat;
	position: absolute;
	top: -10px;  
	left: 115px;
	padding: 14px 0 0 19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
	text-align:left;
}
/*ranking:: Controls the way the ranking for Top Sellers display.*/ 
.ranking {
	font-size:15px;
	font-weight:bold;
}
/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text {
	padding:0 10px;
	color:#2D2D2D;
	font-size:11px;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {
	font-size: 14px;
	font-weight: bold;
	color:#3379B2;
}
/*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 {

font-size: 12px;
font-weight: Normal;
color: #fd9031;
/*color: #16a2c6;*/

}
/*search-text:: Controls the way the search box displays of the frame.*/ 
.search-text {

font-size: 18px;
font-weight: Normal;
color: #ffd700;
padding-right: 5px;

}

/*A.cat:: Controls the way the Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/
A.cat {
	color:#2d2d2d;
	font-size:11px;
	font-weight:bold;
}
/*A.cat:hover:: When a user passes  their mouse over them.*/ 	
A.cat:hover {
	color: #767575;
}
/*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 {
	color: #2d2d2d;
	font-size: 11px;
}
/*A.subcat:hover:: When a user passes  their mouse over them.*/ 	
A.subcat:hover {
	color: #767575;
}
a.cat1 {
	color:#000;
	}
a.cat1:hover {
	color:#767575;
	}
/*A.menu:: Controls the way the Links display in the top navigation before a user clicks or mouses over on them.*/ 	 
A.menu {
	color:#fff;
	font-size: 14px;
	text-transform:uppercase;
}
/*A.menu:over:: When a user passes their mouses over them.*/ 	
A.menu:hover {
	color: #767575;
}
/*A.menu-bottom:: Controls the way the Links in the footer display before a user clicks or mouses over on them.*/ 	 
A.menu-bottom {
	color:#fff;
	font-size: 13px;
}
/*A.menu-bottom:over:: When a user passes their mouses over them.*/ 	
A.menu-bottom:hover {
	color: #585757;
}
/*A.link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/ 	 
A.link {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration:underline;
}
/*A.link:over:: When a user passes their mouses over them.*/ 	
A.link:hover {
	text-decoration:underline;
}
/*A.details: Controls the way the More Details links display in the left or right navigation bars before a user clicks or mouses over them.*/ 	 
A.details {
	color:#2d2d2d;
	text-decoration:underline;
}
/*A.details:hover:: When a user passes their mouse over them.*/ 	
A.details:hover {
	color:#767575;
	text-decoration:underline;
}
/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/

/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {
	border:1px solid #63b8ff;
	background: url(../images/btnBg.png) 0 0 repeat-x #fff;
	color: #000;
	cursor: pointer;
	text-transform:capitalize;
	padding:2px 5px;
	font-size:12px;
	margin:0;
}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {
	border: 1px solid #63b8ff;
	background:#3379b2;
	color: #fff;
	cursor: pointer;
	text-transform:capitalize;
	padding:2px 5px;
	font-size:12px;
	margin:0;
}
a.btn {
	padding:3px 12px 2px 12px;
	height:21px;
}
a.btn:hover {
	background:#3379b2;
	color:#fff;
}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {
	color: #717171;
	border:1px solid #b0adad;
	font-size:13px;
}
/*txtAreaStyle:: Controls the text and style of 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-weight: normal;
	font-size: 11px;
	color: #343333;
}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
	height: 20px;
	color: #585C5F;
	font-size: 12px;
	border: none;
	padding: 3px 0px 0px 0px;
	margin: 0;
}
/*******************************************************************************************************/
/*   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;
	color: #585C5F;
	border: 1px dotted #cccccc;
	border-style: none none dotted;
}
/*item:: Controls the item description and item details text.*/ 
.item {
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 16px;
	color: #fd9031;
	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 {
	font-weight: Normal;
}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
	color: #afafae;
	text-decoration: none;
	text-align: left;
	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;
	font-size: 11px;
	background-color:#b7144a;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fd9031;
	text-decoration: none;
	text-align: left;
	line-height: 10px;
	font-size: 16px;
	font-style:italic;
}

/*******************************************************************************************************/
/*   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 {
	color: #3379b2;
	font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-size: 16px;
	font-weight: bold;
	color:#767575;
}
/*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:#3379b2;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {

font-size: 12px;
font-weight: bold;
background-color: #fff;
color: #9D7D0E;
padding: 4px;

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

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
	background-color: #f9f8f8;
}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-family: Verdana, Geneva, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
}
img {
	border: none;
}
.cart td {
	font-size:14px;
	color:#fff;
	}
.cart {
	font-size:14px;
	color:#fff;
	}
.cart a {
	color:#63B8FF;
	}
.cart a:hover {
	color:#fff;
	}