/* CSS Document */
body {
text-align: center;
background: #fff;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1.4;
margin:0;
}
#back {
background-image: url(../../images/bg.gif);
background-repeat: repeat-y; 
background-position: center;
}
#wrapper {
width: 730px;
margin: 0 auto;
text-align: left;
}
img { 
border: none;
behavior: url(iepngfix.htc);
}
.clear {
clear: both;
}
a { 
color: #C8361F;
}
#navigation {
background: #ba322e;
height: 29px;
}
#navigation #mid_mag {
float: right;
}
#bottom_mag {
float: right;
}

/* HACK FOR IE5 MAC TO IGNORE \*/
#IEroot #navigation img {
margin-left: 4px;
}
/* END OF HACK */
#menu {
float: left;
width: 500px;
}
#menu ul {
margin: 0;
padding: 0;
margin-top: 8px;
font-size: 1.2em;
}
#menu li {
display: inline;
list-style-type: none;
color: #fff;
font-weight: bold;
margin-right: 10px;
}
#menu li a {
color: #fff;
text-decoration: none;
margin-right: 5px;
}
#menu li a:hover {
text-decoration: underline;
}
#menu li select {
margin-left: 4px;
margin-right: 1px;
}
#menu #selecttitle {
margin-left: 25px;
padding: 0;
}

#maincontent
{
width:730px;
}

#maincontent h2 {
background: url(../images/titlewelcome.gif) no-repeat;
width: 545px;
height: 20px;
text-indent: -9999px;
margin: 0;
}
#maincontent p {
font-size: 1.1em;
}
#maincontent #headingpix {
display: block;
}
#maincontent #BandQlogo {
display: block;
margin-top: 15px;
margin-right: 30px;
margin-bottom: 70px;
}
#maincontent .maincontenttext {
margin: 0;
margin-top: 14px;
margin-bottom: 50px;
}






#havesaycontent {
width: 354px;
float: left;
color: #fff;
border: 1px solid #925479;
position: relative;
margin-bottom: 15px;
height: 174px;
background: #dda15e url(../images/box2_pic.jpg) no-repeat right bottom;
}
* html #havesaycontent {
height: 180px;
}
#havesaycontent h3 {
background: url(../images/box2_title.gif) no-repeat;
width: 186px;
height: 37px;
text-indent: -9999px;
margin: 10px 0 10px 10px;
}
#havesaycontent img {
display: block;
}
#havesaycontent p#havesaytext {
font-size: 1.1em;
margin: 10px 14px 10px 10px;
color: #fff;
line-height: 1.2em;
}
#havesaycontent p#havesaytext img {
margin: 20px 14px 10px 0;
} 

#speakyourmind {
width: 354px;
float: left;
color: #fff;
border: 1px solid #4e8579;
position: relative;
margin-bottom: 15px;
height: 174px;
background: #c6c7c7 url(../images/box4_pic.jpg) no-repeat right bottom;
}
#speakyourmind h3 {
background: url(../images/box4_title.gif) no-repeat;
margin: 10px 0 10px 10px;
width: 320px;
height: 17px;
text-indent: -9999px;
}
#speakyourmind img {
display: block;
}
#speakyourmindpix {
position: absolute;
bottom: 0;
right: 0;
}
#speakyourmindpixtext {
position: relative;
z-index: 1
}
#speakyourmind p#speakyourmindtext {
font-size: 1.1em;
margin: 10px 14px 10px 10px;
color: #fff;
width: 175px;
line-height: 1.2em;
}
#speakyourmind p#speakyourmindtext img {
margin: 20px 14px 10px 0;
}









#callingallgarden {
width: 728px;
color: #fff;
border: 1px solid #4e8579;
position: relative;
margin-bottom: 15px;
height: 174px;
background: #dda15e url(../images/box5_pic.jpg) no-repeat right bottom;
}
#callingallgarden h3 {
background: url(../images/box5_title.gif) no-repeat;
margin: 10px 0 10px 10px;
width: 680px;
height: 17px;
text-indent: -9999px;
}
#callingallgarden img {
display: block;
}
#callingallgardenpix {
position: absolute;
bottom: 0;
right: 0;
}
#callingallgardenpixtext {
position: relative;
z-index: 1
}
#callingallgarden p#callingallgardentext {
font-size: 1.1em;
margin: 10px 14px 10px 10px;
color: #fff;
width: 450px;
line-height: 1.2em;
}
#callingallgarden p#callingallgardentext img {
margin: 20px 14px 10px 0;
}







