/* ------------------------------------------------------------- 
   GLOBAL 
--------------------------------------------------------------  */
body{background-color:#FFF;color:#4A433B;margin:0 auto;width:980px}
div,span,td,.normal{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;line-height:130%}
iframe{margin-top:10px}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left:0}
.omega {margin-right:0}

/* Common classes
--------------------------------------------------------------   */
.align-center{text-align:center}
.align-justify{text-align:justify}
.align-left{text-align:left}
.align-right{text-align:right}
.block{display:block !important}
.bottom{margin-bottom:0;padding-bottom:0}
.clear-left{clear:left}
.clear-right{clear:right}
.first{margin-left:0;padding-left:0}
.float-left{float:left}
.float-right{float:right}
.hide{display:none}
.inline{display:inline !important}
.last{margin-right:0;padding-right:0}
.top{margin-top:0;padding-top:0}

/* Tables
--------------------------------------------------------------  */
td{vertical-align:top}
table.general {padding:10px; width:auto}

/* Lists
--------------------------------------------------------------  */
li.main{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13pt;line-height:130%;list-style-type:disc;margin:10px 0}
ul.main2{margin-top:5px}
li.styled{display:inline;list-style-type:disc}

ul.inline {list-style-type:none; margin:10px 0; padding:0; text-indent:0}
ul.inline li {font-size:9pt; line-height:130%; margin:0 0 5px 0; padding:5px 0; text-indent:0; clear:both}

/* Structure
--------------------------------------------------------------  */
.header{float:left;position:absolute;top:0;width:980px;z-index:1}
.sectionhome{float:left;position:absolute;top:300px;width:980px;z-index:2}
.section{float:left;position:absolute;top:260px;width:980px;z-index:3}
.content{padding:0 10px 10px;width:960px}

