.raisedmargincontainer {
  
  }


.raised {
  background:transparent; 
  width:40%;
  }


.raised h1, .raised p {
  margin:0 10px;
  }


.raised h1 {
  font-size:2em; 
  color:#fff;
  }


.raised p {
  padding-bottom:0.5em;
  }


.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }


.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }


.raised .b2 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }


.raised .b3 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }


.raised .b4 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }


.raised .b4b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }


.raised .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }


.raised .b2b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }


.raised .b1 {
  margin:0 5px; 
  background:#fff;
  }


.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }


.raised .b3, .raised .b3b {
  margin:0 2px;
  }


.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }


.raised .b1b {
  margin:0 5px; background:#999;
  }


.raised .boxcontent {
  display:block;  
  background:#ccc; 
  width: 165px;
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }




#container

{
width: 860px;
margin: 1px auto;
background-color: #F8FADF;
color: #333;
border-style: solid;
border-width: thick;
border-color: #000066;
line-height: 130%;

}




<!-- start of navigation menu propeties -->





ul#navigation {
  width: 160px;
  text-align:left;
  margin: 0;
}





ul#navigation li {
  list-style: none;
  background-color: #ff9933;
  border-top: solid 1px #000066;
  border-bottom: solid 1px #000066;
  text-align: left; width: 160px;
} 



ul#navigation {margin-left: 0; padding-left: 0;}



ul#navigation li a {
  display: block;
  text-decoration: none;
  padding: .01cm;
  border-bottom: solid 1px #000066;
  border-right: solid 2px #000066;
  border-left: solid 2px #000066;
  border-top: solid 1px #000066;
  text-align: left;
  margin-left: 0px;


}





ul#navigation li a:link, a:visited { 
 color: #fff;
 
 
}





ul#navigation li a:hover, a:active {
 color: #000;
 

}




ul#navigation li a:hover {
 background-color: #fff;

}






<!-- end of navigation menu properties -->







#navigation
{
font: arial;
color: #660099;
margin: 0;
}





a:link {background-color: #ff9933; color: #000066;}




a:active {color: #ff9933;}




a:hover {background-color: #ffffff; color: #000066}




a {background-color: #ff9933; color: #ffffff; text-decoration: none}





#topimage
{
float: top;
background-color:  #000066;
 border-bottom: 1px solid gray;
color: #669999;
text-align: left;
}





#top
{
padding: .5em;
background-color: #ff9933;
border-bottom: 1px solid gray;
text-align: left;

}





#topimage h1
{
font-size: 30px:
padding: 0;
margin: 0;
color: #FFFF66;
}





#leftnav
{
float: left;
margin: 0;
padding: 0.1cm;
text-align:left;
}




#leftnav h1 { color: #000066; font-size: 15px; line-height: 110%; font-weight: bold; margin-left: 20px; }





#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 10px;
color: #669999; 
}





#content
{
margin-left: 180px;
border-left: 1px solid gray;
margin-right: 180px;
border-right: 1px solid gray;
padding: 1em;
max-width: 36em;
background-color: #ffffff;
font-family: arial; 
}




#content h1 { color: #000066; font-size: 26px; line-height: 110%; font-weight: bold; }




#content h2 { color: #000066; font-size: 18px; line-height: 110%; text-decoration: underline; }




#content h3 { color: #000066; font-size: 22px; line-height: 110%; }





#content a:link {text-decoration: underline; color: #000066; background-color: #ffffff; }




#content a:active {color: #ff9933; background-color: #ffffff;}




#content a:hover {text-decoration: none; color: #0000FF; background-color: #ffffff;}




#content a {text-decoration: underline; color: #000066; background-color: #ffffff;}


#contentwide
{
margin-left: 10px;
border-left: 5px #000066;
margin-right: 10px;
border-right: 5px #000066;
padding: 1em;
background-color: #ffffff;
font-family: arial;
font-size: 18px; 
}

#contentwide h1 { color: #000066; font-size: 38px; line-height: 110%; font-weight: bold; }




#contentwide h2 { color: #000066; font-size: 30px; line-height: 110%;}




#contentwide h3 { color: #000066; font-size: 22px; line-height: 110%; }





#contentwide a:link {text-decoration: underline; color: #000066; background-color: #ffffff; }




#contentwide a:active {color: #ff9933; background-color: #ffffff;}




#contentwide a:hover {text-decoration: none; color: #0000FF; background-color: #ffffff;}




#contentwide a {text-decoration: underline; color: #000066; background-color: #ffffff;}







div.textbox {
      background: #F8FADF;
      border: 4px solid;
      padding: 6px;
      font-size:8pt;
      font-family:verdana;
      font-weight: bold;
	width: 50%;
	float: right;
	border-color: #000066;
    }





div.textbox1 {
      background: #F8FADF;
      border: 4px solid;
      padding: 6px;
      font-size:8pt;
      font-family:verdana;
      font-weight: bold;
	width: 98%;
	float: center;
	border-color: #000066;
    }

div.optin {
      background-image: url('http://www.webmarketingwizard.co.uk/images/optin.jpg');
	background-repeat:no-repeat;
      padding-left: 80px;
	padding-right: 110px;
	padding-top: 60px;
	padding-bottom: 10px
      font-size:8pt;
      font-family:verdana;
      font-weight: bold;
	width: 390px;
	height: 260px;
	float: center;
	border-color: #000066;
    }





div.textboxside {
      background: #ff9933;
      border: 2px solid;
      padding: 1px;
      font-size:8pt;
      font-family:verdana;
      font-weight: bold;
	width: 170px;
	float: left;
      text-align:left;
	border-color: #000066;
      

    }






div.imagebox {
border: 4px solid #ff9933;

	}





div.imagebox2 {
	border: 2px solid;
	border-color: #000066;
	width: 129px;
	height: 93px;
	float: right;
	}




#cart
{
background-image: url("images/button1.jpg");
width: 300px;
height: 35px;

}





#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #669999;
background-color: #000066;
border-top: 1px solid gray;
}

#mypic {
    position:relative;
    width:150px;
    height:150px;
    border:3px double #f00;
    margin:20px auto;
 }
#mypic img {
    position:absolute;
    width:150px;
    height:150px;
    display:block;
 }
#remove {
    position:absolute;
    width:150px;
    line-height:22px;
    border:1px solid #000;
    bottom:5px;
    left:50%;
    margin-left:-76px;
    text-align:center;
    background-color:#fff;
    cursor:pointer;
 }
.hide {
    display:none;
 }
.show {
    display:block;
 }