/*
      Created by Conor Byrne
*/

* { padding: 0; margin: 0; }

body {
 background:transparent url(../images/body-bg.png) repeat scroll 0%;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 padding:20px 20px;
}
#wrapper { 
 margin: 0 auto;
 width: 700px;
 border: 1px solid #000;
}

#topwhite {
 background:#FFF;
 color: #333;
 width: 670px;
 float: left;
 padding-left: 30px;
 padding-top: 10px;
 height: 100px;
 border-bottom: 1px solid #000;
 }
 
#header {
 font-family:Arial,Helvetica,sans-serif;
 font-size:24px;
 color: #FFF;
 width: 678px;
 float: left;
 padding: 10px;
 height: 98px;
 margin: 0px 0px 0px 0x;
 border-bottom: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 background-image:url(../images/header_process.gif);
 background-repeat:no-repeat; 
 /*
 background:#GGG;
 	*/
 }
 
#menu {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
background:#a89e7e;
width:698px;
float:left;
height:25px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

#headercontainer {
background:#FFF;
width:700px;
float:left;
height:120px;
margin: 0px 0px 0px 0px;
border-left: 0px solid #000;
border-right: 0px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#main { 
 font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
 color: #000;
 background: #AAA;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 407px;
 width: 700px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #FFF;
 border-top: 0px solid #FFF;
 border-bottom: 0px solid #FFF;
}
 
#mainall { 
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 407px;
 width: 700px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 0px solid #FFF;
}
 
#mainbottom1 {
display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 50px;
 width: 232px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 1px solid #000;
}
#mainbottom1whitebox {
 display:inline;
 font-size:11px;
 color: #FFF;
 background: url(../images/enquiry5.gif);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 48px;
 width: 230px;
 float: left;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}

#mainbottom2{
display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 50px;
 width: 234px;
 float: left;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 1px solid #000;
}
#mainbottom2whitebox{
 display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 48px;
 width: 232px;
 float: left;
 background: url(../images/survey5.gif);
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}

#mainbottom3 {
 display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 50px;
 width: 232px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 1px solid #000;
}
#mainbottom3whitebox {
 display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 48px;
 width: 230px;
 background: url(../images/build5.gif);
 float: left;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}

#mainbottomtext1 {
 font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
 display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding-left: 20px;
 padding-right:10px;
 padding-top:5px;
 padding-bottom:10px;
 height: 307px;
 width: 202px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 0px solid #000;
}

#mainbottomtext2{
 font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
 display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding-left: 20px;
 padding-right:10px;
 padding-top:5px;
 padding-bottom:10px;
 height: 323px;
 width: 204px;
 float: left;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 0px solid #000;
}

#mainbottomtext3 {
 font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
 display:inline;
 font-size:11px;
 color: #000;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding-left: 20px;
 padding-right:10px;
 padding-top:5px;
 padding-bottom:10px;
 height: 307px;
 width: 202px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 0px solid #000;
}

#maintop1{
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 text-align:center;
 color: #FFF;
 background: #a89e7e;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
 padding-right: 10px;
 height: 15px;
 width: 210px;
 float: left;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}
 
 #maintopcontainer1{
 height: 17px;
 width: 232px;
 float: left;
 border-left: 0px solid #FFF;
 border-right: 0px solid #FFF;
 border-top: 0px solid #FFF;
 border-bottom: 1px solid #000;
}

#maintop2{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
 text-align:center;
 color: #FFF;
 background: #a89e7e;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
 padding-right: 10px;
 height: 15px;
 width: 212px;
 float: left;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}
 
 #maintopcontainer2{
 background: #cb1c0c;
 height: 17px;
 width: 234px;
 float: left;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 1px solid #000;
}

#maintop3{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
 text-align:center;
 color: #FFF;
 background: #a89e7e;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
 padding-right: 10px;
 height: 15px;
 width: 210px;
 float: left;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}
 
 #maintopcontainer3{
 background: #cb1c0c;
 height: 17px;
 width: 232px;
 float: left;
 border-left: 0px solid #000;
 border-right: 0px solid #000;
 border-top: 0px solid #FFF;
 border-bottom: 1px solid #000;
}

 #footer { 
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 width: 688px;
 height:23px;
 clear: both;
 color: #FFF;
 background: #a89e7e;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
 padding-top: 5px;
 border-bottom: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 text-align:center;
}

