*{
margin:0;
padding:0;
}
body{
margin:0;
padding:25px 0 0 0;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:100%;
background-color:#FFF8ee;
color:#000000;
}
#homeon h1{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.75em;
color:#383838;
font-weight:bold;
margin-bottom:-5px;
margin-left:0;
padding-top:5px;
}
/******************************
* THE TOP PRIMARY NAVIGATION
******************************/
div#primarynav{
height:40px;
width:395px;
margin:0 0 0 370px;
padding:0;
border:0;
background:transparent;
}
div#primarynav ul#menu{
height:40px;
width:395px;
background:transparent url(../g/navbar.jpg) top left no-repeat;
margin:0;
padding:0;
position:relative;
}
div#primarynav ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu a{
height:40px;
display:block;
}
div#primarynav ul#menu li a{
text-decoration:none;
text-indent:-9999px;/* Commented backslash hack for IE Mac \*/
overflow:hidden;/* end hack */
}
#home{
left:0;
width:81px;
}
#products{
left:81px;
width:81px;
}
#about{
left:160px;
width:81px;
}
#contact{
left:235px;
width:80px;
}
#order{
left:314px;
width:81px;
}
/* start of buttons */
/* The 'on' states follow */
#home a:hover,body#homeon #home{
background:transparent url(../g/navbar.jpg) 0 -40px no-repeat;
}
#products a:hover,body#productson #products{
background:transparent url(../g/navbar.jpg) -81px -40px no-repeat;
}
#about a:hover,body#abouton #about{
background:transparent url(../g/navbar.jpg) -160px -40px no-repeat;
}
#contact a:hover,body#contacton #contact{
background:transparent url(../g/navbar.jpg) -235px -40px no-repeat;
}
#order a:hover,body#orderon #order{
background:transparent url(../g/navbar.jpg) -314px -40px no-repeat;
}
/* Text Links, edit to suit */
a:link{
color:#1F5C5F;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
a:visited{
color:#5E5E5E;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
a:hover{
color:#A52A2A;
text-decoration:none;
font-weight:normal;
}
a:active{
color:#DC5014;
background-color:transparent;
font-weight:normal;
}
#logo{
margin:0;
float:left;
}
/* homepage */
#logoImg{
background-image:url(../g/JDHlogoCO.gif);
background-repeat:no-repeat;
margin:0;
float:left;
height:70px;
width:200px;
position: absolute;
left: 25px;
}
.headeritalic{
	color:#666;
	font-style:italic;
	font-size:100%;
	line-height:135%;
}
.headeritalicQuote{
	color:#666;
	font-style:italic;
	font-size:100%;
	line-height:100%;
}
.left{
position:absolute;
left:100px;
}
/* Used only on the homepage */
#containerNoimage{
border:1px solid #000000;
text-align:center;
padding:8px;
margin:auto;
}
h5 {
	font-size: 125%;
	color: #666;
}
#header{
padding-right:5px;
height:70px;
}
/* homepage only */
#mainContent{
	width:300px;
	padding-top:25px;
	padding-right:20px;
	padding-left:20px;
	margin:0;
	height:235px;
}
#mainContent img{
border-top-width:0;
border-right-width:0;
border-bottom-width:0;
border-left-width:0;
}
#mainContent h1{
line-height:115%;
font-size:2.5em;
}
/* Typography */
h1{
margin:0;
font-size:160%;
font-weight:bold;
color:#373737;
line-height:150%;
padding-top:20px;
padding-bottom:15px;
}
h2{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:140%;
color:#333;
font-style:italic;
font-weight:normal;
line-height:75%;
padding:5px 0 5px 0;
margin:0px 0 10px 0;
}
h3{
color: #AA2B2C;
font-style:italic;
font-size:120%;
padding:10px 0 5px 0;
}
h4{
	font-style:italic;
	font-size:110%;
	color: #006400;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
p{
margin:0;
padding:5px 10px 5px 10px;
font-size: 80%;
line-height: 160%;
}
/* The Containers */
#outerContainer{
border:4px solid #666;
padding-top:12px;
padding-right:10px;
padding-bottom:12px;
padding-left:10px;
text-align:center;
width:790px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#container{
border:1px solid #000000;
text-align:center;
padding:8px;
background-image:url(../g/flycuff.jpg);
background-repeat:no-repeat;
background-position:290px 70px;
}
.textwrapper{
margin: 0 200px 0 200px;
}
/* The Footer */
#footer{
	font-style:italic;
	color:#666;
	text-align: center;
	padding-top: 0;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 10;
	margin: 0px;
	clear: none;
}
#footer p{
	margin:0;
	font-size:80%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	clear: both;
}
/* Images */
.profile-pic{
border:1px solid #d1d0d0;
padding: 10px;
background-color: #ffffff;
}
/* The Logo */
#logoImg{
background-image:url(../g/JDHlogoCO.gif);
background-repeat:no-repeat;
margin:0;
float:left;
height:70px;
width:200px;
}
/* Buy buttons.*/
a.buybutton{
width:140px;
height:35px;
margin:0px 0 0 30px;
display:block;
float: none;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.buybutton{
background:url(../g/buybutton.gif) no-repeat;
}
a:hover.buybutton{
background-position:0 -35px;
}
/* Buy buttons fix (middle button alignment) */
a.buybuttonfix{
width:140px;
height:35px;
margin:0px 0 0 40px;
display:block;
float: none;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.buybuttonfix{
background:url(../g/buybutton.gif) no-repeat;
}
a:hover.buybuttonfix{
background-position:0 -35px;
}

/* Buy complete collection button */
a.buyallbutton{
width:140px;
height:35px;
margin:0px 0 0 5px;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
position: absolute;
left: 460px;
top: 20px;
}
a.buyallbutton{
background:url(../g/buybutton.gif) no-repeat;
}
a:hover.buyallbutton{
background-position:0 -35px;
}

/* Full product pages */
#product-container{
	width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#buy-wrapper, #buyall-wrapper{
	width:640px;
	clear:both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#col-c{
	margin-left:200px;
	margin-right:200px;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#col-a{
float:left;
width:200px;
margin:0;
padding:0;
background-color: transparent;
}
#col-b{
float:right;
width:200px;
margin:0;
padding:0;
background-color: transparent;
}
#col-c-buy, #col-c-buyall{
padding:5px;
margin-left:200px;
margin-right:200px;
background-color: transparent;
text-align: center;
}
#col-a-buy, #col-a-buyall{
float:left;
width:200px;
margin:0;
padding:5px;
background-color: transparent;
text-align: center;
}
#col-b-buy, #col-b-buyall{
float:right;
width:200px;
margin:0;
padding:5px;
background-color: transparent;
text-align: center;
}

