/* General HTML Styles */
/* ------------------- */
html
{
	background-color: #0F1272;
	padding: 0;
	margin: 0;
}
html * {margin-top:0;}
body
{
	width: 781px;
	margin: 0 auto;
	padding:0;
	background-color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/*font-size:11px  1em;
	*/
}
p { margin-bottom: 1em; line-height: 18px;}
li, td, th {}
h1, h2, h3, h4, h5, h6 {margin-top: .75em; margin-bottom: .5em; color: #0F1272;}
h1{font-size: 1.8em;}
h2{font-size: 1.8em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5{font-size: 1.0em}
h6{font-size: 0.8em}

a {color:#0F1272;/*#3737D1;*/}
a:link, a:visited{/*text-decoration:none;*/}
a:hover, a:active {/*text-decoration:underline;*/}
a img {border-style:none;}

blockquote{margin: 0 0 0.25em 0; }
cite{margin:0 0 1em 0;display:block; text-align:right;}
address{margin:0 0 1em 0; font-style:normal;}

/*******************************************
  Form Styles
*******************************************/
form {padding:0; margin:0;}
input, textarea, select {font-size:100%;}
input.button {
	font-size: 100%; 
	background-color: #FE7930; 
	color: white; 
	border-width:1px; 
	border-color: #ccc black black #ccc;
}
fieldset {margin: 10px 0; padding:0px; border:none;}
fieldset legend {color: #0F1272; margin-left:0; margin-bottom:5px; padding: 0px; font-weight:bold;}
fieldset p {padding-left: 6px;}
fieldset p.required {border-left: 2px solid #660000; padding-left:4px;}
fieldset p.left {float:left; width:225px; /*width:45%;*/}
fieldset p.right {float:right;  width:225px; /*width:45%;*/}
fieldset p label {padding-right: 6px; display:block;}
fieldset p.required label {}
fieldset p .invalid{display:block;}
fieldset p input, textarea {display:block;}
fieldset p input.button{}
/* use for p.inlineinput checkboxes and radio buttons */
fieldset p.inlineinput label {display:inline;}
fieldset p.inlineinput input {display:inline;}

.invalid {color: #660000; font-weight:bold;}
#genFeedback, .feedback {color: #660000; font-weight:bold; }
#genInstruction, .instruction {font-weight:bold;}

/* Shared Classes */
/* -------------- */
.block {display:block;}
.none {display:none;}
.left {float:left;}
.right{float:right;}
.clear {clear:both;}
.clearafter:after { /* Overridden in IE css, previous external floats trigger the IE Float Model	*/
	content: ".";
	height:0;
	visibility: hidden;
	display:block;
	clear:both;
}

img.left
{
	float:left;
	margin:5px 10px 10px 0;
}
img.right
{
	float:right;
	margin:5px 0 10px 10px;
}
.alternate
{
	background-color: #CECECE;
}
hr.separator
{
	border:1px solid #EDEDED; 
	border-width: 1px 0 0 0; 
	height:1px; 
	color:#EDEDED; 
	margin:5px 0 5px 0;
	display:block; 
	clear:both;
}
.hilite{color:#FAA334;}
.note {font-size: 90%; color:#666;}

.city {font-style:italic;}
.store {font-weight:bold;}

/* Layout for major page areas */
/* -------------------------- */
#head 
{
	width: 100%;
	background-color: #B7D30B;
	margin:0;
	padding:0;
}

#head h1 
{
	/*float: left;*/
	padding: 15px 0 0 0;
	text-align:center;
}

#head ul 
{
	display: block;
	margin:10px 0 5px 0;
	padding:5px 0;
	float: left;
	width:100%;
	background-color:#FFFFFF;	
}

#head ul li
{
	padding-left:17px;/*23px*/
	margin:0;
	display: inline;
	float:left;
}

#head ul li a
{
	color: #0F1272;
	text-decoration:none;	
}
#head ul li a:hover
{
		text-decoration:underline;	
}

#content
{
	clear: both;
	width: 100%;
}

#main 
{
	width: 500px;/*550px*/
	min-height:500px;
	padding:10px;
	float: left;
}

#sidebar 
{
	width: 233px;/* 210px*/
	margin-right:10px;
	padding-top:15px;
	float: right;
}
#sidebar #rotator {margin-bottom:15px;}
#sidebar #buynow {padding-bottom: 10px;}
#sidebar #testimonial {padding:10px; }
#testimonial p cite, #testimonial blockquote {font-family: Georgia, "Times New Roman", Times, serif;}
#sidebar #testimonial p {text-align:right;}
#sidebar #testimonial blockquote{margin-left:1em; line-height:1.4em; font-size:1.2em;}
#sidebar #testimonial a {font-weight:bold; text-decoration:none;}


#footer
{
	border-top: 5px solid #B7D30B;
	clear: both;
	padding-top: .5em;
	padding-bottom: .5em;
}
#footer ul 
{
	margin: 0; 

	min-height:0; /* force hasLayout for IE7*/
	padding: 0 25%;
}

#footer ul li
{
	float: left;
	list-style: none;
	width: 25%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer ul li a {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer p 
{
	margin: 0;
	clear: both;
	text-align: center;
	/*margin-right: 7em;*/
	padding: 0.3em 0 0.5em 0;
}


/* page specific layout and styles */
/* ------------------------------- */
/*home page */
#main .homepagewrap {background: url(../img/common/bg_illustration.gif) no-repeat bottom right;}
#main p.ordernow {text-align:right; font-weight:bold;}
#main p.ordernow a {text-decoration:none;}
#main .teaseritem{}
#main .teaseritem p {text-indent: 20px;}
#main .homepagewrap .teaseritem a {text-decoration:none;}

/*Media Coverage*/
#main .mediaitem{border-bottom:1px solid #666; margin-bottom:1em;}
#main .mediaitem h3{font-size: 1.1em;}
#main .mediaitem h4{font-size: 0.9em;}
#main .mediaitem p.date{margin-bottom: 0.25em; color:#666;}
#main .mediaitem cite{text-align:left; font-style:normal; color:#666;}
#main .mediaitem blockquote{margin:1em;}

/* StemGrip Details*/
p.largeimage {float:left; margin: 0 1em 2em 0;}


/*Checkout*/
table.order{width:15em; border:0; border-collapse:collapse; margin:0;}
table.order th {text-align:left; color: #666; padding:3px;}
table.order td {padding:3px; border-top:1px solid #CECECE;}
table.order tr.total td {border-top: 2px solid #666; font-weight:bold;}

/*******************************************
  Behavior/Javascript supporting styles
*******************************************/
/*datalist show/hide*/
dl#showhide dt{cursor:pointer; font-weight:bold; margin-bottom:0.5em;}
dl#showhide dd {margin: .5em 0 1em 1em;}
dl#showhide dd address {font-style:normal;}