/*
+----------------------------------------------------+
|
| Index 
|   1.  Typography
|   2.  Layout 
|   3.  Navigation
|   4.  Headers
|   5.  Header Images
|   6.  Default
|   7.  Product Page
|   8.  Technology
|   9.  Amps
|   10. Subs
|   11. Speakers
|   12. Support
|   13. Dealer Locator
|   14. Contact Us
|   15. Copyright Notice
|   16. History
|   17. Amp Product
|
+----------------------------------------------------+
*/

/* --- 1. Typography --- */
a {
    color:#939ba1;    
}
a:hover {
    color:#fff;    
}
body {
    color:#fff;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;    
}
.intro {
    color:#fff;
    margin-left:-5000px;
    margin-top:300px;
    text-align:left;
    width:390px;    
}
.bold {
    font-weight:bold;
}
.hr {
    height:4px;
    width:679px;
    margin-bottom:10px;
}
#footer a {
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}
#left_container ul {
    color:#939ba1;
}
#left_container ul li ul li {
    font-weight:normal;
}
h1.productsku {
    text-align:center;
    color:#fff;
    font-weight:normal;
}
.productTable {
    color:#939ba1;
}
.productTable .datatable_bold {
    font-weight:normal;
}
.productTable .datatable_secondhead {
    font-weight:normal;
}
.tabcontentstyle a {
    text-decoration:underline;
}
.right_container_glossary dt {
    color:#939ba1;
}
.right_container_contactus ul li {
 color:#939ba1;
}

.historyinfo dd,
.historyinfo p {
 color:#939ba1;
}

.disclaimer,
.features
 {
    color:#939ba1;
}
/* --- 2. Layout --- */
div.clear {
    clear: both;
    }
body {
    background:#060a0b url('../images/bg_blackleathertile.jpg') repeat-x top left;
	text-align:center;
    }   

#outter_container {
    background:url('../images/bg_container.png') top left;
    min-height:435px;
    margin-right:auto;
    margin-left:auto;
    margin-top:25px;
    width:967px;
}
#outter_container .borders {
    background:url('../images/bg_borders400h.png') no-repeat top left;
    min-height:400px;
}
#left_container {
    /* background:url('../images/bg_leftcontainer.png') no-repeat top left; */
    float: left;
    width: 266px;
    text-align: center;
    padding-top: 0px;    
    }
    .XtantLogo {
        border:0px;
        height:104px;
        margin-right:auto;
        margin-left:auto;
        margin-top:65px;
        width:75px;        
    }
    .vividmobile {
        margin-top:10px;
        width:137px; height:10px;
    }	    
#footer {
    /* border-top: see leather.css, goldleather.css */
    margin: 10px auto 20px auto;
    padding-top:5px;
    width:967px;
}
#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 
#footer ul li {
	margin-left: 0;
	padding: 5px 15px 0px 15px;
	list-style: none;
	display: inline;
	}		
#footer ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
/* --- 3. Navigation --- */
#left_container ul {
    margin-right:auto;
    margin-left:auto;
    margin-top:35px;
    text-align:center;
    width:200px;
}    
#left_container ul li {
    border-bottom:0px;
    margin-right:auto;
    margin-left:auto;
    margin-top:25px;
    margin-left:0px;
    display:block;
}
#left_container ul li.activePage a {
    margin-right:auto;
    margin-left:auto;
	background:url('../images/bg_rightcontainerSelected.png') top left;
    color:#939ba1;
    display:block;
    text-decoration:none;
	padding:1px 0px 1px 0px; 
    width:150px;
}
#left_container ul li.activePage a:hover {
    margin-right:auto;
    margin-left:auto;
	color:#939ba1;
	background:url('../images/bg_rightcontainerSelected.png') top left;
    width:150px;
}
#left_container ul li.notactive a:link,
#left_container ul li.notactive a:active,
#left_container ul li.notactive a:visited  {
    margin-right:auto;
    margin-left:auto;
    color:#939ba1;
    text-decoration:none;
    display:block;
    width:150px;
	 }
#left_container ul li.notactive a:hover {
    margin-right:auto;
    margin-left:auto;
	color:#939ba1;
	background:url('../images/bg_rightcontainerSelected.png') top left;
	width:150px;
}
#left_container ul li ul {
    margin-right:auto;
    margin-left:auto;
    display:none;
}
#left_container ul li ul li {
    margin-left:0px;
    margin-top:0px;
    display:none;
}

/* --- 4. Headers --- */
h1.history {
    height:15px;
    margin:2px;
    float:left;
    width:200px;
}


