﻿


        #content_container {
	width:1000px;
	z-index:1;
	min-height: 700px;
	background-color: #000;
}




#content2 {
	margin-top:25px;
	
}


hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

#content2 p {
	margin: 0;	
	padding: 7px 0;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}



			.wide {
				border-bottom: 1px #000 solid;
				width: 4000px;
			}
		
#clearer {
	clear:both;
}

      
	

		
	  #table_hold {
			margin-top:65px;
	z-index:1;
}	
		
		
		
		
		
		
		
		
		
#featured{
	width:1000px;
	position:relative;
	height:276px;
	background-image: url(http://www.turbosonicusa.com/images/header-bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding:10px;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:8px;
	left:742px;
	list-style:none;
	padding:0;
	margin:25px 25px 0 0;
	width:250px;
	height: 200px;
	z-index: 20000;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0;
	padding-left:13px;
	font-size:12px;
	color:#CCC;
}
#featured ul.ui-tabs-nav li img{
	float:right;
	margin:2px 5px;
	padding:2px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{
	display:block;
	height:47px;
	color:#333;
	line-height:20px;
	margin-top: 3px;
	padding: 5px 0 0 40px;
	text-decoration: none;
	background-color:#141414;
}
#featured li.ui-tabs-nav-item a:hover{

}
#featured li.ui-tabs-selected{

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background-color:#333;
	background-repeat: no-repeat;
	padding: 5px 0 0 40px;
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:18px;
	left:15px;
	height:135px;
	width: 353px;
}
#featured .info h2{
	font-size:18px;
	font-family:Georgia, serif;
	color:#999;
	padding:5px;
	margin:0;
	overflow:hidden;
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{
	text-decoration:none;
	color:#999;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


	#mid_bar {
	width:1000px;
	height:29px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	z-index:1;
	margin: 15px 0 15px 0;
	color: #666;
	font-size: 12px;
}

#bartext{
	width:950px;
	padding:4px 0 0 40px;
	
	
	}	
	



























a img {
	border: 0px;
}
form {
	margin: 0px;
}

/* Container which encloses the whole site to allow easy width change */
#container, #wrap {
	width: 1000px; /* change value to adjust width */
	;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

.tsnav, .tsnav ul {
	padding : 0;
	margin : 0;
	list-style : none;
}
.tsnav ul li {
	display: inline;
	float: left;
	width: auto;
	padding-right:10px;
}
.tsnav ul li a {
	margin-left : 8px;
	margin-right : 8px;
	display : block;
	text-decoration : none;
	color : #999999;
	height : auto;
}
.tsnav ul li a:hover {
	display : block;
	color: inherit;
	height: auto;
	color: #FFFFFF;
}
.tsnav ul li ul {
	visibility: hidden;
	position : absolute;
	width : 181px;
	clear : left;
	float : left;
	color : #ffffff;
	padding:0;
	/*background-image: url('../images/home/drop_bg.png');*/
	background-color:#000;
	z-index:999;

}
.tsnav ul li:hover ul {
	visibility: visible;
	text-align : left;
	display:block;
}
.tsnav ul li ul li a {
	text-align : left;
	color : #666666;
	
	width : 177px;
	font-size : 11px;
	font-weight:bold;
	letter-spacing : 1px;
	padding : 3px;
	
	margin : 0;
	text-decoration : none;
	background-color:#000;
	z-index:999;
}
.tsnav ul li ul li a:hover {
	text-decoration : none;
	color : #ffffff;
}
/*old css dropdown*/
/*formats the mini cart subtotal  in the right menu*/
.cartsubtotalminicart {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	text-align: right;
}
/*formats the links in the minicart*/
.cartminilinks {
	color: #876F44;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.cartminilinks a:link {
	color: #876F44;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cartminilinks a:visited {
	color: #876F44;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cartminilinks a:hover {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cartminilinks a:active {
	color: #C3AE88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
/* Encloses all content area under header */
#wrap {
	padding: 5px;
	border: 1px solid #e5e5e5;
}
/* Horizontal navigation */
#nav {
	background: white;
	width: 100%;
}
table#horiz_nav {
	/* table is generated via shopa_navigation_create.asp */
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
table#horiz_nav td {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}
table#horiz_nav td a {
	display: block;
	text-align: center;
	padding: 8px 0px;
	color: #C3AE88;
	text-decoration: none;
	font-size: 80%;
	text-transform: uppercase;
	border-right: 1px solid #EEEEEE;
}
table#horiz_nav td.last a {
	border-right: 0px;
}
table#horiz_nav td a:hover {
	color: #000;
}
/* Horizontal navigation drop down menu
   do not remove or modify styles listed 
   under "Do Not Change" */