#buy-collection{
	background-color: #ffffff;
	border:5px solid #666666;
	position: relative;
	text-align: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 5px;
	clear: both;
}

#buy-collection p{
	text-align: left;
	font-size: 100%;
	color: #1c6e17;
	font-weight: bold;
	border:1px solid #171717;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#worldpay{
padding-top: 10px;
margin-left: auto;
margin-right: auto;
width: 520px;
}

/* /////////////////////////// August 2010 updates /////////////////////////////// */
/* product 1 button */
a.collection1{
width:720px;
height:180px;
margin:0 0 15px 30px;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.collection1{
background:url(../g/collection1.jpg) no-repeat;
}
a:hover.collection1{
background-position:0 -180px;
}
/* product 2 button */
a.collection2{
width:720px;
height:180px;
margin:0 0 15px 30px;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.collection2{
background:url(../g/collection2.jpg) no-repeat;
}
a:hover.collection2{
background-position:0 -180px;
}
/* product 3 button */
a.collection3{
width:720px;
height:180px;
margin:0 0 15px 30px;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
a.collection3{
background:url(../g/collection3.jpg) no-repeat;
}
a:hover.collection3{
background-position:0 -180px;
}
/* product 4 button */
a.collection4{
	width:720px;
	height:180px;
	display:block;
	text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
	overflow:hidden;/* end hack */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 30px;
}
a.collection4{
background:url(../g/collection4.jpg) no-repeat;
}
a:hover.collection4{
	background-position:0 -180px;
}
.about-textwrapper{margin: 0 360px 0 60px;position: relative;text-align: left;}
.about-textwrapper h1{margin-left:10px;}
.about-image1{position: absolute;top: 535px;right:85px;}
.about-image2{position: absolute;top: 955px;right:85px;}
/* In dollars */
h4 span{color: #696969;}

/* /////////////////////////// End August 2010 updates /////////////////////////////// */h5 {
	font-size: 125%;
	color: #666;
	padding-left: 10px;
}
#faq {
	left:314px;
	width:81px;
}
#faq a:hover, body#faqon #faq {
	background-color: transparent;
	background-image: url(../g/navbar.jpg);
	background-repeat: no-repeat;
	background-position: -314px -40px;
}
#buy-collection-pp {
	position: relative;
	text-align: right;
	margin-top: 10;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	visibility: inherit;
	bottom: 50px;
	right: 20px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}