html, body, form { width: 100%; height: 100%; padding: 0;}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
    background: #FFF url("../images/layout/body_gradient.gif") repeat-y center;
}
* { margin: 0; padding: 0; font-size: 100%; }

/* STRUCTURE */
div.wrap {
  padding: 0;
  min-width: 76em;
  margin: 0 auto;
  position: relative;
  height:auto !important; /* real browsers */
  height:100%;            /* IE6: treaded as min-height*/
  min-height:100%;        /* real browsers */
  background: #efeec2 url(../images/layout/body_flower.png) no-repeat 70% 120px ;
}
body div.wrap.fixed { width: 980px; }

/* BUTTONS */
button { padding: 3px 10px;  }
button.secondary {
    background: transparent; border: none; cursor: pointer;
    color: #34667F;
}
button.secondary:hover { text-decoration: underline; }
ul.index { list-style: none;  position: absolute; right: 20px; }
ul.index li {display: block; float: left; margin-right: 20px; font-size: 1.2em; }
div.header h1 span { color: #0C0; font-size: 0.7em; }
ul.index li a {  text-decoration: none; color: #666; }



/* -------------------------------------------------------------------COMMON */
/* HEADER */
div.header {
    background: #A1AF96 url("../images/layout/header_curl.png") right bottom;
    padding: 0 20px;
    position: relative;
    height: 75px;
    margin-bottom: 40px;
}
div.header ul li a.active{ font-weight: 800;}
div.header ul li a:hover { border-bottom: 3px solid #bf1100;}
div.header ul li a {  text-decoration: none; color: #FFF; }
div.header ul { list-style: none; position: absolute; right: 20px; bottom: 3px; }
div.header ul li { display: block; float: left; margin-right: 25px; font-size: 1.6em; }

/* BODY */
div.body { padding: 10px 20px 5em 29px; }

/* H1, H2, H3, ... STYLING */
div.body h1, div.body h2 { font-weight: 400; }
div.body h1 { font-size: 3em;  margin: 0; padding: 0; color: #C93403; }
div.body h1 span{ font-size: 0.8em;  margin: 5px; padding: 0; color: #333; }
div.body h2 { font-size: 2em; color: #333; margin: 20px 0 10px; }
div.body h3 { font-size: 1.4em;  margin: 5px 0; }

/* IMG STYLING */
div.body img { border: 1px solid #035d18; padding: 2px; }
div.body table img { border: none; }
div.header img { margin-top: 10px; }

/* FORM INPUT STYLING */
form {  height:60px; position: relative; padding: 5px 15px; }/*padding: 5px 0px 10px 20px; background-color: #F8FDF1; width: auto; border-left: 3px solid #34873C}*/
div.input { margin: 5px 30px 10px 0; float: left; }
div.input label { display: block; font-size: 1.4em; line-height: 1.5em; }
div.input.text input { font-size: 1.4em; width: 220px;}
div.input.text textarea { font-size: 1.8em; width: 220px; height: 100px;}
div.input.list select { font-size: 1.4em; width: 120px;}
div span.req { display: inline; color: Red; float: none; }
button { font-size: 1.4em; }

/* BREADCRUMB */
p.breadcrumb a { font-size: 1em; text-decoration: none; color: #666; }
p.breadcrumb a:hover { text-decoration: underline; }

/* FOOTER */
div.footer a { margin: 0; color: #FFF; text-decoration: none;}
div.footer a:hover { text-decoration: underline; }
div.footer {
	color: #FFF;
	font-size: 1.2em;
	border-top: 2px solid #bf1100;
    background: #A1AF96;
	bottom:0px;
	height: 3em;
	line-height: 3em;
	position:absolute;
	width: 100%;
	text-align: center;
    left: 0;
}

/* TEXT */
div.body p { font-size: 1.4em; line-height: 1.5em; color: #333; padding:5px; }
/* ROUNDEDBOX */
div.body div.roundedbox {
    position: relative;
}
div.body div.overlay {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    width: 100%; height: 100%;
    background: #FFF;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65; /* older Gecko-based browsers */
}
div.body div.roundedbox h1 { position: relative; margin: 0px 0 5px  15px; top: 5px; }
div.roundedbox h2 { position: relative; margin: 10px 0 5px  15px; }
div.roundedbox p { position: relative; margin: 5px 15px 15px 15px; padding-bottom: 15px;  }

/* -----------------------------------------------------------------SPECIFIC */
/* ASSORTMENT SPECIFIC (assortment, flowers) */
#flower{margin-top:5px;}
span.pagebanner, span.pagelinks { display: block; text-align: right; font-size: 1.6em; line-height: 1.8em; color: #333; }
span.pagebanner { font-weight: 800; margin-top: 15px; }
span.pagelinks a { color: #34667F; text-decoration: none; }
span.pagelinks a:hover { text-decoration: underline; }

table { width: 100%; margin: 0; padding: 0; }
tr.header td { background-color: #F9F9F9 ; font-size: 1.4em; text-align: left; padding: 2px 5px; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA;}
tbody tr td { border-bottom: 1px solid #C6C6C6; }
tbody td { font-size: 1.5em; padding: 5px 5px; height: 60px; cursor: pointer;}
tbody tr:hover td { background-color: #A1AF96; }
tr.theader td a { color: #333; text-decoration: none; font-weight: 600; display: block;}
tbody td a { font-size: 1em; text-decoration: none; color: #333; text-decoration: none;  }
thead th.sorted.order1 a {  background: url("../images/table/form_ascending.png") no-repeat center right; }
thead th.sorted.order2 a {  background: url("../images/table/form_descending.png") no-repeat center right; }
span.special{ color:#CF3001;font-size:1em; }
.newOrImpColorImg{ float:left; }
/* FLOWER DETAIL SPECIFIC (flower, detail, color) */
div.roundedbox.details {
    width: 60em;
}

div.colorselection { float: right; clear: right; padding-left: 20px; margin-top: -25px; width: 310px; }
div.colorselection h3, div.colorselection h4  { color: #222; font-size: 1.2em; }
div.colorselection h3 { text-align: right; }
div.colorselection h4 { margin: 5px 0; }
div.colordetail h1 span { color: #035D18; }
div.colordetail h1 span#comment { font-size: 0.7em; color:#333333; }
div.colordetail h3 { color:#035B18; margin-left:12px; }
div.colordetail p a {color:#035B18; }
div.colorselection a.available { margin: 0; padding: 0; display: block; height: 30px; border: 1px solid #FFF; float: left;}
div.colorselection a.available.selected { border: 1px solid #035d18; }
div.colorselection a.available img { border: none; margin: 0; padding: 0; float: left;}
div.colorselection a.available { border: 1px solid #FFF; padding: 1px; }

div.colorselection a.available { text-decoration: none; }
/* remark: width specified inline in colorDetails.jsp depending on new or improved.*/
div.colorselection a.available span {  color: #035d18; font-weight: 800; float: left; display: block; font-size: 1.5em; margin: 0; line-height: 30px; }
div.body img.current { border: 1px solid #AAA; }

#breedingLogo { position:relative; top:5px; border: none;}
#florall_award { border: none; }
#special { color:#035d18; font-size:0.7em;}

#newColor{ position:absolute; right:5px; border: none; top: 5px; }
#impColor{ position:absolute; right:5px; border: none; top: 5px; }
/* CONTACT SPECIFIC  */
#contactLeft{ width:280px;}
div.contactinfo { color:#666; font-size:1.1em; margin:15px; width:240px;}
img#contactinfo { margin: 15px;}
div.contactinfo label { font-weight: 600;}
div.contactform { float:right; margin-right:120px; margin-bottom:5px; color:#666; font-size:0.9em; padding:10px; height:420px; }

div.contactform div.input { float: none; margin-bottom: 5px; padding-left:45px;}
div.contactform div.actions { text-align:center;}
/* FORM SPECIFIC */
.fieldError{ color: #CF3001; font-size:1.5em; display: block;}

/* ENNOBLEMENT SPECIFIC */
img.right { float: right; clear: left; margin-left: 15px; }
p strong { color:#00553A;}
div.roundedbox.ennoblement { width: 38em; }

/* NEWS ITEM SPECIFIC (news, folder, flash) */
a.newsitem { display: block; height: 65px; padding: 10px; text-decoration: none; position: relative; margin:10px;}
a.newsitem img { position: relative; border: none; float: left; margin: 13px 15px 0 10px;  }
a.newsitem div { float: left; }
a.newsitem h2 { position: relative; margin: 15px 0 0 0; }
a.newsitem:hover h2,
a.newsitem:hover p { position: relative; color: #FFF; }
a.newsitem:hover div.overlay { background-color: #A1AF96 !important; }

/* CULTURE SPECIFIC (culture, sowing, germination, finishing, potting, growing) */
div.body h2.culture { width: 20%; float: left; }
div.cultureinfo { position: relative; float: left; width: 75%; padding: 9px 0 6px 0; }
div.clearculture { clear: both; }
ol { margin: 10px 0 0 25px; font-size: 1.2em; color: #888}
div.body div.cultureinfo p { margin-left: 0; padding: 0;}

/* FLOWER SEARCH BAR LIST SPECIFIC */
.primary{
    margin-top:15px;
}
.secondary{
    margin-top:15px;
}