table#horiz_nav ul {
	/* Do not change  */
	position: absolute;
	left: -999em;
	padding: 0px;
	margin: 0px;
	list-style-type: none; /* Styles */;
	background: white;
	border-right: 1px solid #eee;
	text-align: left;
	width: 150px;
}
/* Do not change  */
#horiz_nav td:hover ul {
	left: auto;
}
#horiz_nav td.sfhover ul {
	left: auto;
}
#horiz_nav ul li {
	/* submenu */
	/* Do not change */
	display: block;
	width: 100%;
	margin: 0px;
/* Styles */	line-height: 22px;
	text-transform: capitalize;
}
table#horiz_nav ul li a {
	/* submenu links */
	/* Do not change */
	display: block; /* Styles */;
	padding: 0px 10px !important;
	border-bottom: 1px solid #EEEEEE;
	border-right: 0px;
	text-align: left;
}
/* Utility bar includes login links
   welcome note and quick search box */
#utilbar {
	text-align: center;
	background: #eee;
	padding: 10px;
	border-bottom: 5px solid #D7D7D7;
}
#utilbar table {
	border-collapse: collapse;
	width: 100%;
}
#utilbar td {
	padding: 5px 0px;
	text-align: center;
	vertical-align: middle;
	width: 33.3%;
	font-size: 80%;
	border-right: 2px dotted #E5E5E5;
	font-weight: bold;
}
#utilbar td.last {
	border: 0px;
}
/* remove border from the last column */
#utilbar form {
	display: inline;
}
#utilbar a {
	color: #1981b7;
	text-decoration: none;
}
#utilbar a:hover {
	text-decoration: underline;
}
/* Encloses all content area under utilbar */
#all {
	margin-top: 5px;
	padding-bottom: 5px;
}


#information {
	position:relative;
	width:1000px;
	height:260px;
	z-index:1;
}
#blue_box {
	position:absolute;
	color:#ffffff;
	width:324px;
	height:185px;
	z-index:2;
	left: 678px;
	top: 1px;
	text-decoration:none;
	background-image: url(../images/home/info_bg.jpg);
	background-repeat: repeat-x;
}

#blue_box a{
	color:#ffffff;
	margin: 0;
}

#blue_box a:hover{
color:#141414;
}

#blue_box h2{
	font-size:15px;
	margin:5px 0 5px 0;
	padding:10px 0 10px 29px;
font-weight:bold;
text-align:center;

}

#blue_box ul{
width:200px;
font-size:11px;
font-weight:normal;
padding-left:12px;
width:200px;

}

#blue_box ul li{
	width:200px;
	padding:4px 0 4px 0;
	border-bottom:1px dotted #CCC;
	list-style: none;
	margin:none;
}

#blue_box ul li a{
	text-decoration:none;
	margin:none;
	padding: 0;
}
















.left { 
background : #141414; 
color : #999999; 
font-size : 13px; 
font-family : "Trebuchet MS", arial, tahoma; 
text-align : left;
padding-top:15px; 
vertical-align: top;
width: 170px;

} 
.left h2 { 
color : #ffffff; 
font-size : 17px; 
font-family : "Trebuchet MS", arial, tahoma; 
font-weight : bold;
margin:0 auto; 
} 
.left .box { 
font-size : 90%; 
border : 1px solid #eee; 
margin-bottom : 5px; 
} 
.left .box p { 
margin : 0; 
padding-bottom : 0; 
} 
.left a { 
color : #999999; 
text-decoration : none; 
text-align : center; 
font-weight:bold;
} 
.left ul { 
list-style-type : none; 
margin-left : 0px; 
} 
.left ul a { 
color : #ffffff; 
text-decoration : none; 
} 
.left ul li a:hover { 
color : #cccccc; 
text-decoration : none; 
} 
/* Extra styles for category navigation */
#catnav ul {
	margin: 10px 15px;
}
/* Main content area */
#main {
	width: 1000px;
	margin:0 auto;
	background-color: #FFFFFF;
}
/* Top content box on home page */
#homecontent {
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url('../images/home/table_background.gif');
}
#homecontent a, a:visited {
	color: #876F44;
	font-weight: bold;
	text-decoration: underline;
}
#homecontent a:hover {
	color: #C3AE88;
	font-weight: bold;
	text-decoration: none;
}
#homecontent h1 {
	color: #876F44;
}

/* Footer */

#footer_holder {
	width: 100%;
	height:300px;
	background-color:#141414;
	border-top:1px solid #666;
}

