@import url("layout.css");



@import url("form.css");



#iframe{

   margin-top:40px;

   margin-left:40px

}



#intro h3{
	width:250px;
	clear:right;
	float:none;
	color:#FFFFFF;
	text-align:left;
	margin-left: 100px;

}



#manufac{

   width:670px

}



#welcome{

   padding-right:10px;

   padding-left:10px

}



#welcome img{

   margin-top:20px;

   border:thin outset #56453E

}



.bold{

   font-weight:bold

}



.clear{

   clear:both

}



.float-left{

   float:left

}



.float-right{

   float:right;

   clear:right;

   margin-right:20px

}



.highlight{

   background:#ffc

}



.img-left{

   float:left;

   margin:4px 10px 4px 0

}



.img-right{

   float:right;

   margin:10px 20px 4px 0px

}



.italic{

   font-style:italic

}



.noborder{

   border:none

}



.nobullet{

   list-style:none;

   list-style-image:none

}



.noindent{

   margin-left:0;

   padding-left:0

}



.nopadding{

   padding:0

}



.text-center{

   text-align:center

}



.text-justify{

   text-align:justify

}



.text-left{

   text-align:left

}



.text-right{

   text-align:right

}



.tiremachine{

   clear:right;

   float:right

}



.underline{

   border-bottom:1px solid

}



.wrap{

   width:960px;

   margin:0 auto

}



a{

   text-decoration:none;

   color:#0066FF

}



a img{

   border:none

}



blockquote{

   font-size:1.4em;

   color:#55453E;

   background-color:transparent;

   width:400px;

   background:url(../images/close-quote.jpg) no-repeat right bottom;

   padding-left:18px;

   text-indent:-18px

}



blockquote:first-letter{

   background:url(../images/open-quote.jpg) no-repeat left top;

   padding-left:40px;

   font:italic 2em Georgia,"Times New Roman",Times,serif

}



body{

   width:100%;

   min-width:970px;

   background-color:#000;

   background-image:url(../images/bg.jpg);

   background-repeat:repeat-y;

   background-position:center top;

   font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

   font-size:100%;

   line-height:1.25

}



h1{

   width:97%;

   clear:both;

   margin-top:0px;

   margin-bottom:10px;

   color:#F00;

   background-color:transparent;

   border-bottom:4px solid #877065

}



h1,h2,h3,h4,h5,h6{

   margin:0;

   padding:0;

   font-weight:normal

}



h2{

   padding:10px;

   color:#FF0000;

   background-color:transparent;

   font-size:110%;

   letter-spacing:-1px;

   font:1.4em arial,helvetica,sans-serif

}



h3{

   font:1em arial,helvetica,sans-serif;

   font-weight:bold

}



html,body{

   border:0;

   margin:0;

   padding:0

}



img{

   border:0

}



p{
	text-indent:0.5em;
	font-size: 18px;

}



p,ul,ol{

   margin:0;

   padding:0 0 18px 0

}



sub{

   position:relative;

   bottom:-0.2em;

   vertical-align:baseline

}



sup{

   position:relative;

   bottom:0.3em;

   vertical-align:baseline

}



ul,ol{

   list-style:none;

   padding:15px 0 18px 40px

}


http://rochelletire.com/css/layout.css

/***** Main Layout ****/

#container {

	width: 100%;

	height: 100%;

}



#wrapper {

	display: block;

	width: 970px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

}

/**** Sidebar ****/



#sidebar {

	display: block;

	float: left;

	width: 260px;

	text-align: left;

	color: white;

	padding: 5px;

}



#sb_top {

	width: 290px;

	color: #A8948A;

	font-weight: bold;

	text-align: center;

}



.sb_logo {

  padding-top: 67px;

}



.sb_content {

	text-align: left;

	padding-left: 12px;

	width: 260px;

	margin-bottom: 40px;

}

/*links*/



#sidebar .sb_content a {

  color: #FFFF99;

}





 .sb_content img {

	margin: auto auto auto 20px;

	text-align: center;

}

/**** Main Menu ****/



#navlist  {

	margin: 0;/*removes indent IE and Opera*/

	padding: 0;/*removes indent Mozilla and NN7*/

	list-style-type: none;/*turns off display of bullet*/

	width: auto;

}



#sidebar #navlist a, #sidebar #navlist a:visited {

  display: block;

  height: 40px;

  padding: 2px 2px 2px 24px;

  border: none;

  border-top: 1px solid #705A52;

  border-bottom: 1px solid #3E322D;

  background-color: transparent;

  color: white;

  font-size: 20px;

  line-height: 40px;/* this value must match the height in order to center vertically the text*/

  text-decoration: none;

}



#sidebar #navlist a:hover {

  background-color: #443833;

}



#sidebar #navlist a.noborder, #sidebar #navlist a:visited.noborder {

  border-bottom: none;

}

/*Copyright*/



.copyright  {

	display: block;

	width: 220px;

	text-align: center;

	background-color: #302723;

	border: 1px solid black;

	color: #877065;

	font-size: 85%;

	margin: 20px auto;

}

.copyright a  {

  color: #FFFF99;

}

.copyright a:hover {

  color: #FFFF99;

  border-bottom: 1px dotted #FFFF99;

}

/**** Header ****/



#header {

	display: block;

	float: left;

	clear: right;

	width: 670px;

	height: 40px;

	padding-top: 15px;

	color: white;

	text-align: right;

	margin-top: 20px;

}



#header a {

  color: white;

}



#header a:hover {

  border-bottom: 1px dotted white;

}

/**** Content ****/



#content {
	display: block;
	float: right;
	width: 650px;
	text-align: left;
	margin-bottom: 50px;
	margin-left: 0px;
	padding: 5;

}



#content ul li {

  list-style: url(../images/bullet.jpg);

}

#welcome p {

	width: 350px;

	text-align: center;

	margin-left: 0px;

}



#intro {
	width: 630px;
	background-repeat: no-repeat;
	background-image: url(../images/shop-front.jpg);
	padding-top: 90px;

}

#map {

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}


http://rochelletire.com/css/form.css

/**** Form Layout ****/





/* Main Form formatting*/

form {

  margin: 0;

  padding: 0;

  display: inline;

}



input, textarea, select {

  font: 1em arial, helvetica, sans-serif;

  background-color: #877065;

  border: 1px solid #443833;

  line-height: 1.25em;

  padding: 0 0 0 2px;

}



input:focus, textarea:focus, select:focus {

  border: 1px solid #55453E;

  background-color: #BDADA6;

}



label {

  cursor: pointer;

}



.errormsg {

  display: block;

  width: 90%;

  color: #FFFFFF;

  font-weight: bold;

  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;

  padding: 3px 10px 3px 40px;

  margin: 10px 0;

  border-top: 2px solid #FF0000;

  border-bottom: 2px solid #FF0000;

}



input.button {

  background: url(../images/button.jpg) repeat-x center;

  color: white;

  padding: 0 7px;

  height: 23px;      

  border: 1px solid #302723;

}







/*Search input*/

input.search {

  background: url(../images/search.jpg) no-repeat;

  border: none;

  width: 220px;

  height: 25px;

  padding-left: 35px;

  padding-top: 5px;

  color: white;

}