/* This stylesheet is used to style the individual pages */

.spacer-10{width: 100%; height: 10px;}
.spacer-20{width: 100%; height: 20px;}
.spacer-30{width: 100%; height: 30px;}
.spacer-40{width: 100%; height: 40px;}

.page-title{
padding: 20px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-family: trebuchet, Arial;
font-size: 13pt;
font-weight: bold;
color: #645f5b;
}


.left-column{width: 600px; vertical-align: top;}

.right-column{width: 230px; vertical-align: top;}

.left{
width: 600px; 
margin: 0px 0px 0px 0px;
float: left;
}

.right{
width: 300px; 
margin: 0px 0px 0px 0px;
float: left;
}

.left-split{
width: 425px; 
margin: 0px 0px 0px 0px;
float: left;
}
.right-split{
width: 425px; 
margin: 0px 0px 0px 0px;
float: left;
}

.left-narrow{
width: 400px; 
margin: 0px 0px 0px 0px;
float: left;
}

.right-narrow{
width: 500px; 
margin: 0px 0px 0px 0px;
float: left;
}


.unique-container{width: 880px; margin: 0px 10px 0px 10px;}
.unique-container h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 13pt;
font-weight: normal;
color: #ffffff;
}
.unique-container p{margin: 5px 0px 5px 0px;}

.collection{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.collection h4{}
.collection p{margin: 5px 0px 5px 0px;}

.paragraphs{width: 535px; margin-right: 10px; margin-left: 10px;}
.paragraphs h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 13pt;
font-weight: normal;
color: #e57701;}
.paragraphs p{margin: 5px 0px 5px 0px;}

.paragraphs-unique{width: 860px; margin-right: 20px; margin-left: 20px;}
.paragraphs-unique h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 13pt;
font-weight: normal;
color: #e57701;}
.paragraphs-unique p{margin: 5px 0px 5px 0px;}

.paragraphs-narrow{width: 335px; margin-right: 10px; margin-left: 10px;}
.paragraphs-narrow h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 13pt;
font-weight: normal;
color: #e57701;}
.paragraphs-narrow p{margin: 5px 0px 5px 0px;}

.side-photo{margin: 0px auto; margin-top: 30px;}

.side-image{margin: 0px auto;}



/* ====================== HOME PAGE ================= */

.home-pipe-display{
width: 900px;
height: 549px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(../images/elements/main-background-home2.jpg);
background-repeat: no-repeat;
overflow: hidden;
text-align: center;
}
.home-pipe-display img{
margin: 20px 15px 20px 15px;
float: left;
}



.slideshow-holder{
width: 900px;
height: 321px;
border-bottom: 4px solid #383938;
background-color: #000000;

}
#slideshow{
width: 900px;
height: 321px;
margin: -325px 0px 0px 0px; display: block; position: relative;
}

.floating-flames{
position: absolute;
margin: 0px 0px 0px 0px;

}


/* ====================== ABOUT  PAGE ================= */
.right-side-text{

}
.right-side-text h4{
margin: 10px 0px 5px 0px;
font-family: Arial, Times;
font-size: 12pt;
font-weight: bold;
color: #ff0000;
}
.right-side-text p{
padding: 0px 5px 0px 5px;
margin: 5px 0px 5px 0px;
}

/* ======================  PAGE ONE OF A KIND =============== */

.left2{
width: 425px; 
margin: 0px 0px 0px 0px;
float: left;
}
.right2{
width: 475px; 
margin: 0px 0px 0px 0px;
float: left;
}

.paragraphs-oneoff{width: 385px; margin-right: 10px; margin-left: 10px;}
.paragraphs-oneoff h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 13pt;
font-weight: normal;
color: #e57701;}
.paragraphs p{margin: 5px 0px 5px 0px;}

/* ====================== PRESS PAGE ================= */

.latest-press{
margin: 0px 0px 0px 5px;
float: left;
}
.latest-press h4{
margin: 0px 0px 0px 0px;
font-size: 14pt;
color: #ffffff;
}
.latest-press img{
margin: 20px 0px 0px 0px;
}

.latest-press div{
margin: 10px 5px 10px 5px;
float: left;
}

/* ===================== WARNING PAGE ================= */

#warning-h4{
margin: 10px 0px 0px 10px;
font-weight: 13pt;
font-weight: normal;
color: #ff0000;
}

/* ===================== CONTACT PAGE ================= */


.ct-form-holder{
width: 400px;
margin: 10px 10px 10px 10px;
/* border: 1px solid #3e1c0e; */
}
.ct-form-holder p{
}
.ct-form-holder h4{
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 13pt;
font-weight: bold;
color: #4b4b4b;
}
.ct-form-each{
width: 170px;
height: 50px;
margin: 5px 10px 5px 10px;
float: left;
}
.ct-form-each input{
width: 160px;
/*background-color: #ffffff; */
/* border: #000080 1px solid; */
font-weight: bold; 
color: #000080;
padding-left: 2px;
}

.ct-form-textarea{
width: 360px;
margin: 0px auto;
margin: 0px 10px 5px 10px;
clear: both;
}
.ct-form-textarea textarea{
/*background-color: #ffffff; */
/*border: #000080 1px groove; */
width: 360px;
height: 90px; 
padding: 5px;
font-weight: bold; 
color: #000080;
}


.cpsubmit{
padding-top:20px;
padding-right: 20px;
float:right;
}

/* Reservation contact side */

.res-form-holder{
width: 400px;
margin: 10px 10px 10px 10px;
}

