/*------------------------------------------------------------
						   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;   
} 

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

body {
	text-align: left;
	background: url(../images/layout/body-bg.gif) repeat-y center;
	font-family: Arial;
	font-size: 12px;
	color: #043964; 
}
	
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/layout/body-bg.gif) top center repeat-y #ffffff;
}
	
#header {
	width: 960px;
	height: 190px;
	clear: both;
	background: url(../images/layout/header.gif);
}

#wrapper {
	width: 960px;
	float: left;
	clear: both;
	background: url(../images/layout/container-bg.gif) bottom no-repeat;
	padding-bottom: 85px;
}	

#main-nav {
	width: 135px;
	float: left;
	display: inline;
	clear: both;
	 }
	
#main-content {
	float: right;
	display: inline;
	width: 780px;
	margin-right: 15px;
}
	
#supp-content {
	width: 135px;
	float: left;
	display: inline;
}	

#footer-wrapper {
	width: 960px;
	clear: both;
	margin: 0 auto;
	background: url(../images/layout/footer-wrapper-bg.gif) repeat-y; 
}
	
#footer {
	width: 610px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}
		
		
/*-----------------------------------------------------------
					STANDARD SELECTORS
-----------------------------------------------------------*/

h1 {
	margin: 7px auto 6px auto;
	background: url(../images/layout/h1-bg.gif) repeat-x;
	height: 41px;
	width: 100%;
	line-height: 36px;
	text-indent: 10px;
	font-size: 18px;
	color: #ffffff;
	
}

h2 {
	margin: 7px auto 6px auto;
	font-size: 24px;
	color: #b50101;
	text-align: center;
}

h3 {
	margin: 7px auto 6px auto;
	font-size: 24px;
	color: #043964;
	text-align: center;
}

p {
	line-height: 125%;
	margin: 10px 0;
}

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

ul, ol {
}

li {
	margin: 0 0 7px 0;
}

a:link, a:visited {
	color: #043964;
	font-weight: bold;
}
	 
a:hover {
	color: #b50101; 
}
	 
a:active {
}

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

	
/*------------------------------------------------------------
	  				SPECIFIC SELECTORS
------------------------------------------------------------*/

#main-nav a:link, #main-nav a:visited {
	width: 135px;
	height: 60px;
	background: url(../images/layout/nav-link-bg.gif) no-repeat;
	color: #ffffff;
	line-height: 40px;
	text-indent: 30px;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

#main-nav a:hover {
	color: #83a1ba;
}

#main-nav li {	
	list-style: none;
	clear: both;
}

.bottom-fill {
	margin: 360px 0 0 0;
	width: 135px;
	clear: both;
	float: left;
	display: inline;	
}

#main-content img {
	border: 2px solid #043964;
}

#footer li {
	display: inline;
}

#footer {
	color: #ffffff;
	text-align: center;
}

#footer p {
	margin-top: 10px;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
	font-weight: bold;
}

.category-list {
	margin: 10px 0 10px 300px;
}

.promo-contact {
	width: 580px;
	margin: 40px auto;
}

.promo-contact p {
	width: 340px;
	margin: 0 auto;
}

#main-content .alternative img {
	border: none;
}

/*------------------------------------------------------------
	  			     OTHER SELECTORS
-------------------------------------------------------------*/
	
.first {
	margin-top: 10px; }

.clear {
	clear: both; }
	
.float-r {
	float: right; }
	
.float-l {
	float: left;
	margin-right: 10px; }
	
.product-letter {	
	font-size: 16px;
	color: #043964;
	float: left;
	display: inline;
	margin: 4px 20px 0 4px;
}

.product-letter-top {
	font-size: 16px;
	color: #043964;
}	

#main-content .data img {
	border: none;
}

/*-----------------------------------------------------------
					  BROWSER FIXES
-----------------------------------------------------------*/

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

/*-----------------------------------------------------------
					  CONTACT FORM
-----------------------------------------------------------*/
#contact-form * { list-style-type: none;
}

#contact-form {
	text-align: right;
	width: 360px;
	margin: 0 0 0 180px;
}

#contact-form label { 
	text-align: right;
	display: inline;
}

#contact-form input {
	display: inline;
	background: #FFFFFF;
	margin-left: 10px;
	border: 1px solid #043964;
	width: 200px;
}

#contact-form .submit {
	margin: 20px 0 0 0;
	padding: 4px; 
}

#contact-form textarea {
	border: none;
	border: 1px solid #043964; 
}

#contact-form select {
	border: 1px solid #043964; 
}

.bot-input { 
	float: left; 
	margin-left: -999em; 
}

.form-elements {
	margin: 10px 0;
}

#contact-form .hidden {
	border: none;
}

#contact-form .button {
	width: 130px;
	background: #b50101;
	margin-bottom: 5px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;	
}

/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	
.mailing-list {
	padding-left: 30px;
}


/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/

.left-bar {
	margin-top 40px;
	clear: both;
}

/*data:: Controls body default fonts and colors*/
.data
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	background: #ffffff;
}

