/*----------------------------------------------------------
 Main Website CSS
----------------------------------------------------------*/

body
{
	color: #474747;
	/*background:#d7f9d7 url(../images/background.jpg) repeat-x scroll left top;*/
	background:#ffffff url(../images/background.jpg) repeat-x scroll left top;	
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:0.9em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.3;
	margin:0 auto;
	padding:0;
	text-align:center;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
}

a, a:hover, a:visited, a:link
{
	color: #474747;
}

/* Header */

#header
{
	height: 72px;
}

#header-inner
{
	width: 940px;
	margin: auto;
	padding: 0px;
	text-align: left;
}

#header-inner #logo
{
	margin: 0;
	padding: 10px 0 0 0;
	height: 62px;
	width: 84px;	
	float: left;
}

#header-inner #logotext
{
	color: #FFFFFF;
	float:right;
	font-size:x-large;
	font-weight:bold;
	margin-top: 25px;
}

#header-inner #icons
{
	float:left;
	width: 520px;
	margin: 0;
	padding: 0;
}

#header-inner #icons ul
{
	background:transparent url(../images/icons_bg.gif) repeat-x scroll 0 0;
	height:38px;
	margin-left:10px;
	margin-top: 20px;
	padding-left:5px;
}

#header-inner #icons ul li
{
	float:left;
	list-style-type:none;
	margin:2px 8px 0 0;	
	background-repeat: no-repeat;
	background-position: 0 50%;
	display:block;
	height: 34px;
	text-indent:-9999px;
}

#header-inner #icons ul li#icon1
{
	background-image:url(../images/icon_logo1.gif);	
	width:38px;
}

#header-inner #icons ul li#icon2
{
	background-image:url(../images/icon_logo2.gif);	
	width:46px;
}

#header-inner #icons ul li#icon3
{
	background-image:url(../images/icon_logo3.gif);	
	width:84px;
}

#header-inner #icons ul li#icon4
{
	background-image:url(../images/icon_logo4.gif);	
	width:30px;
}

#header-inner #icons ul li#icon5
{
	background-image:url(../images/icon_logo5.gif);	
	width:76px;
}

#header-inner #icons ul li#icon6
{
	background-image:url(../images/icon_logo6.gif);	
	width:22px;
}

#header-inner #icons ul li#icon7
{
	background-image:url(../images/icon_logo7.gif);	
	width:98px;
}

#header-inner #icons ul li#icon8
{
	background-image:url(../images/icon_logo8.gif);	
	width:44px;
}

/* Menu */

#menu
{
	height: 30px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#menu-inner
{
	margin:0 auto;
	padding:0;
	width:940px;
	list-style-type:none;
}

#menu-inner li
{
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

#menu a
{	
	font-size:100%;
	font-weight:bold;	
	text-decoration:none;
}

#menu a span 
{
	color:#FFFFFF;
	display:block;
	float:left;
	height:25px;
	margin:0;
	padding:5px 14px 0 3px;
	cursor:pointer;
}

/* Spotlight */

#spotlight
{
	background: #f7732b;
	width: 940px;
	min-height: 40px;
	margin: 15px auto 0;
	padding:10px 0 0;
	text-align:left;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
}

#spotlight #description
{
	color: #FFFFFF;
	float:left;
	padding:5px 0 10px 20px;
	width:470px;
}

#spotlight #description h3
{
	color: #ffffff;
}

#spotlight #slides
{
	width: 440px;	
	float:left;
	text-align:center;
}


.login_button
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#474747;
	cursor:pointer;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:1.0em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:25px;
	line-height:1.3;
	margin:10px 25px;
	padding:2px 6px;
	width:auto;
}

a.login_button
{
	color: #474747;
	text-decoration:none;
	padding: 4px 6px 4px 6px;
}

.logoff_button
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#474747;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:1.0em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:25px;
	line-height:1.3;
	margin:10px 0;
	padding:2px 6px;
	width:auto;
}

a.logoff_button
{
	color: #474747;
	text-decoration:none;
	padding: 4px 6px 4px 6px;
}

.register_button
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#474747;
	cursor:pointer;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:1.0em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:25px;
	line-height:1.3;
	margin:10px 0;
	padding:2px 6px;
	width:auto;
}

a.register_button
{
	color: #474747;
	text-decoration:none;
	padding: 4px 6px 4px 6px;
}

