/* 49th Parallel CSS Document */

body {
	margin: 0 auto 0 auto;	
	background-image: url(images/49BG.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#040607;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	img {
	
	border: none;
	}
	
/* main links */

a:link {
color: #330000;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}

a:hover {
color: #54bceb;
font-size:11px;
text-decoration:none;
}

a:visited {
color: #330000;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}
#container {					
	position: relative;
	margin: 0 auto 0 auto;    
	width: 944px;
	border: none;
}

#mainImg{

height: 305px;}

#left{
float:left;}

#right{
margin-left: 2px;
float:right;
background-color:#eae0d7;
background-image:url(images/tanBG.gif);
width:292px;
height:305px;
}
#newsText{
width: 280px;
padding-left:5px;
margin-top:0px;
padding:top:0px}


/* Top Banner  */
  
  #logo {
	margin: 0 auto 0 auto;
	width: 944px;
	padding: 0;
	border:none;
	height: 62px;
}

#header {
	margin: 0 auto 0 auto;
	background: transparent url(images/logoBottom.gif) no-repeat 0 0;
	width: 944px;
	padding: 0;
	border: 0;
	height: 35px;
}

#bannerHome {
	margin: 0 auto 0 auto;
	width: 944px;
	padding: 0;
	border: 0;
	height: 126px;	
}

#shipping{
padding:5px;
background-color:#c7b6a7;
margin-bottom:10px;
padding-left:15px;
padding-right:15px;

}

#shipping p{
font-size:12px;

}

.imageRight {    /* this applies to all images on subpages, accept for process page */
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
margin-right: 0px;
float:right;
}
.imageRightLandscape {    /* this applies only to images on the process page */
padding-left: 10px;
padding-bottom: 5px;
padding-top: 0px;
margin-right: 0px;
float:right;
}

#wrapper {	
	color:#333333;
	background-color:#EAE0D7;
	width: 944px;	
	padding: 0px;
	margin-top:2px;
	margin-bottom:2px;
}

#content {
	margin-left:5px;
	padding-left:230px;
	width: 700px;	
	border:none;
	border-left:2px solid #47292A;
	border-right:2px solid #47292A;
	min-height:400px;
}

.mainContent{
	clear:both;
	width:660px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	padding-top:20px;
}

/* store sub navigation list */

#navcontainer {
width: 680px;
padding-top:20px;
padding-bottom:20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
padding: 0;
margin-right: 1px;
}

#navcontainer ul li a
{

width: 79px;
height: 90px;
border: 2px solid #47292A;
padding: 0;
display: block;
}

#navcontainer ul li a:hover
{
border: 2px solid #54BCEB;
}

#navcontainer a:active
{
border: 2px solid #54BCEB;
}

#navcontainer li#active a
{
border: 2px solid #54BCEB;
}

/* Page Title graphics positions and image names based on body ID */

#pageTitle {
	position:absolute;
	margin-top: 20px;
	margin-left: -230px;
	width: 207px;
	height: 35px;
}

/* Page Title graphics positions and image names based on body ID */

body.grinders #pageTitle{ background: transparent url(images/titleGrinders.jpg) no-repeat 0 0; }
body.brewers #pageTitle{ background: transparent url(images/titleBrewers.jpg) no-repeat 0 0; }
body.wares #pageTitle{ background: transparent url(images/titleWares.jpg) no-repeat 0 0; }
body.accessories #pageTitle{ background: transparent url(images/titleAccessories.jpg) no-repeat 0 0; }
body.merchandise #pageTitle{ background: transparent url(images/titleMerchandise.jpg) no-repeat 0 0; }
body.cleaners #pageTitle{ background: transparent url(images/titleCleaning.jpg) no-repeat 0 0; }
body.coffeeList #pageTitle{ background: transparent url(images/titleCoffeeList.jpg) no-repeat 0 0; }
body.coffeeEssentials #pageTitle{ background: transparent url(images/titleCoffeeEssentials.jpg) no-repeat 0 0; }
body.inside #pageTitle{ background: transparent url(images/titleInside.jpg) no-repeat 0 0; }
body.store #pageTitle{ background: transparent url(images/titleStore.jpg) no-repeat 0 0; }
body.wheretobuy #pageTitle{ background: transparent url(images/titleWhere.jpg) no-repeat 0 0; }
body.contact #pageTitle{ background: transparent url(images/titleContact.jpg) no-repeat 0 0; }
body.wholesale #pageTitle{ background: transparent url(images/titleWholesale.jpg) no-repeat 0 0; }
body.books #pageTitle{ background: transparent url(images/titleBooks.jpg) no-repeat 0 0; }
body.tea #pageTitle{ background: transparent url(images/titleTea.jpg) no-repeat 0 0; }



