body {
	color: #501818;
	background: #fbfaee url('/images/background.gif') repeat-x;
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	font-size: 9pt;
}

a, a:link, a:active, a:visited {
	color: #c19349;
	text-decoration: underline;
}

a:hover {
	color: #c19349;
	text-decoration: none;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: px; /*for IE*/
}

img {
	border: 0px;
}

h1 {
	font-size: 16pt;
	color: #bd0d18;
	font-weight: bold;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 14pt;
	color: #bd0d18;
	font-weight: bold;
	margin: 0 0 11px 0;
}

h3 {
	font-size: 12pt;
	color: #bd0d18;
	font-weight: bold;
	margin: 0px;
	margin: 0 0 6px 0;
}

h4 {
	font-size: 11pt;
	color: #bd0d18;
	font-weight: bold;
	margin: 0px;
	margin: 0 0 6px 0;
}

hr {
	color: #f7e69c;
	background-color: #f7e69c;
	height: 1px;
	margin-left: 10px;
	margin-right: 10px;
	border: 0;
}

table {
	width: 100%;
    border-collapse: separate;
    border-spacing: 0px 0px;
}

table td {
	border-bottom: solid 1px #f7e69d;
	padding: 3px;
}

tr.lastRow td {
	border-bottom: 0;
}

input {
	padding: 3px;
	border: 1px #dadada solid;
	background-color: #fafafa;
}

input.redInput {
	background: url('/images/buttonred.gif');
	border: 0;
	height: 33px;
	width: 126px;
	padding: 3px 12px 3px 12px;
	color: #fff;
	font-weight: bold;
    text-shadow: #163551 0 -1px 1px;
}

input.greenInput {
	background: url('/images/buttongreeninput.gif');
	border: 1px #066F0A solid;
	height: 22px;
	padding: 3px 12px 3px 12px;
	color: #fff;
	font-weight: bold;
    text-shadow: #163551 0 -1px 1px;
}

.imgPreload {
	display: none;
	width: 0px;
	height: 0px;
}

.partnerImages {
	float: left;
	margin: 3px;
	width:  200px;
	height: 59px;
	margin-left: 25px;
}

.partnerImagesWrap {
	line-height: 49px;
}

#wrap {
	width: 828px;
	margin: 0 auto 0 auto;
}

#header {
}

#logo {
	width: 265px; height: 69px;
	float: left;
}

#slogan {
	width: 467px; height: 69px;
	float: right;
	margin-left: 88px;
}

#headerContent {
	margin-top: 20px;
	height: 69px;	
	float: left;
}

#primaryNavDiv {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	background: url('/images/navi_1_r.gif') no-repeat top right;
}

#primaryNav2Div {
	background: url('/images/navi_1_l.gif') no-repeat top left;
}

ul#primaryNav {
	list-style-type: none;
	margin: 0;
	margin-right: 9px;
	margin-left: 11px;
	padding: 0;
	height: 46px;
}

#primaryNav li {
	height: 46px;
    float: left;
    color: #fff;
	background: url('/images/navi_1_m.gif') repeat-x #4c381b;
}

#primaryNav li div {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 14px;
}

#primaryNav li a {
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#primaryNav li a:hover {
	color: #f8ebae;
}

#primaryNavSep {
	width: 2px;
}

#secondaryNavDiv {
	float: left;
	margin-top: 15px;
	margin-left: 310px;
	background: url('/images/navi_2_r.gif') no-repeat top right;
}

#secondaryNavDivLoggedIn {
	float: left;
	margin-top: 15px;
	background: url('/images/navi_2_r.gif') no-repeat top right;
	margin-left: 85px;
}

#secondaryNav2Div {
	background: url('/images/navi_2_l.gif') no-repeat top left;
}

ul#secondaryNav {
	list-style-type: none;
	margin: 0;
	margin-right: 9px;
	margin-left: 11px;
	padding: 0;
	height: 31px;
}

#secondaryNav li {
	height: 31px;
    float: left;
    color: #fff;
	background: url('/images/navi_2_m.gif') repeat-x #faf0c1;
}

#secondaryNav li div {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 8px;
}

#secondaryNav li a {
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #c19349;
}

#secondaryNav li a:hover {
	color: #bf1720;
}

.headerLinks {
	text-align: right;
	color: #fff;
	padding-top: 27px;
	padding-right: 30px;
}