.right_container_support h1,
.right_container_dealerlocator h1,
.right_container_privacypolicy h1,
.right_container_contactus h1,
.right_container_copyright h1,
.right_container_glossary h1,
.right_container_default,
h1.welcome,
h1.amplifiers,
h1.products {    
    height:24px;
    margin:30px 0px 10px 30px;
    float:left;
    width:200px;
}
.right_container_support h1 {
    background:url('../images/h1_support.png') no-repeat top left;
}
.right_container_dealerlocator h1 {
    background:url('../images/h1_dealerlocator.png') no-repeat top left;
}
.right_container_privacypolicy h1 {
    background:url('../images/h1_privacypolicy.png') no-repeat top left;
}
.right_container_contactus h1 {
    background:url('../images/h1_contactus.png') no-repeat top left;
}
.right_container_copyright h1 {
    background:url('../images/h1_copyrightnotice.png') no-repeat top left;
}
.right_container_glossary h1 {
    background:url('../images/h1_glossary.png') no-repeat top left;
}
h1.amplifiers {
    background:url('../images/h1_amplifiers.png') no-repeat top left;
}
h1.products {
    background:url('../images/h1_products.png') no-repeat top left;
}
span.txtheader,
h1.welcome span,
h1.products span,
h1.amplifiers span {
    position:relative;
    left:-6000px
}

.right_container_tech h1 {
    border:solid 0px red;
    height:18px;
    width:300px;    
}

h1.history {
    background:url('../images/headers/hdr_history.png') no-repeat top left;}
.right_container_tech h1.audiophilemode {
    background:url('../images/headers/hdr_tech_audiophilemode.png') no-repeat top left;}
.right_container_tech h1.centerphaseplug {
    background:url('../images/headers/hdr_tech_centerphaseplug.png') no-repeat top left;}
.right_container_tech h1.cleanaesthetics {
    background:url('../images/headers/hdr_tech_cleanaesthetics.png') no-repeat top left;}
.right_container_tech h1.cooling {
    background:url('../images/headers/hdr_tech_cooling.png') no-repeat top left;}
.right_container_tech h1.heatsink {
    background:url('../images/headers/hdr_tech_heatsink.png') no-repeat top left;}
.right_container_tech h1.integratedtinsel {
    background:url('../images/headers/hdr_tech_integratedtinsel.png') no-repeat top left;}
.right_container_tech h1.puren {
    background:url('../images/headers/hdr_tech_puren.png') no-repeat top left;}
.right_container_tech h1.realleatherdustcap {
    background:url('../images/headers/hdr_tech_realleatherdustcap.png') no-repeat top left;}
.right_container_tech h1.realwood {
    background:url('../images/headers/hdr_tech_realwood.png') no-repeat top left;}
.right_container_tech h1.realwoodcones {
    background:url('../images/headers/hdr_tech_realwoodcones.png') no-repeat top left;}
.right_container_tech h1.silkdome {
    background:url('../images/headers/hdr_tech_silkdome.png') no-repeat top left;}
.right_container_tech h1.smartengage {
    background:url('../images/headers/hdr_tech_smartengage.png') no-repeat top left;}
.right_container_tech h1.spiderplateau {
    background:url('../images/headers/hdr_tech_spiderplateau.png') no-repeat top left;}



/* --- 5. Header Images --- */
#right_containerDiv {
background-position:top right;
} 
.right_container,
.right_container_products,
.right_container_amps,
.right_container_subs,
.right_container_speakers,
.right_container_glossary,
.right_container_tech,
.right_container_history,
.right_container_ampproduct
{
    float: left;
    min-height:400px;
    width: 699px;
    text-align: left;
}

.right_container {
    background: url('../images/bg_homepage02.png') no-repeat top right;
    }
.right_container_products {
    background: no-repeat top left;
}
.right_container_amps {
    background: url('../images/headers/homepageImage001_amps.png') no-repeat top center;
}
.right_container_subs {
    background: url('../images/headers/homepageImage001_subs.png') no-repeat top right;
}
.right_container_speakers {
    background: url('../images/headers/homepageImage001_speakers.png') no-repeat top right;
}
.right_container_tech {}
.audiophile {background: url('../images/headers/bgtech_audiophilemode.png') no-repeat top right;}
.realwoodpanel {background: url('../images/headers/bgtech_realwoodpanel.png') no-repeat top right;}
.cooling {background: url('../images/headers/bgtech_cooling.png') no-repeat top right;}
.centerphase {background: url('../images/headers/bgtech_centerphaseplug.png') no-repeat top right;}
.aesthetics {background: url('../images/headers/bgtech_aesthetics.png') no-repeat top right;}
.heatsink {background: url('../images/headers/bgtech_heatsinkbasket.png') no-repeat top right;}
.realwoodcones {background: url('../images/headers/bgtech_realwoodcones.png') no-repeat top right;}
.tweeter {background: url('../images/headers/bgtech_tweeter.png') no-repeat top right;}
.tinselleads {background: url('../images/headers/bgtech_tinselleads.png') no-repeat top right;}
.leatherdustcap {background: url('../images/headers/bgtech_leatherdustcaps.png') no-repeat top right;}
.spiderplateau {background: url('../images/headers/bgtech_spiderplateau.png') no-repeat top right;}