/* Navigation
--------------------------------------------------------------  */
.menu{background-color:#770101; background-image:url(../images/sub-navigation-gradient.jpg); background-position:top; background-repeat:repeat-x; color:#FFF; display:block; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9pt; font-weight:900; line-height:130%; padding:3px}
.subnavigation{clear:both;display:block;float:left;margin:10px 0;text-align:left;width:130px}
.subnavigationalt{margin:10px 0; text-align:center; clear:both; padding:0 2px}
.menualt{background-color:#770101;color:#FFF;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:10pt;font-weight:900;letter-spacing:.02cm; float:left}
.turnpagebrochure {width:980px; height:580px}

/* Footer
--------------------------------------------------------------  */
td.footer{background-color:#770101;background-image:url(../images/homepage/footer_background.jpg);background-position:top;background-repeat:repeat-x;text-align:center;width:980px}
.footertext{color:#FFF;font-size:7pt;text-align:center}
.footertexttitle{color:#FFF;font-size:9pt;font-weight:900;text-align:center}
.footerhighlight{color:#FFF;font-size:8pt;font-weight:900;margin:5px 5px 15px;text-align:center;text-transform:uppercase}

/* ------------------------------------------------------------- 
   TYPOGRAPHY  
-------------------------------------------------------------- */ 
/* Headings -------------------------------------------------------------- */

/* Text -------------------------------------------------------------- */
.lc {text-transform:lowercase}

blockquote{border-left:15px solid #B03627;color:#770101;display:block;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12pt;font-weight:700;line-height:150%;margin:10px 0;padding:0 0 0 10px}
.caption{color:#770101;display:block;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:8pt;font-style:italic;font-weight:700;
height:60px;line-height:150%;margin:5px 0 20px;padding:5px;text-align:center;width:200px}

.title{color:#770101;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:15pt;font-weight:900;margin-top:10px}
.subtitle{color:#770101;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11pt;font-weight:900;margin-top:10px}
.supernormal{color:#770101;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11pt}
.emphasise{font-weight:700;margin:20px 0 0}
.emphasise2{font-size:8pt;font-style:italic}

.subnormal{font-size:7pt; color:#867969}
.highlight{color:#AD253B;font-size:8pt;font-weight:900;margin:5px 5px 15px;text-align:center;text-transform:uppercase}
.style2{text-align:justify}
.inlinesubset {display:block; margin:0; padding:0}
.privacy{color:#515151;font-size:8pt;margin-top:10px}
.question{font-size:9pt;font-weight:900;line-height:150%;margin:5px 0 0}
.answer{font-size:8pt}
.inset{display:block;margin:10px 0 10px 20px}

.style3{margin-top:5px}

/* Hyperlinks
--------------------------------------------------------------  */
a:link{color:#A1593B}
a{font-weight:700;text-decoration:none}
a:hover,a:active,a:visited{color:#7D6D57;font-weight:700}
a.footertext{text-decoration:none}
a.footertext:hover,a.footertext:active{color:#7D6D57}
a.menu{text-decoration:none}
a.menu:hover,a.menu:active{color:#F9554C}

/*------------------------------------------------------------- 
SITE SPECIFIC 
--------------------------------------------------------------*/ 
.wrapper{display:block;float:right;margin:2px 0 0 0;padding:0;text-align:right;width:780px}
.innerwrapper{display:block; margin:0 auto; padding:0; width:672px; text-align:center}
.productwrapper{display:block;float:left;margin:5px;padding:2px;text-align:left;width:154px}
.productwrapper2{display:block;float:left;margin:0 0 5px;padding:0;text-align:left;width:154px}
.product{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:9pt}
.productimage{border:1px solid #CCC}
.productimage2{border:0}
.sizewrapper{margin:20px 0 10px;padding:0;text-align:center;width:100%}
.size0,.size1,.size2,.size3{margin:0;padding:5px}
.size0{background-color:#770101;color:#FFF}
.size1{background-color:#D46459;color:#770101}
.size2{background-color:#F2A39C;color:#770101}
.size3{color:#770101}

img.popup{border:0; margin:0 10px 10px 0; float:left; display:inline-block}
img.popupextra{border:0; margin:0 0 10px 0; display:inline-block}

.arrow{background-image:url(../images/makingourbricks/arrow.jpg);background-position:center;background-repeat:no-repeat;clear:both;height:270px;margin:1px}

/* ------------------------------------------------------------- 
   CONTACT PAGE
--------------------------------------------------------------  */

.key1, .key2, .key3, .key4 {padding:10px 10px 20px 10px}
.key1 {border-left:5px solid #EA9C2D}
.key2 {border-left:5px solid #D05215}
.key3 {border-left:5px solid #B32323}
.key4 {border-left:5px solid #7C0000}

.salesrep {min-height:400px}

/* ------------------------------------------------------------- 
   BOXES AND BORDERS
--------------------------------------------------------------  */
.box,.boxhome,.boxhome2{border-bottom:1px solid #B03627;border-top:5px solid #B03627;margin:25px 0;text-align:right;width:310px}
.boxhome{margin:5px 0 20px;padding:15px 0 5px}
.boxhomeright {display:inline}

.box{padding:15px 0 5px}
.boxhome2{padding:5px 0 0}
.boxlink{border-bottom:1px solid #B03627;border-top:5px solid #B03627;margin:0 0 20px;padding:5px}
.boxed{border:1px solid #B03627;margin:10px 0;padding:5px}

.boxcomment{border-top:1px solid #B03627;color:#770101;display:block;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:7pt;font-style:italic;font-weight:700;line-height:150%;margin:50px 0 10px;padding:5px 0;text-align:right}

.border {border:1px solid #B03627; padding:10px; margin:10px 0; clear:both}

/* ------------------------------------------------------------- 
   FORMS 
-------------------------------------------------------------- 
 Form fields
--------------------------------------------------------------  */
form.feedback{border:1px solid #B03627;margin-top:10px;padding:5px}
table.form{margin-top:10px;width:98%}
td.form{font-size:8pt;text-align:right;width:30%}
td.input{display:block;font-size:9pt;padding:2px;width:70%}
input.formstyle{display:block;float:left}
td.input2{font-size:8pt;width:70%}
label {font-size:8pt}

/* Success, notice and error boxes
--------------------------------------------------------------  */

/* ------------------------------------------------------------- 
   IMAGES  
--------------------------------------------------------------  */
img.style{margin:10px 0}
img.style2{display:block;float:left;margin:0 10px 10px 0}
img.style3{float:right;text-align:right}
img.style4{margin:0 0 40px}
img.style5{margin:40px 0 0;vertical-align:bottom}
img.style6{text-align:center}
img.style7{margin:12px 0 0}
img.style8{border:0; margin:0 10px 0 0; float:left}
img.style9{border:0}
img.style10{margin:20px 0}
img.item {float:left; display:inline-block; margin:0 10px 10px 0}
img.link{border:0;clear:both;margin:5px}
/* ------------------------------------------------------------- 
   UNSORTED 
--------------------------------------------------------------  */
.style1,a.menu:link,a.menu:visited,a.footertext:link,a.footertext:visited{color:#FFF}

td.columnhomecenter{background-image:url(../images/homepage/reclaim_mix_brick_house.jpg);background-position:bottom left;background-repeat:no-repeat;width:325px}
td.columnmain{padding-right:10px;width:650px}
td.column{width:50%}

td.column2{padding-right:15px;width:480px}
td.column3{width:480px}

td.column5{padding-right:15px;width:420px}
td.column6{width:540px}

.columnhometext{display:block;padding:15px 0 0;width:315px}
td.columnleftalt{padding-right:10px;width:200px}
td.columncenteralt{padding-right:10px;width:360px}
td.columnrightalt{width:400px}
td.columncenter4{padding:0 15px;width:310px}
td.margin{width:110px}
td.makingbricks{width:200px}
td.arrowed{text-align:center;width:70px}

td.navigationbar{background-image:url(../images/navigation_bar.png)}
td.navigationindex{color:#FFF;margin:40px 5px 5px;padding:4px;text-align:center;width:980px}
td.navigation{margin:40px 5px 8px;padding:5px 5px 8px;text-align:center}
img.specialist{margin:0}

td.dbcolumnleft {padding-right:10px;width:140px}
td.dbcolumncenter{padding-right:10px;width:410px}
td.dbcolumnright{width:410px}

.dbleft {width:130px; margin:10px 10px 0 0; float:left; display:inline-block}
.dbright{width:810px; margin:10px 0 0 0; display:inline-block}
.column {width:385px; margin:0 10px; float:left; display:inline-block}
.linkbox{border:1px solid #770101;margin:5px 0;padding:5px}
table.brickstyle{margin-top:20px;text-align:center}
.style4{margin:10px 0;text-align:center}
table.flash{margin:0;padding:0}
td.columnleft,td.columncenter{padding-right:10px;width:325px}
td.columnright,td.columnright3{width:310px}
table.brochure td {border:1px solid #CCC;padding:5px;width:50%; margin:5px}
.columntext,td.columnleft4,td.columnright4{width:325px}
td.columnleft3,td.columncenter3{padding-right:15px;width:325px}
td.twocolumnleft {width:510px; padding:0 20px 0 0}
td.twocolumnright {width:430px; padding:0}

td.col1 {width:30%}
td.col2 {width:70%}



/* Cotswold Collection ---------------------------------------------------- */
td.division {width:160px; margin:0 10px 0 0}
td.divisionend {width:160px; margin:0 0 0 0}

td.division2 {width:245px; margin:0 10px 0 0}
td.divisionend2 {width:245px; margin:0 0 0 0}

td.techspec {width:150px; padding:5px; font-weight:900}
td.techspecdetail {width:290px; padding:5px}
td.threecolumn {width:33%; padding:5px}