/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: URL("/graphics/bg.gif") #18244f repeat-x;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	
}

#wrap {height: 100%;}
#wrap_splash {
	background: URL("/graphics/splashbg2.gif")  center top no-repeat;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 86px;
	width:970px;
	background: URL("/graphics/mainbg.gif") no-repeat;
	margin: 0 auto 0 auto;
	}  /* must be same height as the footer */

#main_splash {
	width:970px;
	background: URL("/graphics/mainbg.gif") no-repeat;
	height:505px;
	margin: 0 auto 0 auto;
	}  


div#header {
	width:970px;
	height:199px;
	background: url("/graphics/header.gif") no-repeat;
	margin: 0 auto 0 auto;
	padding:0 0 0 0;
}
	
div#content {
	padding:0 0;
	margin: 0 auto 0 auto;
	background: url("/graphics/subbg.gif") no-repeat;
}

div#content_splash {
	height:505px;
	padding:0 0;
	margin: 0 auto 0 auto;
	border:1px solid;
}

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	width:100%;
	background:#3650af;
	clear:both;} 
	
#footer_splash {
	width:100%;
	height: 60px;
	background:#3650af;
	clear:both;} 
	
#footerinside {
	width:970px;
	height: 60px;
	margin: 0 auto 0 auto;
	color:#fff;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* content formatting */

#head_right{
	width: 725px;
	height:199px;
	float:right;
}

#leftbar {
	width: 230px;
	height:485px;
	margin: 0 0 0 12px;
	float:left;
	display:inline;
}

#box {
	width:177px;
	height:142px;
	padding:20px 26px 0 27px;
	margin: 0 auto 0 auto;
	background: url("/graphics/boxbg.gif") no-repeat;
	font-family:tahoma, arial, helvetica, sans-serif;
	line-height:18px;
	font-style:italic;
	font-size:11px;
	overflow:hidden;
}

#leftbar_splash {
	width: 316px;
	height:485px;
	margin: 0 30px 0 12px;
	float:left;
	display:inline;
}

#box_splash {
	width:261px;
	height:146px;
	padding:16px 22px 0 33px;
	margin: 0 auto 0 auto;
	background: url("/graphics/boxbg_splash.gif") no-repeat;
	font-family:tahoma, arial, helvetica, sans-serif;
	line-height:19px;
	font-style:italic;
	font-size:14px;
	overflow:hidden;
}

.quote {
	padding:4px 0 0 0;
	font-family:times, serif;
	font-weight:bold;
	font-size:16px;
}

#box_splash p { 
	margin:12px 0 0 0;
}


#rightbar {
	width: 176px;
	margin: 9px -30px 40px 55px;
	float:right;
	display:inline;
	font-size:18px;
	font-weight:bold;
}

#rightbar p { 
	margin:0 0 27px 0;
}

.butn {
	width:159px;
	height:26px;
	margin: 0 0 10px 4px;
	padding:0;
	border:0;
}

#rightbar_splash {
	width: 190px;
	height:433px;
	padding:27px 0 0 26px;
	margin: 0 20px 0 0;
	float:right;
	display:inline;
	font-weight:bold;
	color:#000;
	font-size:13px;
	line-height:13px;
	background: url("/graphics/rightbarbg_splash.gif") no-repeat;
	position:relative;
}

#rightbar_splash p { 
	margin:13px 0 0 0;
}

#pagecontent {
	width: 645px;
	margin: 8px 20px 20px 0;
	padding:0 30px 0 0;
	overflow: auto;
	line-height:21px;
	float:right;
	display:inline;
}

#newspagecontent {
	width: 645px;
	margin: 8px 20px 20px 0;
	padding:0 30px 0 0;
	overflow: auto;
	line-height:21px;
	float:right;
	display:inline;
}

#shopcontent {
	width: 578px;
	padding: 60px 51px 20px 22px;
	overflow: auto;
	line-height:21px;
	float:right;
}




#left_foot {
	float: left;
	padding-top: 17px;
	padding-left:50px;
}

#right_foot {
	float: right;
	padding-top: 17px;
	padding-right:50px;
}


#right_foot a{
	color: #ef9abb;
	text-decoration: none;
}