.headerLinks p {
	margin: 3px;
}

.headerLinks a {
	color: #fff;
	text-decoration: underline;
}

.headerLinks a:hover {
	text-decoration: none;
}

#subHeader {
	padding: 0 40px 0 40px;
}

#infoBox {
	float: left;
	margin-left: 5%;
}

#counterBox {
	text-align: right;
}

.counterGreenText {
	background: #5bb800;
	color: #fff;
	font-size: 17px;
	padding-left: 2px; padding-right: 2px;
	margin-right: 1px;
}

.counterBoxLine {
	margin-bottom: 5px;	
}

#footer {
	font-size: 9pt;
	margin-top: 50px;
	padding: 40px;
	padding-bottom: 60px;
	color: #ffffff;
	background: url('/images/footer.gif') repeat-x #4f1818;
}


#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color: #f7e69c;
}

.siteSubHeadings {
	color: #2e2e2e;
	font-size: 12px;
}

.headLine {
	padding-right: 20px; padding-top: 4px; padding-bottom: 0px;
	font-weight: bold;
	color: #c19349;
	font-size: 10pt;
}

.headLineInactive {
	padding-right: 20px; padding-top: 4px; padding-bottom: 0px;
	font-weight: bold;
	color: #f7e69c;
	font-size: 10pt;
}

.headLineInactive a {
	text-decoration: none;
	color: #f7e69c;
}

.headLine a {
	text-decoration: none;
	color: #c19349;
}

.headLineAdd {
	margin-bottom: 10px;
}

.subContentDiv {
	padding-left:  10px;
	padding-right: 10px;
	line-height: 150%;
	margin-bottom: 15px;
}

.subContentDiv table tr {
	border: 0;
}
 	
#contentWrap {
	margin-top: 20px;
	padding: 16px;
	background-color: #ffffff;
	border: 5px #fcfbdd solid;
}

.yellowBox, .orangeBox, .blueBox {
    padding: 10px;
	background-color: #fcfbe3;
	margin-bottom: 15px;
}

.greenBox {
    padding: 10px;
	background-color: #daffca;
	margin-bottom: 15px;
}

.redBox {
    padding: 10px;
	background-color: #ffdec9;
	margin-bottom: 15px;
}

span.successAlert {
	background-image: url(/images/icons/accept.png);
	padding-left: 19px;
	background-repeat: no-repeat;
}

span.pendingAlert {
	background-image: url(/images/icons/error.png);
	padding-left: 19px;	
	background-repeat: no-repeat;
}

span.errorAlert {
	background-image: url(/images/icons/exclamation.png);
	padding-left: 19px;	
	background-repeat: no-repeat;
}

.leftContent {
	width: 65%;
	float: left;
}

.rightContent {
	width: 33%;
	float: right;
}

/*** index page ***/

.itemDiv{
	float: left;
	margin-right: 3px;
	text-align: center;
	vertical-align: top;
	margin-bottom: 20px;
}

.itemImage {
	background-color: #ffffff; 
	width: 250px; height: 200px;
	border: 5px solid #eeeeee;
	text-align: center;
	margin: 0 auto 0 auto;
}

#loginBoxWrap {
	height: 270px;
	width: 254px;
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
}

#loginBoxTop {
	height: 16px;
	width: 256px;
}

#loginBoxBottom {
	height: 62px;
	width: 254px;
}

#loginBox {
	height: 192px;
	background: url('/images/loginboxbg.gif') #c8994d;
}

#loginBoxContent {
	height: 192px;
	background: url('/images/loginboxcontentbg.gif') repeat-y;
	text-align: center;
	padding-top: 20px;
	color: #fff;
}

.loginBoxContentinput {
	padding: 8px;
	text-align: center;
	font-size: 12pt;
	color: #f0ca8c;
	border: 1px solid #c19349;
}

#loginBoxBottom {
	background: url('/images/loginboxbottombg.gif') no-repeat;
	text-align: center;
	padding-top: 16px;
	width: 254px;
	height: 62px;
}

#loginBoxBottom a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#loginBoxButton {
	padding: 0;
	margin: 0;
	border: 0;
	width: 126px;
	height: 33px;
}

#hiwBoxWrap {
	height: 270px;
	width: 558px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 16px;
	float: left;
}

#hiwBoxTop {
	height: 16px;
	width: 558px;
}

#hiwBoxBottom {
	height: 10px;
	width: 558px;
}