#needhelpwithyourgarden {
width: 354px;
float: right;
color: #fff;
border: 1px solid #4e8579;
position: relative;
margin-bottom: 15px;
height: 174px;
background: #C85B58 url(../images/box3_pic.jpg) no-repeat scroll 155px 40px;
}
#needhelpwithyourgarden h3 {
background: url(../images/box3_title.gif) no-repeat;
margin: 10px 0 10px 10px;
width: 320px;
height: 17px;
text-indent: -9999px;
}
#needhelpwithyourgarden img {
display: block;
}
#needhelpwithyourgardenpix {
position: absolute;
bottom: 0;
right: 0;
}
#needhelpwithyourgardenpixtext {
position: relative;
z-index: 1
}
#needhelpwithyourgarden p#needhelpwithyourgardentext {
font-size: 1.1em;
margin: 10px 14px 10px 10px;
color: #fff;
width: 139px;
line-height: 1.2em;
}
#needhelpwithyourgarden p#needhelpwithyourgardentext img {
margin: 20px 14px 10px 0;
}




#grabscontent {
background: #b8b9b9;
border: 1px solid #aa8b50;
position: relative;
width: 728px;
clear: both;
margin-bottom:15px;
}
#grabscontent img {
display: block;
}
#grabscontent #starphoto {
position: absolute;
top: -40px;
top: 0;
left: 330px
}
#grabscontent p#grabstext {
color: #fff;
width: 190px;
font-size: 1.1em;
float: right;
position: relative;
display: inline;
margin: 45px 27px 0 0;
line-height: 1.2em;
}
#grabscontent p#grabstext img {
margin: 20px 0 0 0;
}
.headerpix {
margin: 10px 0 10px 10px
}
.contentboxpix {
float: right;
}

#autumncompcontent {
width: 728px;
float: left;
color: #fff;
border: 1px solid #8cbfcc;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
height: 174px;
background: #9dc9d4 url(../images/box3_image.jpg) no-repeat right top;
}
#autumncompcontent h3 {
background: url(../images/box3_title.gif) no-repeat;
width: 150px;
height: 35px;
text-indent: -9999px;
margin: 10px 0 10px 10px;
}
#autumncompcontent img {
display: block;
}
#autumncompcontent p#autumncomptext {
font-size: 1.1em;
margin: 10px 14px 10px 10px;
color: #fff;
line-height: 1.2em;
}
#autumncompcontent p#autumncomptext img {
margin: 20px 14px 10px 0;
}




#eyestylecontent {
width: 354px;
float: left;
background: #4c786c;
color: #fff;
border: 1px solid #1f5647;
position: relative;
margin-top: 15px;
margin-left: 18px;
}
#eyestylecontent img {
display: block;
}
#eyestylecontent p#eyestyletext {
font-size: 1.1em;
margin: 10px 14px 10px 10px;
color: #fff;
line-height: 1.2em;
}
#eyestylecontent p#eyestyletext img {
margin: 10px 14px 10px 0;
}
#rightcolumn {
width: 356px;
float: right;
position: relative;
}
.btnpix {
margin-bottom: 10px;
margin-left: 10px;
}
#footer {
clear: both;
text-align: center;
padding: 20px;
padding: 0;
font-size: 1.1em;
}

#footer p {
margin: 0;
}
.footertext {
font-size: 1.1em;
margin: 0;
}

#thankstext {
width: 100%;
}
/* HACK FOR IE5 MAC TO IGNORE \*/
#IEroot #thankstext {
width: 130%;
margin-top: /**/-170px;
width/**/: 100%;
}
/* END OF HACK */

#bathroombox {
border-left: 1px solid #ccc; 
border-right: 1px solid #ccc;
}
.box3 { background-color:#c6c7ef; padding:0 10px 10px 10px; margin-top:0; border: 1px solid #c6c7ef;}
.box3 h2 {color:#01BAF1; font-size:17px; margin-bottom:5px; font-weight:normal;}
.box1b { background-color:#3743B1;  padding:10px;  color:#FFFFFF;}

#advicebook {
margin-top: -5px;
}
#IEroot #advicebook {
margin-top: -10px;
}

#maincontent .maincontenttext2 {
margin: 0;
margin-top: 0px;
}
#maincontent #BandQlogo2 {
display: block;
margin-top: 0;
margin-right: 30px;
margin-bottom: 20px;
}


#btnpix {
position: absolute;
left: 10px;
bottom: 50px
}
* html #btnpix {
botto\m: -50px
}

h3#thanks { font-size: 1.4em; margin-top: 0; }

/* New header styling created by Imran */

#headerNew { height: 210px; background: url(../images/header_new.jpg) no-repeat -5px 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: 147px; 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/btndiy.gif) no-repeat; width: 99px; }
ul#menuNew li#contact { background: url(../images/btncontact.gif) no-repeat; width: 112px; margin-left: 20px; }



#displacer
{
margin-top:30px;
}