/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	
/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/

/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
body {
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
font-weight: Normal;
background: #ffffff;
}

p {
margin:0;
}
a.cat {
margin-left:8px;
line-height:11px;
}
span.item {
margin-left:15px;
}

/*data:: Controls body default fonts and colors*/
.data {

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #3e404a;

}

/*frame:: Controls the  Color of the Store's Frame*/		
.frame {

background-color: #eeeeee;

}

/*top:: Controls the  Color of the top Bar*/		
.top {

background: url(../images/bg.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: 12px;
color: #3e404a;

}	

/*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: #eaeaea;
}

/*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: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
text-decoration: none;
padding: 4px 4px 4px 4px;

}

.menu-headers2
{
	
	font-size: 12px;
	font-family: Arial, Times New Roman;
	text-transform: uppercase;
	color: #000000;
	font-weight: none;
	text-decoration: none;
}

/*page_headers:: Controls the page's titles*/
.page-headers
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	
}

.page_headers {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;

}

/*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: #000000;

}

/*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: #0000000;
color: #000000;
text-decoration: none;
padding: 10px 4px 10px 4px;
background-image: url(../images/bgg.gif);

} 

/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
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:Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: Normal;
color: #333333;

}
 
/*font2:: Secondary Screen Font */ 
.font2 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: Normal;
color: #666666;

}

.orange
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #f49d3f;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration:underline;
}

.font3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #373737;
}
.font4
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #333333;
}

/*icon:: Controls the way the menu icons display*/ 
.icon {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;

}

/*store-name:: Store Name*/		 
.store-name
{
	
	
	font-family: "palatino linotype", palatino, serif;
color: #595959;
font-size: 30px;
text-transform: uppercase;
word-spacing: -2pt;

}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
font-family: verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
	font-weight:bold;
	color: #373737;
	padding-top:28px;
}	 	 

/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #393939;

}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item {

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
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: #;

}

/*price:: Controls the way the product's prices display*/ 
.price
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	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: #373737;
	line-height: 18px;

}


/*steps:: Controls the way the steps on the checkout pages display*/
.steps
{
	font-family:Verdana, 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:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
}

/*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);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
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/button1.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #ffffff;
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: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #000000;
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: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
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: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
color: #343333;
height: 80px;
width: 250px;

}


/***********************************/
/*              LINKS              */
/***********************************/


/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/ 	 
A {

color: #333333;
font-size: 13px;
font-style: normal;
text-decoration: none;
font-family: Verdana, rial, Helvetica, sans-serif;

}
	
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #0000000;
	text-decoration: underline;
}

/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	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
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #0000000;
	text-decoration: underline;
} 

A.menu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
   font-weight: bold;
	text-decoration: none;
}

A.menu:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:visited:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	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: Verdana, Arial, Helvetica, sans-serif;
color: #373737;
font-size: 11px;
font-weight: normal;
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 {

font-family: Verdana, Arial, Helvetica, sans-serif;
color: #373737;
font-size: 11px;
font-weight: Bold;
font-style: normal;
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: Verdana, Arial, Helvetica, sans-serif;
color: #373737;
font-size: 11px;
font-weight: normal;
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 {

font-family: Verdana, Arial, Helvetica, sans-serif;
color: #373737;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: underline;

} 

.link2:link {
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #373737;
	text-decoration: none;
}
.link2:visited {
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #373737;
}
.link2:hover {
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #373737;
	text-decoration: underline;
}
.link2:active {
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #373737;
}

.white{
color: #ffffff;
}

/* HEADER added by THOUGHTSPAN */
div#header {
float:left;
height:100px;
width:1000px;
overflow:hidden;
}
div#header-left {
float:left;
display:inline;
height:100px;
width:462px;
}
div#header-left a img {border:none;}
div#header-left p {margin:2px 0 0 15px;font-size:12px;color:#5d5d5d;line-height:14px;text-transform:uppercase;}
div#header-right {
float:right;
display:inline;
height:100px;
width:386px;
}
div#btm-header-right {
float:right;
display:inline;
height:80px;
width:386px;
}

div#top-nav {
float:right;
width:386px;
height:25px;
background:url(https://towngosolutions.3dcartstores.com/assets/images/images/navbar.gif) no-repeat;
}

div#btm-nav {
float:right;
width:710px;
height:25px;

/* background:url(https://towngosolutions.3dcartstores.com/assets/images/navbar-btm.gif) no-repeat;*/

}

div#top-nav p {float:right;display:inline;margin:0 10px 0 0;font-size:11px;color:#fff;line-height:25px;text-transform:uppercase;}
div#top-nav p a {font-size:12px;color:#fff;font-weight:bold;}
div#top-nav p a:hover {text-decoration:none;color:#ececec;}

div#btm-nav p {float:right;display:inline;margin:0 10px 0 0;font-size:11px;color:#333333;line-height:25px;text-transform:uppercase;}
div#btm-nav p a {font-size:12px;color:#A63333;font-weight:bold;}
div#btm-nav p a:hover {text-decoration:none;color:#333333;}

