/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	


/***********************************/
/*          CUSTOM CSS             */
/***********************************/
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em;
								 }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ margin:0; padding:0; }

a img,:link img,:visited img,fieldset { border:none; }

#wrap { 
		width:800px; 
		margin:0 auto; 
		padding:0;
		text-align:left;
		}
#top-nav	{
				height:30px;
				margin:0;
				padding:0 0 0 15px;
				}

#top-nav ul	{
				list-style-type:none;
				margin:0; 
				padding:0;
				}

#top-nav ul li	{
				float:left;
				line-height:30px;
				padding-right:40px;
				height:30px;
				list-style-type:disc;
				}



#top-nav ul li a	{
						color:#454545;
						height:30px;
						line-height:30px;
						font-weight:bold;
						text-decoration:none;
						}
	#top-nav ul li a:hover {	
							text-decoration:none;
							}
	
#header {	height:101px;
			margin:0;
			padding:0;
			position:relative;
			}
#header-logo	{	background: url("images/logo.gif") 0 25px no-repeat;	
					height:101px;
					width:557px;
					margin:0;
					padding:0;	
					}	
#header-logo a.homelink	{	display:block;
							width:557px;
							height:101px;
							}
#header-logo a.homelink	span {display:none;}					
					
#header-logo span.store-name, #header-logo span.store-slogan	{display:none;}



#holiday-specials	{	background: url("images/holiday-specials.jpg") no-repeat;	
						height:101px;
						width:205px;
						margin:0;
						padding:0;	
						position:absolute;
						right:0;
						top:0;
						}	
#holiday-specials a	{	display:block;
						width:205px;
						height:101px;
						}
#holiday-specials a	span {display:none;}					








#header-bottom {	height:47px;
					margin-bottom:10px;
					padding:0;
					}
#header-bottom form	{
					float:right;
					width:150px;
					}
#header-bottom form input	{
						margin-top:3px;
						}	
#header-bottom span { 	float:left;
						line-height:30px;
						}	
#header-bottom div.free-shipping { 	background:url("images/free-shipping.gif") no-repeat;
										width:349px;
										height:47px;
										float: right;
										margin-right:175px;
										_display:inline;
										}		
#header-bottom div.free-shipping a	{	display:block;
										width:349px;
										height:47px;
										}
																								
#footer-bg		{	background: #3d6db5 url("images/footer-bg.jpg") repeat-x;
					margin:0;
					padding:0 0 80px 0;	
					color:white;					
					}	
		#footer-wrap p	{	margin-bottom:15px;
							}
		#footer-wrap a { 	color:white;
							}	
		#footer-wrap a:hover	{	text-decoration:none;
									}								
#footer-wrap	{	width:850px;
					margin:0 auto;
					text-align:center;
					color:white;
					}		
#footer-top		{	height:54px;
					text-align:left;
					color:#3d6db5;
					margin-bottom:20px;
					}
#footer-top form	{	float:right;
						margin-top:27px;
						}
#footer-top form input	{ }						
#footer-top form label { font-weight:bold;
						 border:1px solid black;
						 display:inline-block;
						 }											
#footer-top span	{			
							font-weight:bold;
							display:inline-block;
							vertical-align:top;
							margin-top:30px;
							margin-right:20px;
							}					
#footer-top a 	{	display:inline-block;
					}	
a.footer-rss span, a.footer-facebook span, a.footer-twitter span	{	display:none;
	
																		}									
a.footer-rss	{	background: url("images/icon-rss-footer.jpg") no-repeat;
					display:block;
					height:54px;
					width:56px;
					}
a.footer-facebook	{	background: url("images/icon-facebook-footer.jpg") no-repeat;
						display:block;
						height:54px;
						width:56px;
						}					
a.footer-twitter	{	background: url("images/icon-twitter-footer.jpg") no-repeat;
						display:block;
						height:54px;
						width:56px;
						margin-right:80px;
						}
														
#logos-footer	{	background: url("images/logos.jpg") no-repeat;
					width:800px;
					height:80px;
					margin-top:25px;
					}

#left	{			float:left;
					margin-right: 20;
					padding:0;
					width:200px;
					}

#left h1	{
					margin:0 0 7px 0;
					padding:0;
					color:#3366CC;
					font-size:12px;
					font-weight:bold;
					}

#left h2	{

					margin:0 0 0 10px;
					padding:0;
					color:#000000;
					font-size:10px;
					font-weight:normal;
					}

#left ul {
					list-style-type: none
					margin:-10px 5px 15px 0;
					padding:0;
					
					}
#left ul li	{	display: inline-block;
				width: 200px;
				text-align: left;
				float: left;
				margin:0;
				padding:0;
							}
#left ul li.category-main	{	
								font-weight:bold;
								margin-top:10px;
																		}
#left ul li.category-sub	{
										text-align: left;
										float: left;
										margin:0;
										}										
#left ul li.category-sub span	{
										float: left;
										}
#left ul li.category-sub a {
										display:inline-block;
										width:180px;
										}
#left ul li.category-sub a:hover	{	background:#eeeeee;
										text-decoration:none;
										}


