﻿@charset "UTF-8";
/* CSS Document */

body {
	background:#FCD87A url(../fw/widebg.jpg) top left repeat-x;
	padding:0;
	margin:0;
}
div.body {
	background:url(../fw/footerBtmBG.jpg) repeat-x bottom center;
	width: 100%;
	height:100%;
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 0px 0px;
	display:block;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}	
a {
	color:#7A1315;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#7A1315;
}
hr {
    color:#fff;
    width: 100%;
}	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	color:#801314;
	padding:5px 0px 0px 0px;
	margin:20px 0px 5px 0px;
	border-top: solid 1px #973328;
	width: 540px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#801314;
	padding:0px;
	margin: 20px 0px 10px 10px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#333333;
	padding:0;
	margin:10px 0px 0px 20px;
	padding:0px
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:#333333;
	padding:0;
	margin:0px 0px 0px 30px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#801314;
	padding:0px;
	margin: 20px 0px 1px 10px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
	font-size:9px; 
	color:#333;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}
h2 p {
	margin: 5px 0px 0px 0px;
	padding: 10px 40px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	font-weight:normal;
}
h3 p {
    padding: 0px 80px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	font-weight:normal;
}
div.clear {
	clear:both;
	padding:0;
	margin:0;
}

/* =CONTENT FORMATTING ..........................................*/	
div.content {
	width:845px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
}
ul.content {
	list-style:url(../fw/bullet.jpg);
	margin:0px auto 0 auto;
	padding:0px 0px 0px 40px;
	}	
ul.content li {
	padding:3px 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

/* = TABLE FORMATTING...................................*/
table {
    width:540px;
    margin: 0px auto 0px auto;
    text-align:left;
}	
table p {
    padding: 0px 25px 0px 50px;
    font-size:12px;
    margin:-4px 0px 5px 0px;
    text-align: left;
}
table tr td {
    padding: 0px 0px 0px 0px;
}
table tr td h3 {
    padding: 2px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight:bold;
}


/* =INDEX table............................................*/

table.index {
    width: 550px;
    padding: 0px 0px 0px 0px;
    margin: 20px auto 0px auto;
}
table.index tr td {
    margin: 0px auto 0px auto;
    padding: 5px 5px 5px 20px;
    width: 200px;
}
table.index tr td p {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}
table.index tr td.toprow {
    border-bottom:solid 1px #973328; 
    padding: 5px 5px 10px 5px;
}
table.index tr td.verticalline {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-right:solid 1px #973328;
    width: 3px;
} 
table.index tr td.spacer {
    width:3px;
}


/* =BSCC table....................................*/
table.bscc {
	width:580px;
}
table.bscc tr td.leftcol {
	width:280px;
}

/* =Contact table............................................*/
table.contact {
    width: 550px;
    padding: 0px 0px 0px 0px;
    margin: 20px auto 30px auto;
}
table.contact tr td {
    padding: 5px 5px 5px 5px;
    margin: 0px auto 0px auto;
}
table.contact tr td.toprow {
    border-bottom:solid 1px #973328; 
    padding: 5px 5px 30px 5px;
}
table.contact tr td.verticalline {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-right:solid 1px #973328;
    width:15px;
} 
table.contact tr td.spacer {
    width:1px;
}
table.contact tr td p {
    margin: 0px auto 0px auto;
    padding: 0px;

}

/* =Moe's Menu Table............................................*/
table.moes {
    width: 540px;
    padding: 0px 50px 0px 0px;
    margin: 0px 0px 0px 0px;
}
table.moes tr td {
    width:270px;
    padding: 0px 0px 0px 0px;
}
table.moes tr td.top h2 {
    margin: 30px 0px auto 0px;
}
table.moes tr td.top h2 p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
}
p span {
	font-size:9px; 
	color:#333;
}
h2 p span {
    text-align: right;
}


/* =SIDE NAVIGATION.................................................*/	
div.topLeft {
	float:left;
	width:233px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	background:url(../fw/bg_sidenav.jpg) repeat-y 14px 0px;
	display:block;
}
div.logo {
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:233px;
	height:auto;
	display:block;
	background:url(../fw/logo.jpg) no-repeat top center;
	}
a.logo {
	height:175px;
	width: 233px;
	display: block;
}	


