/* 
================================
JPI Style Sheet 
by JPorter Industries, Inc.
www.JPorterIndustries.com
================================
*/	
	

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

 
/*body:: Controls Page Background Color and any other fonts not defined below*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272727;
	font-weight: normal;
	background: #98D2DA;
	margin: 0px 0px 0px 0px;
}
/*data:: Controls body default fonts and colors*/
.data {
	font-fmily: Verdn, Aril, Helvetic, sns-serif;
	font-size: 12px;
	font-weight: Norml;
	color: #272727;
}
/*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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #rgb(47, 47, 47);
}
/*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: #000000;
}
/*borders2:: Controls the color of the borders on forms*/ 
.borders2 {
	border: #838383;
	background-color: #838383;
}
/*borders_coupon:: Controls the color of the borders on the coupon and shipping box*/ 
.borders_coupon {
	border: solid;
	border-color: #66B82D;
	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: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #rgb(47, 47, 47);
	font-weight: bold;
	text-decoration: none;
	padding: 4px 4px 4px 4px;
}
.menu-headers2 {
	font-size: 12px;
	font-family:"Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #393939;
	font-weight: none;
	text-decoration: none;
}
/*page_headers:: Controls the page's titles*/
.page_headers {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #rgb(47, 47, 47);
}
/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #0000000;
	color: #000000;
	text-transform: uppercase;
	padding: 10px 4px 10px 4px;
	background-image: url(../images/bgg.gif);
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #eeeeee;
	color: #818181;
	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: #818181;
}
/*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: #818181;
	color: #494949;
}
/***********************************/
/*{ GENERAL FONTS{ */
/***********************************/


/*font1:: Primary Screen Font */ 
.font1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #272727;
}
/*font2:: Secondary Screen Font */ 
.font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #676767;
}
/*font3:: Third Screen Font */ 
.font3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #272727;
}
/*font4:: Forth Screen Font */ 
.font4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #272727;
}
/*icon:: Controls the way the menu icons display*/ 
.icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}
/*store-name:: Store Name*/		 
.store-name {
	font-family: Georgia, Times New Roman;
	font-size: 35px;
	color: #66B82D;
	text-decoration: none;
}
/*store-slogan:: Store Slogan*/		 
.store-slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	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: #272727;
}
/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #494949;
	text-decoration: none;
}
/*price-info:: controls the way the prices display on the product page*/ 
.price-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
/*price:: Controls the way the product's prices display*/ 
.price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #494949;
}
/*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: #272727;
	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: #818181;
	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: #494949;
	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 #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: url(../images/button.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	cursor: pointer;
	margin: 1px;
}
/*btn_over:: Controls the buttons*/ 
.btn_over {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: url(../images/button1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	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: 24px;
	color: #494949;
	cursor: pointer;
}
/*txtBoxStyle:: Controls the text boxes*/
.txtBoxStyle {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background-color: #f5f4f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #272727;
}
/*txtareaStyle:: Controls the text areas*/
.txtareaStyle {
	border-top: 1px solid #b1d5da;
	border-bottom: 1px solid #b1d5da;
	border-left: 1px solid #b1d5da;
	border-right: 1px solid #b1d5da;
	background-color: #FBFBFB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #272727;
	height: 80px;
	width: 250px;
}
/***********************************/
/*{{ LINKS{{ */
/***********************************/

/*a.item:: Controls the way the Links look before a user clicks or mouse overs on them*/ 
a.item {

font-family: Verdana, Arial, Helvetica, sans-serif;
color: #BD0815;
font-size: 12px;
font-style: normal;
text-decoration: underline;

}
/*a.item:hover:: Controls the way the Links look when a user passes their mouse over a them*/
a.item:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
/*a.item:visited:: Controls the way the Links look after a user has visited that section*/ 
a.item:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BD0815;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
}
/*a.item:visited:hover:: Controls the way the Links look when a user hovers over a section they have visited*/ 
a.item:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}


/*a:: Controls the way the Links look before a user clicks or mouse overs on them*/ 
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BD0815;
	font-size: 12px;
	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: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
/*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: #BD0815;
	font-size: 12px;
	font-style: normal;
	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: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
/*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*a.menu:hover:: Controls the way the Menu Links look before a user clicks or mouse overs on them*/ 	 
a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
/*a.menu:visited:: Controls the way the Menu Links look when a user has already clicked the link*/ 	 
a.menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: Bold;
	text-decoration: none;
}
/*a.menu:visited:hover:: Controls the way the Menu Links look when a user has already clicked the link*/ 	 
a.menu:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: Bold;
	text-decoration: underline;
}
/*a.links:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.links {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*a.links:hover:: Controls the way the Menu Links look before a user clicks or mouse overs on them*/ 	 
a.links:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
/*a.links:visited:: Controls the way the Menu Links look when a user has already clicked the link*/ 	 
a.links:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*a.links:visited:: Controls the way the Menu Links look when a user has already clicked the link*/ 	 
a.links:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 14px;
	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: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 14px;
	font-weight: Bold;
	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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 14px;
	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: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 14px;
	font-weight: Bold;
	font-style: normal;
	text-decoration: underline;
}
/*a.sub-cat:: Controls the way the Links on the left bar look before a user clicks or mouse overs on them*/ 
a.sub-cat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 14px;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
}
/*a.sub-cat:hover:: Controls the way the Links on the left bar look when a user passes their mouse over a them*/
a.sub-cat:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 14px;
	font-weight: Bold;
	font-style: normal;
	text-decoration: underline;
}
/*a.sub-cat:visited:: Controls the way the Links on the left bar look after a user has visited that section*/ 
a.sub-cat:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 14px;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
}
/*a.sub-cat:visited:hover:: Controls the way the Links on the left bar look when a user hovers over a section they have visited*/ 
a.sub-cat:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 14px;
	font-weight: Bold;
	font-style: normal;
	text-decoration: underline;
}
/*a.home:: Controls the way the Home page (featured items) links look before a user clicks or mouse overs on them*/ 	 
a.home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
/*a.home:hover:: Controls the way the Home page (featured items) links look when a user passes their mouse over a them*/ 	
a.home:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
/*a.home:visited:: Controls the way the Home page (featured items) links look after a user has clicked on them*/ 
a.home:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-weight: Normal;
	font-style: normal;
	text-decoration: none;
}
/*a.home:visited:hover:: Controls the way the Home page (featured items) links look when a user hovers over a link they have clicked*/ 	 
a.home:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
/*a.top:: Controls the way the Home page (featured items) links look before a user clicks or mouse overs on them*/ 	 
a.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-weight: Normal;
	font-style: normal;
	text-decoration: none;
}
/*a.top:hover:: Controls the way the Home page (featured items) links look when a user passes their mouse over a them*/ 	
a.top:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 12px;
	font-weight: Normal;
	font-style: normal;
	text-decoration: underline;
}
/*a.top:visited:: Controls the way the Home page (featured items) links look after a user has clicked on them*/ 
a.top:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 12px;
	font-weight: Normal;
	font-style: normal;
	text-decoration: none;
}
/*a.top:visited:hover:: Controls the way the Home page (featured items) links look when a user hovers over a link they have clicked*/ 	 
a.top:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66b82d;
	font-size: 12px;
	font-weight: Normal;
	font-style: normal;
	text-decoration: underline;
}