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

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

#center {
background-image: url(http://www.imperialtattoosupply.com/assets/images/Logos/Imperial-Background.jpg);
background-repeat: repeat-x;
height: 192px;
width: 90%;
margin-right: auto;
margin-left: auto;
}
#left {
background-image: url(http://www.imperialtattoosupply.com/assets/images/Logos/Imperial-Eagle-Color.png);
height: 192px;
background-repeat: no-repeat;
width: 194px;
float: left;
margin-left: -15px;
}
#right {
background-image: url(http://www.imperialtattoosupply.com/assets/images/Logos/Imperial-Tattoo-Supply.png);
background-repeat: no-repeat;
height: 192px;
width: 600px;
float: right;
margin-right: -15px;
}


/*body:: Controls Page Background Color and any other fonts not defined below*/ 	
body {

font-family: Times New Roman, Times, serif-serif;
font-size: 11px;
color: #000000;
background: #faf9f9 url(images/BG_Body.jpg) repeat;
font-weight: Normal;

}


/*new::Use the <new>tag to make it red in the menu*/
new {

color:red;

}

/*data:: Controls body default fonts and colors*/
.data {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: Normal;
color: #000000;
background: #ffffff;

}

/*frame:: Controls the  Color of the Store's Frame*/		
.frame {

background-color: #000000;

}

/*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;
} 


/*centeredImage:: Controls centering of inline images*/
.centeredImage
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

/*margin:: Creates a transparent margin around blog articles*/
.margin {

margin-top:0px;
margin-bottom:0px;
margin-right:15px;
margin-left:15px;

}

/*newrow:: forces page row breaks for div class*/
.newrow {

clear: both;
position: relative;
border: ;

} 


/***********************************/
/*         HEADERS & TITLES        */
/***********************************/


/*menu-headers:: Controls the way the menu headers look*/ 
.menu-headers {

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
background-color: #a9a9a9;
text-decoration: none;
line-height: 20px;
border: solid;
border-bottom-width: 0px;
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: 24px;
font-weight: bold;
color: #000000;
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: 13px;
color: #000000;
font-weight: bold;

}

/*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: #000000;
border: solid;
border-bottom-width: 0px;
border-left: none;
border-right: none;
border-top: none;
border-color: none;
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          */
/***********************************/

/*menupic:: This defines the link to left menu picture*/
menupic { background-image: url(assets/templates/v30008/images/menubar.png); }

/*cat-font:: Font control for left menu categories - I made this*/
.cat-font {

font-family: Times New Roman, Times, serif-serif;
font-size: 13px;
font-weight: Normal;
color: #ffffff;

}

/*font1:: Primary Screen Font */ 
.font1 {

font-family: Times New Roman, Times, serif-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: #ffffff;
}
.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: 15px;
font-weight: Normal;
color: #000000;

}

/*store-name:: Store Name*/		 
.store-name
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #f08e03;
	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: #ffffff;

}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item {

font-family: Georgia, Times New Roman, Times, serif-serif;
font-size: 16px;
font-weight: Normal;
color: #000000;
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: 16px;
font-weight: Normal;
color: #000000;

}

/*price:: Controls the way the product's prices display*/ 
.price {

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #d90d0e;

}

/*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: #ffcc00;
line-height: 18px;
background-color: #000000;

}


/*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:: 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/BG_btn.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #ffcc00;
	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/BG_btn1.gif) repeat-x;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #666666;
	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: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #990000;
	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: #FBFBFB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;    
	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: 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: Arial, Helvetica, sans-serif;
color: #0000cd;
font-size: 14px;
font-style: normal;
text-decoration: none;

}
	
/*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: #000000;
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: #0000cd;
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: Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;

} 

A.menu
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffcc00;
	font-size: 14px;
	font-style: normal;
   font-weight: bold;
	text-decoration: none;
}

A.menu:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
}
	
A.menu:visited:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffcc00;
	font-size: 14px;
	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: #000000;
font-size: 14px;
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: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
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: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
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: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
font-weight: Bold;
font-style: normal;
text-decoration: none;

} 

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

font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 24px;
font-style: normal;
text-decoration: none;

}
	
/*A.blog:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A.blog:hover {

font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;
font-size: 24px;
text-decoration: underline;

}

/*A.blog:visited:: Controls the way the  Links look after a user has visited that section*/ 
A.blog:visited {

font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 24px;
text-decoration: none;

}
	
/*A.blog:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A.blog:visited:hover {

font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 24px;
text-decoration: underline;

} 

/*A.rmenu:: Controls the way the right menu looks before a user clicks  or mouse overs on them*/ 	 
A.rmenu {

font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
font-style: normal;
text-decoration: none;

}
	
