/* CSS Document */

#title {margin-left: 20px; z-index:5;  position: relative;}
#foot {
	width: 100%;
	max-width:725px;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	position: relative;
	margin-top: 10px;

	height: 75px;
float:left;
clear:both;
}
#prod {
background-color:#DADADA;

width:100%;
max-width: 720px;
  opacity: .95; /* W3C Standard: FF > 1.5, Opera, Safari */
  -khtml-opacity: .95; /* Safari 1.x */
  -moz-opacity: .95; /* FireFox<1.6 */
  filter: alpha(opacity=95); /* IE<8 */
  -ms-filter: "alpha(opacity=95)"; /* IE8 */
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	position: relative;
	
	min-height: 600px;
	height:auto !important;
	height:600px;
	float: left;

}

#bg {background-color:transparent;
}

.body { position:absolute;}
.bgimg {
	background: url(/img/stlbg2ws.jpg) no-repeat;
	border-width: 3;
	border-color: #FF00FF;
}

.wr0 {


align:left;
padding-top:10;
padding-bottom:5;
clear:both;
}
.wr1 {
	max-width: 950px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	visibility: visible;
}

.wr3  {	
float: left;
width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.6em;
	margin-top: 0px;
	
	margin-bottom: 10px;
	color: #000000;
	min-height: 850px;
height:auto !important;
  height:850px;
	
	font-size: 12px;}


.wr2 {
	width: 100%;
	text-align: left;
	position: relative;
	float: left;
	background-repeat: repeat-y;
}


	

.w1 { max-width: 730px;
 margin-left: auto ; margin-right: auto ;
position:relative;
 }

.w2  {float:left;
   width:100%;

   overflow:hidden;
   position:relative; }
.wrap{
	float: left;
	width: 100%;
background-color: #99FF66;}
.xml{
margin-left: -15%;
	float: left;
	width: 100%;

	
}

.cc {
	margin-left: 225px; /*Set left margin to LeftColumnWidth*/
	padding-top: 68px;

max-width:720px;
}


.lc{
clear:right;
z-index:1;
margin-top: 0px;
padding-top: 1%;
float: left;
width: 210px; /*Width of left column*/
margin-left: -100%;
font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #2D2D2D; text-transform: capitalize; line-height: 12pt; text-align: left;

background-color: #565856;
background-color: #4d4d4d;
background-color: #5d5d5d;
background-color: #4f4f4f;
background-color:#707070;
other: background-color:#CCCCCC;
background-color: #C4C4C4;
background-color:#9A9A9A;
	background-color:#858585;
color: #2D2D2D;

}

.lc2{
	clear:right;
	z-index:1;
	margin-top: 0px;
	float: left;
	width: 210px; /*Width of left column*/
	margin-left: -100%;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: capitalize;
	line-height: 12pt;
	text-align: left;
	background-color:#858585;
min-height: 800px;
height:auto !important;
	height: 98%;
}

.buybox{
	float: left;
	margin-top: 0px;
	background-color:#FFFFFF;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	min-height: 150px;
height:auto !important;
	
	max-width: 97%;
	min-width: 95%;
	margin-right: 10px;

}

.buybox img{
	clear:right;
	margin-top: 0px;
	float: left;


}
.buybox div {
	float: right;

	vertical-align: bottom;

width: 200px;

clear: right;
text-align: right;
margin-bottom: 20px;

	
	
}

.xxxmfg {
	
	float: right;

	vertical-align: bottom;

width: 175px;

clear: right;
text-align: right;
margin-bottom:-20%;

	
	
}

.buybox form {
	position: relative;
	float: right;
margin-bottom:10px;
width: 200px;
text-align: right;
vertical-align: bottom;
clear: right;

}
.buybox input{
margin-left: 5px;
	vertical-align: top;	
}

.txtbox{
float: left;
	margin-top: 0px;
	background-color:#FFFFFF;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;


}

.Pad12L { margin-left: 12px; }

.bbi { 
	clear:right;

	margin-top: 0px;
	float: left;


}

.dims img { 
	clear:right;

	margin-top: 0px;
	float: left;
	border:none;
	background-color:#33FF66;
	border-color: #FFFFFF;
}

.ibb{
margin-left: -1px; /*Set left margin to imageWidth*/
	clear:right;

	margin-top: 0px;
	float: left;

	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	
	line-height: 12pt;
	text-align: left;
min-height: 50px;
height:auto !important;

}



.cc3 {
	width: 100%;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	position: relative;
	
	min-height: 600px;
	height:auto !important;
	height:600px;
	float: left;

}




.ccop
{
background-color:#DADADA;

width:100%;
  opacity: .90; /* W3C Standard: FF > 1.5, Opera, Safari */
  -khtml-opacity: .90; /* Safari 1.x */
  -moz-opacity: .90; /* FireFox<1.6 */
  filter: alpha(opacity=90); /* IE<8 */
  -ms-filter: "alpha(opacity=90)"; /* IE8 */
max-width: 720px;
width:100%;

}

.ccop2 {
background-color:#DADADA;

width:100%;
max-width: 720px;
  opacity: .95; /* W3C Standard: FF > 1.5, Opera, Safari */
  -khtml-opacity: .95; /* Safari 1.x */
  -moz-opacity: .95; /* FireFox<1.6 */
  filter: alpha(opacity=95); /* IE<8 */
  -ms-filter: "alpha(opacity=95)"; /* IE8 */
}

.ccopwt
{
background-color:#FFFFFF;

width:100%;
  opacity: .90; /* W3C Standard: FF > 1.5, Opera, Safari */
  -khtml-opacity: .90; /* Safari 1.x */
  -moz-opacity: .90; /* FireFox<1.6 */
  filter: alpha(opacity=90); /* IE<8 */
  -ms-filter: "alpha(opacity=90)"; /* IE8 */
max-width: 705px;
width:100%;

}
.clop *
{
/* CLEAR CHILDREN */
 
  opacity: 1; /* W3C Standard: FF > 1.5, Opera, Safari */
  -khtml-opacity: 1; /* Safari 1.x */
  -moz-opacity: 1; /* FireFox<1.6 */
  filter: alpha(opacity=100); /* IE<8 */
  -ms-filter: "alpha(opacity=100)"; /* IE8 */
position:relative;
}
.op {background-color: #707070;	opacity: .85;
		filter: alpha(opacity=85);}

.boxp {
	padding: 5px 5px 10px;
	margin-left: 5px;
}

.fw {
	float: left;
	padding: .07em .5% .05em 1%;
	color:#000000;
	min-height:75px;
	width: 23.5%;
font: 9px  Arial, Verdana, Helvetica, sans-serif;
}



.fh {
	font: bolder 10pt Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: .07em .5% .05em 1%;
	color: #000000;
	;
	letter-spacing: -0.3pt;
	border-bottom-width: 3px;
	border-bottom-color: #868686;
	border-bottom-style: solid;
}

.fh a {
	color:#000000;; text-decoration: none;  text-transform: none;
}


.ul a {
	color:#000000;; text-decoration: underline;  text-transform: none;
}
.track {
	float: left;
	width: 100%;
	height: 4px;
	background-image: url(../img/trackss.gif);
	background-repeat: no-repeat;
	margin-top: 7px;
}
.trackr {
	float: left;
	width: 100%;
	height: 4px;
	background-image: url(../img/trackss.gif);
	margin-top: 3px;
	background-repeat: repeat-x;
}
.iwrap {
margin-bottom: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

h1 {
	z-index:5;
	position: relative;
	font: 24pt/20pt  Arial Black, Verdana, Arial, Helvetica, sans-serif;;
	color:#FCFCFC;
	letter-spacing: -1.9pt;
	margin:10px 0px -60px 10px;
	font-style: italic;
	font-weight: normal;
}

h2 { font: bold 1.4em Arial Black, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; text-align: left; letter-spacing: -0.4pt; text-transform: uppercase; margin-bottom: 4px; padding-bottom: 0px ; }
h3 { font: bold 1.3em/1em Arial Black, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; letter-spacing: -0.3pt;  text-transform: uppercase; 
margin-right: 8px;}
.h3a { font: bold 1.3em/1em Arial Black, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; letter-spacing: -0.3pt;  text-transform: uppercase; 
margin-right: 8px;}

h4 { font: normal bolder 9pt Arial; color: #000000; text-decoration: none }
.lowr {
	text-transform: lowercase;
}
.w100 {
	width: 100%;
	padding-left: 15px;
	float: left;
}
h5 { font: bold 1.3em/1em Arial Black, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; letter-spacing: -0.3pt; text-transform: uppercase; }
#shortcuts {
	font: bold 11px/25px Verdana, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 25;
}
#shortcuts .off {display: none;}
#shortcuts a {
	color: #000;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}
#shortcuts a:hover {
	background-color: #ff9;
	text-align: center;
	text-indent: 0;
}
#shortcuts a:focus {
	background-color: #ff9;
	text-align: center;
	text-indent: 0;
}

