/*-----------------------------------------------
Cooper Design
Author:   Jason Cooper
Version:  1 June 2009
----------------------------------------------- */


/* Global
----------------------------------------------- */

/* Remove border around linked images */
img {
	border: 0;
	padding: 0;
	margin: 0;
	}

a:link, 
a:visited, 
a:active {
	color: #0085de;
    text-decoration: underline;
	}    
a:hover {
	color: #0085de;
    text-decoration: none;
	}  
	
h1 {
	font: normal 2em/1.5em helvetica, tahoma, sans-serif;
	padding: 5px 0 10px 0;
	margin: 0px;
	}
	
h2 {
	font: normal 2em/1.5em helvetica, tahoma, sans-serif;
  	color: #3e9f38;
  	border-bottom: solid 1px #3e9f38;
  	padding: 0 0 0 0;
  	}
  	
h3 {
	font-family: helvetica, tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin: 8px 0 0 0;
	}	
	h3 a:link, h3 a:visited, h3 a:active {
		color: #872f00;
    	text-decoration: none;
		}    
	
	h3 a:hover {
		color: #c69701;
    	text-decoration: none;
		}    	
  	
.btn {	
	position: relative;
	top: 5px;
	}

input {
	background-color: #f4fdf3
	}
  	
	
/* Header 
----------------------------------------------- */	
#topBar {
	background: #fff url('../media/barBg.jpg') repeat-x top left;
	height: 34px;
	text-align: right;
	padding: 0 10px 0 10px;
	line-height: 35px;
	}
	#topBar a:link, 
	#topBar a:visited, 
	#topBar a:active {
		color: #fff;
    	text-decoration: underline;
    	padding: 0 15px 0 0;
		}    
	#topBar a:hover {
		color: #fff;
    	text-decoration: none;
		}  
	.button  {
		position: relative;
		top: 5px;
		}

#header {
	background: #fff url('../media/headerBg.jpg') repeat-x top left;
	width: 960px;
	height: 130px;
	text-align: left;
	}
	#col1 {
		padding: 20px 0 0 10px;
		width: 180px;
		text-align: left;
		}
	#col2 {
		padding: 20px 10px 0 0;

		width: 750px;
		text-align: right;
		float: right;
		}


#tagline {
	float: left;
	width: 400px;
	text-align: left;
	color: #fff;
	font-style: italic;
	font-size: 14px;
	}
	
/* Navigation
----------------------------------------------- */

/* BEGIN DROPDOWN NAVAGATION */

#nav a:hover {
	text-decoration: none;
	}

.nav-bar {
	margin: 0 10px 0 0;
	height: 29px;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 18px;
	float: right;
	line-height: 25px;
	position: relative;
	top:  -11px;
	}

.nav-wrapper ul {
  	padding: 0;
  	margin: 0;
  	list-style: none;
	text-align: left;
	}

.nav-wrapper li {
  	float: left;
  	position: relative;
	margin: 0 5px 0 0;
	color: #fff;
	}
	.nav-wrapper li a:link, 
	.nav-wrapper li a:visited, 
	.nav-wrapper li a:active {
		color: #fff;
		text-decoration: none;
		}    
	.nav-wrapper li a:hover {
		color: #0085de;
		text-decoration: none;
		}  

.nav-wrapper li.sub {
	border-top: 1px solid #575757;
	clear: left;
	}

.nav-wrapper li img {
	display: block; /* IE5, 5.5 */
	}

.nav-wrapper li ul {
  	display: none;
  	position: absolute; 
  	top: 1em;
  	left: 0;
	padding-top: 18px;
	}

.nav-wrapper li>ul {
	top: auto;
	left: auto;
	padding-top: 0; 
	}

.nav-wrapper li:hover ul, 
.nav-wrapper li.over ul{ 
	display: block;  
	}

.nav-wrapper li.sub a {
	display: block;
	width: 125px;	
	padding: 5px 10px;
	background: #404041;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	}

.nav-wrapper li.sub a:hover {
	color: #fff;
	background-color: #003153;
	}
	

	
/* Structure
----------------------------------------------- */
body {
	background: #d6ebf8 url('../media/mainBg.jpg') repeat-x top left;
	font: .75em/1.5em verdana, sans-serif;
  	color: #2d2d2d;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 960px;
	position: relative;
	}
	
#main {
	background: #fff url('../media/subBg.jpg') no-repeat bottom left;
  	padding: 10px 20px 20px 20px;
  	text-align: left;
	}	
	#breadcrumb {
		display: block;
		margin: 10px 0 20px 0;
		}
		
