/* 
Copyright - Indoor Gardens Inc. 2007
Screen Style
*/

body {
	background: #E28B49 url(/images/bodybg.jpg) repeat-x top left;
	margin: 0;
	font-size:12px;
	text-align:center;
	font-family: Verdana, Arial, "Times New Roman";
}

/* Headers */

h1 {margin:0;padding-bottom:3px;letter-spacing:1px;color:#193C4F;font-size:20px;font-family: Helvetica, Arial, "Times New Roman";}
h2 {border-bottom:1px solid #ccc;font-size:14px;color:#333;}
h2.highlight {background:#efefef url(/images/gradients/grayshine.gif) repeat-x top left;color:#cc6600;border:none;padding:3px;}
h2.small {color:#cc6600;padding:4px 0;font-size:14px;margin:20px 0 0 0;border:none;}


#container {
  width:774px;
  border:0px solid #707e8d;
  margin:0.5em auto;
  text-align:left;
  padding:0;
  background:#fff;
}

#masthead {
	padding:0;
	margin:0;
	border:0px solid black;
	background:url(/images/masthead_bg09.gif) no-repeat top left;
	height:159px;	
	}
	
#masthead h1 {margin:100px 0 0 20px;color:#000;font-size:20px;font-style:italic;font-family: "Times New Roman";}

/* links */
a:link, a:active, a:visited {color:#003366;}
a:hover {color:#006699;}
a:focus {outline:none;}
small.red a:link {color:red;}


/* Main Navigation */
#nav {	
	height:22px;
	margin:0;
	padding:6px 0 0 0;
	border-left:0px solid white; /* this makes nav line up with top banner */
	}

#nav ul {
    float:left;
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
	height:1%;
	}
    
#nav li {
    float:left;
	margin: 0;
	padding: 0;
	}

#nav li a {	
	display: block;
	padding: 0 25px 0 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	font-family: Verdana, Arial "Times New Roman";
	}
    
#nav  a#home {padding-left:20px;}
   
#nav a:hover, #nav a:active, #nav a.active {color:yellow;} 

/* End Main Navigation */

/* float clearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* images */
img {border:none;}
img.right {float:right;margin:1em 0 1em 1em;padding:0;}
img.left {float:left;margin:0.5em 1em 0.5em 0;}

/* Main Content */

#wrapper {
	margin:0 0 0 0;
	width:774px;
	padding:0 0 20px 0;
	border:0px solid black;
	float:left;
	background:url(/images/content_bg_ds.gif) repeat-y top left;
	}

/* sidebar on left side */
#content {
 width:550px; 
 line-height: 1.6em;
 float:left;
 margin:0 10px 0 0;
 padding-left:20px;
 border:0px solid red; 
 }

p.slogan {padding-bottom:1em;height:1%;margin-top:1em;line-height:1.8em;font-family:Verdana, Arial, sans-serif;border-bottom:0px solid #ccc;}
p.slogan span#cheap{font-size:110%;font-weight:bold;font-style:italic;}
p.highlightbox, div.highlightbox {padding:1em;background:#efefef;border:1px solid #ccc;margin:10px 0;}
div.highlightbox {padding:5px;margin:20px 0;}
div.highlightbox ul {margin:0;padding-left:15px;}
div.highlightbox ul li {margin:3px 0;}

span.day {color:red;font-weight:bold;font-family:Arial, Verdana, "Times new Roman";font-size:14px;text-decoration:underline;display:block;margin-bottom:10px;}
span.tip {font-size:10px;margin-left:5px;}
p.secure {font-size:10px;margin-bottom:0;color:#999;} 
p.secure span {font-weight:bold;color:#666;}
div.spacer {margin:10px 0;padding:10px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}

#sidebar {
 padding:25px 0 0 0;
 width:170px;
 margin:0 10px 0 0;
 float:left;
 border:0px solid red;

 /* background:url(/images/cluster.jpg) no-repeat bottom; */

}

#sidebar h1, #sidebar h2, #sidebar h3 {
 padding:0 0 3px 0;
 margin:0;
 color:#999;
 font-family: Arial, Verdana, "Times New Roman";
 font-size:14px;
 color:#333;  
}

#sidebar h2, #sidebar h3 {margin-top:2em;}

#sidebar p {margin:0;padding:5px 0;}

p.image {text-align:center;}
#sidebar p.spaced_image {margin:17em 0 1em 0;}

#sidebar ul {
    margin:0 0 1em 0;
	padding: 0;
	list-style: none;
	}	

#sidebar li {
	margin: 0;	
	list-style: none;
	font-family:"MS Trebuchet", Arial, Verdana;
	background:url(/images/lightyellowbg.gif) repeat-x bottom left;
	
}
#sidebar li a, #sidebar li a:visited {
	font-weight:bold;
	height:1%; /* FOR IE 6 */
	color:#000;
	padding: 8px 10px 8px 15px;
	text-decoration:none;
	display:block;
	background:url(/images/squarebullet.gif) no-repeat 0 12px;
	}

