/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	

/***********************************/
/*     DESIGN ELEMENTS    */
/***********************************/
/*popup:: Controls popups*/ 	
.popup {

position: absolute;
left: 0px;
top: -150px;
width: 150px;
border-style: solid;
border-width: 1px;
border-color: #336666;
background-color: #e5e5e5;
padding: 5px;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #339966;
line-height: 1.5em;
z-index: 2;
visibility: hidden;

}

/*popup2:: Controls PayPal popups*/ 	
.popup2 {

position: absolute;
left: -100px;
top: -280px;
width: 200px;
border-style: solid;
border-width: 1px;
border-color: #336666;
background-color: #e5e5e5;
padding: 5px;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #339966;
line-height: 1.5em;
z-index: 2;
visibility: hidden;
text-align: left;

}
 
/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
.body {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: Normal;
background: #ffffff;
margin: 10px;

}

/*data:: Controls body default fonts and colors*/
.data {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
line-height: 1.5em;

}

/*datap:: Controls body default fonts and colors*/
.datap {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #cc6666;
line-height: 1.5em;

}

/*data11:: Controls body default fonts and colors*/
.data11 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
line-height: 1.5em;

}

/*data9:: Controls body default fonts and colors*/
.data9 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #336666;
line-height: 1.3em;

}

/*data9red:: Controls body default fonts and colors*/
.data9red {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #ff0000;
line-height: 1.3em;

}

/*frame:: Controls the Color of the Store's Frame*/		
.frame	
{
	background-color: #ffffff;
}

/*indented:: paragraph indent*/		
.indented {

padding-left: 5px;

}

/*indented2:: paragraph indent*/		
.indented2 {

padding-left: 10px;

}


/*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 designed by notices*/		
.footer {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #336666;

}	

/*line:: Controls the Color of the line bellow the top bar*/		
.line {
	background: url(../images/bg1.gif);

}

/*hrthin:: Controls the horiz line*/
.hrthin {

border: 1px solid #f2f2f2;
width: 100%;

} 	

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative {

background-color: #f2f2f2;
padding: 2px 4px;
border: 1px solid #c7d5e0;

}
 
/*borders:: Controls the color of the borders on forms*/ 
.borders {

background-color: #ffffff;

}

/*borders2:: Controls the color of the borders on forms*/ 
.borders2 {

border: #c7d5e0;
background-color: #e5e5e5;

}

/*borders_coupon:: Controls the color of the borders on the coupon and shipping box*/ 
.borders_coupon {

border: solid;
border-color: #c7d5e0;
border-width: 1px;

}

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table
{
	background-color: #f2f2f2;

}

/***********************************/
/*     HEADERS & TITLES    */
/***********************************/


/*menu-headers:: Controls the way the menu headers look*/ 
.menu-headers {

font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003399;
font-weight: bold;
text-decoration: none;
padding: 2px 0px;

}

.menu-headers2
{
	
	font-size: 12px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #336666;
	font-weight: none;
	text-decoration: none;
}

/*home_splash:: Controls the home page splash*/
.home_splash {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: normal;
color: #336666;

}

/*page_headers:: Controls the page's titles*/
.page_headers {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: Normal;
color: #cc6666;
padding: 0px 0px 8px 0px;

}

/*page-subheads:: Controls the page's sub-titles*/
.page-subheads {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: Normal;
color: #cc6666;
padding: 0px 0px 8px 0px;

}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #cc6666;
padding: 0px 0px 4px 0px;

}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #336666;
text-decoration: none;
padding: 30px 0px 10px 0px;
background-image: url(../images/bgg.gif);

} 

/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Normal;
background-color: #eeeeee;
color: #336666;
padding: 4px 0px;

} 

/*subtitles:: Controls page subtitles*/ 
.subtitles {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: Bold;
color: #336666;
padding: 0px 0px 2x 0px;

}

/*subtitles2:: Controls page subtitles*/ 
.subtitles2 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: Bold;
color: #cc6666;
padding: 0px;

}

/*subtitles3:: Controls page subtitles*/ 
.subtitles3 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: Normal;
color: #cc6666;
padding: 0px;

}

/*options-titles:: Controls the way the titles on the product options display*/
.options-titles
{
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
        color: #cc6666;
}


/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title
{
	font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #e5e5e5;
        color: #cc6666;
} 


/***********************************/
/*     GENERAL FONTS     */
/***********************************/


/*tblehd:: Primary Screen Font */ 
.tblhd {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: Bold;
color: #336666;

}
 
/*font2:: Secondary Screen Font Paging */ 
.font2 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: Normal;
color: #336666;
}

/*subcat-txt:: Controls Sub Category Text fonts and colors*/
.subcat-txt {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;

}

/*note:: Controls Note Text fonts and colors*/
.note {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #ff0000;

}

/*more:: Controls "more" fonts and colors*/
.more {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-decoration: underline;
color: #0066ff;

}

/*noteb:: Controls "more" fonts and colors*/
.noteb {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-weight: normal;
color: #9400d3;

}

.font3
{
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Normal;
	color: #ff0000;
}

