* {
  margin: 0;
  padding: 0;
}

body {
	margin: 5px;
	background-color: #ebebeb;
  	font-family: Arial, Helvetica, sans-serif;
}
#pageSurround {
	width: 780px;
	margin: 20px auto 0 auto;
	padding: 5px;
	border: 5px solid #a84868;
	border-bottom: 0;
	background-color: #FFFFFF;
}
#subSurround {

}
#topHeader {
	height: 116px;
	margin-bottom: 10px;
	padding-right: 9px;
	padding-top: 0px;
}

#logoHeader {
  float: left;
  width: 305px;
}

#rightHeader {
  float: right;
}

#sessionBox {
  height: 23px;  
  text-align: right;
  padding-top: 3px;
  background-color: #ffffff;
  float: right;
}

#shoppingBasket {
  width: 190px;
  height: 44px;
  padding: 2px;
  margin-top: 10px;
  text-align: center;
  clear: right;
  float: right;
  background-image: url(../styleImages/backgrounds/shoppingBasket.gif);
}

#leftColumn {
  clear: left;
  width: 200px;
  float: left;
  margin-top: 35px;
}

#rightColumn {
  float: right;
  margin-top: 20px;
  margin-right: 10px;
}
/* Menu Navigation */

#menu {
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 180px;
}

#topMenu {
  width: 180px;
  height: 7px;
  background-image: url('../styleImages/backgrounds/navi_top.gif')
}

#bottomMenu {
 width: 180px;
 height: 7px;
 margin-top: 0px;
 background-image: url('../styleImages/backgrounds/navi_bottom.gif')
}

#menu ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#menu li{
 margin: 0;
}

#menu li:hover {
  
}

#menu a {
  display: block;
  color: #a6536f;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../styleImages/backgrounds/menuButton.gif);
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 15px;
  font-size: 12px;
}

#menu a:hover {
  color: #a6536f;
  background-image: url(../styleImages/backgrounds/menuButtonOver.gif);
}

#content {
  margin-left: 00px;
  margin-right: 10px;
  width: 540px;
  height: 225px;
  border: 2px solid #af677f;
  float: right;
}

#middleHeader {
  width: 550px;
  height: 42px;
  background-image: url(../styleImages/backgrounds/searchHeader.gif);
}

#latestHeader {
  color: #a6536f;
  margin-left:15px;
  margin-top:-7px;
  float: left;
  width: 200px;
}

#searchBox {
  margin-left: 10px;
  margin-bottom: 20px;
  margin-top: 55px;
}

.startLatest {
  width: 550px;
  height: 41px;
  background-image: url(../styleImages/backgrounds/wideHeader.gif);

}

.startLatest h1 {
  font-size: 90%;
  color: #a24c67;
  margin-left: 20px;
  padding-top: 10px;
  display: block;

}

#latest {
  width: 550px;
  height: 670px;
  background-image: url(../styleImages/backgrounds/latestProds.gif);
  background-repeat: repeat;
  margin-top: 20px;
  
}

.endLatest {
  width: 550px;
  height: 16px;
  background-image: url(../styleImages/backgrounds/endProds.gif);
  background-repeat: no-repeat;
}

#footer {
  width: 761px;
  height: 33px;
  background-image: url(../styleImages/backgrounds/footer.gif);
  text-align: left;
  color: #a6536f;
  padding-top: 3px;
  margin-left: 6px;
  margin-top: 10px;
}

#ccLogos {
  width: 800px;
  height: 47px;
  background-image: url(../styleImages/backgrounds/ccLogos.gif);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}


.siteDocs {
  margin-top: 10px;
  color: #a6536f;
  font-size: 70%;
}

.siteDocs a {
  color: #a6536f;
  text-decoration: none;
}

.siteDocs a:hover {
  color: #ffffff;
}

.shortProd {
  background-image: url(../styleImages/backgrounds/shortProd.gif);
  font-size: 0.7em;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  width: 166px;
  height: 200px;
  background-repeat: no-repeat;
  text-align: center;
  float: left;
}

.boxTitleLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #a6536f;
	background-image: url(../styleImages/backgrounds/leftHeader.gif);
	width: 175px;
	height: 39px;
	padding-top: 8px;
	padding-left: 7px;
	margin-left: 10px;
}
.boxContentLeft {
	background-image: url(../styleImages/backgrounds/leftContent.gif);
	background-repeat: repeat-y;
	margin-top: -8px;
	padding-left: 5px;
	color: #ded2ec;
	margin-left: 10px;
}

.boxEndLeft {
	background-image: url(../styleImages/backgrounds/leftEnd.gif);
  	background-repeat: no-repeat;
	width: 182px;
	height:14px;
	margin-left: 10px;
}

.colLeft {
        clear: left;
	position: relative;
	left: 0px;
	width: 192px; 
	margin-left: 10px;
	padding-right: 5px;
	float: left;
}
.colMid {
	position: relative;
	width: 398px;
	float: left;
}
.colRight {
	position: relative;
	width: 160px; 
	padding-left: 5px;
	right: 9px;
	float: right;
}
.boxContent {
	padding: 20px;
	font-size: 70%;
	color: #a6536f;
	background-color: #ded2ec;
	margin-top: -1px;
	margin-left: 4px;
	width: 506px;
}
/* CHECKOUT PAGES */
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
.colMainCheckout {
	position: relative;
	width: 558px;
	float: left;
}
/* END CHECK OUT PAGES */
.siteDocs {
	text-align:center;
	margin-top: 10px;
}
.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	text-align: center;
	margin: 0px;
	padding: 3px;
	float: left;
	width: 520px;
}
.subCat {	
	text-align: center;
	padding: 4px;
	float: left;
	margin-top: 7px;
	margin-left: 8px;
	display: block;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.latestProds {
	float: left;
	text-align: center;
	width: 131px;
	height: 120px;
}

* html #menu a {
  display: block;

float: left;
clear: both;
  
  color: #f7ccd5;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../styleImages/backgrounds/menuButton.gif);
  padding-left: 15px;
  font-size: 12px;
}


#site_nav a{
  font-size: 0.8em;
  font-style: normal;
  text-decoration: none;
  color: #a6536f;
  display: block;
  width: 166px;
  padding-left: 15px;
  background-color: #ded2ec;
  text-align: left;
  border-bottom: 1px solid #a6536f;
 }

#site_nav a:hover{
  text-decoration: none;
  background-color: #d2c5e3;  
  color: #a6536f;
  display: block;
  width: 166px;
  text-align: left;
 }

#site_nav a:active{
  text-decoration: none;
  background-color: #d2c5e3;
  color: #a6536f;
  display: block;
  width: 166px;
  text-align: left;
 }

#site_nav ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;

 }
#site_nav li{
  margin: 0px;
  padding: 0px;
  float: left;
  clear: left;
 }