#coffee_list_thumb {
	background: url(images/coffee_list_title.jpg) no-repeat right top; 
	position:absolute;
	margin-left: -70px;
	width: 65px;
	height: 65px;
	}	


	/* ----- store page ------ */


#storelinks{
margin-top:2px;

}

a.storelink {display:block;width:143px;height:141px;border: 2px solid #EAE0D7; } 
a.storelink:hover {border: 2px solid #54BCEB; } 
.storelink img{border:0;width:143px;height:141px;} /*same information that was perviously in the tag attributes*/ 


.storeTable {
	margin-left: -10px;
}

.line {
	margin-bottom: 10px;	
	margin-top: 10px;
}


body#store .line {
	margin-bottom: 0px;
}
	/* ----- text ------ */
.beanIcon {
	vertical-align: middle;
	padding-right: 5px;
}

p {
	font-size: 11px;
}


#content p span {
	font-size: 11px;
	color:#54BCEB;

}

#content ul {
	font-size: 11px;
}

#content ol {
	font-size: 11px;
}

h1 {
	padding-top: 5px;
	font-size:18px;
	font-style:bold;
	margin-top:0px;
	margin-bottom:0px;
}

h2 {
	padding-top: 5px;
	font-size: 13px;
	font-style:normal;
}

h3 {
	padding-top: 10px;
	font-size: 15px;
	font-style:normal;
	color:#000000;
}

h4 {
	padding-top: 5px;
	font-size: 12px;
	font-style:normal;
}

h5 {
	margin-bottom: -4px;
	font-size: 13px;
	font-style:normal;
	text-transform: uppercase;
}

h6 {
	margin-bottom: 10px;
	margin-top: -4px;
	font-size: 13px;
	font-style:normal;
}


h6 span {
	
	color: #BF7B00;
	text-decoration:none;

}

hr{
border: 0;
color: #200d0a;
background-color: #200d0a;
height: 1px;
width: 100%;
text-align: left;
margin-top:10px;
margin-bottom:10px; 

}

#newsBody1 a:link, #newsBody1 a:visited{
text-decoration:none;
color:#4cafe6;

}

#newsBody1 a:hover{
text-decoration:none;
color:#54BCEB;

}

h7 {
	
	color: #200d0a;
	font-size:14px;

}

	
h2 span, h5 span {
	color:#54BCEB;
	font-style:normal;
	}

	

/*-sub navigation menu-*/

#coffeeSubNav{
margin-left:0px;
width:500;
}
#coffeeSubNav2{
margin-left:0px;
margin-top:40px;
width:500;
}
#subMenu2 {
margin-left: 10px;
}
#subMenu ul {
		list-style: none;
		padding: 0;
		border: none;
		margin-top: 35px;
		font-size:12px;
		text-align: left;
		border-bottom:1px #250800 solid;
		text-indent:27px;
		}
		
#subMenu li {
		margin: 0px;
		}
		
#subMenu ul li a:hover {
		color: #000000;
		background: transparent url(images/blueArrow.gif) no-repeat 0px 7px; 
		}

#subMenu li a {
		display: block;
		padding-top:8px;
		padding-bottom:8px;
		color: #000000;
		text-decoration: none;
		height:10px;
		background: url(images/blueArrowOff.gif) no-repeat 5px 0px;
		background-color:#c7b6a7;
		border-top:1px #250800 solid;
		}
		
#subMenu li a:visited {
		display: block;
		padding-top:8px;
		padding-bottom:8px;
		color: #000000;
		text-decoration: none;
		height:10px;
		background: url(images/blueArrowOff.gif) no-repeat 5px 0px;
		background-color:#c7b6a7;
		}
		
#subMenu li#on a	{color: #000000; background: transparent url(images/blueArrow.gif) no-repeat 0px 7px;}

/* ----- NAV FUNCTIONALITY ------------------------------------------------------------------------------------------------------ */

ul#nav {
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
	padding-left: 262px;
	width: 480px;
	height: 13px;
	list-style-type: none;
	overflow: hidden;
}