/*sku_name:: Controls "more" fonts and colors*/
.sku_namee {

	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #0066ff;
}

/*icon:: Controls the way the menu icons display*/ 
.icon {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: Bold;
color: #365d9c;

}

/*store-name:: Store Name*/		 
.store-name
{
font-family: "palatino linotype", palatino, serif;
color: #666666;
font-size: 30px;
text-transform: uppercase;
word-spacing: -2pt;

}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
font-family: Lucida Grande, verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
	font-weight:bold;
	color: #333333;
	padding-top:28px;
}	 	 

/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Bold;
color: #336666;

}

/*dkgrey:: Controls the way the product's prices display*/ 
.dkgrey {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: Bold;

}

/*pink:: Controls the Item, Name, Description, Price, Savings, Cost, Font and Color*/ 
.pink {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #cc6666;

}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost, Font and Color*/ 
.item {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Normal;
color: #666666;
text-decoration: none;
line-height: 1.4em;

}

/*poptxt:: Controls popup txt*/ 
.poptxt {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Normal;
color: #336666;
text-decoration: none;

}
/*trail:: Controls Breadcrumb Separator Font*/ 
.trail {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: Normal;
color: #ff0000;

}

/*price-info:: controls the way the prices display on the product page*/ 
.price-info {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: center;
color: #336666;

}

/*price:: Controls the way the product's prices display*/ 
.price {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
font-weight: Bold;

}

/*price12:: Controls the way the product's prices display*/ 
.price12 {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
font-weight: Bold;

}

/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text
{
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Normal;
	color: #333333;
	line-height: 18px;

}


/*steps:: Controls the way the steps on the checkout pages display*/
.steps {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #336666;
background-color: #ffffff;

}

/*steps_on:: Controls the way the steps on the checkout pages display*/
.steps_on {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: Normal;
color: #cc6666;
background-color: #ffffff;

}

/*error:: Controls the error messages*/ 
.error
{
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}


/***********************************/
/*   FORM FIELDS & BUTTONS   */
/***********************************/


/*btn:: Controls the buttons*/ 
.btn {

border: 1px solid #dcdbdc;
background: url(../images/button.gif);
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #32cd32;
cursor: pointer;
margin: 2px;

} 

/*btn_over:: Controls the buttons*/ 
.btn_over
{
	border: 1px solid #dcdbdc;
	background: url(../images/button1.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;  
	color: #ff0000;
	cursor: pointer;
	margin:1px;
} 	

 /*btn2:: Controls the buttons*/
.btn2 {

border: 1px solid #ffffff;
background-color: #ff0000;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #336666;
cursor: pointer;

} 	
	
/*txtBoxStyle:: Controls the text boxes*/ 	
.txtBoxStyle {

border: 1px solid #c7d5e0;
background-color: #f2f2f2;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666666;

} 
	
/*txtareaStyle:: Controls the text areas*/ 	
.txtareaStyle {

border-top: 0px solid #c7d5e0;
border-bottom: 0px solid #c7d5e0;
border-left: 1px solid #c7d5e0;
border-right: 1px solid #c7d5e0;
background-color: #f2f2f2;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666666;
height: 80px;
width: 250px;

}


/***********************************/
/*       LINKS       */
/***********************************/


/*A:: Controls the way the Links look before a user clicks or mouse overs on them*/ 	 
A {

color: #0066ff;
font-size: 11px;
font-style: normal;
text-decoration: none;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

}
	
/*A:hover:: Controls the way the Links look when a user passes their mouse over a them*/ 	 	
A:hover {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
text-decoration: underline;

}

/*A:visited:: Controls the way the Links look after a user has visited that section*/ 
A:visited {

font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #0066ff;
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: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
text-decoration: underline;

} 

A.menu
{
color: #0066ff;
font-size: 11px;
font-style: normal;
text-decoration: none;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}
	
A.menu:hover
{
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
text-decoration: underline;
}

A.menu:visited
{
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #0066ff;
text-decoration: none;
}
	
A.menu:visited:hover
{
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
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: #0066ff;
font-size: 11px;
font-style: normal;
text-decoration: none;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

}
	
/*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: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
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: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #0066ff;
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: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
text-decoration: underline;
} 

.link2:link
{
color: #0066ff;
font-size: 11px;
font-style: normal;
text-decoration: none;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

.link2:visited 
{
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
color: #0066ff;
text-decoration: none;
}

.link2:hover 
{
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
text-decoration: underline;

}
.link2:hover:visited
{
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #ff0000;
text-decoration: underline;
}


.white{
color: #ffffff;
}

/*displayBox: Controls the display box for the extended description on the category pages.*/
.displayBox {

position: absolute;
left: 418px;
top: 5px;
width: 372px;
display: none;
border: 1px;
bordercolor: #e5e5e5;
background: #ff0000;
text-align: left;
left-margin: 20px;
right-margin: 20px;
padding: 5px;
height: 180px;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Normal;
color: #003399;
overflow: auto;

}

/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
      background: transparent url(../images/imgadmin/img.php.png) no-repeat bottom right}

    .cssbox{
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
		