#sidebar li a:hover {background:#ffffcc url(/images/squarebullet.gif) no-repeat 0 12px;}
#sidebar div#free {margin-bottom:1em;background:url(/images/gradients/gray.gif) repeat-x bottom left;border-bottom:1px solid #ccc;}
#sidebar .order_help {margin:0;padding:0 0 5px 0;}
#sidebar .order_help h2 {font-size:14px;margin:0 0 5px 0;padding:2px 0;background:#cc6600;color:#fff;font-style:italic;text-align:center;border-bottom:1px solid #993300;}
#sidebar .order_help li {
	margin:10px 10px;
	list-style: none;
	font-family:"MS Trebuchet", Arial, Verdana;
	background:none;
	
}
#footer {height:68px;margin-top:0;clear:both;border:0px solid black;background:url(/images/footbg.gif) no-repeat bottom left;}
#footer-inner {
  float:left;
	padding:0 0 0 0;
	margin:6px 7px 0 0;
	border:0px solid red;
	width:767px;
	background:url(/images/foottile.gif) repeat;
	}
#footer p.links {margin:5px 8px 0 20px;float:right;}
#footer p.links img {margin-left:2px;}
#footer p.copyright {color:#fff;margin:0;float:left;padding:25px 10px 0 10px;font-size:10px;}
#footer p.copyright span {padding:0 8px;display:inline;}
#footer a:link, #footer a:visited, #footer a:active {color:#efefef;}
#footer a:hover {text-decoration:none;}

