/* css basics
------------------------------------------------------------------------------*/
body { 
	margin:0;
	background:#FFFFFF;
	font-family:"Trebuchet MS", Helvetica, Geneva, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
}
img { 
	border:0;
}
form {
	margin:0;
	padding:0;
}
p { 
	margin:0 0 10px 0;
	padding:0;
}
h1 { 
	margin:0 0 15px 0;
	color:#333333;
	font-size:20px;
	font-weight:bold;	
}
h2 { 
	margin:0 0 10px 0;
	color:#666666;
	font-size:1.2em;
	font-style:italic;
}
h3 { 
	margin:0 0 10px 0;
	color:#666666;
	font-size:1.2em;
}

/* links
------------------------------------------------------------------------------*/
a { 
	color:#0000CC;
	text-decoration:none;
}
a:visited { 
	color:#0000CC;
	text-decoration:none;
}
a:hover { 
	color:#0000CC;
	text-decoration:underline;
}

/* primary layout
------------------------------------------------------------------------------*/
#pagewrap { 
	clear:both;
	width:962px;
	margin:0 auto;
	padding:0;
}
#header #userinfo {
	margin:5px 0;
	text-align:right;
	color:#0000CC;
}
#header .logo {
	float:left;
}
#bttmband {
	height:5px;
	background:#CBE4FF;
	font-size:5px;
	line-height:5px;
}
#leftcontent {
	width:199px;
	background:#CBE5FF;
}
#leftnav {
	background:#0000CC;
	border-bottom:1px solid #FFFFFF;
	height:150px;
}
#leftnav ul {
	margin:0;
	padding:12px 0 13px 0;
	list-style:none;
}
#leftnav ul li {
	text-align:right;
}
#leftnav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0 22px;
	text-transform:uppercase;
	font-size:14px;
	line-height:25px;
	
}
#leftnav ul li a:hover,
#home #leftnav .home, 
#ordering #leftnav .ordering, 
#account #leftnav .account, 
#newsletter #leftnav .newsletter, 
#contact_us #leftnav .contact_us 
{
	color:#FFFFFF;
	text-decoration:none;
	background:url(/images/elements/navarrow.gif) right center no-repeat;
}
#leftcontent .sidebar {
	padding:15px;
}
#leftcontent .sidebar h2 {
	text-transform:uppercase;
	font-style:normal;
	font-size:13px;
	color:#660000;
}
#leftcontent .sidebar h3 {
	margin-bottom:5px;
	font-style:normal;
	font-size:12px;
	color:#2b325c;
}
#leftcontent .pdf {
	border-top:1px solid #ffffff;
	padding:15px 15px 15px 15px;
}
#leftcontent .pdflink {
	display:block;
	height:27px;
	padding-left:35px;
	margin-bottom:5px;
	background:url(/images/icons/pdf.png) left center no-repeat;
	text-decoration:none;
	font-weight:bold;
	line-height:27px;
}
#rightcontent .padmain {
	padding:15px 0 15px 15px;
}
#footer {
	margin-top:10px;
	text-align:center;
	color:#0000CC;
	font-size:11px;
}
#footer .copyright {
	font-style:italic;
	font-size:11px;
}

/* newsletter page
------------------------------------------------------------------------------*/
#newsletter .rightcol {
	padding-left:15px;
	font-size:11px;
	color:#666666;
}
#newsletter .rightcol ul {
	margin:0 0 10px 0;
	padding-left:15px;
}
#newsletter .rightcol ul li {
	padding:0 0 8px 0;
}
#newsletter .rightcol h2 {
	color:#333333;
}
#newsletter .rightcol b {
	color:#333333;
}
#newsletter .leftcol img {
	float:right;
	margin:0 0 10px 10px;
}

/* contact page
------------------------------------------------------------------------------*/
#contact_us h2 {
	color:#333333;
}
#contactlist {
	margin:20px 0 -15px 0;
}
#contactlist h3 {
	font-size:12px;
	color:#333333;
	margin-bottom:0;
}
#contactlist .title {
	font-style:italic;
	font-size:11px;
	color:#666666;
	margin-bottom:0;
}
#contactlist td {
	padding-bottom:15px;
}
#contactlist img {
	margin-right:15px;
}
#contactlist .leftcol {
	padding-right:15px;
}
.greybrdr {
	border:1px solid #666666;
}