/*frame::  Controls the  Color of the Store's Frame*/		
.frame	
{
	background-color : #eeeeee;
	clear: both;
}

/*top::  Controls the  Color of the top Bar*/		
.top
{
	background: #ffffff 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 : #333333;
}	

/*line::  Controls the  Color of the line bellow the top bar*/		
.line
{
	background: #ffffff url(images/BG_menu.gif) repeat-x;
}	

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative
{
   background-color : #f9f8f8;
   padding: 2px 2px 2px 2px;
   border: 1px solid #eae9e9;
}

.product-details
{
   background-color : #f9f8f8;   
}

.product-details td {
	padding: 4px;	
   border: 1px solid #eae9e9;
}

.product-details-divider {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#main-content .product-img img {
	border: none;
}
 
/*borders:: Controls the color of  the borders on forms*/ 
.borders
{
	border : #cccccc;
	background-color : #cccccc;
	
}

/*borders2:: Controls the color of  the borders on forms*/ 
.borders2
{

	border: 1px dotted #cccccc; 
	border-style: none none dotted;

}


/*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-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #054c86;
	font-weight : bold;
	text-decoration : none;
	line-height : 25px;
	
}

.frame-search {
	clear: both;
	color: #ffffff;
	height: 50px;
	width: 100%;
}

.space-right {
	margin-right: 2px;
}

.search-text {
	font-weight: bold;
	margin-right: 30px;
}

/*page_headers:: Controls the page's titles*/
.page_headers
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : #bc0000;
	background-color : #ffffff;
	
}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #bc0000;
	font-weight : bold;

}

.checkout-headers-sub
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;

}

.spacing {
	padding: 5px 0;
}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles
{
	font-family :   Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	background: url(images/BG_featured.gif) repeat-x;
	color : #c81e11;
	border: solid;
	border-bottom-width: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color:;
	padding:3px;
} 

/*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 : 12px;
	font-weight : bold;
	color : #585C5F;
	border: 1px dotted #cccccc; 
	border-style: none none dotted;
}


/*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: #000000;
}
 
/*font2:: Secondary Screen Font */ 
.font2
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : Normal;
	color: #bc0000;
}

.font3
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : Normal;
	color: #ffffff;
}
.font4
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : Normal;
	color: #c32519;
}

/*icon:: Controls the way the menu icons display*/ 
.icon
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
}

/*store-name:: Store Name*/		 
.store-name
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 35px;
	color : #ac2b27;
	text-decoration : none;
}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight:bold;
	color : #767676;
	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 : 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 : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : Normal;
	color: #585C5F;
}

/*price:: Controls the way the product's prices display*/ 
.price
{
	font-family :Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #d90d0e;
}

/*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: #999999;
	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 : #ffffff;
}

/*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 : #990000;
	background-color : #ffffff;
}

/*error:: Controls the error messages*/ 
.error
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #e10e04;
	text-decoration: none;
}

.shopping-bag {
	padding-left: 30px;
}

/***********************************/
/*      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/BG_btn.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #ffffff;
	cursor: pointer;
	margin:1px;
} 

/*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/BG_btn1.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #666666;
	cursor: pointer;
	margin:1px;
} 	

 /*btn2:: Controls the buttons*/
.btn2
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #990000;
	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: #FBFBFB;
	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;

}


/***********************************/
/*              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 : #333333;
	font-size : 11px;
	font-style:  normal;
	text-decoration: underline
	
}
	
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A:hover
{
	font-family :  Arial, Helvetica, sans-serif;
	font-style: normal;
	color : #ca3227;
	text-decoration: underline
}

/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A:visited
{
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration: underline
}
	
/*A:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A:visited:hover
{
	font-family : Arial, Helvetica, sans-serif;
	color : #ca3227;
	text-decoration: underline
} 

A.menu
{
	font-family :  Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : 11px;
	font-style:  normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:hover
{
	font-family :  Arial, Helvetica, sans-serif;
	color : #ca3227;
	font-size : 11px;
	font-style:  normal;
   font-weight: bold;
	text-decoration: none;
}

A.menu:visited
{
	font-family :  Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : 11px;
	font-style:  normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:visited:hover
{
	font-family :  Arial, Helvetica, sans-serif;
	color : #ca3227;
	font-size : 11px;
	font-style:  normal;
	font-weight: bold;
	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 : #333333;
	font-size : 11px;
	font-weight : normal;
	font-style:  normal;
	text-decoration:none;
	line-height: 20px;
}
	
/*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
{
	font-family :  Arial, Helvetica, sans-serif;
	color : #b12f29;
	font-size : 11px;
	font-weight :  normal;
	font-style:  normal;
	text-decoration:none;
	line-height: 20px;
}

/*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 : #333333;
	font-size : 11px;
	font-weight : normal;
	font-style:  normal;
	text-decoration:none;
	line-height: 20px;
}
	
/*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
{
	font-family :  Arial, Helvetica, sans-serif;
	color : #b12f29;
	font-size : 11px;
	font-weight : normal;
	font-style:  normal;
	text-decoration:none;
	line-height: 20px;
} 

td {
	font-size: 11px;
}