#right_foot a:hover{
	color: #c50000;
	text-decoration: underline;

}


#clear {
	clear: both;
}

div.clear {
	clear: both;
}






/* text styles */

form {
	margin: 0;
}

a {
	color: #f3e76f;
	text-decoration: underline;
	 outline: none;

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

a.more {
	color: #84868b;
	text-decoration: none;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	float:right;
}
a.more:hover {
	color: #c8be5b;
	text-decoration: none;
}

a.more2 {
	color: #3650af;
	text-decoration: none;
	font-style:italic;
}
a.more2:hover {
	color: #c8be5b;
	text-decoration: none;
}




#splashlist{
margin: 30px 0 40px 26px;
padding: 0;
font-size: 14px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
}

#splashlist ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#splashlist li {
margin: 0;
background: url("/graphics/bullet.gif") 0 9px no-repeat;
}

li a.splashlist {
display: block;
padding: 0 0 0 15px;
color: #fff;
text-decoration: none;
	background: url("/graphics/bullet.gif") 0 9px no-repeat;
height:28px;
}

li a.splashlist:hover{
color: #f3e76f;
	text-decoration: none;
}










h1 {
	font-weight:norboldmal;
	font-size:24px;
	color: #f3e76f;
	text-transform: capitalize;
	margin:0 0 28px 0;
}


p { 
	margin:20px 0 20px 0;
}

.contact td {
font-size: 10px;
text-align:right;

}

.error {
	font-size:15px;
	line-height:17px;
	color: #1b1a1d;
	padding:10px 20px 20px 20px;
}



/* catalog styles */

a.catalog {
	color: #01177a;
	text-decoration: none;
}
a.catalog:hover {
	color: #0266c4;
	text-decoration: none;
}
.catalogText {	
	text-decoration: none;
	font-size: 10pt;
}
.catalogTitle {
	color: #5C4033;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}
td.cartdisplay {
	background: #eaeaea;
	border-bottom: solid 1px #bababa;
	padding: 6px 8px;
	}

td.cartdisplaytop {
	border-bottom: solid 1px #bababa;
	padding: 2px 8px;
	font-weight: bold;
	}
	
td.cartname {
	font-weight: bold;
	font-size:11px;
	}
td.cartoptions {
	font-size: 11px;	
	}
td.cartsub {
	padding: 6px 8px;
	}
.border {
	border: solid 1px #eeaf04;
}


/* links page  */

h5 {
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	margin:20px 0 5px 0;
	color: #e32b00;
}

	
div.links {
	padding: 8px 0 8px 10px;
	border-top: solid 1px #ccc6b4;
	width: 90%;
}

div.links a{
	color: #000000;
	text-decoration: none;
}

div.links a:hover{
	color: #e32b00;
	text-decoration: underline;
}






/* menu codes */


	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
	width: 726px;
	height:30px;
	margin: 0 auto 0 auto;
	padding:0 0 0 0;
}

#underlinemenu ul{
margin: 0;
padding-left: 0;
float: left;
font-weight:normal;
font-size:12px;
line-height:12px;
text-transform:uppercase;
width: 100%;
	font-family:tahoma, arial, helvetica, sans-serif;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: #f3e76f;
padding: 8px 14px 0 14px;
height:22px;
text-decoration: none;
font-weight:bold;
}

#underlinemenu ul li a:hover{
color: #fff;
}

div#pagecontent ul {
list-style: none;
margin:0 0 20px 20px;
padding:0;
}

div#pagecontent li {
	background: url("/graphics/bullet.gif") no-repeat 0 6px;
	padding:0 0 2px 15px;
}


#pagecontent ul li a{
float: left;
color: #fff;
padding: 0 0 2 15px;
text-decoration: none;
font-weight:normal;
}

#pagecontent ul li a:hover{
color: #f3e76f;
}





div#newspagecontent ul {
list-style: none;
margin:0 0 20px 20px;
padding:0;
}

div#newspagecontent li {
	padding:0;
}


#newspagecontent ul li a{
float: left;
color: #fff;
padding: 0 0 2 15px;
text-decoration: none;
font-weight:normal;
}

#newspagecontent ul li a:hover{
color: #f3e76f;
}