@charset "utf-8";

/***************** 
	COLOR NOTES:

	Dark Blue (found in footer): #202e39
	Medium Blue (found in footer): #243340
	Light Blue (found in background): #45627c
	
	Dark Orange (found in sidebar): #b54c14
	Light Orange (found in sidebar): #cc5616
*****************/

/* ########################################################################

	General Structure
	
######################################################################## */

body{
	background-image:url(../images/bg-bodyNEW.gif);
	background-repeat:repeat-x;
	background-color:#45627c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	margin:0;
	padding:0;}

.wrapper{margin:0;padding:0;}

.content{width:1060px;margin-left:auto;margin-right:auto;}

p{margin-left:20px;margin-right:20px;}



/* ########################################################################

	Resets 
	
######################################################################## */

img{border:none;}



/* ########################################################################

	General class styles used for positioning, etc.  Universal stuff 

######################################################################## */

/* no styles */
.nostyle{margin:0;padding:0;list-style-type:none;border:none;} 

/* need a margin? */
.margin{margin:20px;}

/* text alignments */
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignJustify{text-align:justify;}

/* general floats */
.floatR{float:right;}
.floatL{float:left;}

/* useful for highlighting an image w/additional wording */
.accentBox{ 
	position:relative;
	display:block;
	margin:20px;
	padding:20px 0;
	width:560px;
	background-color:#efefef;
	border-top:1px solid #202e39;
	border-bottom:1px solid #202e39;} 

/* creates a "double border" with padding */
.mug{padding:5px;border:1px solid #333;} 

/* restrict width to 150px */
.width150{width:150px;} 

/* warning and success messages */
.error, .success{position:relative;margin:20px auto;width:500px;padding:10px 20px;border:1px solid;padding:5px;}
.error{border-color:#c00;color:#c00;}
.success{border-color:#06F;color:#06F;}

/* font sizes, general */
.largefont{font-size:180%;}
.mediumfont{font-size:130%;}
.smallfont{font-size:80%;}

/* font colors, general */
.dark{color:#3e3e3e;}
.light{color:#6e6e6e;}

.orangeLight{color:#cc5616;}
.orangeDark{color:#b54c14;}

.blueLight{color:#45627c;}
.blueMedium{color:#243340;}
.blueDark{color:#202e39;}

/* if an element needs a block setting only */
.block{display:block;}

/* margins, side specific */
.marginTop{margin-top:10px;}
.marginBottom{margin-bottom:10px;}
.marginLeft{margin-left:10px;}
.marginRight{margin-right:10px;}

/* italics */
.italic{font-style:italic;}


/* ########################################################################

	Fixes
	
######################################################################## */


.spacer{display:block;clear:both;height:20px;}

.spacer2{display:block;clear:both;}

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;}
.clearfix{display:inline-block;}




/* ########################################################################

	Headers
	
######################################################################## */


h1, h2, h3{display:block;font-weight:100;text-align:center;margin:0;padding:0;}
h1, h3{font-family:Arial, Helvetica, sans-serif;background-repeat:repeat-x;background-position:top left;}
h2, h5{text-align:left;text-indent:20px;}
h2, h4{font-family:"Times New Roman", Times, serif;font-size:20px;color:#992f0f;}

h1{
	font-size:20px;
	color:#fff;
	background:transparent url('../images/bg-h1NEW.png') repeat-x;
	position:relative;
	width:200px;height:69px;
	line-height:45px;}
.foot-head h1{background:none;}
.h1-right{position:absolute;right:-9px;top:0;}
.h1-left{position:absolute;left:-9px;top:0;}

.text h2{font-family:Arial, Helvetica, sans-serif;font-size:26px;color:#992f0f;border-bottom:3px solid #e0e0e0;display:block;width:600px;}

h3{
	background:transparent url('../images/bg-h3NEW.gif') repeat-x;
	width:190px;height:30px;
	margin:0;
	line-height:30px;
	position:absolute;
	bottom:0;left:0;
	color:#fff;
	font-size:14px;}	

.text h4{margin:20px;}

h5{font-family:"Times New Roman", Times, serif;font-size:18px;color:#992f0f;}
	



/* ########################################################################

	Links
	
######################################################################## */


a{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333;text-decoration:none;}
a:hover{color:#0983bc;}

.text a{color:#06f;text-decoration:underline;}
.text a:hover{text-decoration:none;}
ul.cart a{color:#fff;text-decoration:none;}



/* ########################################################################

	Content Area Specific Styles
	
######################################################################## */


.text, .text-top{width:600px;margin-left:auto;margin-right:auto;position:relative;}

.text-top{position:relative;top:-40px;margin-bottom:20px;height:260px;}

.text{
	margin-top:-30px;
	margin-bottom:-50px;
	min-height:600px;
	padding-top:5px;
	background-image:url(../images/bg-cont.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	z-index:500;}

.text ul.offset{list-style-type:circle;}

img.contfoot{left:0;}
img.conthead{position:absolute;top:-10px;left:0;}

span.hi{
	display:block;
	width:550px;
	background-color:#0983bc;
	border:1px solid #1498CC;
	color:#fff;
	font-weight:bold;
	padding:5px;}

span.hiBod{
	display:block;
	width:550px;
	padding:5px;
	border:1px solid #0983bc;}

span.hiBod ul{margin-left:20px;margin-top:20px;}

span.bold{font-weight:bold;}

strong.italy{
	text-decoration:underline;
	font-style:italic;
	display:block;
	line-height:28px;}

span.typewriter{
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	text-decoration:underline;
	margin-bottom:10px;
	display:block;}

span.ruleNote{color:#065174;display:inline;font-style:italic;}

em.red{color:#992f0f;}

em{font-family:"Times New Roman", Times, serif;color:#000;}




.divide{border-top:1px solid #444;margin:18px 0;}

#wrapper{position:relative;margin:0;padding:0;}



/* ########################################################################

	Products Page
	
######################################################################## */


ul.prods{
	list-style-type:none;
	margin:20px;
	padding:0;
	position:relative;
	height:440px;
	display:block;}

ul.prods li.tl, ul.prods li.tr, ul.prods li.bl, ul.prods li.br{
	display:inline-block;
	width:190px;
	height:200px;
	border:1px solid #333;
	position:absolute;
	margin-top:10px;
	margin-bottom:10px;}

ul.prods li.tl{left:0;top:0;}

ul.prods li.tr{right:0;top:0;margin-left:11px;}

ul.prods li.bl{left:0;bottom:0;}

ul.prods li.br{right:0;bottom:0;}

ul.prods li:hover{border-color:#0983bc;}

ul.prodinfo, ul.prodinfo-view, ul.creator{
	margin:20px 10px 20px 0;
	padding:0;
	list-style-type:none;}

ul.prodinfo-view{position:relative;top:-80px;}
ul.creator{position:relative;display:block;}
ul.prodinfo-view p, ul.creator p{float:right;width:50%;}
ul.creator li{display:block;}

img.prodinfo{
	position:relative;
	float:left;
	margin-top:20px;
	margin-left:20px;
	padding:20px;
	border:1px solid #dedede;}

img.prod{
	border:none;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;}

span.sh{
	font-weight:bold;
	color:#777 !important;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;}

span.price{
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#992f0f;
	float:right;}




/* ########################################################################

	Creators Page
	
######################################################################## */


img.don{float:left;margin:20px 0 20px 20px;border:none;}

img.keith{float:right;margin:20px 20px 20px 0;border:none;}

img.creators{margin-left:20px;}




/* ########################################################################

	Side Menu Styles
	
######################################################################## */


.navL, .navR, .text, .text-top, .navL-bot{position:relative;background-color:#fff;}
.navL, .navL-bot{float:left;}
.navL, .navL-bot, .navR{width:200px;}

.navR{float:right;clear:none;min-height:810px;}

.navR-bot{clear:right;float:right;margin-top:30px;}

.navL-bot{position:relative;clear:left;margin-top:30px;}

ul.links{list-style-type:none;margin:20px;padding:0;}

ul.links li{padding:5px 0;border-bottom:1px solid #dedede;display:block;}

ul.links li.list{padding:5px 0;border:none;}

img.navfoot, img.contfoot{position:absolute;bottom:-10px;}

img.navfootR{position:absolute;bottom:-10px;left:0;}

img.cottage{
	position:relative;
	display:block;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border:none;}

img.paypal{margin-left:25px;position:relative;bottom:10px;}

.navR li.view{position:absolute !important;top:-118px;left:-110px;}




/* ########################################################################

	Header
	
######################################################################## */


.header{background-repeat:repeat-x;background-position:top left;display:block;position:relative;}

.header{background-image:url(../images/bg-header.gif);height:140px;margin-bottom:20px;}

.headholder{margin-left:auto;margin-right:auto;width:880px;position:relative;}

img.ship{position:relative;margin-left:auto;margin-right:auto;top:20px;display:block;}

.header{
	background-image:url(../images/bg-headerGrad.jpg);
	background-repeat:repeat-y;
	width:auto;
	height:140px;
	position:relative;
	background-color:#b54c14;}
	
.headholder{
	background-image:url(../images/bg-headerBase.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	height:151px;
	width:auto;
	min-width:1060px;
	position:relative;}
	
.headerimg{position:relative;margin:0 auto;}

img.shipHeader{position:absolute;top:-88px;left:-23px;z-index:20;}
img.contHead{z-index:10;}

img.headerimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:20px;}





/* ########################################################################

	Footer
	
######################################################################## */


.footer{background-image:url(../images/bg-footer.gif);height:160px;margin-top:20px;background-color:#413201;z-index:100;}
.footer{background-repeat:repeat-x;background-position:top left;display:block;position:relative;}

.foot-head{clear:both;display:block;border-top:1px solid #d9d9d9;width:560px;margin-left:20px;visibility:hidden;height:20px;}

span.address{
	display:block;
	width:100%;
	background-color:#fff;
	clear:both;
	text-align:center;
	position:absolute;
	bottom:0;}

p.enterprise{
	color:#cb3f14;
	text-align:center;
	position:relative;
	display:block;
	font-size:20px;
	top:30px;}

.footer{background-color:#243340;height:260px;position:relative;color:#fff;background-image:none !important;}
.footNav-wrap, .footNav{position:relative;margin:0 auto;}
.footNav-wrap{background-color:#202e39;width:660px;height:260px;padding:0 20px;}
.footNav{background-image:url(./images/bg-footNav.gif);width:600px;margin:0;padding:20px 30px 0;height:240px;}

.footNav li{list-style-type:none;}
.footNav li.top{position:relative;margin:10px auto 0;width:600px;text-align:center;}
.footNav li.footKeith, .footNav li.footDon{position:relative;width:280px;top:-30px;}
.footNav li.footKeith img, .footNav li.footDon img{border:3px solid #45627c;}
.footNav li.footKeith img:hover, .footNav li.footDon img:hover{border-color:#71a2b0;}
.footNav li.footKeith img{float:left;margin-right:5px;}
.footNav li.footDon img{float:right;margin-left:5px;}
.footNav li.footKeith{float:left;text-align:left;}
.footNav li.footDon{float:right;text-align:right;}
.footNav p{position:relative;top:78px;}

.footer a{color:#71a2b0;text-decoration:underline !important;font-weight:bold !important;}
.footer a:hover{text-decoration:none !important;}





/* ########################################################################

	Shopping Cart
	
######################################################################## */


ul.cart{
	list-style-type:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	position:absolute;
	right:-140px;
	top:30px;
	font-size:12px;
	width:240px;}

ul.cart li{display:block;margin-top:40px;}

ul.cart li.checkout, ul.cart li.view{background-repeat:no-repeat;background-position:top right;}

ul.cart a:hover{text-decoration:underline;}

ul.cart li.checkout img, ul.cart li.view img{position:relative;left:5px;border:none;}

.addtocart{position:relative;float:right;margin-left:20px;}





/* ########################################################################

	Lists
	
######################################################################## */





/* ########################################################################

	Tables
	
######################################################################## */


table.scoreTable{display:block;position:relative;margin-left:40px;}

table.scoreTable tr.headerTitle{font-weight:bold;}




/* ########################################################################

	Forms
	
######################################################################## */


fieldset{margin:20px 0;}

legend{font-variant:small-caps;font-size:120%;padding:0 10px;}

ul.links form select{width:160px;}

.user{
	width:560px;
	position:relative;
	display:block;
	margin:0 auto;
	background-color:#f9f9f9;}

.user input{
	width:250px;
	height:30px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;}
	
.user textarea{color:#444;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.user input.submit{background-color:#f9f9f9;border:1px solid #444;}
.user input.submit:hover{border-color:#06F;color:#06F;cursor:pointer;}

span.formtitle{position:relative;top:-10px;font-weight:bold;padding:5px;background-color:#fff;left:16px;}

form.login{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	position:relative;
	width:500px;
	padding:50px 20px;
	margin:100px auto;
	border:1px solid #666;
	background-color:#f9f9f9;
	background-image:url(../images/ship-large.gif);
	background-position:right;
	background-repeat:no-repeat;}
form.login input{
	display:block;
	border:1px solid #333;
	height:30px;
	width:250px;
	background-color:#fff;
	font-size:24px;
	line-height:24px;
	padding:5px 3px 0;
	color:#444;}
form.login input.submit{position:relative;}
form.login input.submit{
	position:relative;
	color:#fff;
	background-color:#493815;	
	border:1px solid #fff;
	font-size:14px;
	padding:3px;}
form.login input.submit:hover{border:1px solid #493815;color:#493815;background-color:#fff;cursor:pointer;}
form.login input.hidden{display:none;}






/* ########################################################################

	Front Page Specific Styles (home page products display)
	
######################################################################## */

.prodbox li, .prodbox ul{margin:0;padding:0;list-style-type:none;}
.prodbox, .prodbox li{margin:0;padding:0;list-style-type:none;}
.prodbox{margin:60px 0 0;}
.prodbox li{}

li#prodimg, li#prodinfo{display:inline-block;}
li#prodimg{width:200px;margin:0 10px 0 20px;}
li#prodinfo{width:350px;}

#prodinfo li{}
#prodinfo ul{float:left;display:inline-block;line-height:29px;}
.prodtitle{font-size:18px;color:#b54c14;margin:0;padding:0;position:relative;top:-20px;}
.prodprice{font-size:24px;color:#333;position:relative;top:-10px;font-weight:bold;}
.seemore a{font-size:12px !important;color:#036 !important;font-weight:bold;position:relative;top:-3px;}
.seemore a:hover{text-decoration:underline;}
.addtocart{display:block;float:left;position:relative;top:-8px;}
.shortdesc{font-size:14px;clear:both;line-height:18px !important;}

#prodinfo a.readmore{color:#036;}
#prodinfo a.readmore:hover{text-decoration:underline;}



/* ****************************** EoF ****************************** */