/* =SIDE NAVIGATION....................................................................*/
div.nav_boxbottom {
	background: url(../fw/nav_boxbottom.jpg) no-repeat 0px bottom;
	padding: 0px 0px 116px 0px;
	margin: 180px 18px 0px 14px;
	width: 201px;
	height: auto;
	display:block;
}
div.nav_content {
	width:193px;
	height: auto;
	display:block;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px -100px 5px;
}
div.leftNav {
	width:193px;
	height: auto;
	padding:0;
	margin:0px 0px 0px 0px;
	float:left;
}
ul.nav {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:184px;
	height:auto;
	display:block;
	list-style:none;
	float: left;
}
ul.nav li {
	width:163px;
	height:12px;
	margin:0px 0px -4px 0px;
	padding:26px 0px 20px 30px;
	display:block;
	background:url(../fw/bg_leftnavrollover.jpg) 0 0 no-repeat;
}
ul.nav li a,
ul.nav li a:visited {
	color:#A23226;
	font-weight:bold;
	text-decoration:none;
	font-size: 13px;
	line-height: 15px;
	display:block;
	width:163px;
	height:30px;
	padding: 0px 0px 10px 0px;
}	
ul.nav li a:hover {
	color: #831425;
	text-decoration:none;
}
div.nav_content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#FED233;
	padding: 0px 0px 0px 0px;
	margin:10px 0px 10px 13px;
	width: 170px;
	display:block;
}
div.email {
    display:block;
	width:162px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding: 10px 20px 0px 19px;
}	
.submitBtn {
	width:35px;
	height:40px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.inputNews {
	width:115px;
	border:#FCD87A solid 1px;
	background:#FEF5D5;
	height:12px;
	margin:15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	float:left;
}	

/***********************
BODY STYLES
************************/
.headerText {
	text-align:center;
}	
.headerText p {
	font-size:11px;
	line-height:15px;
}
div.main {
	background:url(../fw/bodyBG.jpg) center right repeat-y;
	width:657px;
	height: auto;
	float:right;
	margin:51px 0px 0px 0px;
	padding: 0px;
}
div.mainTop {
	background:url(../fw/boxTop.jpg) top right no-repeat;
	height:auto;
	width:657px;
	margin:0px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
}
div.boxBot {
	background:url(../fw/boxBtm.jpg) no-repeat bottom right;
	width:657px;
	height:auto;
	margin: -70px 0px 0px 0px;
	padding:30px 0px 20px 0px;
	display:block;
	float:right;
}		
div.boxBot_contactus {
	background:url(../fw/boxBtm.jpg) no-repeat bottom right;
	width:657px;
	height:auto;
	margin: -50px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	display:block;
	float:right;
}
div.mainContent {
	height: auto;
	width: 547px;
	display:block;
	margin: 0px auto 30px auto;
	padding: 0px 0px 0px 0px;
}



/*   =INFORMATION BOX............................*/
.infoBox {
	background:url('../fw/infoBoxMid.jpg') top center repeat-y;
	width:547px;
	margin: 0px auto 10px auto;
	display:block;
}
.infoBoxTop {
	background:url('../fw/infoBoxTop.jpg') top center no-repeat;
	width:547px;
	display:block;
	padding: 37px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
.infoBoxBottom {
	background:url('../fw/infoBoxBot.jpg') bottom center no-repeat;
	width:547px;
	display:block;
	height: auto;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.infoBoxBottom p {
	font-size:11px;
	line-height:15px;
	padding:5px 15px 5px 20px;
}


	
div.logoHolder {
	text-align:center;
	padding:10px 0px 20px 0px;
    vertical-align:middle;
}
div.logoHolderBJ {
	text-align:center;
	padding:30px 20px 20px 0;
}
div.logoHolderHH {
	text-align:center;
	padding:0px 20px 20px 0;
}
div.BSCCbox {
	float:left;
	width:45%;
	padding:0 20px 25px 0;
}
div.indexHolder {
	float:left;
	width:42%;
	padding-top:5px;
	padding-bottom:25px;
}
div.contactHolder {
	float:left;
	width:42%;
	padding-top:5px;
	padding-bottom:0;
}
div.indexHolderLine {
	float:right;
	width:45%;
	padding:0 10px 25px 50px;
	margin-top:20px;
	border-left:solid 1px #973328;
}


/***********************
FOOTER
************************/
div.footerText {
	width:657px;
	margin: 10px 0px 0px 0px;
	float:right;
	color:#973328;
}
div.footerText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#973328;
	line-height:25px;
	margin: 0px;
	padding:0px;
	text-align:center;
}
div.footerText p a,
div.footerText p a:visited{
	text-decoration:underline;
}	
div.footerText p a:hover {
	text-decoration:none;
}
div.footerText ul.footer {
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size:9px;
	text-align:center;
    list-style:none;
}
div.footerText ul.footer li {
	text-decoration:none;
	margin: 0px;
	display:inline;
	padding:0px 3px 0px 3px;
	border-right: solid 1px #973328;
}
div.footerText ul.footer li.last {
	border-right:none;	
	padding: 0px 0px 0px 3px;
}
div.footerText ul.footer li.first {
    padding:0px 3px 0px 0px;
}
div.footerText ul.footer li a,
div.footerText ul.footer li a:visited {
	color:#973328;
	text-decoration:underline;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	text-align:center;
}
div.footerText ul.footer li a:hover {
	text-decoration:none;
}

	
/***********************
BUTTONS
************************/
.bt_order{
	display:block;
	width:165px;
	height:35px;
	margin: 10px auto 30px auto;
	background: url(../fw/order.jpg) no-repeat top center;
}
.bt_order:hover{
	background: url(../fw/order.jpg) no-repeat 0 -35px; 
}
.bt_orderLast{
	display:block;
	width:165px;
	height:35px;
	margin-bottom:0px;
	background: url(../fw/order.jpg) no-repeat top left;
}
.bt_orderLast:hover{
	background: url(../fw/order.jpg) no-repeat 0 -35px; 
}
.bt_Placeorder{
	display:block;
	width:126px;
	height:35px;
	margin: 40px 0px 20px 436px;
	padding: 0px 0px 0px 0px;
	background: url(../fw/btn_NextStep.jpg) no-repeat 0 -36px;
}
.bt_Placeorder:hover{
	background: url(../fw/btn_NextStep.jpg) no-repeat top left; 
}
.bt_orderDetails{
	display:block;
	width:126px;
	height:35px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 20px 436px;
	background: url(../fw/btn_nextstep.jpg) no-repeat 0 -36px;
}
.bt_orderDetails:hover{
	background: url(../fw/btn_nextstep.jpg) no-repeat top left; 
}


/***********************
MISCELLANEOUS STYLES
************************/
	
div.hrBG {
	height:10px;
	background:url(../fw/hrBG.jpg) top left repeat-x;
	display:block;
	width:90%;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:30px 0px 5px 0px;
	}
	
.input {
	width:30px;
	height:16px;
	margin:4px 5px 0px 5px;
	border:#FCD87A solid 1px;
	background:#FEF5D5;
	padding:0px 3px 0px 3px;
	text-align:center;
	}
	
.inputDetails {
	height:15px;
	margin:3px 10px 15px 0px;
	border:#FCD87A solid 1px;
	background:#FEF5D5;
	width: 200px;
	}
	
.inputComments {
	height: 100px;
	margin: 3px 10px 15px 0;
	border: #FCD87A solid 1px;
	background: #FEF5D5;
	width: 480px;
	}

	
/*  =UPGRADE FORM..........................*/
form.upgrade {
	display:block;
	margin: 50px 0px 20px 0px;
}
form.upgrade div.upgradelogo {
	width: 100px;
	height: 64px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
}
form.upgrade div.upgradelogo_bscc {
	width: 100px;
	height: 116px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
}
form.upgrade input.orderupgrade {
    padding: 0px 0px 0px 0px;
    margin: 32px 0px 100px 120px;
    float:left;
    display:block;
}
form.upgrade p {
	width: 300px;
	text-decoration: none;
	display: block;
	margin:0px 0px 50px 0px;
	padding: 28px 0px 0px 0px;
	float: right;
}
form.upgrade p b {
    color:#7A1315

}
form.upgrade input.orderupgrade_bscc {
    padding: 0px 0px 0px 0px;
    margin: 50px 0px 100px 120px;
    float:left;
    display:block;
}
form.upgrade p.bscc {
	width: 300px;
	text-decoration: none;
	display: block;
	margin:0px 0px 50px 0px;
	padding: 48px 0px 0px 0px;
	float: right;
}
form.upgrade p.bscc b {
    color:#7A1315
}

/* =THANK YOU PAGE......................................... */
p.thankyou {
    margin: 50px 0px 35px 0px; 
    text-align:center; 
    line-height:36px; 
    color:#801314;
}
a.thankyou_bscc {
	padding:15px 20px 50px 20px; 
	width: 200px; 
	float:left;
}
a.thankyou_hh {
	padding:15px 20px 50px 20px; 
	width: 200px; 
	float:right;
}
a.thankyou_bj {
	padding:15px 20px 50px 20px; 
	width: 200px; 
	float:right;
}
a.thankyou_moes {
	padding:15px 20px 50px 80px; 
	width: 200px; 
	float:left;
}
a.thankyou_fb {
	width: 200px; 
	float:left;
	padding:15px 20px 50px 20px; 
}