body#index ul#nav  { background: transparent url(images/49nav.gif) no-repeat 262px 0px; }
body#list ul#nav  { background: transparent url(images/49nav.gif) no-repeat 262px -13px; }
body#essentials ul#nav { background: transparent url(images/49nav.gif) no-repeat 262px -26px; }
body#inside ul#nav  { background: transparent url(images/49nav.gif) no-repeat 262px -39px; }
body#store ul#nav  { background: transparent url(images/49nav.gif) no-repeat 262px -52px; }
body#contact ul#nav  { background: transparent url(images/49nav.gif) no-repeat 262px -65px; }


ul#nav li a {
	position: absolute;
	top: 0;
	width: 480px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 13px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:13px; /* IE5/Win */
	width: 480px;
	background: transparent url(images/49nav.gif) no-repeat;
	}
	

body#index li#hom a 			{ background-position: 0px 0; width: 160px; left: 262px; }
body#index li#hom a:hover		{ background-position: 0 0; }
body#index li#lis a 			{ background-position: 0 0; left: 262px; }
body#index li#lis a:hover		{ background-position: 0 -13px; }
body#index li#ess a 			{ background-position: -96px 0; left: 358px; }	
body#index li#ess a:hover		{ background-position: -96px -26px; }
body#index li#ins a 			{ background-position: -244px 0; left: 506px; }	
body#index li#ins a:hover		{ background-position: -244px -39px; }
body#index li#sto a 			{ background-position: -334px 0; left: 596px; }		
body#index li#sto a:hover		{ background-position: -334px -52px; }
body#index li#con a 			{ background-position: -399px 0; left: 661px; }		
body#index li#con a:hover		{ background-position: -399px -65px; }

body#list li#hom a 				{ background-position: 0px -13px; width: 160px; left: 262px; }
body#list li#hom a:hover		{ background-position: 0 0; }
body#list li#lis a 				{ background-position: 0 0; left: 262px; }
body#list li#lis a:hover		{ background-position: 0 -13px; }
body#list li#ess a 				{ background-position: -96px 0; left: 358px; }	
body#list li#ess a:hover		{ background-position: -96px -26px; }
body#list li#ins a 				{ background-position: -244px 0; left: 506px; }	
body#list li#ins a:hover		{ background-position: -244px -39px; }
body#list li#sto a 				{ background-position: -334px 0; left: 596px; }		
body#list li#sto a:hover		{ background-position: -334px -52px; }
body#list li#con a 				{ background-position: -399px 0; left: 661px; }		
body#list li#con a:hover		{ background-position: -399px -65px; }

body#essentials li#hom a 		{ background-position: 0px -13px; width: 160px; left: 262px; }
body#essentials li#hom a:hover	{ background-position: 0 0; }
body#essentials li#lis a 		{ background-position: 0 0; left: 262px; }
body#essentials li#lis a:hover	{ background-position: 0 -13px; }
body#essentials li#ess a 		{ background-position: -96px 0; left: 358px; }	
body#essentials li#ess a:hover	{ background-position: -96px -26px; }
body#essentials li#ins a 		{ background-position: -244px 0; left: 506px; }	
body#essentials li#ins a:hover	{ background-position: -244px -39px; }
body#essentials li#sto a 		{ background-position: -334px 0; left: 596px; }		
body#essentials li#sto a:hover	{ background-position: -334px -52px; }
body#essentials li#con a 		{ background-position: -399px 0; left: 661px; }		
body#essentials li#con a:hover	{ background-position: -399px -65px; }

body#inside li#hom a 			{ background-position: 0px -13px; width: 160px; left: 262px; }
body#inside li#hom a:hover		{ background-position: 0 0; }
body#inside li#lis a 			{ background-position: 0 0; left: 262px; }
body#inside li#lis a:hover		{ background-position: 0 -13px; }
body#inside li#ess a 			{ background-position: -96px 0; left: 358px; }	
body#inside li#ess a:hover		{ background-position: -96px -26px; }
body#inside li#ins a 			{ background-position: -244px 0; left: 506px; }	
body#inside li#ins a:hover		{ background-position: -244px -39px; }
body#inside li#sto a 			{ background-position: -334px 0; left: 596px; }		
body#inside li#sto a:hover		{ background-position: -334px -52px; }
body#inside li#con a 			{ background-position: -399px 0; left: 661px; }		
body#inside li#con a:hover		{ background-position: -399px -65px; }

