/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	

/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/

td.price-info .price {
font-size: 20px; 
color: #69b615;
font-family: Arial;
}
 .btn6 {
width: 170px;
height: 40px;
font-weight: bold;
background: url('http://smartstun.com/assets/images/checkout_proceed.png') top left repeat-x;
color: #fff;
}
 .btn_over6 {
width: 170px;
height: 40px;
font-weight: bold;
background: url('http://smartstun.com/assets/images/checkout_proceed2.png') top left repeat-x;
color: #fff;
cursor: pointer;
}

td.price-info .btn5 {
width: 105px;
height: 30px;
background: url('http://smartstun.com/assets/images/btn_add_to_cart.png') top left no-repeat;
color: #fff;
text-indent: -999px;
overflow: hidden;
line-height: 0;
border: none;
padding: 0;
margin: 0;
}
td.price-info .btn_over5 {
width: 105px;
height: 30px;
background: url('http://smartstun.com/assets/images/btn_add_to_cart_hover.png') top left no-repeat;
color: #fff;
text-indent: -999px;
overflow: hidden;
line-height: 0;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
}
#availability { color: #84C220; font-weight: bold; }

div.bluebutton {
width: 189px;
height: 29px;
background: url('../../../images/blue_button.gif') top left no-repeat;
color: #fff;
padding-left: 15px;
padding-top: 5px;
margin-left: -2px;
}
/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
body {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: #ffffff url(../images/BG_Body.jpg) repeat-x;
font-weight: Normal;

}

/*data:: Controls body default fonts and colors*/
.data {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
color: #000000;

}

/*frame:: Controls the  Color of the Store's Frame*/		
.frame {

background-color: #eeeeee;

}

/*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;
}
 
/*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: #002892;
font-weight: bold;
background-color: #ffffff;
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-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #003d99;
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: 14px;
	color: #7a7c7c;
	font-weight: bold;
	border: 1px dotted #cccccc; 
	border-style: none none dotted;
	height: 20px;

}

/*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: #113699;
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: #333333;
}
.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;
color: #ff4500;

}

/*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: #000000;

}

/*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: 12px;
font-weight: Normal;
color: #787878;

}

/*price:: Controls the way the product's prices display*/ 
.price {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #980b1a;

}

/*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;
	background-color: #ffffff;
}


/*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;
}


/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/



/*btn_over:: Controls the buttons*/ 
.btn_over {

border: 1px solid #dcdbdc;
background: url(images/BG_btn1.gif) repeat-x;
font-family: arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #666666;
cursor: pointer;
margin: 1px;

} 	

/*btn:: Controls the buttons*/ 
.btn {

border: 1px solid #dcdbdc;
background: url(images/BG_btn.gif)  repeat-x;
font-family: arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #ffffff;
cursor: pointer;
margin: 1px;

} 
 /*btn2:: Controls the buttons*/
.btn2 
{
	border: 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: 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: 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: rial, 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: 12px;
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 {

font-family: Arial, Helvetica, sans-serif;
color: #b12f29;
/*font-size: 11px;
font-weight: normal;*/
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: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
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
{
	font-family: Arial, Helvetica, sans-serif;
	color: #b12f29;
	/*font-size: 11px;
	font-weight: normal;*/
	font-style: normal;
	text-decoration:none;
} 
.phone {font-weight: bold; font-size: 1.6em; display: inline-block; margin-top: 50px; margin-left: 10px; vertical-align: top; }
.free-shipping {border: 1px solid #DCDDE5; display: inline-block; width: 590px; margin-bottom: 10px; font-weight: bold; background: #E9EBF3; padding: 5px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.free-shipping img {float: left; margin-right: 10px;}
.free-shipping .green {color: #60a12b;}

/* Left Sidebar */
.aside {width: 180px; padding-right: 10px;}
.aside div {margin-bottom: 20px;}
.aside .shipping {font-size: 13px; background: #E9EBF3; padding: 10px; color: #000; font-weight: bold; border: 1px solid #dcdde5; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.aside .shipping span {display: block; font-size: 16px; color: #002892; padding-bottom: 5px;}
.aside h2 {font-size: 16px; color: #888;}
.aside p {font-size: 13px;}
.aside .promotion {border: 1px solid #dcdde5; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.aside .promotion h2 {margin-top: 0; background: #fee7dc; padding: 5px 0; border-bottom: 1px solid #dcdde5;}
.aside .promotion.sale {padding-bottom: 10px;}
.aside .promotion a {font-size: 13px;}
.aside .price {color: #888; display: inline-block; padding-bottom: 3px;}
.aside .price.b {color: #000}
.aside .price.now {font-weight: bold; color: #A60012;}
.aside .special p {font-weight: normal; padding: 0 5px;}
.aside .b {font-weight: bold;}
.aside .delivery p {border-bottom: 1px dashed #ddd; font-size: 12px; font-style: italic; font-weight: bold; padding-bottom: 7px;}
.aside .delivery p.last-child {border: none;}

/*Footer*/
div.footer .nav {float: left;}
div.footer .nav ul {line-height: 220%; padding: 0;}
div.footer .nav li{list-style: none; border-bottom: 1px dashed #ddd;}
div.footer .nav li.last-child {border: none;}
div.footer .nav li a {font-size: 13px; text-decoration: none; font-weight: bold;}
div.footer .meta {float: right;}
div.footer .meta img,
div.footer .meta a {vertical-align: middle;}
div.footer .meta p {color: #888;}

a img:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

