/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #550404 url(/images/bkgrd.jpg) repeat-x;
} 


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto; }
.clear { clear: both; }
.center { text-align:center; float:none}

img {	border:none; }



/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;text-decoration: none!important}
table, td, tr { border: none; font: 10pt Arial, 'Trebuchet MS', Sans-Serif; color:black; text-decoration: none!important}
td { line-height: 20px; }
table b { color: #980000; }
table a{font: 10pt Arial, 'Trebuchet MS', Sans-Serif; color:black; text-decoration:underline }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #980000;}
table hr {border: none; border-bottom: 1px solid #black; height: 0px;}
font img {  margin-right: 10px; }


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background-color: #FFF;
} 



/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt Arial, Verdana, Tahoma, Sans-serif;
color: black;
}
 
.form, textarea {
width: 20em;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
}


#ContactTable {
	border:none;
	font: bold 10pt Arial, Verdana, Tahoma, Sans-serif;
	color: black;

}

#ContactTable td {
	border:none;
}




/* --------------HEADER------------- */

#header {
background: black url(/images/header_logotop.jpg) no-repeat;
height: 80px;
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 357px; height: 57px;}
.logolink { }
.logolink a { float: left;  }
 
#swap {   }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */



/* --------------CART------------- */

#cart {
height: 56px;
float:right;
width:200px;
}

#cart table {
padding: 17px 0px 0px 35px;
width:130px;
float:left;
}

#cart td {
padding: 0px;
height: 5px;
color:white;
}

#cart img {
	margin-left:35px;
}





/* --------------TOPNAV------------- */

#topnav {
background: #161614 url(/images/nav_leftspacer.jpg) top left no-repeat;
height: 32px;

}

#treemenu2 .home {background-image: url(/images/nav_home_hover.jpg);  width: 54px;  height: 32px;}
#treemenu2 .amps {background-image: url(/images/nav_amps_hover.jpg);  width: 48px;  height: 32px; float: left}
#treemenu2 .guitars {background-image: url(/images/nav_guitars_hover.jpg);  width: 62px;  height: 32px; float: left}
#treemenu2 .effects {background-image: url(/images/nav_effects_hover.jpg);  width: 60px;  height: 32px; float: left}
#treemenu2 .accessories {background-image: url(/images/nav_accessories_hover.jpg);  width: 90px;  height: 32px; float: left}
#treemenu2 .used {background-image: url(/images/nav_used_hover.jpg);  width: 44px;  height: 32px; float: left}
#treemenu2 .contact {background-image: url(/images/nav_contact_hover.jpg);  width: 67px;  height: 32px; float: left}
#treemenu2 .policy {background-image: url(/images/nav_policy_hover.jpg);  width: 53px;  height: 32px; float: left}

#treemenu2 .lastmenu{
	margin-left: -200px;
}

/* --------------TOPNAV FLOWOUT------------------------------------------------------------- */

.topnavmenu {
height: 32px;
margin-left: 465px;
}

.topnavmenu img {
border: none;
}


.topnavmenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.topnavmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.topnavmenu ul li a{
display: inline;
float: left;
}

.topnavmenu ul li a:hover{
 visibility: visible;
}

.topnavmenu ul li a:hover img{
 visibility: hidden;
}


/*1st sub level menu*/
.topnavmenu ul li ul{
left: 0em;
position: absolute;
top: 2em; /* no need to change, as true value set by script */
display: inline;
visibility: hidden;
margin-top: 0px;
width: 416px; /*width of sub menu levels*/

}

/*Sub level menu list items (undo style from Top level List Items)*/
.topnavmenu ul li ul li{
display: list-item;
float: none;
display: inline;
width: 416px; /*width of sub menu levels*/
padding-top: 5px;
}


/* Sub level menu links style */
.topnavmenu ul li ul li a {
margin: 0px;
display: inline;
overflow: visible;
text-align: left;
font: 8pt Arial, Verdana, Tahoma, Sans-serif;
width: 416px; /*width of sub menu levels*/
color: #fff;
text-decoration: none;
padding: 18px 4px 4px 4px;
float: none;
}


.topnavmenu ul li ul li a:hover{
text-decoration:underline
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.topnavmenu ul li ul li ul{ 
left: -50px; /* no need to change, as true value set by script */
top: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .topnavmenu ul li { float: left; height: 1%; }
* html .topnavmenu ul li a { height: 1%; }
/* End */



/* --------------MISSION----------------*/

#missionhome {
height: 329px; 
background: white url(/images/mission_home.jpg) no-repeat; /* Main DIV Background Img */
}

#missionsub {
height: 105px; 
background: white url(/images/mission_sub.jpg) no-repeat; /* Subpage Main DIV Background Img */
}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/


#main {
height: auto !important; 
background: white url(/images/bkgrd_mainfade.jpg) repeat-x; /* Main DIV Background Img */
padding-bottom:20px;
height:100%;
}



#main .sub {
height: auto !important; 
background: white; /* Main DIV Background Img */
padding-bottom:20px;
height:100%;
}

#main .left { float:left; width:450px; margin: 20px 10px 10px 20px; } 

#main .right {float:right; width:450px; margin: 20px 20px 10px 10px; } 

#main .content {padding: 0px; margin: 0px 0px 20px 0px;  min-height: 500px; /* Height of Background Img */height: 100%;}

#main .contentsub {
padding: 10px 0px 0px 5px;
margin: 0px 0px 0px 240px ;
min-height: 250px; /* Height of Background Img */
height: auto;
height:100%;
background: white;
}