a:link { 
	color: #FFFFFF;
	}
a:visited { 
	color: #FFFFFF;
	}
a:hover { 
	color: #3D2D1F;
	}
a:active { 
	color: #FFFFFF;
	}

 #footercontainer { 
 width: 700px;
 height:30px;
 clear: both;
 color: #FFF;
 border-bottom: 0px solid #000;
 border-top: 1px solid #000;
 border-left: 0px solid #000;
 border-right: 0px solid #000;
}

/*
      The horizontal menu system
*/
#menu1 {
  width:508px;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  }
#menu1 li {
  float:left;
  width:100px;
  border:0px solid #fff; 
  }
#menu1 a {
  display:block;
  width:100px;
  height:13px;
  color:#FFF; 
  background:#a89e7e; 
  text-align:center; 
  padding:6px 0; 
  text-decoration:none; 
  float:left; 
  }
#menu1 a:hover {
  color:#fff; 
  background:#3d2d1f;
  
  }

/*
      The FORM
*/

  
label{
float: left;
width: 120px;
font-size:9px;
}

input, textarea{
width: 150px;
margin-bottom: 5px;
}

textarea{
width: 150px;
height: 50px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 0px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

/*Skip Slider*/
#outerBox { height:222px; float: left; display: inline; background: #FFF; position: relative; }
#t_imageShow { border-left: 1px solid #FFF;border-right: 1px solid #FFF; border-top: 1px solid #FFF;width: 698px; height: 222px; overflow: hidden; }
#t_imageShow div.imageShowElement { height: 320px; }
.imageShowLeftScroller { width: 30px; height: 75px; top: 35px; background: url(../images/leftScroller.gif) left center no-repeat; }
.imageShowRightScroller { width: 30px; height: 75px; top: 35px; background: url(../images/rightScroller.gif) left center no-repeat; }
.txt { background:#FFF;width: 245px; height: 221px; margin-top: 10px; font-family: verdana; }
.txt img { width: 244px; height: 142px; border: 0px; margin-left: 0px; margin-right:0px; margin-top: 0px; margin-bottom: 0px;}
.txt h1 { margin: 0px; padding: 0px; padding-bottom: 10px; font: 12px arial black; text-align: center; }
.txt h2 { margin: 0px; padding: 0px; padding-bottom: 5px; font: 10px arial black; text-align: center; }
table{ background: #E7E7E7; width:244px; border-spacing: 1px; font: 10px 'Verdana', Arial, Helvetica, sans-serif; color: #666666; padding: 0px;}
td, th{ padding:4px; }
thead th{ background: #F5F5F5; border: 1px solid #ffffff; font-weight: bold; text-align: center; color: #666666; text-transform: uppercase; }
tbody th{ font-weight:bold; }
tbody tr{ background:#ffffff; border-top: 1px solid #ffffff; }
tbody tr td{ padding: 5px; background: #fafafa; border:1px solid #FFFFFF; }
#t_imageShow_tip { display: none; }
#startingTips { z-index: 10; left: 533px; top: -84px; width: 278px; height: 161px; background: url(http://craftconservatories.com/images/speech_bubble.gif); }
#startingTips .content { z-index: 11; display: block; margin: 40px 25px 40px 25px; }
#skip_buttons { width: 462px; margin-bottom: 15px; }
.skip_quote a { display: block; width: 130px; height: 30px; margin: 8px 24px 0px 12px; cursor: pointer; }
.skip_order a { display: block; width: 130px; height: 30px; margin: 8px 24px 0px 0px; cursor: pointer; }
.skip_call a { display: block; width: 130px; height: 30px; margin-top: 8px; cursor: pointer; }
.account a { display: block; width: 130px; height: 30px; margin: 8px 24px 0px 12px; cursor: pointer; background: url(http://craftconservatories.com/images/account.gif); }
.sizes a { display: block; width: 130px; height: 30px; margin: 8px 24px 0px 0px; background: url(http://craftconservatories.com/images/skip_sizes.png); }
.faqs a { display: block; width: 130px; height: 30px; margin-top: 8px; background: url(http://craftconservatories.com/images/faq.png);  }
.skip_quote a:hover, .skip_order a:hover, .skip_call a:hover, .account a:hover { background-position: 0px -30px; }