.spotlight_customername_p
{
    margin-top:15px;
}

.spotlight_login_button_p
{
    margin-top: 6px;
}

/* Home Page Enter Order # and Customer # */
.roundedbox_container
{
	margin:15px auto 0;
	padding:0;
	text-align:left;
	width:940px;
}

.roundedbox
{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#a5a6aa none repeat scroll 0 0;
	margin:5px 0 10px;
	padding:0 0 10px;	
	min-height:100px;
	text-align:left;
	float:left;	
}

.roundedbox h2
{
	color:#454746;
	font-size:1.25em;
	line-height:1.2em;
	margin:0 0 0 8px;
	padding:5px;
}

.fullpagewidth
{
	width:940px;
}

.threefourthspagewidth
{
	width:681px;
}

.quarterpagewidth
{
	width:227px;
}

.roundedbox_innerbox
{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:white none repeat scroll 0 0;
	margin:0 10px;
	padding:0 10px 4px;
	text-align:left;
}

.roundedbox_innerbox h3
{
	margin: 0 0 15px;
	color: #454746;
}

.roundedbox_innerbox label
{
	color:Gray;
	font-weight:bold;
	font-size:1.0em;
}

.roundedbox_innerbox input[type="text"]:focus, input.iefocus,
.roundedbox_innerbox input[type="password"]:focus
{
	/*border:1px solid #C65E5E;*/
	/*background-color:#ccffcc;*/
	background-color:#caf0a8;
}

.roundedbox_innerbox input[type="text"], input.ieblur,
.roundedbox_innerbox input[type="password"]
{
	border:1px solid #CCCCCC;
	margin: 0 0 10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-x-system-font:none;	
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:120%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:5px;
}

.roundedbox_innerbox input[type="checkbox"]
{
	border:1px solid #CCCCCC;
}

/* Inputs */

.input_orderno
{
	width: 100px;
}

.input_customerno
{
	width: 100px;
}

.input_email
{
	width:350px;
}

/* Dropdowns */

.ddl_customerno
{
	border:1px solid #CCCCCC;
	margin: 0 0 10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-x-system-font:none;	
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:120%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:5px;
}

/* Register */

#ulregister
{
	margin-left:20px;
	color:#C65E5E;
	color:#f77329;
}

.input-reg-firstname
{
	width: 300px;
}

.input-reg-lastname
{
	width: 300px;
}

.input-reg-email
{
	width: 300px;
}

.input-reg-company
{
	width: 300px;
}

.input-reg-address
{
	width: 300px;
}

.input-reg-city
{
	width: 150px;
}

.input-reg-state
{
	width: 50px;
}

.input-reg-zipcode
{
	width: 100px;
}

.input-reg-country
{
	width: 100px;
}

.input-reg-phone
{
	width: 150px;
}

.input-reg-password
{
	width: 300px;
}

.input-reg-confirm-password
{
	width: 300px;
}

/* Footer */

#footer
{
	background:#454746 url(../images/footerback.jpg) repeat-x scroll left top;
	border-top:1px solid #E5EFF6;
	color:#E5EFF6;
	height:60px;
	margin-top:40px;
	padding-top:24px;
	text-align:center;
}

#footer p
{
	color:#E5EFF6;
	font-size:12px;
	font-weight:normal;
	padding-top:10px;
	margin-top: 0px;
}

/* Forms */

.submit_button
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-x-system-font:none;
	background:#8aca52 none repeat scroll 0 0;
	border:1px solid #8aca52;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:25px;
	line-height:100%;
	margin:10px 0;
	padding:2px 6px;
	width:auto;
}

.horizontal_divider
{
	width: 70%;
	color:#DEDEDE;
	margin: 30px auto;
}

/* Order Details */

.estimated_shipping_date
{
	color:#019450;
	font-weight:bold;
}

.order_info
{
	margin:0px auto;
	width:80%;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#474747 none repeat scroll 0 0;		
	padding:0 0 5px;
	min-height:100px;
	text-align:left;
}

.order_info h3
{
	margin: 0 0 0 8px;
	padding: 5px;
	line-height: 1.2em;
	color: #FFFFFF;
	min-height:20px;
}

.order_info_pono
{
	float:left;
}

.order_info_aino
{
	float:right;
	margin-right:8px;	
}

