html, body { margin: 0; padding: 0; }
body {
	font: 100.01% Arial, Helvetica, sans-serif; color: #fff;
	background: #415312 url(/images/stripe.png) 0 0 repeat fixed;
}

/* custom stuff */
:focus { -moz-outline-style: none; }

a { text-decoration: underline; }
a:link, a:visited { color: #00c; }
a:hover, a:active { color: #06c;	}
a img { border: none; }

td, th { vertical-align: top; }

h2 { font-size: 2.1em; font-weight: normal; line-height: 120%; margin: 1.5em 0 0.75em; color: #777; }
h2.first { margin-top: 20px; }
h3 { }

form { margin: 0; padding: 0; }

.clr { clear: both; font-size: 1px; line-height: 1px; height: 0; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clear { clear: both; }

.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.center { text-align: center; }
.img_caption { color: #999; font-style: italic; line-height: 120%; margin: 0; }

a.more { font-size: 80%; font-weight: bold; text-transform: uppercase; }
.sm { font-size: .90em; color: #999; font-weight: normal; text-align: left; }
.important { color: #060; font-weight: bold; }
.error { color: #f00; }
.req { color: #c00; }
.highlight { background-color: #ff0; padding: 0 0.5em; }
.message {
	padding: 0.5em 1.5em; margin: 25px 0 1.5em 0; 
	color: #333;
	background: #CFEFCA none repeat scroll 0 0;
	border: 1px solid #c00;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;
}
.line { border-top: 1px solid #eee; margin: 1em 0 0 0; padding: 1em 0 0 0; font-size: 1px; line-height: 1px; }

/*
.shadow_up, .shadow_down { background: transparent url(/images/shadow.png) no-repeat 0 0; height: 20px; }
.shadow_down { background-position: -20px; }
*/

.printing { border-collapse: collapse; }
.printing td, .printing th { font-size: 0.8em; padding: 0.2em 0.5em; font-weight: normal; text-align: right; }
.printing td { border: 1px solid #eee; border-bottom: 3px double #eee; }
.printing th { background: #eee; border: 1px solid #fff; }
.printing p, .printing h3 { margin: 0; }
.printing .desc, .printing .qty { text-align: left; }
.printing .qty_div { float: right; }
.printing ul { margin: 0.5em 0; }
.printing li { line-height: 120%; }
.fine_print { font-size: 0.8em; }
.order { text-align: center; color: #060; }

/** some content stuff **/

div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
	
}

/** css buttons **/
#css_buttons {
	width: auto;
	white-space: nowrap;
	float: right;
	margin-top: 85px;
	margin-right: 20px;
}

#css_buttons a { margin-right: 1px; }

#page_bg { background: transparent url(/images/halftone.png) no-repeat 50% -20px; }

#header {
	text-align: left;
	width: 955px; height: 45px; overflow: hidden; 
	margin: 0 auto; padding: 20px 0 0 0;
	background: transparent url(/images/logo.png) no-repeat 0 100%;
	position: relative; z-index: 200;
}

#wrapper {
	background: #fff;
	font-size: 1.2em;
	margin: 0 auto; width: 955px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 0 3px 8px #000; -webkit-box-shadow: 0 3px 8px #000; box-shadow: 0 3px 8px #000;
}

/* Begin Menu */

#menubar { float: right; position: absolute; bottom: 0; right: 20px; }

#menubar ul { list-style: none; padding: 0; margin: 0; height: 1.9em; font-size: 1.1em; line-height: 1.8em; overflow: hidden; }
#menubar li { float: left; height: 1.5em; padding: 0 3px; margin: 0; white-space: nowrap; }
#menubar li a {
	display: block; height: 1.9em; width: auto; padding: 0 15px; margin: 2px 0;
	text-decoration: none; color: #fe0;
	text-shadow: 0 -1px 0 #000;

	-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px;
	border-top: 1px solid #5c7519; border-left: 1px solid #5c7519; border-right: 1px solid #5c7519; 
}
#menubar li a:hover { color: #fff; background: #5c7519; margin: 0; }
#menubar li.current { }
#menubar li.current a { color: #5c7519; background: #fff; text-shadow: none; }
#menubar li.current a:hover { }
#menubar li.last { border-right: none; }

/* End Menu */

#content {
	color: #444;
	padding: 1em 50px; margin: 0;
	text-align: left; line-height: 150%;
	min-height: 485px;
	position: relative; z-index: 100;
	background: transparent url(/images/phone.png) no-repeat 730px 25px;
}

#content_footer { text-align: center; padding: 1.5em 0; clear: both; }
#content_footer img { margin: 0 20px; }

#content_main { float: left; width: 550px; }
#sidebar { float: left; width: 255px; margin: 0 0 0 50px; font-size: 0.9em; line-height: 150%; }
#sidebar h2 { font-size: 1.3em; margin-top: 0; }
#sidebar h3 { font-size: 1em; margin: 0; }
#sidebar h4 { font-size: 1.2em; margin: 0 0 1em 0; }
#sidebar ul { padding-left: 1.5em; line-height: 100%; margin-left: 0; }
#sidebar li { margin-bottom: 0.5em; }
#sidebar .highlight { background: #0ff; }

.special {
	padding: 1em 1.5em; margin: 0 0 1.5em 0; 
	color: #333; line-height: 120%;
	background: #DCF39C none repeat scroll 0 0; border: 1px solid #607B45;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;
}

#footer { font-size: 0.6em; padding: 10px 0; text-align: center; color: #666; }
.w3c_badge { float: right; margin: 0 30px 0 20px; }

.submitbuttons { text-align: center; margin: 10px auto; }
input.submitbutton, .submitbuttons input {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	margin: 0 10px; 
	height: 30px; 
	line-height: 30px;
	background: transparent url(/images/menu_bg.png) repeat-x 0 0;
	border: none;	
}
input.submitbutton:hover, .submitbuttons input:hover { color: #ff0; background-position: 0 -30px; cursor: pointer; }

/* custom page styles */

.content_main_home { margin-top: 2em; }
.sidebar_home { margin-top: 6em !important; }

#contact_left { float: left; margin: 0 20px 0 0; }
#contact_right { }
#contact_right_inner { }

.contact { }

form.contactinfo { text-align: center; }
div.contactinfo { margin: 15px 0 30px 0; }
div.contactinfo .contactlabel, div.contactinfo .contactdata {
	padding: 3px 10px 3px 0;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
div.contactinfo .contactlabel { clear: both; float: left;}
div.contactinfo .contactdata { margin: 0 0 0 6em; }

div.download a {
	display: block; width: 11em; margin: 4em auto; padding: 1em 1em 1em 90px;
	text-decoration: none;
	background: #DCF39C url(/images/sushi-logo-icon.png) no-repeat 30px 50%; border: 1px outset #607B45;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;
	-moz-box-shadow: 0 2px 5px #ccc; -webkit-box-shadow: 0 2px 5px #ccc; box-shadow: 0 2px 5px #ccc;
}
div.download a:hover { background-color: #cf3; }
.download_title { font-size: 2em; }

/* end custom page styles */

.fieldlabel, .fieldinput { float: left; margin: 0 0 0.5em 0; }
.fieldlabel { width: 6em; clear: both; }
.fieldinput { width: 17em; }

ul.sushi_list { list-style: none; margin-top: 1.5em; margin-left: 2em; margin-top: 1.5em; padding-left: 0; text-indent: -13px; }
ul.sushi_list li { line-height: 125%; margin-bottom: 0.75em; }
ul.sushi_list li:before { content: "\00BB \0020"; }

/* custom coda-slider styles */
.coda-slider-wrapper h2 { font-size: 1.3em; margin: 0; line-height: 120%; font-weight: bold; }
.coda-slider-wrapper h3 { font-size: 0.7em; color: #999; margin: 0; font-weight: normal; text-transform: uppercase; line-height: 150%; }
.coda-slider-wrapper img { border: 1px solid #ccc; }
.coda-controls { float: right; margin: 0 10px 0 0; }
.fresh { border: none !important; }
.panel-left { float: left; width:370px; }
.panel-right { float: left; width: 178px; color: #000; } /* total width - panel-left - 2px img border */

.slider-help { float: left; z-index: 2000; height: 20px; margin: 2px 0 0 0; }
.slider-help img { border: none; }
.slider-helptext { position: absolute; }
h2.slider-header { float: left; font-weight: normal; font-size: 15px; text-transform: uppercase; line-height: 15px; margin: 7px 10px 0 0; color: #bbb; }

/* end coda-slider */

.tooltip {
	position: absolute; z-index: 2000; display: none; width: 500px; top: 0; left: 0;
	background: #ffe; border: 1px solid #fc0; padding: 20px;
	text-align: left;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;
}
.tooltip ul { margin: 0; }
.tooltip li { margin-bottom: 0.5em; }


/* -----------------------------------------------
	www.swfupload.org
	Description: Common Screen Stylesheet for SWFUpload Demos
	Updated on:  May 1, 2008
----------------------------------------------- */

/* ----------------------------------------------- 
	BASIC ELEMENTS
   ----------------------------------------------- */

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}