#hiwBox {
	height: 249px;
	background: url('/images/hiwboxbg.gif') #c8994d;
}

#hiwBoxContent {
	height: 249px;
	background: url('/images/hiwboxcontentbg.gif') repeat-y;
	padding-left: 15px;
	color: #fff;
}

#hiwFirstStep, #hiwSecondStep, #hiwThirdStep {
	width: 199px;
	height: 37px;
	margin-left: 324px;
}

#hiwFirstStep {
	background: url('/images/hiwboxfirst.gif');
}

#hiwSecondStep {
	background: url('/images/hiwboxsecond.gif');
}

#hiwThirdStep {
	background: url('/images/hiwboxthird.gif');
}

#hiwFirstStep div, #hiwSecondStep div, #hiwThirdStep div {
	padding-top: 10px;
	padding-left: 10px;
}

#hiwFirstStep a, #hiwSecondStep a, #hiwThirdStep a {
	color: #fff;
	text-decoration: none;
}

.hiwBoxDesc {
	background-color: #fcfae6;
	border-top: 2px solid #c19349;
	height: 128px;
	width: 199px;
	margin-left: 324px;
}

.hiwBoxDesc p{
	color: #c19349;
	padding: 10px;
	padding-top: 0px;
	font-size: 8pt;	
}

/*** index page ***/ 	

/* new index page */

.indexLeftWrap {
	width: 560px;
	float: left;
}

.indexRightWrap {
	width: 260px;
	float: right;
}

/* new index page */

/*** signup page ***/

#signupFormLeft {
	width: 67%;
	float: left;
}

#signupFormRight {
	width: 31%;
	float: right;
}

.signupForm {
	margin-bottom: 10px;
}

.signupFormTitle {
	float: left;
	width: 180px;
}

.signupFormField input {
	width: 200px;
}

.signupFormDesc {
	background: url('/images/arrowgreen.png') no-repeat top left #6bcb0d;
	height: 22px;
	margin-left: 400px;
	color: #fff;
	line-height: 22px;
	padding-left: 15px;
	display: none;
}

.signupItemDesc {
	text-align: center;
}

#usernameStatusCorrect, #usernameStatusIncorrect, #email2StatusCorrect, #email2StatusIncorrect, #password2StatusCorrect, #password2StatusIncorrect, #skeyStatusCorrect, #skeyStatusIncorrect {
	background: url('/images/correct.png');
	width: 22px;
	height: 22px;
	display: none;
	margin-left: 400px;
}

#usernameStatusIncorrect, #email2StatusIncorrect, #password2StatusIncorrect, #skeyStatusIncorrect {
	background: url('/images/incorrect.png');
}

/*** signup page ***/


/*** faq ***/

.faqHeadline {
	background: #f4f4f4;
	border-bottom: 1px #dadada solid;
	padding-left: 14px;
	line-height: 200%;
    cursor: pointer;
}	

.faqContent {
	padding: 14px;
}
	
/*** faq ***/

/*** login ***/

.loginForm {
	margin-bottom: 10px;
}

.loginFormTitle {
	float: left;
	width: 180px;
}

.loginFormField input {
	width: 200px;
}

#loginFormContent {
	margin-left: 180px;
}

/*** login ***/

/*** refer page ***/

input#referInput {
	font-size: 14px; 
	text-align: center;
	width: 400px;
	height: 20px;
	border: 2px #dadada solid;
}

#referItemBox {
	text-align: center;
}

/*** refer page ***/

/*** account page ***/

.accountChangeItemDiv {
	text-align: center;
	margin: 10px;
	float: left;
}

/*** account page ***/

/*** shop page ***/

.shopItemDiv {
	text-align: center;
	margin-right: 2px;
	margin-bottom: 5px;
	float: left;
	border: 3px #f1f1f1 solid;
}

.shopItemDiv:hover {
	border-top: 3px #f7e69d solid;
	border-bottom: 3px #f7e69d solid;
}

/*** shop page ***/

/*** banner page ***/

input.bannerInput {
	font-size: 14px; 
	text-align: center;
	width: 300px;
	height: 20px;
	border: 2px #dadada solid;
	margin-top: 4px;
}

input.bannerInput2 {
	font-size: 14px; 
	text-align: center;
	width: 190px;
	height: 20px;
	border: 2px #dadada solid;
	margin-top: 4px;
}

/*** banner page ***/