* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: none;
	list-style: none;
	outline: none;
}

html, body {
height: 100%;
}

#wrapper {
	height: 100%;
	background-image: url(mainimages/wrapper.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#header {
	height: 340px; 
	background: url(mainimages/header.png) no-repeat 50% 0;
}

#footer {
	padding: 20px 0;
	height: 130px;
	font: bold 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
	text-shadow: #222 0 -1px 1px;
	clear: both;
	background-image: url(mainimages/footer.png);
	background-repeat: repeat-x | repeat-y;
	background-position: 0 0;
}

#footer ul {
	width: 700px;
	margin: 0 auto;
	position: relative;
	text-align: center;

}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color: #ccc;
	padding: .2em 1em;
}

#footer a:hover,
#footer a:focus {
	color: #fff;
	text-decoration: none;
}

#footer a:active {
	text-decoration: underline;
}

#navigation {
	float: right;
	margin: 13px 19px 0 0;
	font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #fff 0 1px 1px;
}

#navigation li {
	float: left;
	padding-right: 2px;
	background-image: url(mainimages/nav-li.png);
	background-repeat: no-repeat;
	background-position: right 0;
}

#navigation li a {
	float: left;
	padding: 1px 20px 5px;
	color: #666;
	background-image: url(mainimages/nav-a.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#navigation li.selected a,
#navigation li.selected a:hover {
	color: #39c;
	cursor: default;
	text-decoration: none;
}

#navigation li.selected a:focus {
	color: #069;
}

#navigation li a:hover,
#navigation li a:focus {
	color: #333;
	text-decoration: none;
}

#navigation li a:active {
	padding-top: 2px;
	padding-bottom: 4px;
}

#navigation li.first a {
	padding-left: 22px;
	background-image: url(mainimages/nav-a-first.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navigation li.last {
	background: none;
	padding: 0;
}

#navigation li.last a {
	padding-right: 22px;
	background-image: url(mainimages/nav-a-last.png);
	background-repeat: no-repeat;
	background-position: right 0;
}

#masthead {
	width: 740px;
	margin: 0 auto 9px;
	height: 61px;
	background-image: url(mainimages/masthead.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

h1 {
	float: left;
	margin: 20px 0 0 20px;
	color: #FFF;

}

h1 a {
	display: block;
	width: 250px;
	height: 30px; 
	overflow: hidden;
	opacity: .75;
}

h1 a:hover,
h1 a:focus {
	opacity: 1;
}

a {
	color: #FFF;
	cursor: pointer;
}

a:focus,
a:hover {
	text-decoration: underline;
}

a:active {
	color: #069;
}

#content {
	width: 660px;
	margin: -220px auto 0;
	padding: 30px 30px 0;
	min-height: 420px;
	background-image: url(mainimages/content.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#faq {
	font-size: 0.9em;
	padding: 0px 30px 0;

}


#faq h2 {
	font-size: 1.3em;
	padding: 15px 0px 5px 0;

}

#faq a {
	color: #000;
	text-decoration: underline;

}

#faq ul li {
	list-style: disc;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:30px;
}

.indextext  {
margin-bottom:20px;
}


#maintable {
	width: 660px;
	vertical-align: top;	
}

#maintable a {
	color: #000;
}

#toptable {
	width: 100%;
	border-width: 1px;
}

#producttable {
	width: 100%;
	margin-top:50px;

}

#producttable a {
	text-decoration: underline;
	color:#000000;
}

#producttable th {
height:30px;
vertical-align:middle;

}


#loginform {
	width: 300px;
	float: right;

}

#changedetails {
	width: 100%;
	margin-bottom:30px;
}

#changefilterform {

	width: 500px;
	float: left;
}

#editproductform {

}

#passwordrecoverform {

	width: 500px;

}

#productimage  {
width:140px;
padding: 6px 6px 6px 6px;
float:left;
}

#photoupdateform {
width:100%;
margin-top:25px;
}

#photoupdateform ul {
	padding-left:50px;
}

#photoupdateform ul li {
	list-style:disc;
}

#changepasserror {
color:#990000;
margin-bottom:25px;

}

#changepasserror ul li {
color:#000000;
list-style:disc;
margin-top:5px;
margin-left:30px;
}

fieldset {
    font: 1em "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666;
    background-color: #efefef;
    padding: 2px;
    border: solid 1px #d3d3d3;
}


legend {
    color: #666;
    font-weight: bold;
    font-variant: small-caps;
    background-color: #d3d3d3;
    padding: 2px 6px;
    margin-bottom: 8px; 
}

label  {
    font-weight: bold;
    line-height: normal;
    text-align: right;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
}

form label.fieldlabel {
    text-align: left;
	width:130px;
	padding-left:10px;

}

form label.joinmainlabel {
    width: 225px;

}

form label.loginlabel {
    text-align: right;
	width:100px;
	padding-left:10px;

}

form label.editproductlabel {
    text-align: right;
	width:140px;

}


form label.changedetailslabel {
    text-align: right;
	width:140px;
	padding-left:10px;

}

form label.changedetailslabel2 {
    text-align: left;
	width:400px;
	padding-left:20px;

}

#selections  {
  width: 150px;
  padding-left:235px;
  margin-bottom:10px;
 
}

#captchacode {
	width:434px;
	float:left;
	text-align:right;

}

#captchacode a {
    color: #000;

}

input.formInputText  {
    font-size: .8em;
    color: #666;
    background-color: #fee;
    padding: 2px;
    border: solid 1px #f66;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 15px;
}

input.formInputText:hover {
    background-color: #ccffff;
    border: solid 1px #006600;
    color: #000;
    cursor: pointer;
}
    
input.formInputText:focus {
    color: #000;
    background-color: #ffffff;
    border: solid 1px #006600; 
    cursor: text;
}


input.formInputButton  {
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: bolder;
    text-align: center;
    color: #300;
    background: #f99;
    padding: 1px;
    border: solid 1px #f66;
    float: right; 
    cursor: pointer;
}


#newaccountform {
	width: 460px;
	margin-bottom:50px;

}

#contentNavigation {
	margin: -60px -21px 0;
	font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #fff 0 1px 1px;
}

#contentNavigation li {
	float:left;
	padding-right: 2px;
	background-image: url(mainimages/nav-li.png);
	background-repeat: no-repeat;
	background-position: right 0;
}

#contentNavigation li a {
	float:left;
	padding: 1px 20px 5px;
	color: #666;
	background-image: url(mainimages/nav-a.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#contentNavigation li.selected a,
#contentNavigation li.selected a:hover {
	color: #39c;
	cursor: default;
	text-decoration: none;
}

#contentNavigation li.selected a:focus {
	color: #069;
}

#contentNavigation li a:hover,
#contentNavigation li a:focus {
	color: #333;
	text-decoration: none;
}

#contentNavigation li a:active {
	padding-top: 2px;
	padding-bottom: 4px;
}

#contentNavigation li.first a {
	padding-left: 22px;
	background-image: url(mainimages/nav-a-first.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contentNavigation li.last {
	background: none;
	padding: 0;
}

#contentNavigation li.last a {
	padding-right: 22px;
	background-image: url(mainimages/nav-a-last.png);
	background-repeat: no-repeat;
	background-position: right 0;
}