#sideCol {
	float: right;
	width: 215px;
	}
	
	#featuredProduct {
		background: #d6ebf8 url('../media/headerFeaturedProduct.gif') repeat-x top left;
		width: 186px;
		padding: 50px 10px 10px 12px;
		margin: 0 0 20px 0;
		}
		#featuredProduct img{
		float: left;
		padding: 0 10px 0 0;
		}
	#recommend {
		background: #d6ebf8 url('../media/headerRecommend.gif') repeat-x top left;
		width: 186px;
		padding: 50px 10px 10px 12px;
		}
		#recommend ul{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#recommend ul li {
			float: left;
			padding: 0 0 10px 0;
			}
		#recommend ul li img{
			float: left;
			padding: 0 12px 0 0;
			}


#productShot {
	float: left;
	margin: 0 0 0 60px;
	}
#productDetails {
	float: left;
	margin: 0 0 0 60px;
	}
	
#categories {
	background: #d6ebf8 url('../media/headerShop.gif') repeat-x top left;	
	width: 188px;
	padding: 40px 10px 10px 10px ;
	background-color: #f0fafc;
	float: left;
	margin: 10px 20px 0 0; 
	}
	
#categories strong {
	color: #0b1b31;
	}
	#categories ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#categories ul li {
		border-bottom: solid 1px #c4e6ed;
		padding: 0 0 0 0;
		}
	#categories ul li a{
		padding: 0 0 0 15px;
		text-decoration: none;
		display: block;
		background-image: url('../media/arrow2.gif');
		background-repeat: no-repeat;
		background-position: 0 1.0em;	
		line-height: 35px;
		font-size: 14px;		
		}
		
	#categories ul li a:hover{
		text-decoration: none;
	color: #0b1b31;
		}
	
#categoryDropdown {
	float: left;
	width: 200px;
	}
	
	
#socialMedia {
	position: absolute;
	top: 173px;
	right: 10px;
	}
	#twitter {
		width: 30px;
		height: 30px;
		display: inline;
		}

	
/* Cart and Checkout
----------------------------------------------- */	
	
#cartItems {
	font-size: 12px;
	color: #404040;
	padding: 0 0 0 0;
	text-align: left;
	border: solid 1px #6a6a6a;
	}
	
.altRow {
	background-color: #eaf2f7;
	}	
	
.tableHeader {
	color:#fff;
	font-size:14px;
	background-color: #003153;
	}	
	
.checkoutHeader {
	color: #209612;
	font-size: 13px;
	line-height: 30px;
	}
	
/* Misc.
----------------------------------------------- */	
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #fec714;
	width: 150px; /*Default width of hint.*/ 
	padding: 5px;
	border:1px solid black;
	font: 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
	text-align: left;
	color: #000;
		font-weight: bold;

	}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	color: navy;
	margin: 0px 0px;
	}	


	
hr {
  border: none;
  background-color: #b5c4d6;
  color: #b5c4d6;
  height: 1px;
	}	

	
.mainHeader {
	font-family: helvetica, tahoma, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #005bab;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	}
	
.subHeader {
	font-family: helvetica, tahoma, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #005bab;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	}
	
	.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
	
.regPrice {
	color: #000000
	}
.goldPrice {
	color: #a07500
	}
.salesPrice {
		color: #b20000
	}
		

.border {
	border: 3px solid #ebf3e9;
	}

.border:hover{
	background-color: transparent;
	border: 3px solid #17610b
	}
	
	
.borderThumb {
	border: 2px solid #430009;
	}

.borderThumb:hover{
	background-color: transparent;
	border: 2px solid #c49400
	}
	
	
#mainAdmin {
	padding-right: 20px;
	background-color: #fff;
	}

/* Footer 
----------------------------------------------- */
#footer {
	background-color: #45ab3e;
	color: #fff;
	padding: 5px;
	text-align: center;
	}	
	#footer a:link, 
	#footer a:visited, 
	#footer a:active {
		color: #fff;
		text-decoration: none;
		}    
	#footer a:hover {
		color: #fff;
		text-decoration: underline;
		}  



/* LyteBox
----------------------------------------------- */	

	
.tbl {
	border-left: grey 1px solid;
	border-top: grey 1px solid;
	}
	
.tbl td {
	border-right: grey 1px solid;
	border-bottom: grey 1px solid;
	padding: 0px 4px 0px 4px;
	}
	
.tblTxt {
	color: #fff;
	padding: 10px 10px 0px 30px ;
	margin: 0px;
	text-align: left;
	}

.tblTxt td{
	text-align: left;
	}

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../media/lytebox/loading.gif) center no-repeat;
	}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../media/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../media/lytebox/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../media/lytebox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../media/lytebox/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../media/lytebox/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../media/lytebox/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../media/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../media/lytebox/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../media/lytebox/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../media/lytebox/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../media/lytebox/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../media/lytebox/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../media/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../media/lytebox/close_red.png) no-repeat; }
	#lbClose.green { background: url(../media/lytebox/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../media/lytebox/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../media/lytebox/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../media/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../media/lytebox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../media/lytebox/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../media/lytebox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../media/lytebox/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../media/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../media/lytebox/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../media/lytebox/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../media/lytebox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../media/lytebox/pause_gold.png) no-repeat; }