body#store li#hom a 			{ background-position: 0px -13px; width: 160px; left: 262px; }
body#store li#hom a:hover		{ background-position: 0 0; }
body#store li#lis a 			{ background-position: 0 0; left: 262px; }
body#store li#lis a:hover		{ background-position: 0 -13px; }
body#store li#ess a 			{ background-position: -96px 0; left: 358px; }	
body#store li#ess a:hover		{ background-position: -96px -26px; }
body#store li#ins a 			{ background-position: -244px 0; left: 506px; }	
body#store li#ins a:hover		{ background-position: -244px -39px; }
body#store li#sto a 			{ background-position: -334px 0; left: 596px; }		
body#store li#sto a:hover		{ background-position: -334px -52px; }
body#store li#con a 			{ background-position: -399px 0; left: 661px; }		
body#store li#con a:hover		{ background-position: -399px -65px; }

body#contact li#hom a 			{ background-position: 0px -13px; width: 160px; left: 262px; }
body#contact li#hom a:hover		{ background-position: 0 0; }
body#contact li#lis a 			{ background-position: 0 0; left: 262px; }
body#contact li#lis a:hover		{ background-position: 0 -13px; }
body#contact li#ess a 			{ background-position: -96px 0; left: 358px; }	
body#contact li#ess a:hover		{ background-position: -96px -26px; }
body#contact li#ins a 			{ background-position: -244px 0; left: 506px; }	
body#contact li#ins a:hover		{ background-position: -244px -39px; }
body#contact li#sto a 			{ background-position: -334px 0; left: 596px; }		
body#contact li#sto a:hover		{ background-position: -334px -52px; }
body#contact li#con a 			{ background-position: -399px 0; left: 661px; }		
body#contact li#con a:hover		{ background-position: -399px -65px; }

/* footer*/
#footer a:link {
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}

#footer a:visited {
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}

#footer a:hover {
	font-size: 10px;
	color:#47292A;
	text-decoration:none;
}


/* copyright*/

#copyright a:visited{
font-size: 10px;
	color: #54BCEB;
	text-decoration: none;
font-weight:normal;
}


#copyright a:hover {
font-size: 10px;
	color: #EAE0D7;
	text-decoration: none;
font-weight:normal;
}

#copyright a {
font-size: 10px;
	color: #54BCEB;
	text-decoration: none;
font-weight:normal;
}


/* ----- FOOTER ------------------------------------------------------------------------------------------------------ */

#footer {
clear:both;
	position: relative;
	margin: 3px auto 0 auto;    /* this makes the page align center */
	width: 944px;
	border: none;
	height: 115px;
	background-color: #4cafe6;
	}
	
#bestTitle {
margin-left:24px;
padding-top:15px;
width:200px;
font-weight:bold;
font-size:14px;
margin-bottom:0px;
padding-bottom:0px;

	}	
	
#bestText {
	float:left;
	margin-left:10px;
	font-size: 10px;
	font-style:normal;
	color:#000000;
	width: 300px;
}

#footerText {
float:left;
	width:330px;
	font-size:12px;
	line-height:18px;
	color:#47292A;
}		

#where {
	float:right;
	margin-right: 10px;
	width:496px;
	border: none;
	margin-top: 0;
	}		

/* ----- Bottom Navigation and copyright ------------------------------------------------------------------------------------------------------ */

#copyright{
font-size: 10px;
font-weight:normal;
text-align:center;
}

#menulist{
margin: 0 auto 0 auto;
width: 944px;
font-size: 10px;
line-height:18px;
text-align: center;
color: #54BCEB;
}
#btmMenu { 
padding-top:10px;
padding-bottom:20px;
font-weight:normal;
}

#btmMenu{
font-size: 10px;
	font-size: 10px;
	color: #54BCEB;
font-weight:normal;
	} 

#btmMenu ul li {
font-size: 10px;
	padding: 0px 10px;
	border-left: 1px solid #54BCEB;
	list-style: none;
	display: inline;
font-weight:normal;
	}
		
#btmMenu ul li.first {
font-size: 10px;
	border-left: none;
font-weight:normal;
	}
	
#btmMenu li a:visited{
font-size: 10px;
	color: #54BCEB;
	text-decoration: none;
font-weight:normal;
}


#btmMenu li a:hover {
font-size: 10px;
	color: #EAE0D7;
	text-decoration: none;
font-weight:normal;
}

#btmMenu li a {
font-size: 10px;
	color: #54BCEB;
	text-decoration: none;
font-weight:normal;
}


.outOfStock {
	color: #FF0000;
}

.viewcart {
	background-image: url(http://www.49thparallelroasters.com/view-cart-button.jpg);
	background-repeat: none;
	width: 100px;
	height: 35px;
	border: none;
	text-indent: -999em;
}