/* homepage slidshow
------------------------------------------------------------------------------*/
#home #s3slider {
	width: 760px; /* important to be same as image width */
	height: 510px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#s3slider {
	width: 760px; /* important to be same as image width */
	height: 150px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#s3sliderContent {
	width: 760px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin: 0; /* important */
	padding: 0; /* important */
}
.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}
.s3sliderImage span {
	position: absolute; /* important */
	right: 0;
	text-align:left;
	width: 760px;
	background-color: #ffffff;
	filter: alpha(opacity=85); /* here you can set the opacity of box with text */
	-moz-opacity: 0.85; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.85; /* here you can set the opacity of box with text */
	opacity: 0.85; /* here you can set the opacity of box with text */
	color: #000000;
	font-weight:bold;
	display: none; /* important */
	bottom: 0;

	/*
		 if you put
		 top: 0; -> the box with text will be shown at the top of the image
		 if you put
		 bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
}
.s3sliderImage span div {
	padding:15px 20px;
}
.s3clear {
	clear:both;
}

/* forms
------------------------------------------------------------------------------*/
fieldset {
	border:none;
	padding:0;
}
fieldset legend {
	color:#584e42;
	font-size:20px;
	font-weight:bold;
	padding:0;
	display:none;
}
fieldset dl {
	margin:0;
}
fieldset dt {
	color:#666666;
}
fieldset dd {
	margin:0 0 10px 0;
}
.flash {
	position:absolute;
	width:100%;
	top:0;
	left:0;	
	background:#cbe5ff;
	border-bottom:1px solid #0000cc;
	opacity:.95;
}
.flash div {
	width:960px;
	margin:0 auto;
	padding:27px 0;
	font-weight:bold;
	font-size:13px;
	color:#770000;
	text-align:center;
}
#login input {
	padding:3px;
	font-weight:bold;
	font-size:13px;
}
#adminform .section {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
}
#adminform .input {
	clear:both;
	margin:5px 0;
}
#adminform .input label {
	clear:both;
	display:block;
	float:left;
	width:125px;
}
#adminform .input label b {
	color:#999999;
	display:block;
	font-size:11px;
	font-weight:normal;
	margin-bottom:1em;
}
#adminlist ul {
	display:inline;
	list-style:none;
}
#adminlist #menu li {
	margin:0 0 10px 0;
}
#adminlist #menu li {
	float:left;
}
#adminlist #menu .spacer {
	padding:0 6px;
}
.stripe_alt tr.alt td {
	background:#efefef;
}
.stripe_alt tr:hover td, .stripe_alt tr.alt:hover td {
	background:#CBE5FF;
}
table .right {
	text-align:right;
}
table .center {
	text-align:center;
}

/* form alert messages
------------------------------------------------------------------------------*/
.alert {
	margin-bottom:15px;
	padding:15px 10px 15px 50px;
	background:#efefef url(/images/icons/alert_stop.png) no-repeat scroll 10px 10px;
	border:1px solid #CCCCCC;
}
.alert h2 {
	color:#333333;
	text-transform:none;
}
.alert p {
	margin:2px 0;
}
.noresult {
	padding:15px;
	background:#efefef;
	border:1px solid #CCCCCC;
	font-style:italic;
}

/* ordering page
------------------------------------------------------------------------------*/
#producttable .local {
	vertical-align:middle;
}
#ordersummary .remove {
	margin-left:5px;
}
#producttable .add {
	display:block;
	height:21px;
	width:21px;
	background:url(/images/icons/addoff.png) center center no-repeat;
	text-indent:-9000px;
}
#producttable .remove {
	display:block;
	height:21px;
	width:21px;
	background:url(/images/icons/removeoff.png) center center no-repeat;
	text-indent:-9000px;
}
#producttable .splititem {
	display:block;
	height:21px;
	width:21px;
	background:url(/images/icons/splitoff.png) center center no-repeat;
	text-indent:-9000px;
}
#producttable .weeklyon {
	display:block;
	height:21px;
	width:21px;
	background:url(/images/icons/weeklyon.png) center center no-repeat;
	text-indent:-9000px;
}
#producttable .weeklyoff {
	display:block;
	height:21px;
	width:21px;
	background:url(/images/icons/weeklyoff.png) center center no-repeat;
	text-indent:-9000px;
}
#producttable .add:hover {
	background:url(/images/icons/add.png) center center no-repeat;
}
#producttable .remove:hover {
	background:url(/images/icons/remove.png) center center no-repeat;
}
#producttable .splititem:hover {
	background:url(/images/icons/split.png) center center no-repeat;
}
#ordersummary .remove {
	display:block;
	height:21px;
	width:21px;
	background:url(/images/icons/removeoff.png) center center no-repeat;
	text-indent:-9000px;
}
#ordersummary .remove:hover {
	background:url(/images/icons/remove.png) center center no-repeat;
}

