/* CSS Document */
* { margin:0; padding:0;}
body {font-size:100%; line-height:0.75em; background:url(images/bot.gif) repeat-x bottom #e5deca}
html, input, textarea	{	font-family:Arial; 
		color:#484848;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{
	float:none
}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#372d1e;}

a{color:#663300; text-decoration:underline} 
a:hover{
	text-decoration:none;
	text-align: center;
}
.link-1{color:#587003; font-style:italic }
.link-2{color:#352419; background:url(images/marker1.gif) top left no-repeat; background-position:0 5px; margin:0 ; padding-left:12px; text-decoration:none; font-size:1.166em ; line-height:1.142em}
.link-2:hover{
	text-decoration: underline;
	width: 100px;
}

ul{margin:0; padding:0; list-style:none;}
ul li{ line-height:1.769em}
ul li a{color:#587003; font-style:italic } 
ul li a:hover { text-decoration:none; }

.link {
	display:block;
	float:left;
	color:#333;
	text-decoration:none;
	width: 100px;
	background-image: url(images/link_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	font-weight: bold;
}
.link em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:4px 15px 4px 15px; font-weight:normal; font-style:normal;}
.link a { text-decoration:none; color:#ffffff; font-weight:bold; font-size:.916em }
.link a:hover {
	text-decoration:none;
	color:#250c01;
	font-size: 0.91em;
}
.link1 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:4px 10px 4px 14px; font-weight:normal; font-style:normal;}
.link1 a { text-decoration:none; color:#ffffff; font-weight:bold; font-size:.916em }
.link1 a:hover { text-decoration:none; color:#250c01 }
.link2 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link2 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link2 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:1px 19px 4px 19px; font-weight:normal; font-style:normal;}
.link2 a { text-decoration:none; color:#ffffff; font-weight:bold; font-size:.916em }
.link2 a:hover { text-decoration:none; color:#250c01 }
.formLong {
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 16px;
	width: 180px;
}
.formMedium {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 14px;
	width: 75px;
	color: #000000;
}
.formShort {
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 16px;
	width: 33px;
}
.formComment {
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 40px;
	width: 200px;
}
.formmenu {
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 19px;
	width: 85px;
}
.formmenuShort {
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 18px;
	width: 35px;
}
.formmenuLong {
	background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px #000000;
	padding: 1px;
	height: 19px;
	width: 125px;
}
.heading {
	font-size: 17px;
	color: #8B4421;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: center;
}
.headingLeft {
	font-size: 17px;
	color: #8B4421;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: left;
}
.whiteLarge {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.tinyText {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bodyText {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 15px;
}
.bodyItalic {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-style: italic;
}
.redText {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	color: #630;
	text-align: left;
}
.whiteText {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.slink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.arrowlistmenu{
width: 525px; /*width of accordion menu*/
}
.link-1center{
	color:#587003;
	font-style:italic;
	text-align: center;
	line-height: 22px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: #600;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: none;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	background-color: #60000;
	background-image: url(graphics/spacer.gif);
	background-repeat: repeat-y;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 10px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(file:///C|/Documents and Settings/Administration/My Documents/MARISA/WEBSITES/StadriProducts.com/graphics/spacer.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
	color: #A70303; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 10px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px solid #FFFFFF;
	font-size: 90%;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/*header*/
#header .menu{ margin:129px 0 0 377px; position:absolute }
#header .slogan{ margin:60px 0 0 426px; position:absolute }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 38px 46px 35px}
#content .indent-main1{padding:60px 38px 46px 35px}
#content .title{  margin-bottom:26px}
#content .title1{  margin-bottom:11px}
#content .title2{  margin-bottom:8px}
#content .title3{  margin-bottom:17px}
#content .line{  margin:14px -19px 8px -21px }
#content .img-left{ float:left; margin:0 14px 16px 0}
#content .img-left1{ float:left; margin:0 14px 29px 0}
#content .img-left2{ float:left; margin:0 14px 10px 0}
#content .img-left3{ float:left; margin:0 14px 0 0}
#content .img-indent{ margin:0 0 20px 0}
#content .img-indent1{ margin:40px 0 0 23px; position:absolute}
#content .img-indent2{ margin:0 0 12px 0}
#content p{
}
#content .p1{ margin:0 0 5px 0}
.txt{ color:#535353; line-height:1.38em; font-size:1.08em}

/*index.html*/
#page1 #content .indent{padding:21px 0 0 28px}
#page1 #content .indent1{padding:26px 0 30px 0}
#page1 #content .indent2{padding:10px 0 0 0}
#page1 #content .indent3{margin:0 20px 0 0; }
#page1 #content .indent4{margin:22px 0 0 0; }
#page1 #content .bg{ background:url(images/1page_bg1.jpg); padding:13px 0 18px 15px}
#page1 .indent-1{padding-left:22px; position:relative; float:left}
/*index-1.html*/
#page2 #content .indent1{padding:22px 0 0 0}
/*index-2.html*/
#page3 #content .indent1{padding:22px 0 0 0}
#page3 .indent-1{padding-left:22px; position:relative; float:left}
#page3 #content .indent2{padding:10px 0 0 0}
/*index-3.html*/
#page4 #content .indent{padding:21px 0 0 28px}
#page4 #content .indent1{padding:33px 0 22px 0}
#page4 #content .indent2{padding:0 10px 0 10px}
#page4 #content .row1{margin:26px 0 0 0; }
#page4 #content .bg img{ margin-right:6px}
#page4 #content .bg{ background:url(images/4page_bg1.jpg); padding:21px 0 18px 15px}
/*index-4.html*/
#page5 .indent-1{padding-left:12px; position:relative; float:left}
#page5 #content .indent2{padding:22px 0 0 0}

/*box*/
.box{ background:#b4b674; width:100%; color:#250c01; font-size:1em; }
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:16px 26px 21px 30px; }
.box .indent-box1{ padding:16px 0 21px 30px; }
/*box1*/
.box1{ background:#fff; width:100%; color:#333333; font-size:1.05em; line-height:1.3846em }
.box1 .indent-box{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/*box2*/
.box2{ background:#f7f1e1; width:100%; color:#535353; font-size:1.08em; line-height:1.3846em }
.box2 .indent-box{
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: left;
}
h4{ color:#372d1e; font-size:1em; margin-bottom:7px }
h3{ color:#952e0f; font-size:1em; margin-bottom:7px; font-style:italic }
.h3{margin-bottom:0 }

/*box3*/
.box3{ background:#e1d1a7; width:100%; color:#352419; font-size:1em; }
.box3 .border-top {background:url(images/border_top3.gif) repeat-x top;}
.box3 .border-bottom {background:url(images/border_bottom3.gif) repeat-x bottom;}
.box3 .border-left {background:url(images/border_left3.gif) repeat-y left;}
.box3 .border-right {background:url(images/border_right3.gif) repeat-y right;}
.box3 .corner-top-left {background:url(images/corner_top_left3.gif) no-repeat left top;}
.box3 .corner-top-right {background:url(images/corner_top_right3.gif) no-repeat right top;}
.box3 .corner-bottom-left {background:url(images/corner_bottom_left3.gif) no-repeat left bottom;}
.box3 .corner-bottom-right {background:url(images/corner_bottom_right3.gif) no-repeat right bottom; width:100%; }
.box3 .indent-box{
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 15px;
}
/*box*/
.box4{ background:#522200; width:100%; color:#250c01; font-size:1em; margin:0px 0 0px 0 }
.box4 .corner-top-left {background:url(images/corner_top_left4.gif) no-repeat left top;}
.box4 .corner-top-right {background:url(images/corner_top_right4.gif) no-repeat right top;}
.box4 .corner-bottom-left {background:url(images/corner_bottom_left4.gif) no-repeat left bottom;}
.box4 .corner-bottom-right {background:url(images/corner_bottom_right4.gif) no-repeat right bottom; width:100%; }
.box4 .indent-box{
	padding-top: 16px;
	padding-right: 5px;
	padding-bottom: 17px;
	padding-left: 5px;
}
/*box5*/
.box5{ background:#FFFFFF; width:915px; color:#535353; font-size:1.08em; line-height:1.3846em }
.box5 .indent-box{
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/*footer*/
#footer { color:#a3907c; font-size:0.75em;  }
#footer .indent-footer{ padding:43px 25px 0 39px;}
#footer a {color:#a3907c; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer p{ margin:0 0 10px 0; color:#e5deca; font-size:1.1em}
#footer p a { color:#e5deca; text-decoration:none; margin:0 12px 0 12px}
#footer p a:hover { text-decoration:underline;}
#footer p ahover {text-decoration: underline}
#footer .img{margin:50px 0 0 807px; position:absolute}


.jamp1{ width:74px}
.jamp2{ width:88px}
.jamp3{ width:64px}
.jamp4{ width:51px; margin-left:5px}
select{ font-size:1em; color:#250c01; vertical-align:middle; height:20px; background:#f0f0e3; margin-bottom:3px} 

.h{ height:27px}
.h1{ height:28px}
.block-contact span{ float:right; margin-right:20px}
.block-contact1 span{ float:right; margin-right:90px}
input{
   	border-right:1px solid #cecbb8;
   	border-top:1px solid #595a4e;
   	border-left:1px solid #595a4e;
   	border-bottom:1px solid #cecbb8; 
	background:#f2f2e6;
	width:175px;
	font-size:1em;
	padding-left:5px;
}
.input{
	width:118px;
	font-size:1em;
	padding-left:5px;
	margin-left:25px;
	vertical-align:middle;
	background:#FFFFFF
}
.input1{
	width:172px;
	font-size:.84em;
	height:18px;
	background:#FFFFFF
}
textarea{
   	border-right:1px solid #cecbb8;
   	border-top:1px solid #595a4e;
   	border-left:1px solid #595a4e;
   	border-bottom:1px solid #cecbb8;  
	background:#FFFFFF;
	font-size:.84em;
	width:186px; height:46px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
.link-1center {
	text-align: center;
}