body {
background-image: url(images/wallpaper3.jpg);
}
* {
margin: 0
padding: 0;
}

/*  DEFINE SOME LAYOUT CLASSES  */
/* 
    This allows you to use multiple levels of css in your html, for example:
    <div id="newdiv" class="clear_left float_left">
      <p>Some content here</p>
      <img class="float_right" src="someimage" width="50" height="50" alt="alt-tag" />
      <p>Some content here</p>
    </div>
 */
.float_left {float:left;} 
.float_right {float:right;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both {clear:both;}
.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}

/*  DEFINE COLOURS  */
/*
  Like the above example this can be use as a multiple level css statement like so:
  <p class="text_right blue">some blue text</p>
*/
.blue {color:blue;} /* This uses a pre-defined blue but could use your own preferred shade */

/*  MAIN STYLING  */
#main {
width: 960px;
margin: 5px auto 5px auto;
}

#container {
width: 960px;
padding: 5px;
background: #f00;
border: thin solid #000000;
font-family: font-family: verdana, tahoma, Arial, Helvetica, sans-serif;
background-color: #c1b89b;
}

#header {
height: 150px;
width: 958px;
padding-bottom: 5px;
border: thin solid #000000;
background-color: #7a9884;
}
#logo_cart_holder {
width: 960px;
}

#logo_holder {
width: 710px;
float:left;
}
#cart_holder {
width: 245px;
float:right;
}

#cart {
margin-top:0px;
height:60px;
width: 245px;
}
#search {
margin-top:10px;
height: 40px;
width: 245px;
}

#menu_holder {
height: 40px;
width: 960px;
float:left;
margin-top: 0px;
margin-bottom: 0px;
}

#e_page{
float: left;
width: 958px;
margin-top: 5px;
border: thin solid #000000;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
visibility:visible; 
}

#opt {
padding: 0px;
float: right;
width: 240px;
margin-top: 0px;
margin-right: 0px;
border: thin solid #666666;
}

#footer {
clear: both;
float:left;
height: 24px;
width: 950px;
border: thin solid #000000;
margin-top: 5px;
padding-top: 9px;
padding-right: 0px;
padding-left: 9px;
background-color: #7f9c88;
}

#bottomfooter {
padding-left: 130px;
}




/*Template CSS*/


body, p, td {

font-size: 11px;

font-family: verdana, tahoma, Arial, Helvetica, sans-serif;

color: #4af13;

}



img {

border: 0;

}



hr {

height: 1px;

}







/* Toolbar */



#e_toolbar a {

font-size: 11px;

color: #000000;

padding: 0px 0px 100px 0px;

text-decoration: none;

font-weight: normal;

}



#e_toolbar a:hover {

color: #f000000;

}



#e_toolbar #Toolbar_Links {

margin: 0px 0px 0px 0px;

color: #f000000;

}







/* Basket */



#e_basket td {

font-size: 80%;

}



#e_basket a, #e_basket td {

color: #000;

text-decoration: none;

font-weight: normal;

}



#e_basket a:hover {

color: #ffffff;

}







/* Menu */

/*size of menu header*/


#e_menu a {

font-size: 11px;

color: #5e3f1f;

text-decoration: none;

font-weight: bold;

margin: 0px 23px 0px 0px;

display: block;

}



#e_menu a:hover {

color: #f3efe3;

}



.Menu_Header {

display: block;

padding: 0px 0px 0px 0px;

color: #000;

font-weight: normal;

font-size: 80%;

}






/* Page */



h1 {

font-family: verdana, tahoma, Arial, Helvetica, sans-serif;

font-size: 16px;

color: #333333;

font-weight: bold;

}



h2 {

font-size: 16px;

}



h3 {

font-size: 12px;

}



#Page_Breadcrumb, #Page_Breadcrumb a {

font-family: verdana, tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #333333;

text-decoration: none;

}


.Home_Link {

padding: 5px;

margin: 5px;

margin: 0;

min-height: 100px;

}



.Home_Link p {

font-size: 85%; 

padding: 0;

margin: 0;

}



.Home_Link  .Display_Name {

font-size: 12px;

font-weight: bold;

line-height: 1.3em;

padding: 5px 0 0 0;

margin: 0;

display: block;

}



.Home_Link .Display_Name {

color: #333;

}



.Home_Link .Link_Name {

clear: both;

}



.Home_Link .Display_Image {

float: left;

margin: 5px;

padding: 5px;

border: 1px solid #333;

background-color: #fff;

}



.Example_Link a { 

padding: 5px;

color: #4a2f13;

font-size: 85%; 

font-weight: bold;

background-color: #FF9900;

border: 1px solid #FF6600;

text-decoration: none;

}



.Example_Link a:hover { 

padding: 5px;

color: #4a2f13;

font-size: 85%; 

font-weight: bold;

background-color: #F5f5f5;

border: 1px solid #ccc;

text-decoration: none;

}



.Product_Name {

color: #4a2f13;

font-weight: bold;

font-size: 80%;

}



/* Checkout */



fieldset {

padding: 5px;

}





/* Footer */



#e_footer {

padding-top: 10px;

border-top: 1px #ccc solid;

text-align: center;

font-size: 80%;

font-family: Verdana, Arial, Helvetica,  sans-serif;

color: #333333;

background-color: #fff;

}



#e_footer a {

color: #ffffff;

}

#front_page_holder {

            height: 467px;

            width: 960px;
            
            margin-top: 0px
            
}

#flash_file_holder {

            padding: 0px;

            float: left;

            height: 467px;

            width: 700px;
   
           margin-left: 0px

}

#signup_holder {

            float: right;

            height: 350px;

width: 260px;            

            padding-top: 0px;

            padding-right: 0px;

            padding-bottom: 0px;

}

#sage {

position:relative;
left:0px;
top:260px;         



}

#optinholder {

           
           padding-top: 4px;

           }