div#contact-info {
float:right;
height:45px;
margin:18px 0 0 0;
background:url(https://towngosolutions.3dcartstores.com/assets/images/images/phoneicon.gif) no-repeat;
}
div#contact-info p {
float:left;
display:inline;
margin:3px 0 0 47px;
font-size:12px;
color:#5d5d5d;
font-weight:bold;
line-height:18px;
text-transform:uppercase;
}
div#contact-info p span {font-size:23px;color:#ff7b01;letter-spacing:-1px;}

/* LAYOUT added by THOUGHTSPAN */
#homepage-wrapper {
float:left;
width:790px;
}
#homepage-wrapper img {
border:none;
}
#content-main {
float:left;
width:581px;
overflow:hidden;
}
#banner-1 {
float:left;
height:120px;
width:581px;
}
#banner-2 {
float:left;
height:120px;
width:581px;
margin:15px 0 0 0;
}
#bucket-wrapper {
float:left;
height:390px;
width:581px;
margin:15px 0 0 0;
background:url(../images/featured-products-bg.gif) no-repeat;
overflow:hidden;
}
#bucket-wrapper h2 {
height:24px;
margin:0;
padding:0 0 0 15px;
font-size:13px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
line-height:24px;
}
#bucket-wrapper .buck {
float:left;
display:inline;
height:167px;
width:180px;
margin:10px 0 0 10px;
}
#bucket-wrapper .buck img {
display:block;
margin:10px auto 0 auto;
text-align:center;
}
#bucket-wrapper .buck h3 {
margin:5px 0 0 0;
padding:0 5px;
line-height:14px;
}
#bucket-wrapper .buck h3 a {
font-size:14px;
color:#222656;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
}
#bucket-wrapper .buck h3 a:hover {
text-decoration:underline;
}
#bucket-wrapper .buck p {
margin:5px 0 0 0;
padding:0 5px;
font-size:12px;
line-height:14px;
}
#bucket-wrapper .buck p.price {
margin:5px 0 0 0;
padding:0 5px;
font-size:18px;
color:#d2030b;
font-weight:bold;
text-align:right;
}
#towing-mirror-needs {
float:left;
display:inline;
height:212px;
width:581px;
margin:15px 0 0 0;
padding:0;
border:0;
}
#towing-mirror-needs img {
float:left;
display:inline;
margin:0;
padding:0;
border:0;
}
#credit-card {
float:left;
display:inline;
height:50px;
width:581px;
margin:15px 0 0 0;
}
#content-sidebar {
float:left;
display:inline;
width:194px;
margin:0 0 0 15px;
}
#made-in-michigan {
float:left;
display:inline;
height:120px;
width:194px;
}
#made-in-michigan img {
margin:0;
padding:0;
border:0;
}
#content-sidebar .sidebar-buck {
float:left;
display:inline;
height:255px;
width:194px;
margin:15px 0 0 0;
}

/* FOOTER added by THOUGHTSPAN */
#footer-new {
	float:left;
	height:180px;
	width:1000px;
	background:url(https://towngosolutions.3dcartstores.com/assets/images/images/footer-new-bg.png) no-repeat;
	margin:15px 0 0 0;
	padding:0;
	font-family:arial, sans;
	text-align:left;
        overflow:hidden;
}
.fphone {
	float:left;
	display:inline;
	width:200px;
	margin:20px 0 0 20px;
}
.fphone h3 {
	font-size:14px;
	font-weight:bold;
	color:#242424;
	margin:0;
	padding:0;
}
.fphone p {
	margin:10px 0 0 0;
	font-size:12px;
	font-weight:normal;
	color:#606060;
}
.fphone p span {
	font-size:26px;
	font-weight:bold;
	color:#ff7b01;
	letter-spacing:-1px;
}
.fbuck {
	float:left;
	display:inline;
	width:130px;
	margin:20px 0 0 20px;
}
.fbuck h3 {
	font-size:14px;
	font-weight:bold;
	color:#242424;
	margin:0;
	padding:0;
}
.fbuck ul {
	margin:10px 0 0 0;
	padding:0;
}
.fbuck ul li {
	font-size:12px;
	color:#606060;
	line-height:18px;
	list-style-type:none;
}
.fbuck ul li a {
	font-size:12px;
	color:#606060;
	text-decoration:none;
}
.fbuck ul li a:hover {
	text-decoration:underline;
}
.fabout {
	float:left;
	display:inline;
	width:290px;
	margin:80px 0 0 20px;
}
.fabout p {
	font-size:12px;
	color:#606060;
	font-weight:normal;
	line-height:18px;
}
.fabout p a {
	font-family:arial, sans;
	font-size:12px;
	color:#242424;
	text-decoration:none;
}
.fabout p a:hover {
	text-decoration:underline;
}

