@charset "utf-8";

/*     -----     Font Styles     -----     */

body, table, input, select, textarea, .normal { text-align: justify; font: 12px Arial, Helvetica, sans-serif; color: #000000; line-height: 18px; }

#maralong_roos h1 { margin: 0 0 2px -263px; background-color: #fff; }
table h1 { margin: 0 !important; }
h1, h2, h3, h4, h5, h6 { text-align: left; color: #5f2b23; }
h1 { font-size: 16px; margin: 14px 0px; }
h1 strong, h2 strong { color: #9d2f20; text-transform: uppercase; }
h2 { font-size: 15px; margin: 12px 0px; }
h3 { font-size: 13px; margin: 12px 0px; }
h4 { font-size: 13px; margin: 10px 0px; }
h5 { font-size: 12px; margin: 8px 0px; }
h6 { font-size: 11px; margin: 6px 0px; }
p { margin: 11px 0; }

#footer { font-size: 11px; line-height: 12px; color: #fff; }

a { color:#9d2f20; }
a:hover { color:#000; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/*     -----     CSS Helpers     -----     */

.clear { clear: both; }
.center_text { text-align: center !important; }
.float_elements_left { float: left; padding: 0 10px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }
#imageData #imageDetails { color: #000; } /* makes photogallery description black */

select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 150px !important; color: #000 !important; } /* file attach must be styled manually */
input[type="checkbox"], input[type="radio"], input.productTextInput, select#CardExpiryMonth, select#CardExpiryYear { width: auto !important; }
input[type="submit"], input[type="button"] { text-align: center; /* for silly IE */ width: auto !important; color: #000 !important; } /*styles for submit buttons*/

/*.altrow1 { if row colouring is required }*/
/*.altrow2 { if row colouring is required }*/

/*     -----     Layout Styles     -----     */

body { margin: 0px; padding: 0px; background: #FFFFFF url(../images/layout/bg_top_2.jpg) no-repeat center top; }
#container { margin: 0px auto; width: 980px; }
#banner { background: url(../images/layout/maralong_milling_banner_01_2.jpg) no-repeat left top; height: 221px; width: 993px; margin-left: -13px; padding-left: 13px; padding-top: 9px; }

#nav { height: 57px; margin: 0 2px; }
/*LVL 1*/
#nav ul { margin: 0; padding: 0; text-align: center; }
#nav ul li { display: block; position: relative; list-style: none; background: url(none); margin: 0; padding: 0px; width: 138px; float: left; margin: 4px 1px 0 1px; }
#nav ul li#home, #nav ul li#home ul li { width: 136px; }
#nav ul li#contact_us, #nav ul li#contact_us ul li { width: 136px; }
/*LVL 2*/
#nav ul li ul { position: absolute; top: 47px; left: 0; display: none; }
#nav ul li:hover ul { display: block; }
/*STYLES*/
#nav ul li a { text-decoration: none; width: 100%; /*margin: 4px 1px 0 1px;*/ height: 47px; line-height: 47px; border-bottom: 6px solid #99b29f; display: block; text-align: center; /*vertical-align: top;*/ color: #fff; text-transform: uppercase; }
#nav ul li a:hover { background-color: #608167; }
#nav ul li ul li a { height: 25px; line-height: 25px; border-bottom: none !important; margin: 0 0 0 -1px; }/* Sub menu style */
	
#nav ul li#home a { background-color: #809f87; border-bottom: 6px solid #99b29f; }
	#nav ul li#home a:hover { background-color: #608167; }
#nav ul li#about_us a { background-color: #758d8a; border-bottom: 6px solid #91a4a1; }
	#nav ul li#about_us a:hover { background-color: #556d6a; }
#nav ul li#products a { background-color: #57737c; border-bottom: 6px solid #798f96; }
	#nav ul li#products a:hover { background-color: #3a535c; }
#nav ul li#services a { background-color: #6a918a; border-bottom: 6px solid #88a7a1; }
	#nav ul li#services a:hover { background-color: #4b716a; }
#nav ul li#links_resources a { background-color: #717d88; border-bottom: 6px solid #8d97a0; }
	#nav ul li#links_resources a:hover { background-color: #515d68; }
#nav ul li#downloads a { background-color: #8e807e; border-bottom: 6px solid #a59998; }
	#nav ul li#downloads a:hover { background-color: #6e605e; }
#nav ul li#contact_us a { background-color: #8b8574; border-bottom: 6px solid #a29d90; }
	#nav ul li#contact_us a:hover { background-color: #6b6554; }
	
#content_bg { background: #fff url(../images/layout/c_container_repeat.gif) repeat-y center top; width: 999px; margin-left: -10px; }
#content { width: 980px; margin: 0 auto; }
#maralong_roos { background: url(../images/layout/maralong_roos.gif) no-repeat 10px bottom; padding: 15px 0 10px 280px; min-height: 300px; height: auto !important; height: 300px; float: left; width: 573px; }
#rh_ad_rotator { width: 127px; float: left; /*height: 301px;*/ }

#footer { background: #aaa69a url(../images/layout/c_container_repeat.gif) repeat-y center top; padding-top: 4px; clear: both; }

/*     -----     Website Info Content Holder     -----     */

#website_info{ margin: 0px auto; width: 960px; /*assuming width of page is 980px*/ }
.float23{ float: left; width: 23%; }
.float54{ float: left; width: 54%; }
#text_align, #quadtech { float: left; }
#quadtech a { display: block; height: 14px; width: 63px; overflow: hidden; background: url(/images/layout/quadtech_logo_light_smaller.png) no-repeat; }
#quadtech a:hover { background: url(/images/layout/quadtech_logo_light_smaller.png) no-repeat -63px; }
#text_links { padding-top: 10px; text-align: center; padding-bottom: 4px; }

/*     -----     Content Styles     -----     */

.productitemcell { height:22px;/* double the height of body text */ }

a img { border-top: 1px solid #8e807e !important; border-right: 1px solid #8e807e !important; border-bottom: 5px solid #8e807e !important; border-left: 1px solid #8e807e !important; }
a:hover img { border-top: 1px solid #9d2f20 !important; border-right: 1px solid #9d2f20 !important; border-bottom: 5px solid #9d2f20 !important; border-left: 1px solid #9d2f20 !important; }

div.captchaimg img, div.captchaimg a img { border: none; }