.order_info_inner
{
	margin:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:white none repeat scroll 0 0;
	margin:0 5px;
	padding:15px 10px 15px;
	text-align:center;
}

.order_ship_total_row
{
	margin:auto;
	width:80%;
}

.order_ship_to
{
	float:left;
	width:48%;	
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#019450 none repeat scroll 0 0;	
	margin:5px 23px 0 5px;
	padding:0 0 5px;
	min-height:100px;
	text-align:left;	
}

.order_ship_to h3
{
	margin: 0 0 0 8px;
	padding: 5px;
	line-height: 1.2em;
	color: #FFFFFF;
}

.order_ship_to_inner
{
	margin:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:white none repeat scroll 0 0;
	margin:0 5px;
	padding:10px 10px 10px;
	text-align:left;
}

.order_order_total
{
	float:left;
	width:48%;	
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#019450 none repeat scroll 0 0;	
	margin: 5px 0 5px;
	padding:0 0 5px;
	min-height:100px;
	text-align:left;
}

.order_order_total h3
{
	margin: 0 0 0 8px;
	padding: 5px;
	line-height: 1.2em;
	color: #FFFFFF;
}

.order_order_total_inner
{
	margin:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:white none repeat scroll 0 0;
	margin:0 5px;
	padding:10px 10px 10px;
	text-align:center;
}

.order_shipping_details
{	
	width:80%;	
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#019450 none repeat scroll 0 0;	
	margin:20px auto;
	padding:0 0 5px;
	min-height:100px;
	text-align:left;
}

.order_shipping_details h3
{
	margin: 0 0 0 8px;
	padding: 5px;
	line-height: 1.2em;
	color: #FFFFFF;
}

.order_shipping_details_inner
{
	margin:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:white none repeat scroll 0 0;
	margin:0 5px;
	padding:15px 10px 0px 4px;
	text-align:left;
	min-height:70px;
}

.order_shipping_details table
{
	width: 100%;
	margin:auto;
}

#order_images
{
	text-align:center;		
	padding:0px;
	margin: 20px auto;
}

#order_images img
{
	margin:auto;
}

#order_images table
{
	
	margin:auto;
	padding:0px;
}

.image_order
{	
	width:73px;
}

.image_credit
{	
	width:73px;
}

.image_production
{	
	width:73px;
}

.image_ship
{	
	width:73px;
}

.image_invoice
{	
	width:73px;
}

.order_lines
{
	margin:auto;
	width:80%;
	text-align: center;
	margin-top:25px;
	margin-bottom:25px;
}

/* Order Descriptions */

#order_descriptions_header
{
	width:90%;
	margin:auto;
	font-weight:bold;
	font-size:1.2em;
}

#order_descriptions_refno
{
	width:90%;
	margin:auto;
	font-weight:bold;
}

#order_descriptions
{	
	width:90%;	
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:#019450 none repeat scroll 0 0;	
	margin:20px auto;
	padding:0 0 5px;
	min-height:100px;
	text-align:left;
}

#order_descriptions h3
{
	margin: 0 0 0 8px;
	padding: 5px;
	line-height: 1.2em;
	color: #FFFFFF;
}

#order_descriptions_inner
{
	margin:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:white none repeat scroll 0 0;
	margin:0 5px;
	padding:15px 10px 15px 4px;
	text-align:left;
	min-height:70px;
}

/* Customer Listing */

#customer_listing_innerbox h3
{
	width:100%;
}

.customer_name
{
	float:left;
}

.customer_city
{
	float:right;
}

.listing_header
{
    background-color: #019450;
    color: #FFFFFF;
    font-weight:bold;
}

/* Generic Classes */

.clearfloat
{
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}

.leftbox
{
	margin-right:24px;
}

.important_message_color
{
	/*color:#C65E5E !important;
	color:#f77329 !important;*/
	color:#ffffff !important;
}

.forgot_password
{
	margin-left:20px;
}

.validation_summary
{
	margin-left:15px;
}

.validator
{
	margin: 0 0 10px;
	padding:5px;
	line-height:normal;
}

.error
{
	color:#C65E5E;
	text-align:center;	
}

.generic_error_page
{
	margin-top:180px;
	margin-bottom:150px;
}

.big
{
	font-size: 22px;
}

.small
{
	font-size:12px;
}

.center
{
	text-align:center;
}