.res-form-holder p{
text-align: right;
margin-right: 70px;
}
.res-form-holder h4{
margin: 0px 0px 25px 0px;
text-align: center;
font-size: 13pt;
font-weight: bold;
color: #09aff7;
}





/* ===================== PICTURE GALLERY */


/* ==================== PIPES  ========================== */

.collection{
}
.collection p{
color: #ffffff;
}

.series-selection-holder-am{
width: 900px;

padding: 0px 0px 0px 0px;
margin: -20px 0px 0px 0px;
/*
background-image: url(../images/elements/am-background.jpg);
background-repeat: no-repeat;
*/
background-color: #000000;
overflow: hidden;
}

.series-selection-holder-me{
width: 900px;

padding: 0px 0px 0px 0px;
margin: -20px 0px 0px 0px;
/*
background-image: url(../images/elements/me-background.jpg);
background-repeat: no-repeat;
*/
background-color: #000000;
overflow: hidden;
}

.series-display{

}
.series-display ul{
list-style: none;
padding: 0px 0px 0px 0px;
margin-left: 70px;
}

.series-display li{
list-style: none;
padding: 0px 0px 0px 0px;
margin: 30px 70px 30px 70px;
text-align: center;
float: left;
}


.series-display a img{
border: 1px solid blue;
/*
background-image: url(../images/elements/collection-bk-red.jpg);
background-repeat: no-repeat;
*/
}
.series-display a:hover img {
border: 1px solid red;
}


/* ===================== */
/* This is used to style each collection for example all the Hot Rod pipes */
/* ===================== */
.collection-display{

}
.collection-display ul{
list-style: none;
padding: 0px 0px 0px 0px;
margin-left: 80px;
}

.collection-display li{
list-style: none;
padding: 0px 0px 0px 0px;
margin: 10px 20px 10px 20px;
text-align: center;
float: left;
}

.collection-display a img{
border: 2px solid red;
}
.collection-display a:hover img {
border: 2px solid blue;
}














/* ==== EACH MODEL ==== */

.left-model{
width: 305px;
padding: 0px 10px 0px 10px;
float: left;
}
.left-model h1{
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
font-size: 13pt;
font-weight: bold;
color: #ff0000;
}

.left-model h4{
padding: 0px 0px 0px 0px;
margin: 20px 0px 5px 0px;
font-family: Arial, Times;
font-size: 13pt;
font-weight: bold;
color: #ff0000;
}
.left-model p{
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}



.right-model{
width: 575px;
float: left;
}

.each-model-img-bk{
width: 565px;
height: 402px;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
background-image: url(../images/elements/lg-img-redglow.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

.finishes{
margin: 30px 0px 10px 0px;
}
.finishes h4{
margin: 0px 0px 10px 0px;
font-family: Arial, Times;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
}
.each-model-prices{
width: 260px;
height: 120px;
margin: 0px 0px 0px 0px;
float: left;
}
.each-model-finishes{
width: 300px;
height: 120px;
margin: 0px 0px 0px 0px;
float: left;
}


.each-model-disclaimer{

}
.each-model-disclaimer h5{
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
font-size: 9pt;
font-weight: bold;
}
.each-model-disclaimer p{
padding: 0px 4px 0px 5px;
margin: 5px 0px 5px 0px;
font-size: 8pt;
}

/* ======== PRICES =========  */

.price-table1{
width: 500px;
margin: 20px 0px 0px 0px;
background-color: #000000;
color: #ffffff;
}
.price-table1 tr{}
.price-table1 #col1{width: 130px; height: 25px; padding: 4px 4px 4px 10px; vertical-align: top;}
.price-table1 #col2{width: 100px; height: 25px; padding: 4px; vertical-align: top;}
.price-table1 #col3{width: 180px; height: 25px; padding: 4px; vertical-align: top;}
.price-table1 #col3 span{font-weight: bold; color: #ff0000;}

/* second table used for Infernos models */

.price-table2{
width: 500px;
margin: 20px 0px 0px 0px;
background-color: #000000;
color: #ffffff;
}
.price-table2 tr{}
.price-table2 #pipe{width: 130px; height: 50px;  padding: 4px 4px 4px 10px; vertical-align: center; font-weight: bold; color: #ff0000;}
.price-table2 #heatshield{width: 160px; height: 50px;  padding: 4px; vertical-align: center; font-weight: bold; color: #ff0000;}
.price-table2 #tip{width: 150px; height: 50px;  padding: 4px; vertical-align: center; font-weight: bold; color: #ff0000;}

.price-table2 #col1{width: 130px; height: 50px;  padding: 4px 4px 4px 10px; vertical-align: top;}
.price-table2 #col2{width: 160px; height: 50px;  padding: 4px; vertical-align: top;}
.price-table2 #col2 span{color: #ff0000;}
.price-table2 #col3{width: 150px; height: 50px;  padding: 4px; vertical-align: top;}
.price-table2 #col3 span{color: #ff0000;}

#shipping{
margin: 20px 0px 0px 0px;
font-size: 11pt;
color: #ff0000;
}

/* ********************************************************

			ONE OF A KIND

*************************************************** */


.left-oneoff{
width: 260px;
float: left;
}
.lef-oneoff h2{
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.right-one-off{
width: 640px;
float: left;
}

#navig{
margin: 0px 0px 0px 5px;
}

.left-oneoff-main{
width: 130px;
float: left;
}
.left-oneoff-main h2{
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.center-oneoff-main{
width: 640px;
padding: 50px 0px 0px 0px;
float: left;
}
.right-oneoff-main{
width: 130px;
float: left;
}
.right-oneoff-main h2{
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