/*A.rmenu:hover:: Controls the way the right menu looks when a user passes  their mouse over a them*/ 	 	
A.rmenu:hover {

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

}

/*A.rmenu:visited:: Controls the way the right menu looks after a user has visited that section*/ 
A.rmenu:visited {

font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;

}
	
/*A.rmenu:visited:hover:: Controls the way the right menu looks when a user hovers over a section they have visited*/ 	 
A.rmenu:visited:hover {

font-family: Arial, Helvetica, sans-serif;
color: #dcdcdc;
font-size: 12px;
text-decoration: underline;

} 
/***********************************/
/*              ACCORDION              */
/***********************************/
/*accordion-menu:: Controls menu width - I think*/
dl.accordion-menu {

margin: 0;
padding: 0;
width: 200px;

}

/*dl.accordion-menu dt.a-m-t:: set the default image for the left menu*/
dl.accordion-menu dt.a-m-t {

color: #ffffff;
background-color: #000000;
background-image: url(/assets/templates/v30008/images/menubar_off.png);
height: 30px;

}

/*dl.accordion-menu dt.a-m-t-hover:: set the hover image for the left menu*/
dl.accordion-menu dt.a-m-t-hover {

background-color: #000000;
background-image: url(/assets/templates/v30008/images/menubar_on.png);

}

/*dl.accordion-menu dt.a-m-t-down:: set the down image for the left menu*/
dl.accordion-menu dt.a-m-t-down {

background-color: #a9a9a9;
background-image: url(/assets/templates/v30008/images/menubar_down.png);

}

/*html.accordion-menu-js dt.a-m-t:: Controls the appearance of the unexpanded accordion menu*/
html.accordion-menu-js dt.a-m-t {

cursor: pointer;
zoom: 1;
color: #CCC;
font-size: 13px;
padding: 4 0 0 0.7em;
font-weight: bold;

}

/*dl.accordion-menu dd.a-m-d:: dunno this one*/
dl.accordion-menu dd.a-m-d {
	margin: 0;
	padding: 0;
	padding:0;
}

/*html.accordion-menu-js dd.a-m-d:: dunno*/
html.accordion-menu-js dd.a-m-d{
	display:none;
}

/*html.accordion-menu-js dd.a-m-d-expand:: dunno*/
html.accordion-menu-js dd.a-m-d-expand {
	display:block;
}

/*html.accordion-menu-js dd.a-m-d-before-expand:: dunno*/
html.accordion-menu-js dd.a-m-d-before-expand {
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;
	height:auto !important;
	visibility:hidden;
	overflow:visible;
}

/*html.accordion-menu-js dt.a-m-t-expand:: Controls the appears of the expanded menu*/
html.accordion-menu-js dt.a-m-t-expand {

color: #CCC;
font-size: 13px;
padding: 4 0 0 0.7em;
font-weight: bold;
background-color: #333333;
background-image: url(/assets/templates/v30008/images/menubar_down.png);

}

/*html.accordion-menu-js dd.a-m-d-anim:: dunno*/
html.accordion-menu-js dd.a-m-d-anim {
	overflow:hidden;
	display:block;	
}

/*dl.accordion-menu dd.a-m-d .bd:: Controls the background color of the submenu*/
dl.accordion-menu dd.a-m-d .bd {

background-color: #000000;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;

}

/*.accmenuitem a:link:: Accordion menu new link*/
.accmenuitem a:link {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: none;
height: 16px;
padding-left: 5px;
padding-right: 5px;

}

/*.accmenuitem a:visited:: Accordion menu visited link*/
.accmenuitem a:visited {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: none;
height: 16px;
padding-left: 5px;
padding-right: 5px;

}

/*.accmenuitem a:hover:: accordion menu link hover*/
.accmenuitem a:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
background-color: #333333;
border: 1px solid #4D4D4D;
text-decoration: none;
height: 14px;

}
.style2 {font-size: 14px}

/*.listing:: test to set backgrounds for listings*/
listing {
background-image: url(/assets/templates/v30008/images/menubar_off.png);

}

/***********************************/
/*              GLIDER                 */
/***********************************/

/* div.scroller:: modify width and height of scrolling section if necessary	*/		
div.scroller { 
	width: 688px; 
	height: 344px;
	overflow: hidden;
	border:0px solid #cccccc;
	}

/* div.section:: modify width and height of each section as needed (should match the size of the scroller window)	*/
	div.scroller div.section {		
		width:688px;
		height:344px;
		overflow:hidden;
		float:left;
		padding:0em;		
		}

/* div.content:: modify width of something */
	div.scroller div.content {
		width: 10000px;
		}