@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	background: #FFFFFF url(images/headerbg.gif) repeat-x;
}
#adminheader {
	height: 107px;
	width: 100%;
}
#hideshow {
	visibility: hidden;
}
.maincontainer {
	width: 780px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.mainbodycontainer {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background: url(images/bodybg.jpg) repeat;
	clear: both;
}
#headercontainer {
	height:107px;
	width: 767px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#underheader {
	background: url(images/underheadingbg.gif) no-repeat bottom;
	width: 767px;
	height: 47px;
	text-align: center;
	margin:0;
	float: left;
}
#prodcat {
	padding-left: 25px;
}
a {
text-decoration:none;
color:#FFFFFF;
}
#header,#content,#menu,#sub-section,#footer {
overflow:hidden;
display:inline-block;
}

/* safari and opera need this */

#footer {
	width:100%;
	background: url(images/footerbg.jpg) repeat-x;
	height: 80px;
	clear:both;
	border-top: thin solid #000000;
}

#header,#menu,#sub-section {float:left}

#content {
	width: 540px;
	padding-top: 20px;
	float: left;
}




#sub-section a {
	font-weight: bold;
	color: #FCEFC2;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 8px;
	float: left;
	font-size: 14px;
}
#sub-section a:hover {
color: #c3f240;
}




#header {
	width:340px;
	height: 91px;
}
#underheader #prodcat {
	float: left;
	margin-left: 15px;
}
#menu li {
	display: inline;
	height: 37px;
	width: 128px;
	float: left;
	font-weight: bold;
	font-size: 18px;
}
.abouttext {
	margin-right: 5px;
	margin-left: 5px;
	
}
.contactdetails {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	color: #F5E1CD;
	font: 14px Tahoma, Arial, "Sans Serif";
	text-align: left;
}
.submitButton {
	color: #FFFFFF;
	background: #9C2AB5;
	font-weight: bold;
}

#detailscontact {
	float: left;
	width: 130px;
	border-right: 1px dotted #F5E1CD;
}
#contactform {
	float: right;
	width: 390px;
	font-size: 14px;
	font-weight: bold;
	color: #F5E1CD;
}
#something {
	margin: 0px;
	padding: 0px;
}
#something .textboxes {
	background: #9827B3;
	color: #FFFFFF;
}



#sub-section li {
	background: url(images/navbuttonsm.gif);
	float: left;
	height: 28px;
	width: 191px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
}
ul {
	margin: 0px;
	padding: 0px;
}

#contentcontainer {
	clear: both;
	width: 767px;
	float: left;
	background: #000000;
}


/* leaving room for rounding error (MSIE) */

#menu {
	width:400px
}
#bottomround img {
	float: left;
}





.nlformfield {
	width: 130px;
	float: left;
	margin-left: 5px;
}
#subscribebox .purpleinput {
	background: #9827B3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 2px;
	text-align: left;
}

#subscribebox h2 {
	margin: 0px 0px 3px;
	color: #F5E1CD;
	letter-spacing: -.1em;
	font-size: 18px;
}
#subscribebtn {
	float: left;
	width: 58px;
}



#sub-section {
	width:220px;
	margin-top: 6px;
}


.prodpgdetails img {
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#footernav li {
	display: inline;
	padding-right: 15px;
	font-size: 12px;
}
#footer #copyright {
	font-size: 14px;
	float: right;
	width: 200px;
}
#footer a:hover {
color: #c3f240;
}
#footernavdiv {
	float: left;
	width: 500px;
}

.prodpgdetails p {
	clear: both;
}
#menu a:hover {
	color: #FFFF00;
}


/*  new product boxes  */
.productbox {
	width: 173px;
	float: left;
	height: 240px;
}
.productbox .prodboxbr {
	background: url(images/productboxbr.jpg) no-repeat right;
	float: left;
	height: 28px;
	width: 19px;
	margin: 0px;
}
.productbox .prodbottom {
	background: url(images/productboxbott.jpg) repeat-x;
	float: left;
	height: 28px;
	width: 131px;
}
.productbox .prodboxbl {
	background: url(images/productboxbl.jpg) no-repeat;
	height: 28px;
	width: 19px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.productbox .pricetag {
	font: bold 17px Tahoma, Arial, Verdana, "Sans Serif";
	text-align: center;
	padding-top: 5px;
	margin-top: 0px;
}
.productbox .productdescription {
	font: 13px Tahoma, Arial, Verdana, "Sans Serif";
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	text-align: center;
}
.productpgdescription {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
.productpgdescription p {
text-indent:0;
}
.productbox .productimage {
	text-align: center;
	margin-top: 0px;
	background: url(images/productboxsides.jpg) repeat-y;
}

.productbox .prodtop {
	background: url(images/productboxtop.jpg) no-repeat;
	width: 170px;
}
.productbox .prodbottom form {
	height: 28px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.productbox .prodbottom .buybutton {
	width: 57px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 28px;
}
.productbox .prodbottom img {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.prodpgdetails .productprice {
	font-size: 20px;
	color: #F5E1CD;
}
.productpgdetails h1 {
	color: #CC99FF;
	font-family: "Times New Roman", Times, serif;
	margin-top:3px;
}
.productpgdetails {
	width: 530px;
	float: left;
	margin-left: 10px;
}

.prodpgdetails p {
	color: #CC99FF;
}
.prodpgdetails select, .prodquantity {
	background: #F7E4FC;
	font-weight: bold;
}
.prodboxbottom {
	background: url(images/productboxbottom.jpg) no-repeat;
	height: 28px;
	width: 170px;
	
}