@charset "utf-8";
/* CSS Document */

body {
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	text-align: center;
	background-color: #333333;
}

/* Internet Explorer only.  colored scrollbar */
body,html {scrollbar-3dlight-color: #FF9933;scrollbar-darkshadow-color: #000000;scrollbar-face-color: #FF6600;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #CC6600;scrollbar-track-color: #999999;}

img, body, html, div {margin: 0; padding: 0; border:none;}



a {color:#0033FF;}
a: visited {color:#0033ff;}
a img {border: none;}

.fl {float:left;}
.fr {float:right;}

#container {
	text-align: left;
	width: 750px;
	margin: auto;
	background-color: #FFFFFF;
}

#container #navigation ul, #container #navigation li {margin:0; padding: 0; border: none;}
#container #navigation ul ,#container #navigation ul li a  {list-style-type: none;}

#container #navigation h2 {border: 1px solid #999999;}
#container #navigation ul {border: 1px solid #999999;}

#header h1 {height:104px; width:750px; margin:0; padding:0; position:relative;}

#header h1 em {background:url(images/diamondHeadTop.jpg);position:absolute;left:0;top:0;display:block;height:104px;width:750px;}

#topnavigation {text-align: right; margin-right: 1.5em; width:750px;}

#topnavigation #emailsignup {float:left; text-align:left; width:300px;}
#topnavigation #menu {float:right; text-align:right; width:400px;}



#topnavigation a {padding:0 .5em;}
#topnavigation a:link {color:#0033FF;}
#topnavigation a:visited {color:#0033FF;}
#topnavigation a:hover {background-color:#0099FF; color:#FFFFFF;}

#navigation {float:left; width:190px; margin:0;}
#navigation h2 {font-size: .9em; padding: 0; margin-bottom: 0; margin-top:0; color:#FFFFFF; background-color:#000000; text-align:center; border: 1px solid #CCCCCC;}

#navigation ul {padding-top: 0; margin-top: 0; background-color:#CCCCCC;}
#navigation ul li {font-size: .8em;}

#navigation a {text-decoration: none;border-left:.6em #cccccc solid; padding-left: .2em; border-bottom: 1px #cccccc solid;}
#navigation a:link {color: #0066FF; text-decoration: none;}
#navigation a:visited {text-decoration: none; color:#0066ff;}
#navigation a:hover{text-decoration: none; border-left: .6em solid #0099FF; padding-left: .2em; border-bottom: 1px solid #0099ff;}

#navigation #facebook {text-align:center; border:0; padding:1em;}
#navigation #facebook a {border:0; padding:1em;}

#maincontent {
	width: 550px;
	float:right;
	margin:0;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}
#maincontent p {
	text-indent:1em;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
	margin: 0px;
}

#maincontent ul {margin-left: 1em; padding-left:1em;}


.panel {font-size:80%;}
.panel ul {padding: 0; margin:0;}

#container #maincontent h4 {
	margin: 1em 0 0 0;
	padding: 0px;
}


#secondarycontent {
	width: 550px;
	float:right;
	margin:0;
	background-color:#DEEBF2;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#secondarycontent p {
	text-indent:1em;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 1em;
	margin: 0px;
}


#container #maincontent #secondarycontent img {width: 33%;}

#productName h2 {background-image:url(images/blueGradient.jpg); background-repeat:repeat-x; border: black solid 1px; text-align:center;}

#productImage {float:left;}
#productInfo {float:right; width: 200px; padding:0.5em;}


span.productprice {color:#FF0000;}

#listprice {color:#666666;}

p.testimonial{
	padding:2em 1em 2em 1em;
	text-indent:1em;
}

p.testimonialeven{
	padding:1em 1em 1em 1em;
	text-indent:1em;
	background-color:#FFE4AE;
}

span.testimonialName{
	display:block;
	font-weight:bold;
}


/* width 750 and float left removes the left navigation */
#statusoforders #maincontent {width: 750px; float:left; margin:0; padding:0;}
#statusoforders #maincontent td.THHeader {color:#FFFFFF; background-color:#000000;}
#loggedin #maincontent {width: 730px; float:left; margin:0; padding:10px;}
#searchprods #maincontent {width: 750px; float:left; margin:0; padding:0;}
#updatecustinfo #maincontent {width: 750px; float:left; margin:0; padding:0;}
#accountinfo #maincontent {width: 750px; float:left; margin:0; padding:0;}
#address #maincontent {width: 750px; float:left; margin:0; padding:0;}
#selectshipping #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#checkout #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#paymentInfo #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#statuslogin #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#login #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#firsttimeregister #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#proserror #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#konacoffeesale #maincontent h2 {
	background-color:#2B5180;
	color:#ffffff;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#inforequest #maincontent  {width: 750px; float:left; margin:0; padding:0;}
#konacoffeesale #maincontent {background-color:#FFFFFF;}
#editaddressbook #maincontent  {width: 750px; margin:auto; padding:0;}
#detailorder #maincontent  {width: 750px; margin:auto; padding:0;}
#twistnwin #maincontent  {width: 650px; margin:0 45px; padding:0;}


.tdRow1Color {background-color:#CCFFFF;}

input:focus, select:focus {background-color:#99FFFF; border: 1px solid #000000;}

#bottomlinks {width:100%;text-align:center;}
#bottomlinks h2 {font-size:.8em;}
#bottomlinks ul, #bottomlinks li{display: inline; list-style-type:none;}
#bottomlinks li {padding-right:1em;}

#bottomNav {background-color:#333333; width:100%;text-align:center; padding-top: 2em; padding-bottom:2em;}
#bottomNav ul, #bottomNav li{display: inline; list-style-type:none;}
#bottomNav li {padding-right:1em;}
#bottomNav a:link {color:#DEEBF2;}
#bottomNav a:visited {color:#DEEBF2;}
#bottomNav a:hover {color:#000000; background-color:#DEEBF2;}


/*------------------------------------------------------
Footer Details
------------------------------------------------------*/
.footerbg{
	width:100%;
	background:#000 url(../images/footer.gif);
	height:50px;
	height:100%;
	overflow:hidden;
	color:#999999;
	padding:40px 0 40px 0;
}

.container_12 {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

.footerbg h5{
	color:#FFFFFF;
	text-transform:uppercase;
}

.footerBigCol{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 460px;

}

.footerCol{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 220px;

}
	
.copyright {
	text-align:center;
}
		.footerbg a{ color:#999;}
		.footerbg a:hover{ color:#fff;}


/*------------------------------------------------------
Footer Lists
------------------------------------------------------*/
ul.footer {
	margin:10px 0; 
	padding:0;
}
ul.footer li {
	padding:0px 0px 5px 0px;
	list-style-type:none;
}

.footer a {
	color: #0066FF; text-decoration: none; padding:0px 0px 10px 0px;
}

.footer a:hover {
	color:#0066ff; text-decoration: underline; padding:0px 0px 15px 0px;
}
.keycode {
	background-color: #06F;
}