#right	{
			float:right;
			width:780px;
			margin:0;
			padding:0;
			}
#right h1	{
				color:#3366CC;
				font-size:16px;
				font-weight:bold;
				}
#right h2 {display: inline;}
#right p {	margin-bottom:10px;
			}					
#product-display-left	{	width:390px;
							float:left;
							text-align:center;
							}				
#product-display-right	{	width:250px;
							float:left;
							}
#add-to-cart	{	border-top:1px solid #CCCCCC;
					border-bottom:1px solid #CCCCCC;
					height:35px;
					margin:15px 0;
					vertical-align:middle;
					line-height:35px;
					}
					#add-to-cart input {margin-top:5px;}
#product-options-wrap {
						border:1px solid #cccccc;
						margin-bottom:10px;
						}

#product-display-bottom 	{
								margin-top:30px;
								}
							
p.item-number{	color:#585C5F;
				font-size:11px;
				font-weight:bold;
				}					
.clear	{
			clear:both;
			overflow:hidden;
			height:.01em;
			}			

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

 
/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
body
{	/*background: white url("images/page-bg.jpg") repeat-x;*/
	font:12px/18px Tahoma, Helvetica, Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: Normal;
	border-top: 0px;
	margin:0;
	padding:0;
	text-align:center
}

/*data:: Controls body default fonts and colors*/
.data
{
	
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background: #ffffff;
	}

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

/*top:: Controls the  Color of the top Bar*/		
.top
{
	background: #3366CC;
}

/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices*/		
.footer
{
	
	font-size: 11px;
	color: #333333;
}	

/*line:: Controls the  Color of the line bellow the top bar*/		
.line
{
	background: #3366CC;
}	

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative
{
   background-color: #ffffff;
   padding: 2px 2px 2px 2px;
   border: 1px solid #f0eeda;
}
 
/*borders:: Controls the color of  the borders on forms*/ 
.borders
{
	border: #3366CC;
	background-color: #3366CC;
	
}

/*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-size: 13px;
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
}

/*page_headers:: Controls the page's titles*/
.page_headers
{
	
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;
	background-color: #ffffff;
	
}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers
{
	
	font-size: 13px;
	color: #3366CC;
	font-weight: bold;

}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles
{
	
	font-size: 12px;
	font-weight: bold;
	color: #3366CC;
	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-size: 11px;
	font-weight: bold;
	background-color: #3366CC;
	color: #ffffff;
	padding:4px;
} 

/*options-titles:: Controls the way the titles on the product options display*/
.options-titles
{
	
	font-size: 12px;
	font-weight: bold;
	color: #3366CC;
	border: 1px dotted #cccccc; 
	border-style: none none dotted;
}


/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title
{
	
	font-size: 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #4f4e4e;
} 


/***********************************/
/*          GENERAL FONTS          */
/***********************************/


/*font1:: Primary Screen Font */ 
.font1
{
	
	font-size: 11px;
	font-weight: Normal;
	color: #000000;
	
}
 
/*font2:: Secondary Screen Font */ 
.font2
{
	
	font-size: 13px;
	font-weight: Normal;
	color: #000000;
	
}

.font3
{
	
	font-size: 11px;
	font-weight: Normal;
	color: #ffffff;
	
}
.font4
{
	
	font-size: 11px;
	font-weight: Normal;
	color: #c32519;
	
}

/*icon:: Controls the way the menu icons display*/ 
.icon
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;;
}

/*store-name:: Store Name*/		 
.store-name
{
	
	font-size: 35px;
	color: #5b533e;
	font-weight:bold;
	text-decoration: none;
	padding-top:28px;
}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
	
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	color: #baad66;
	padding-top:28px;
}	 	 

/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text
{
	
	font-size: 11px;
	color: #2d2c2d;
}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item
{
	
	font-size: 12px;
	font-weight: Normal;
	color: #585C5F;
	text-decoration: none;
}

/*price-info:: controls the way the prices display on the product page*/ 
.price-info
{
	
	font-size: 10px;
	font-weight: Normal;
	color: #3366CC;
}

/*price:: Controls the way the product's prices display*/ 
.price
{
	
	font-size: 12px;
	color: #3366CC;
}

/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text
{
	font-size: 11px;
	font-weight: Normal;
	color: #333333;
	line-height: 18px;
	background-color: #ffffff;
}


/*steps:: Controls the way the steps on the checkout pages display*/
.steps
{
	
	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-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
}

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


/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/



/*btn:: Controls the buttons*/ 
.btn
{
	border: 1px solid #3366cc;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;    
	color: #3366cc;
	cursor: pointer;
	margin:0px;
} 

/*btn_over:: Controls the buttons*/ 
.btn_over
{
	border: 0px solid #dcdbdc;
	background: url(images/BG_btn1.gif) repeat-x;
	font-weight: bold;
	font-size: 12px;    
	color: #666666;
	cursor: pointer;
	margin:1px;
} 	

 /*btn2:: Controls the buttons*/
.btn2
{
	border: 0px solid #ffffff;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 12px;    
	color: #990000;
	cursor: pointer;
} 	
	