#main .navleft {
float:left; 
width: 220px;
margin: 0px;
padding: 10px;
background: #313030 url(/images/bkgrd_nav_left.jpg) bottom left repeat-x;
min-height: 500px;

}


#main h1 { font: 13pt Arial, 'Trebuchet MS', Sans-Serif; color:black; font-weight:bold; margin: 0px 0px 10px 0px; }

#main h2 { font: 13pt Arial, 'Trebuchet MS', Sans-Serif; color:#ca0027; font-weight:bold; margin: 0px 0px 10px 0px; }

#main h3 { font: 13pt Arial, 'Trebuchet MS', Sans-Serif; color:black; font-weight:bold; margin: 0px 0px 10px 0px; }

#main p { font: 10pt Arial, 'Trebuchet MS', Sans-Serif; color:black; margin-left:10px; }

#main .leftnavtxt { color: white; }

#main .feathead { font: 13pt Arial, 'Trebuchet MS', Sans-Serif; color:white; font-weight:bold; margin: 0px 0px 5px 0px;  }

#main .featdescription { font:12pt; margin: 5px 0px 0px 0px;  color: #313030;  }


.suckerdiv ul{
margin: 0px 0px 0px 10px;
padding: 0;
list-style-type: none;
width: 120px; /* Width of Menu Items */
font: 11pt Arial, 'Trebuchet MS', Sans-Serif; color:white;
}
	
.suckerdiv ul li{
position: relative;
}
	

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden;
border:thin #1e1e1e solid; 
background: #313030;
margin-left:-15px; 
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: list-item;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 3px 8px;
border-bottom: 0;

}

.suckerdiv ul li a:hover{
color: #980000;
}


.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */






/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: black url(/images/bkgrd_footerfade.jpg) repeat-x;
height: 100px;
height: auto;
padding-top: 20px;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

#footerlogo { height:100px; width:700px; background: url(/images/amphouse_logosm.gif) no-repeat top center; margin-left:220px;}



/* --------------FOOTER LINKS------------- */

#footer ul { padding: 10px;}
#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: white;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #727372;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
}

/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #727372; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 8pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}



/* --------------FOOTER SEO LINKS------------- */


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}


/* ----------PRODUCT TABS--------------------- */
#ProductTabs
{ position: relative; background: url('asccustompages/buttons/tabsbg.gif') repeat-x; width: 300px; height: 49px; font-family: Arial; font-size: 11px; 
    font-weight: bold; color: #000; }
.ProductTabHighlight
{ position: absolute; top: 0px; left: 0px; width: 100%; height: 15px; background-color: #000; }
.ProductTab
{ position: relative; height: 11px; cursor: pointer; float: left; padding: 9px 9px 9px 9px; text-align: center; background:url('/asccustompages/buttons/tabbg.gif') repeat-x; border: 1px #a8a6a7 solid;}
.ProductTabOver
{ position: relative; height: 11px; cursor: pointer; float: left; padding: 9px 9px 9px 9px; text-align: center; background:url('/asccustompages/buttons/tabbgON.gif') repeat-x; border: 1px #a8a6a7 solid;}
.ProductTabActive
{ position: relative; height: 11px; cursor: pointer; float: left; padding: 9px 9px 9px 9px; text-align: center; background:url('/asccustompages/buttons/tabbgON.gif') repeat-x; border: 1px #a8a6a7 solid; }
.ProductTabActiveNotOver
{ position: relative; height: 11px; cursor: pointer; float: left; padding: 9px 9px 9px 9px; text-align: center; background:url('/asccustompages/buttons/tabbg.gif') repeat-x; border: 1px #a8a6a7 solid;}

.ProductDetailsContainer
{ position: relative; width: 300px; padding: 10px 0px 10px 0px; display: none; font: 11px Arial, Helvetica, Sans-Serif; float: left; clear: both;}


.ProductDetailsContainer P
{ padding: 0px 35px 0px 35px; }
.TechSpecHeader
{ font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.TechSpecItem
{ position: relative; margin-bottom: 10px; }
.ItemLabel
{ position: absolute; left: 0px; font-weight: bold; width: 175px; text-align: right; }
.ItemValue
{ position: relative; left: 200px; width: 300px;}
.ItemValue P
{ padding: 0px 0px 0px 0px; }
.TechSpecFooter
{ background-image: url('images/prodDottedLine.gif'); background-repeat: no-repeat; width: 750px; height: 20px; }

.TabbedProduct
{ position: relative; width: 300px; margin-top: 10px; }
.TabbedHeader
{ position: relative; height: 20px; width: 300px; font-size: 14px; padding-top: 5px; font-weight: bold; background-image: url('images/LongDottedLine.gif'); background-repeat: no-repeat;
    background-position: bottom; }
.TabbedImage
{ position: absolute; top: 0px; left: 10px; }
.TabbedName
{ position: relative; top: 0px; left: 65px; width: 300px; }
.TabbedName A
{ text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
.TabbedName A:hover
{ text-decoration: underline; }
.TabbedDescription
{ position: relative; left: 65px; width: 300px; }
.TabbedSKU
{ position: relative; left: 65px; padding-top: 15px; }
.TabbedLine
{ position: relative;height: 5px; width: 300px; text-align: center; padding:3px 0px 3px 0px; background-image: url('images/LongDottedLine.gif');
    background-repeat: no-repeat; z-index: 50; }


/*.ProductTabOver
{ position: relative; height: 25px; cursor: pointer; float: left; }
.ProductTabActiveNotOver
{ position: relative; height: 25px; float: left; }*/