#producttable .editnote a, #producttable .viewnote a {
	margin-left:9px;
	display:block;
	height:18px;
	width:17px;
	background:url(/images/icons/notesoff.png) center center no-repeat;
	text-indent:-9000px;
}
#producttable .editnote a:hover, #producttable .editnote a.active, #producttable .viewnote a.active {
	background:url(/images/icons/notes.png) center center no-repeat;
}
#producttable .prodname {
	font-weight:bold;
}
#producttable .split {
	font-weight:normal;
	font-style:italic;
	padding-left:20px;
}
#producttable .qty {
	text-align:center;
	border:1px solid #cccccc;
}
#producttable .qty:focus {
	background:#cbe5ff;
}
#producttable .qtyfill {
	background:#cbe5ff;
}
.filters {
	margin-bottom:10px;
}
.records {
	margin-top:-10px;
	margin-bottom:10px;
}
.orderactions {
	margin:15px 0;
}
.pager {
	margin:5px 0;
}
.pager .first, .pager .prev, .pager .next, .pager .last, .pager .pagedisplay {
	padding:0 2px;
	font-weight:bold;
}
.requests {
	margin-top:15px;
}
.requests b {
	font-size:15px;
	line-height:20px;
}
.requests textarea {
	width:100%;
	height:50px;
	margin-top:10px;
	border:1px solid #999999;
	background:#cbe5ff;
	padding:3px 0;
	font-family:"Trebuchet MS", Helvetica, Geneva, Verdana, Arial, sans-serif;
	font-size:13px;
}

/* order summary
------------------------------------------------------------------------------*/
#ordersummary {
	border-bottom:1px solid #ffffff;
}
#ordersummary .wrap {
	padding:10px;
	border:2px solid #cbe5ff;
	background:#ffffff;
}
#ordersummary h2 {
	margin:0;
	padding:8px 10px;
	background:#81B9FF;
	font-weight:normal;
	font-style:normal;
	color:#ffffff;
}
#ordersummary .qty {
	text-align:right;
	padding-left:5px;
	color:#666666;
}
#ordersummary .total {
	margin-top:10px;
}
#ordersummary .total h3 {
	float:left;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}
#ordersummary .total strong {
	float:right;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
}
#ordersummary table td {
	padding:5px 0;
	border-bottom:1px solid #cbe5ff;
	font-size:11px;
}
#ordersummary .clear {
	height:0px;
}
#ordersummary .data {
	display:none;
}
#ordersummary .load, #emailrequest .load, #login .load { 
	padding:25px 0;
	background:#ffffff url(/images/colorbox/loading.gif) center center no-repeat; 
	text-align:center;
	text-indent:-9000px; 
	font-size:12px;
}
#ordersummary .actions { 
	float:right;
	padding-top:10px;
}
.datefield img {
	margin-left:3px;
	vertical-align:middle;
}

/* order checkout/confirm
------------------------------------------------------------------------------*/
.divtop {
	border-top:1px solid #cbe5ff;
}
#ordering.checkout #ordersummary .actions {
	display:none;
}
.grandtotal {
	font-size:13px;
	font-weight:bold;
}
.emptyorder {
	padding:20px 0;
	text-align:center;
	font-size:12px;
}

/* form buttons
------------------------------------------------------------------------------*/
.bttn, .bttn:visited {
	background: #666666 url(/images/elements/bttn_overlay.png) repeat-x; 
	font-weight:bold;
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.10);
	position: relative;
	cursor: pointer;
}
.bttn:hover	{
	background-color: #2161ff; 
	color: #fff;
	cursor: pointer;
	text-decoration:none;
}
.bttn:active { 
	top: 1px; 
}
.processing, .processing:hover, .processing:active {
	background:#efefef url(/images/elements/loading.gif) center center no-repeat !important;
	border:1px solid #cccccc !important;	
	color:#999999 !important;
	cursor:default !important;
	top:0 !important; 
}

/* site standard columns/formatting
------------------------------------------------------------------------------*/
.clear {
	clear:both;
}
.padsection {
	padding-top:20px;
}
.padall {
	padding:10px;
}
.padsides {
	padding:0 10px;
}
.padtop {
	padding-top:10px;
}
.padbottom {
	padding-bottom:10px;
}
.padright {
	padding-right:10px;
}
.padleft {
	padding-left:10px;
}
.linkspace {
	padding:0 5px;
}
.margintop {
	margin-top:10px;
}
.marginright {
	margin-right:10px;
}
.marginbottom {
	margin-bottom:10px;
}
.nomargin {
	margin:0;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.colhalf {
	width:50%;
}
.colthird {
	width:33%;
}
.standardlist {
	margin:0;
	padding:0;
	list-style:none;
}
.standardlist li {
	padding:3px 0;
}
.hidden {
	display:none;
}