.right_container_history {
    background: url('../images/headers/bghistory.png') no-repeat top right;
}
.right_container_ampproduct {
    background: url('../images/headers/bgampproduct.png') no-repeat top right;
}

/* --- 6. Default --- */
/* --- 7. Product Page --- */

.right_container_products {}


ul.tech {
    border:solid 0px purple;
    list-style: square;
    text-align:left;
}
ul.tech li {
    margin-left:14px;
    margin-top:5px;
    list-style: disc;
}

.headercell {
    background:url('../images/bg_datatablehead.png') no-repeat bottom left;
    padding-top:10px;
    margin-left:0px;
    padding-bottom:2px;
    font-weight:bold;
}

.productlinks {
    border:solid 0px green;
    float:left;
    clear:left;
    margin-left:20px;
    text-align:left;
    width:360px;
}

.productlinks ul {
    border:solid 0px purple;
    float:left;
    width:83px;
}

.productlinks li {
    margin-left:20px;
    margin-top:5px;
}

.products {
    border:solid 0px red;
    float:left;
    margin-left:20px;
    margin-top:215px;
    text-align:left;
}

.productlinks ul,
.products img {
    margin-left:30px;
}

.firstthumb {
    margin-left:10px;
}

h1.productsku {
    margin-top:175px;
    width:377px;
}


.disclaimer {
    width:290px;
    margin-top:50px;
    text-align:center;
    float:right;
}

.productTable {
    background:url('../images/bg_datatable.png') no-repeat top left;
    
    float:left;
    height:225px;
    text-align:center;
    margin-left:20px;
    width:377px;
}
.features {
    float:left;
    border:solid 0px red;
    width:265px;
    margin-left:35px;  
}
.features li {
    list-style-type:disc;
    margin-left:20px;
    margin-top:5px;
}



div.scroll {
    border:solid 0px red;
    width: 377px;
    height: 200px;
    overflow: auto;
}

.productTable {
scrollbar-face-color:#939ba1;
scrollbar-base-color:black;
scrollbar-arrow-color:black;
scrollbar-track-color:black;
scrollbar-shadow-color:#939ba1;
scrollbar-highlight-color:#939ba1;
scrollbar-3dlight-color:#b0b6bb;
scrollbar-darkshadow-color:#757e85;
}

.shadetabs{
	margin-left: 5px;
	margin-top: 0px;
	padding: 0px 0px 5px 0px;
	padding-top:6px;
	margin-bottom: 1px;
	font: 9px Verdana;
	list-style-type: circle;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-weight: normal;
}

.shadetabs li{
display: inline;
margin: 00px;
}

.shadetabs li a{
    text-decoration: none;
    padding: 1px 45px 2px 46px;
    margin-right: 0px;
    outline: none; /*remove dotted borders when clicked on*/
    border: 0px solid #778;
    border-bottom: none;
    color: #939ba1;
}

.shadetabs li a:visited{
color: #939ba1; /*not working in FF*/
}

.shadetabs li a:hover{
text-decoration: none;
color: #fff;
background:#757e85;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style*/ 
background:#939ba1;
border-bottom-color: white;
color:#fff;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.specTable{
	padding: 4px 5px;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 1px;
	font: 11px Arial;
	color:#fff;
	list-style-type: none;
	text-align: left;
}

.tabcontentstyle{
    margin-bottom: 1px;
    margin-right:auto;
    margin-left:auto;
    padding: 3px;
    border:solid 0px red;
    width: 360px;
    height: 195px;
    overflow: auto;
}

.tabcontentstyle table {
    width:340px;
}

.headercell {
    background:url('../images/bg_datatablehead.png') no-repeat bottom left;
    border:solid 0px;
    height:20px;
}

.tabcontentstyle table tr td {
    text-align:left;
    border:solid 1px #939ba1;
    padding:3px;
}