/*txtBoxStyle:: Controls the text boxes*/  	
.txtBoxStyle
{
	borderp: 1px solid #b3b4b5;
	background-color: #FBFBFB;
	font-weight: normal;
	color: #38393a;
} 
	
/*txtareaStyle:: Controls the text areas*/ 	
.txtareaStyle
{
	border: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-weight: normal;
	color: #343333;

}


/***********************************/
/*              LINKS              */
/***********************************/


/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/ 	 
A
{
	color: #333333;
	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-style: normal;
	color: #3366CC;
	text-decoration: underline
}

/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A:visited
{
	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
{
	color: #3366CC;
	text-decoration: underline
} 

A.menu
{
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:hover
{
	color: #ffffff;
	font-style: normal;
   font-weight: bold;
	text-decoration: underline;
}

A.menu:visited
{
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:visited:hover
{
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
} 

/*A.cat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/ 	 
A.cat
{
	color: #333333;
	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: #3366cc;
	font-style: normal;
	text-decoration:underline;
}

/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/ 
A.cat:visited
{
	color: #333333;
	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: #3366cc;
	font-style: normal;
	text-decoration:underline;
} 


/* This is the display for a logged in user */
span.user-name { margin-bottom: 20px; display:block;
} 



/*This is the slideout box for email signup*/

#button-bg {
position:relative; 
float:left; 
height:30px; 
display:block;
line-height:30px;
}
#button-bg a { 

font-size: 17px;
color: #FF0000;
font-weight:bold;
text-decoration:none;
}
#floating-box {
top:30px;
left:0;
width:290px;
padding:10px 0;
background:#3366cc;
z-index:10;
position:absolute;
display:none;
border:1px solid #3366cc;
float:left;


}
#floating-box p {line-height:12px; margin: 0 20px 10px 20px; font-weight:bold; color:white;}
#floating-box form { float:none; width:250px; margin-left:20px; margin-right:20px; _display:inline; height:35px;}

#floating-box p#close-box {margin: 0 20px 0px 20px;  text-align:right; }
#floating-box a#close-box-link {color:white;  font-size:12px; border:1px solid white; padding:0 2px; font-weight:bold; }

/* LEFT COLUMN FOR SINGLE PAGE CHECKOUT*/
#checkout-left-column {	float:left; 
						width:160px;
						margin-left:-225px; 
						_display:inline; 
						height:200px;
						position: relative;
						padding-right: 15px;
						}
#checkout-left-content { margin-bottom:10px;
				}				
						
						
						/*------------------------- New Header - Homepage -------------------------*/


#column-left-home a img {
	border:none;
	}
.clearafter:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Hides from IE-mac \*/

* html .clearafter {
	height: 1%
}
/* End hide from IE-mac */

* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.clear {
	clear:both;
}
div.clear {
	height:.01em;
	overflow:hidden;
}
img.img-left {
	float:left;
	margin:2px 10px 10px 0px;
}
img.img-right {
	float:right;
	margin:5px 0px 10px 10px;
}
#wrap-home {
	width:1000px;
	margin:0 auto;
}
#top-home {
	background:url(images/homepage-logo.jpg) top left no-repeat;
	height:140px;
	position:relative;
}
#top-home-nav-wrap {
	position: absolute;
	right:0px;
	top:64px;
}
#top-home-nav-wrap ul {
	float:right;
	margin:0;
}
#top-home-nav-wrap ul li {
	display: block;
	float: left;
	list-style: none;
	margin:0;
}
#top-home-nav-wrap ul li a {
	color: #3b6db4;
	display: block;
	font-size:16px;
	line-height: 1.6em;
	text-align: center;
	text-decoration: none;
	padding:0 10px;
}
#top-home-nav-wrap ul li a:hover {
	color:#666a6a;
}
#top-home-nav-wrap ul li a.last {
	margin-right:0;
}
#top-homepage-link {
	position:absolute;
	top:35px;
	left:0;
	width:375px;
	height:80px;
	display:block;
	}
#header-homepage {
	background:url(images/homepage-header.jpg) top left no-repeat;
	height:350px;
	margin-bottom:50px;
	}
#body-wrap {
	background:url(images/homepage-content-bg.jpg) repeat-y;
}
#column-left-home {
	width:315px;
	float:left;
	}
#column-left-home p {
	margin-bottom:5px;
	}	
span.icon-title {
	font-weight:bold;
	color:#3b6db4;
	padding-top:5px;
	}
span.icon-title a {
	text-decoration:none;
	}
span.icon-title a:hover {
	color:#666a6a;
	}
#column-right-home {
	width:590px;
	float:right;
	padding-top:15px;
	}
#column-right-home h1 {
	color:#3b6db4;
	margin-bottom:20px;
	text-align:left;
	}	
#home-footer {
	border-top: 1px solid #bababa;
	clear:both;
	margin-top:30px;
	}	
#home-footer ul {
	text-align:center;
	}	
#home-footer ul li {
	list-style-type:none;
	display:inline;
	}	
#home-footer ul li a { 
	padding:0 10px;
	}
#home-footer p {
	text-align:center;
	}