/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:url(images/body_bg.gif);
}
h1 {color:#FFF;}
h3 { text-decoration:underline; color:#FFF;}


a:hover{text-decoration:none;}

a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:arial; 
		font-size:12px;
		line-height:15px;
		color:#ccc;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}

/*main layout */

#header {background:url(images/header_bg.jpg) top left no-repeat;}
.logo {margin:26px 0 0 30px;}
#header .column2 {padding-top:42px;}
.slogan {margin:127px 0 0 66px;}
.button {margin:67px 0 0 61px;}

#main { margin:0 auto;}

#middle { width:100%; background:#1a1a1a;}

.white_text {color:#FFFFFF;}
.orange_text {color:#ff9d00;}

#footer {padding:0 18px 0 17px; background:#1a1a1a;}
#footer .padding { padding-top:42px; background:url(images/ver_line.gif) top repeat-x; text-align:center;}
#footer a {text-decoration:none; color:#888888;}
#footer a:hover { text-decoration:underline; color:#FFFFFF;}

.border {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ttall {background:url(images/border_tall.gif) top repeat-x;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .br {background:url(images/border_br.gif) bottom right no-repeat;}
.border .bl {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .tr {background:url(images/border_tr.gif) top right no-repeat;}
.border .tl {background:url(images/border_tl.gif) top left no-repeat; width:100%;}

li { line-height:25px; border-bottom:1px solid #2a2a2a; padding:4px 0 0 12px;}
li a { background:url(images/list_bg.gif) no-repeat 0 4px; padding-left:12px; color:#888888; text-decoration:none;}
li a:hover { color:#ffffff;}
.last {border:none;}

/* index */

#index #middle .indent {padding:9px 18px 13px 17px;}
#index .ind_col {width:27px;}
#index .border1 {margin-bottom:29px;}
#index .border1 .col1 .padding {padding:45px 0 46px 42px;}
#index .border1 .col2, .col3, .col4 {padding:20px 0 0 0;}
#index #middle .column1 .padding {padding:9px 0 35px 13px;}
#index #middle .column2 .padding {padding:9px 0 31px 0;}
#index #middle .column1 .col1 {width:250px;}
#index #middle .column1 .col1 .padding {padding:24px 20px 26px 22px;}
#index #middle .column1 .col2 {width:251px;}
#index #middle .column1 .col2 .padding {padding:24px 20px 26px 22px;}
#index #middle .column1 .ind_col {width:12px;}

/* index-1 */

#index_1 #middle .indent {padding:9px 18px 13px 17px;}
#index_1 #middle .column1 .padding {padding:38px 0 30px 12px;}
#index_1 #middle .column2 .padding {padding:38px 0 31px 0;}
#index_1 #middle .column1 .col1 {width:225px;}
#index_1 #middle .column1 .col2 {width:225px;}
#index_1 #middle .column1 .ind_col {width:47px;}
#index_1 #middle .column1 .padding2 {padding:0 7px 0 0;}
#index_1 #middle .column1 .border .padding {padding:31px 10px 24px 25px;}

/* index-2 */

#index_2 #middle .indent {padding:9px 18px 13px 17px;}
#index_2 #middle .column1 .padding {padding:40px 0 30px 12px;}
#index_2 #middle .column2 .padding {padding:38px 0 31px 0;}
#index_2 #middle .column1 .col1 {width:220px;}
#index_2 #middle .column1 .col2 {width:215px;}
#index_2 #middle .column1 .ind_col {width:42px;}
#index_2 #middle .column1 .padding2 {padding:0 7px 0 0;}
#index_2 #middle .column1 .border .padding {padding:31px 3px 28px 29px;}

/* index-3 */

#index_3 #middle .indent {padding:9px 18px 13px 17px;}
#index_3 .border1 {margin-bottom:29px;}
#index_3 .border1 .padding { padding:20px 24px;}
#index_3 .border1 img {margin-left:30px;}
#index_3 #middle .column1 .padding {padding:9px 0 31px 13px;}
#index_3 #middle .column2 .padding {padding:9px 0 35px 0;}
#index_3 #middle .column2 .col1 {width:250px;}
#index_3 #middle .column2 .col1 .padding {padding:22px 20px 24px 18px;}
#index_3 #middle .column2 .col2 {width:251px;}
#index_3 #middle .column2 .col2 .padding {padding:22px 20px 24px 15px;}
#index_3 #middle .column2 .ind_col {width:12px;}


/* index-4 */

#index_4 #middle .indent {padding:9px 18px 13px 16px;}
#index_4 #middle .column1 .padding {padding:38px 0 30px 13px;}
#index_4 #middle .column2 .padding {padding:38px 0 31px 0;}
#index_4 #middle .column1 .col1 {width:225px;}
#index_4 #middle .column1 .col2 {width:225px;}
#index_4 #middle .column1 .ind_col {width:47px;}
#index_4 #middle .column1 .padding2 {padding:0 7px 0 0;}
#index_4 #middle .column1 .border .padding {padding:31px 10px 29px 25px;}

/* index-5 */

#index_5 #middle .indent {padding:9px 18px 16px 17px;}
#index_5 #middle .column1 .padding {padding:33px 0 31px 13px;}
#index_5 #middle .column2 .padding {padding:33px 0 36px 0;}
#index_5 #middle .column2 .border .padding {padding:30px 10px 27px 29px;}
#index_5 #middle .column2 .col1 {width:216px;}
#index_5 #middle .column2 .col2 {width:243px;}

form .row {height:33px;}
form .row1 {height:34px;}

.input {width:198px; height:18px; border:none; background:#484848; padding:4px 0 0 7px; color:#FFFFFF;}
textarea {width:235px; height:117px; border:none; background:#fff; padding:4px 0 0 7px; overflow:auto; color:#000;}
form .div {text-align:right; padding:29px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 18px 16px 12px;}
#index_6 #middle .padding {padding:9px 18px 31px 17px;}

#address {
float:left;
width:190px;
padding-right:10px;
}

#phone { 
float:left;
width:250px;
padding-right:10px;
}
#quote {
float:left;
width:190px;
padding-right:10px;
padding-top:12px;
}
#shipping {
float:left;
width:250px;
padding-right:10px;
padding-top:12px;
}
.direction {
	margin:0 auto;
}


#input{
width:160px; height:21px;

}

#input1{
scrollbar-3dlight-color:#E3E2E2;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#E3E2E2 ;
scrollbar-face-color:#ECB637; 
scrollbar-arrow-color:#E3E2E2;
scrollbar-darkShadow-color:#E3E2E2;

}

#textarea{
width:102px; height:48px;
border-width:1px;
border-style:solid;
border:none;
background-color:#fff;
overflow:auto
}

#contact #left-col{}
#contact h3{font-size: 19px; line-height: 24px;}
#contact #right-col p{color: #666666; text-align: left;}
#contact #right-col{position: relative;float: right;}
/* Contact-us Content - form */
#contact #lower-right-col{position: relative; float: right; padding-bottom: 10px;}
form{padding: 25px 0 35px 0; color: #000;}
input.userdetails, textarea{font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 350px; padding: 6px 4px;}
textarea{height: 170px;}

/* Forms */
input, textarea{padding: 4px; font-size: 16px; color: #000; /*width: 210px;*/ font-family: Arial, Helvetica, sans-serif; margin: 2px 0;}
form label {display: block; float: left; width: 150px;  padding: 0; margin: 7px 0 0 0; text-align: left; color:#FFF;}
input.submit{ text-align: center; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 25px; margin-bottom: 20px; padding: 12px 6px; width: 130px;}
input.submit:hover{cursor: pointer;}
fieldset{margin: 0; margin-bottom: 10px; border-style:none;}
select{color: #000; text-transform: none; font-size: 10px; margin: 0 auto;}