/* Forms */
span.filter {font-weight:bold;margin-right:10px;color:#006600;}
label {margin:0 5px;color:#333;font-weight:bold;}
label em, legend em {color:#990000;font-weight:bold;}
label.radio {margin:0 20px 0 0;padding-bottom:5px;}
label.top {display:block;margin:5px 0;}

#inquiry {padding:1em;background:#efefef;}

#inquiry div.float {
  float: left;
  margin:0.5em 2em 1em 0;
  }
  
#inquiry br {clear: both;}

/* Error/Success Messages */
div.flash {padding:1em;margin:1em 0;font-weight:bold;}
div.flash.error {background:red;color:white;}
div.flash.notice {background:#c5f988;color:#3f6f07;}
div.flash.warning {background:yellow;color:#000;border:1px solid red;}

.errorExplanation {background:red;padding:1em;color:white;clear:both;}
.errorExplanation h3 {color:#fff;font-size:18px;margin:0;padding:0;}

div.fieldWithErrors {margin:0;padding:0;clear:left;}
div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select {background:#ffffcc;}

form h2 {background:#ccc;color:#000;padding:3px 5px;}

form.button-to div, .print-button {float:left;margin-right:1em;}

#contact_info {margin:30px 0 30px 0;padding:0;background:orange;font-family: Arial, Verdana, "Times New Roman";}
td.label {font-size:10px;color:#006600;}
td.email {font-size:10px;}
td.tagline {font-size:14px;padding:8px 0;font-style:italic;background:#fff;color:#003366;font-weight:bold;text-align:center;}

/* StoneCrab Packages */
#orderform {
 line-height: 1.6em;
 margin:0;
 padding:0 20px;
 border:0px solid red;
 clear:both;
 }
div#packages {clear:both;margin:10px 0;}
div#packages div {margin-bottom:20px;background:url(/images/lightgraybg.gif) repeat-x bottom;height:1%;}
div#packages div h1 {color:white;padding:10px;font-size:16px;}
div#packages div#medium {border:1px solid #0393DD;}
div#packages div#large {border:1px solid #135A95;}
div#packages div#jumbo {border:1px solid #32296D;}
div#packages div#colossal {border:1px solid #110399;}
div#packages div p span {font-weight:bold;font-size:12px;padding:5px;color:#fff;}
div#packages div#medium h1, div#packages div#medium p span, div#packages td#medium h1 {background:#0393DD url(/images/gradients/medium.gif) repeat-x top left;}
div#packages div#large h1, div#packages div#large p span, div#packages td#large h1 {background:#135A95 url(/images/gradients/large.gif) repeat-x top left;}
div#packages div#jumbo h1, div#packages div#jumbo p span, div#packages td#jumbo h1 {background:#32296D url(/images/gradients/jumbo.gif) repeat-x top left;}
div#packages div#colossal h1, div#packages div#colossal p span, div#packages td#colossal h1 {background:#32296D url(/images/gradients/colossal.gif) repeat-x top left;}
/* Other Products (non-stonecrab) *//
div#packages div#chowder {border:1px solid #110399;}
div#packages div#chowder h1, div#packages div#chowder p span, div#packages td#chowder h1 {background:#009900 url(/images/gradients/chowder.gif) repeat-x top left;}
div#packages div#keylime {border:1px solid #110399;}
div#packages div#keylime h1, div#packages div#keylime p span, div#packages td#keylime h1 {background:#00cc00 url(/images/gradients/keylime.gif) repeat-x top left;}
div#packages div#conch {border:1px solid #110399;}
div#packages div#conch h1, div#packages div#conch p span, div#packages td#conch h1 {background:#00cc00 url(/images/gradients/conch.gif) repeat-x top left;}
div#packages div#lobster {border:1px solid #110399;}
div#packages div#lobster h1, div#packages div#lobster p span, div#packages td#lobster h1 {background:#00cc00 url(/images/gradients/lobster.gif) repeat-x top left;}



p.left {float:left;width:100px;border:0px solid black;}
p.right {float:right;width:100px;border:0px solid black;}
div#packages table {margin:5px 3px 0 3px;}
td.img {padding-top:12px;}
div#packages div br {clear:both;}

/* StoneCrab Order Page */
div#packages table h1 {color:white;padding:3px;font-size:14px;}
div#packages table p {margin:3px 0;}
div#packages table td.package {background:#fff url(/images/lightgraybg.gif) repeat-x bottom;}
table.customerinfo td {padding:5px 0;}
p.shipnotice {font-weight:bold;font-style:italic;font-size:10px;}
div#packages p.shipnotice span {color:red;padding:0;font-size:inherit;}
td.line {border-bottom:1px solid #ccc;}
tr.label {background:#efefef;font-weight:bold;}
tr.shade {background:#efefef;}

tr.label td.sameasbill {font-weight:normal !important;font-size:10px;}

div.bottom {clear:both;background:url(/images/drop.gif) no-repeat bottom right;margin:0 0 10px 0;height:24px;}

#sidebar div.helper {padding:5px;margin:1em 0 2em 0;background:#ffffcc url(/images/yellowfade.gif) repeat-x top left;}
#sidebar div.helper h1 {color:#003366;font-size:14px;margin:10px 0;border-bottom:1px solid #ccc;}
#sidebar div.helper li {margin:5px 0;}
#sidebar #contactinfo {padding:5px;margin-top:10px;}
#sidebar #contactinfo p {margin:2px 0;padding:0;}

/* StoneCrab Order Summary Page */
p.total {padding-top:8px;border-top:1px solid #193C4F;}
p.total span {color:#cc6600;font-weight:bold;}
span.free {font-size:14px;text-transform:uppercase;color:red;font-weight:bold;font-style:italic;}
div#edit-order{padding:0;text-align:center;}
div#ordersummary {background:#eefafe;padding:3px 5px;margin-bottom:0.5em;font-weight:bold;}
div#custdetails {padding:5px 0 5px 5px;background:#efefef;border-top:3px solid #193C4F;border-bottom:3px solid #193C4F;}
h2.msg {text-transform:uppercase;color:#990000;border:none;}
/* Generic Lists */
#facts {margin:0 0 10px 0;padding:8px 5px 8px 20px;}
#facts li {margin:10px 0;}

/* Recipes */
div.recipe {background:#efefef;padding:5px 10px;margin:2em 0;}
p.recipe-title {font-size:16px;color:#000;font-family:Arial;font-weight:bold;padding-top:0;}
div.recipe h2 {font-size:12px;}
ul.ingredients {padding-left:15px;}

/* Javascript Tabs */

#tabs {
    float:left;
    width:100%;
    font-size:12px;
    line-height:normal;
    background:#fff url("/images/tab_bg.gif") repeat-x bottom;
    margin-top:10px;    
    }

#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#tabs li {
    float:left;
    margin:0;
    padding:0px;
    border-right:0px solid black;
 
    }
#tabs a {
    display:block;
    float:left;
    padding:5px 15px 4px;
    text-decoration:none;    
    color:#333;
    background:url(/images/gradients/light-gray.gif) repeat-x bottom left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    }

#tabs a:hover {color:#044893;}
    
#tabs .current a {
    background:#fff;
    padding-bottom:5px;
    color:#000;
    font-weight:bold;   
    }
    
/* hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

div.tcontent {padding:2em 1em 1em 1em;}
#content div.tcontent h1 {color:#333;}