#t0 li{
	margin-top: 8px;
	margin-left: 20px;	
}
#t0 span {
	font: Arial, Verdana,;
	padding-left: 25px;
	font-weight: bolder;
	text-transform: none;
	letter-spacing: -0.3pt;
	font-size: .9em /.6em;
margin-top: -8px;
}

.vsp35 {
width:100%;
	clear:right;

	
	float: left;

	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	
	line-height: 12pt;
	text-align: left;
margin-top:10px;
min-height:21px;
height:auto !important;

}

.ret { /*align bottom and right*/
	position: absolute;
	bottom: 0;
	right: 0;
	clear: none;

}
#sscn { /*align top and right*/
position: absolute; top: 0; right: 0;
	background-color: #CCCCCC;
}
a { cursor:hand; cursor:pointer; }
a img { border:0px 0px 0px 0px; border-style: none; }

.xret {position:absolute; bottom:0; right:-100%; max-width: 15%; }
.bt {
	bottom:0px;
	padding-left: 15px;
	float:right;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 5px;
	position: inherit;
	vertical-align: bottom;	
}

.bt form{

	vertical-align: bottom;	
}
.bt input{
margin-left: 5px;
	vertical-align: bottom;	
}

/* form */
#formwrapper{
float: left;
width: 100%;
}

#formcolumn{
margin-left: 150px; /*Set left margin to LeftColumnWidth*/
width: 80%;
}

#leftformcolumn{
float: left;
width: 150px; /*Width of left column*/
margin-left: -100%;

}
#Tcolumn{
margin-left: 250px; /*Set left margin to LeftColumnWidth*/
width: 67%;
}

#LTcolumn{
float: left;
width: 250px; /*Width of left column*/
margin-left: -100%;

}
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 70px; /*Set left margin to LeftColumnWidth*/
width: 80%;
}

#leftcolumn{
float: left;
width: 70px; /*Width of left column*/
margin-left: -100%;

}
.innertube{
margin-bottom: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}








/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 2em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_1:before { 
  content: 'SCOOTER TIRES 4 LESS .com'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}