.tabcontent{
display:none;
}

table.pictable {
    border:solid 0px red;
    float:left;
    margin-left:55px;
    margin-top:20px;
}
table.pictable td {
    text-align:left;
}

table.pictable a:hover {
    background:url('../images/productimages/mouseover_thumb.png');
    display:block;
    width:50px;
    height:50px;
}


/*@media print {
.tabcontent {
display:block!important;
}
}*/

/* --- 8. Technology --- */
    .right_container_technology {}

    .techtabs {
        float:left;
        margin-left:20px;
        margin-top:215px;
        text-align:left;
    }
    .techtabs li {
        display:inline;
        margin-left:30px;    
    }
    .techtabs li.firstthumb {
        margin-left:10px;        
    } 
    .right_container_tech .tabcontentstyle {
        background:url('../images/bg_techtable.png') no-repeat top left;
        border:solid 0px red;
        float:left;
        width:340px;
        height:100px;
        margin-left:40px;
        overflow:auto;
    }
    .right_container_tech .tabcontentstyle ul {
        margin:10px 0px 0px 10px;
    } 
    .tech_lists {
        border:solid 0px green;
        float:left;
        min-height:86px;
        width:320px;
    }
    .right_container_tech .selected {
    
    }
    .techinfo {
        background:url('../images/bg_techinfotable.png') no-repeat top left;
        margin-right:auto;
        margin-left:auto;
        margin-top:200px;
        min-height:126px;
        width:640px;    
    }
    .techinfo {
        padding:10px;
    }
    .techinfo p {
        width:630px;
        margin:5px;
    }


/* --- 9. Amps --- */


/* --- 10. Subs --- */
/* --- 11. Speakers --- */
/* --- 12. Support --- */
/* --- 13. Dealer Locator --- */
.locationTable {
    margin-right:auto;
    margin-left:auto;
    width: 650px;
}
.locationTable td {
    text-align:left;
}

.dealerLocatorHeader {
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	font-weight:700;
	color: #060A0B;
	text-align:center;
}

.dealerLocator {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight:700;
	padding-top: 7px;
	color: #060A0B;
	text-align:center;
}

.dLSearchList 
{
	visibility: hidden;
	margin: 0px! important;
	color: #060A0B;
	background-color:white;
	cursor: pointer;
	text-align: left;
	padding: 0;
	z-index: 2! important;
}

.dLSearchListItem 
{
	padding: 2px;
	z-index: 2 !important;
}

.dLSearchListItemHighlight 
{
	color: white;
	background-color: #111111;
	padding: 2px;
	z-index: 2 !important;
}

.map {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight:600;
	color:#FFFFFF;
}

/* --- 14. Contact Us --- */
.right_container_contactus {}


.right_container_contactus ul {
    border:solid 0px red;
    float:right;
    margin-right:20px;
    text-align:left;
}
.right_container_contactus ul li {
    margin-top:15px;
}
.right_container_contactus table {
    border:solid 0px red;
    margin-right:auto;
    margin-left:auto;
    margin-top:15px;
    text-align:right;
    width:308px;
}
.right_container_contactus table td{
    padding:2px 0px 2px 0px;    
}
.right_container_contactus input.email,
.right_container_contactus input.select {
    width:210px;
}
.right_container_contactus input.comments {
    height:152px;
    width:302px;
}

td.submitbtnbg {
    padding:0px;
}

/* --- 15. Copyright Notice --- */
.right_container_copyright {}

.copyright {
    float:left;    
    text-align:left;
    width: 650px;
}
.copyright p {
    margin: 10px 0px 10px 20px;
}


/* --- 16. History --- */

.historyinfo {
    background:url('../images/bg_techinfotable.png') no-repeat top left;
    margin-right:auto;
    margin-left:auto;
    margin-top:235px;
    min-height:126px;
    width:640px;    
}

.historyinfo {
    padding:10px;
}

.historyinfo p,
.historyinfo dl
 {
    width:610px;
    margin:5px;
}
.historyinfo dl {
    margin-top:-10px;
}
.historyinfo dd {
    margin-left:20px;
}
.historyinfo dt {
    font-weight:bold
}

/* --- 17. Amp Product --- */

.ampproductinfo {
    background:url('../images/bg_ampproducttable.png') no-repeat top left;
    margin-left:20px;
    margin-top:150px;
    min-height:200px;
    width:350px;    
}

.ampproductinfo {
    padding:10px;
}

.ampproductinfo p
 {
    width:300px;
    margin:5px;
}