/* CSS Document */
img {border:none;}
body, p {font-family: Verdana, Arial, Helvetica, sans-serif;   font-size:12px; line-height:1.4; margin:0;}
body {text-align: center;
}
h1 { font-size:30px; font-weight:bold; margin-top:0; color:#218bb2; }
h2 {color:#740e17; font-size:17px; margin-bottom:0; font-weight:bold;}
h3 {color:#FFFFFF; font-size:22px;margin-top:0;}
h4 { color:#740F17; font-size:22px; margin-bottom:5px; font-weight:normal;margin-top:0;}
a {color:#740F17;}
a.nav.black  { color:#000000; }
.redtext {color:#740F17; font-size:12px;}
.logo { margin-top:20px; }
.intro {margin:20px 20px 0 120px;}
.back {background-image:url(../../images/bg.gif); background-repeat:repeat-y; background-position:center;}
.wlink, wlink a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
a:hover.wlink  { text-decoration:underline;}
.right {border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.tabcol1 {width:85px; background-color:#740F17; color:#FFFFFF; font-size:11px; padding-left:5px;}
.tablongcol1 { padding-left:5px; width:105px; background-color:#740F17; color:#FFFFFF; font-size:11px;}
.tablongercol1 { padding-left:5px; width:135px; background-color:#740F17; color:#FFFFFF; font-size:11px;}
.tabcol2 { padding-left:5px; width:85px; background-color:#3743b1; color:#FFFFFF; font-size:11px;}
.tabcol3 { padding-left:5px; width:85px; background-color:#009933; color:#FFFFFF; font-size:11px;}
.tabbotcol1 { border-top:1px solid #740F17; margin-right:9px; padding:4px; margin-bottom:20px;background-color:#F9EBE8;}
.tabbotcol3 {  margin-bottom:20px; border-top:1px solid #009933; margin-right:9px; padding:4px; background-color:#EDF8E9;}
.tabbotcol2 {  margin-bottom:20px; border-top:1px solid #3743b1; margin-right:9px;padding:4px;  background-color:#EBECF7; }
.box1 {border: 1px solid #cccccc; background-color:#FFFFFF; width:257px; }
.box2 { width:257px; }
.boxlongcol1 {border: 1px solid #cccccc; background-color:#ffffff;  }
.col1 { background-color:#F9EBE8;margin-bottom:20px;margin-right:9px; padding:4px;}
.boxemp { padding:30px 60px 5px 15px; }
.red {background-image:url(../images/barbg.gif); background-position:bottom; background-repeat:repeat-x; margin: 0 20px 0 20px;}
.btext { margin:0; font-size:10px;}
.box1a { background-color:#cedfef;  padding:10px; }
.box1b { background-color:#3743B1;  padding:10px;  color:#FFFFFF;}
.box2a { background-image:url(../../images/bnroutdoorliving.jpg); background-position:top; background-repeat:no-repeat; background-color:#ff96a5; padding:10px;}
.box2b { background-color:#740F17; padding:10px; color:#FFFFFF; font-size: 14px; margin-bottom:10px;}
.box3 { background-color:#c6c7ef; padding:0 10px 10px 10px; }
.features { padding: 6px 5px 5px 15px;}
#white { color:#FFFFFF; padding-left: 8px}
.white { color:#FFFFFF; padding-left: 8px}
.features a { text-decoration:none;}
.features a:hover {text-decoration:underline;}
.mar { margin-top:10px;}
.mar2 { margin-top:20px;}
.mar3 {margin-top:20px; }
.mar4 {margin:20px 0 20px 0; }
.mid {width:4px;}
.mid2 { height:4px;}
.nav {margin-right:18px; }
.compcontent {margin-left:65px; margin-right:50px;}
.compback { background-color:#cadad7; margin-top:20px; padding:10px 10px 1px 10px;}
.form td {padding:7px 15px 7px 0;}
.comp { margin-left:10px; margin-right:10px; }
.compbackbox {background-color:#3743b1; color:#FFFFFF; padding:10px 10px 10px 10px;}
.botmar { margin-bottom:800px;}
.bluebar { background-color:#cadad7; height:10px; margin-top:20px; margin-right:50px;}
.bluebar2 { background-color:#cadad7; height:10px; margin-top:20px; margin-right:10px; margin-bottom:20px;}
.compbox { background-color:#ecf1eb; padding:0 10px 0 10px; margin-bottom:0;}
.star { background-image:url(../images/barbg.gif); background-position:right; background-repeat:no-repeat;}
.star2 { background-image:url(../images/garden_barlft.jpg); background-position: left; background-repeat:no-repeat;}
.redheader {color:#C41425; font-size:17px; margin-top:20px; margin-bottom:0; margin-left: 20px; font-weight:bold;}
.redredtext {color:#C41425; font-size:12px;}
#signuppix {
margin-top: 40px;
}
#toptext {
margin-top: 15px;
}
/* HACK FOR IE5 MAC TO IGNORE \*/
* html .form td, .ie5text, #ie5text {
font-size: 12px;
}
/* END OF HACK */


/*********** Table less styles created by Imran ***********************/
#wrapper { margin: 0 auto; text-align: left; width: 730px; padding-bottom: 20px; text-align: left }

#headerNew { height: 210px; background: url(../images/eg_header.jpg) no-repeat 0 0; position: relative; }
#headerNew h1 { text-indent: -9999px; margin: 0; }
#headerNew p { text-indent: -9999px; margin: 0; }
ul#menuNew { display: block; position: absolute; margin: 0; padding: 0; top: 142px; left: 30px; width: 700px; list-style: none; height: 14px; }
ul#menuNew a { display: block; height: 14px; text-indent: -9999px; }
ul#menuNew li { float: left; height: 14px; }
ul#menuNew li#diy { background: url(../images/eg_btndiy.gif) no-repeat; width: 99px; }
ul#menuNew li#contact { background: url(../images/eg_btncontact.gif) no-repeat; width: 112px; margin-left: 20px; }

.holder h2 { background: url(../images/eg_title.gif) no-repeat; width: 100%; height: 44px; text-indent: -9999px; margin: 0 0 20px 0; position: relative}
.holder p { margin-bottom: 10px; }

#footer { padding: 30px 0 0 60px; width:530px;  }
#footer p { margin-bottom: 10px; }
.center { text-align: center; }
.clear { clear: both; }

/* form */

.question label { margin-left: 20px; }
#yourDetails { background-color: #cdeef1; border: 1px solid #5bc6cc; }
#yourDetails form { padding: 20px; }
#yourDetails p { color: #000000; }
#yourDetails fieldset { border: none; margin: 0; padding: 0; }
#yourDetails #contactDetails { margin-top: 10px; }
#yourDetails label, label span { display: block; padding-bottom: 10px; color: #000000;  }
#yourDetails label { float: left; width: 100%;}
* html #yourDetails label { float: none; width: 100%;}
#yourDetails label span { float: left; width: 25%; text-align: left;}
#go { margin: 25px 0 10px 0; background: url(../images/eg_button.gif) no-repeat; width: 161px; height: 31px; border: none; padding: 0; cursor: pointer; }
.address input { margin-bottom: 10px; }
.address span { height: 125px;}
#addSpan { height: 125px; }
#yourDetails label span.redredtext { width: 75%; }

#yourDetails p.heading_outline { float: left; width: 100%; }
#yourDetails p.heading_outline span.heading { float: left; width: 25%;}
#yourDetails p label { width: auto; float: left; padding-right: 5px}
p#margin20 { margin-top: 20px; margin-bottom: 0; }


#yourDetails p.address label { width: auto; float: none; padding-right: 5px; margin: 0; padding: 0}
#addresssection {
float: left;
width: 350px;
}
#yourDetails p#add { float: left; width: 25%;}

* html #addresssection {
float: left;
width: 350px;
margin-left: 3px
}
p.margin10 { margin: 10px 0 }

/* thanks page */
.leftCol { width: 530px; float: left; margin-left: 50px; display: inline }
.rightCol { width: 185px; float: right; height: 298px; background: url(../images/rightside.gif) no-repeat; }

.leftCol h2 { background: url(../images/eg_emailtitlethankyou.gif) no-repeat; width: 507px; height: 105px; text-indent: -9999px; margin-bottom: 10px }

.leftCol p { padding-left: 10px; margin-bottom: 15px; }
.rightCol p { text-indent: -9999px; }