#footer {
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	font-size: 8pt;
	margin:0 auto;
	clear: both;
}
#footer a, a:visited {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/*formats the search box in header file.*/
.searchfield {
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
}
/*formats the display of the form elements throughout the front end*/
.imgbtn {
	border: 0px;
}
.txtfield {
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.txtfielddropdown {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border: 1px solid black;
}
.submitbtn {
	color: #666666;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	background-color: #f3f3f3;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #aaaaaa;
}
/* General styles */
.menuhdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #B3B7BB;
	color : White;
	font-size : x-small;
	font-weight : bold;
	padding : 3px 5px;
	text-align : left;
}
.menubdr {
	background-color : #B3B7BB;
}
.dashed {
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background-color : #F7F7F7;
}
/* Left menu styles; no longer used in 6.50 */
.leftmenumain a {
	border-top : 1px solid #D3D3D3;
	display: block;
}
.leftmenumain {
	background-color: #F7F7F7;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.leftmenumain a:link {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: underline;
	width: 100%;
}
.leftmenumain a:visited {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: underline;
	width: 100%;
}
.leftmenumain a:hover {
	background-color: #EEEEEE;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
.leftmenumain a:active {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-top: 6px;
	text-align: left;
	text-decoration: underline;
	width: 100%;
}
.dottedBorder {
	border: 1px dotted #cccccc;
	background-color: #F9F9F9;
	padding: 5px;
}
/*formats the header text throughout the site*/
.txtheader {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
}
.hdrproduct {
	color: #325EC9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
/* Styles to be use in 6.50 */
/* breadcrumbs */
div.breadcrumb {
	text-align: left;
	color: #000;
	font-size: 90%;
	margin-bottom: 10px;
}
div.breadcrumb a {
	color: #000000;
	text-decoration: underline;
}
div.breadcrumb a:hover {
	color: #876F44;
	text-decoration: none;
}
breadcrumb {
	text-align: left;
	color: #000;
	font-size: 90%;
	margin-bottom: 10px;
}
breadcrumb a {
	color: #000000;
	text-decoration: underline;
}
breadcrumb a:hover {
	color: #876F44;
	text-decoration: none;
}
/* Main area text styles */
#main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight : bold;
	margin: 0px 0px 15px 0px;
	color: #000000;
	text-align: left;
	text-transform: capitalize;
}
#main h2 {
	text-align: left;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: capitalize;
}
#main h2.picheader {
	/* Heading style for headings with picture, e.g. shopcustomer.asp */
	background-position: 1% 50%;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color: #333;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: white;
	text-align: left;
	padding: 10px 5px 10px 50px;
	margin: 0px;
}
/* compare products styles */
.applyoverflow {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	padding-bottom: 50px;
}
table.tbl_compare {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}
table.tbl_compare td {
	vertical-align: top;
	text-align: left;
	padding: 0px 10px;
}
table.tbl_compareproduct {
	border-collapse: inherit;
	line-height: 18px;
}
table.tbl_compareproduct td {
	padding: 3px 0px;
}
/* Customer service and Affiliate service page (shopcustadmin.asp,shopaffadmin.asp) */
table.customerservice {
	width: 100%;
	background: #F9F9F9;
	border: 1px solid #CCCCCC !important;
	margin-bottom: 10px;
	border-collapse: collapse;
}
table.customerservice th {
	height: 35px;
	background-position: 1% 50%;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	color: #333;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	background-color: white;
	text-align: left;
	padding-left: 50px;
	vertical-align: middle;
}
table.customerservice td {
	padding: 10px;
}
table.customerservice ul {
	margin: 0px;
	padding: 0px 10px 0px 25px;
}
/* standard table display */
.std_table {
	background: #F9F9F9;
	border: 1px solid #CCCCCC !important;
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	font-size: 12px;
}
.std_table table {
	border-collapse: collapse;
	width: 85%;
}
.std_table th {
	vertical-align: top;
	padding: 0px 10px 0px 0px;
	width: 35%;
	font-weight: normal;
}
.std_table td {
	padding: 0px 5px 0px 0px;
}
/* Category table (shopdisplaycategories.asp) */
table.tbl_category td {
	text-align: center;
}
/* shopcustomer.asp form */
table.tbl_customer {
	width: 85%;
}
table.tbl_customer th {
	width: 35%;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
table.tbl_customer td {
	vertical-align: top;
	text-align: left;
}
table.tbl_customer iframe {
	/* refer to shoplicense.htm for changing license styles */ 
	width: 100%;
}
table.tbl_subproduct {
	border-collapse: collapse;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #ddd;
	background: #F7F7F7;
	text-align: center;
	width: 100px;
	float: left;
}
table.tbl_subproduct td {
	padding: 3px 5px;
}
/* General override styles */
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.al {
	text-align: left !important;
	vertical-align: top;
}
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.vt {
	vertical-align: top !important;
}
.vm {
	vertical-align: middle !important;
}
.vb {
	vertical-align: bottom !important;
}
.cb {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
.smlpad {
	padding: 15px !important;
}
.pricesmall {
}
.price {
	color: #325EC9 ;
	font-family: "trebuchet MS", Arial, tahoma;
	font-size: 15px;
	font-weight: bold;
}
#top {
	background-color: #FFFFFF;
	width: 1000px;
}
#top_left {
	float: left;
	width: 19px;
	background-color: #FFFFFF;
}
#top_right {
	float: right;
	width: 19px;
}
#top_middle {
	margin-left: 19px;
	margin-right: 19px;
	width: 862px;
	background-color: #FFFFFF;
}
