/*** Main CSS ***/

/****** GLOBAL OBJECTS *****************/
* {
          font-family: Tahoma, Arial,  Helvetica, Verdana, Sans-serif;
}

body, div, td {
          font-size: 11px;
          color: #333;
}

input, select, textarea, button {
          font-size: 10px;
}

BODY {
          margin: 0px 0px 0px 0px;
}

H1 {
          font-size: 130%;
          margin: 0px 0px 3px 0px;
}

H2 {
          font-size: 120%;
          margin: 0px 0px 3px 0px;
}

H3 {
          font-size: 110%;
          margin: 0px 0px 3px 0px;
}

H4 {
          font-size: 100%;
          margin: 0px 0px 3px 0px;
}

H5 {
          font-size: 90%;
          margin: 0px 0px 3px 0px;
}

H6 {
          font-size: 80%;
          margin: 0px 0px 3px 0px;
}

HR {
}

HR.clear {
          display: none;
}

A:link{
          color: #336633;
          text-decoration: none;
}

A:hover{
          color: #336633;
          text-decoration: underline;
}

A:visited{
          color: #333;
          text-decoration: none;
}

div {
          text-align: left;
}

form {
          margin: 0px;
}

img {
          border: 0px;
}

b, strong {
          color: #333333;
}

.Hidden {
          display: none;
}

/****** TEMPLATE OBJECTS **************/
#FrameArea {
          width: 710px;
          background: #fff;
}

#HeadArea {
          padding: 0px 0px 0px 0px;
          height: 92px;
}

#HeadHome {
          background: url( '/images/Logo.jpg' ) no-repeat;
          width: 150px;
          height: 91px;
          display: inline;
          float: left;
}

#HeadLeftArea {
          Float:left;
          width: 150px;
          height: 91px display: inline;
}

#HeadContentArea {
          display: inline;
          padding: 15px 0px 0px 0px;
}

#HeadSearch {
          padding: 70px 0px 0px 0px;
          float: right;
          text-align: right;
}

#HeadSearchTitle {
          display: inline;
          padding: 2px 0px 0px 0px;
          text-align: center;
}

#StyleChanger {
          display: inline;
          float: right;
          padding: 5px 3px 0px 0px;
}

/*** CONTENT AREA AND ITS OBJECTS ***/
#MainContentArea {
          margin: 4px 0px 0px 0px;
          width: 710px;
}

#LeftFrameArea {
          width: 170px;
          float: left;
          display: inline;
}

#LeftContent1 {
          margin: 1px 0px 0px 0px;
          width: 170px;
}

#LeftContent1Title {
          background: #787878;
          height: 27px;
          width: 170px;
}

#LeftContent1TitleText {
          color: #fff;
          padding: 7px 0px 0px 10px;
          font-size: 100%;
}

#LeftContent1Text {
          padding: 12px 10px 12px 10px;
          font-size: 100%;
          line-height: 1.25;
          color: #3F3F3F;
}

#LeftContent1Text A {
          color:#000000;
          text-decoration:none;
          font-weight:bold;
}

/*** RIGHT CONTENT AREA AND ITS OBJECTS ***/
#RightFrameArea {
          width: 537px;
          float: right;
}

#RightFrameAreaTopImage {
          background: url( '/images/MainImage.jpg') no-repeat;
          width: 535px;
          height: 142px;
}

#ImageBorder {
          width:535px;
          background:#29487B;
          margin-bottom:3px;
          font-size:10px;
}

.RightFrameContentArea {
          width: 535px;
          padding:15px;
}

.RightFrameContent {
          padding: 10px 0px 2px 10px;
}

.RightFrameCArea1 {
          background: #F8F8F8 url( '/images/ContentBg.gif' ) repeat-x;
          border: solid 1px #E1E1E1;
          width:535px;
}

.RightFrameCArea2 {
          color: #000;
          margin-top:10px;
}

.RightFrameContentAreaTextArea {
          width: 340px;
          display: inline;
          float: left;
}

.RightFrameContentAreaText {
          width: 320px;
          display: inline;
          font-size: 80%;
          line-height: 1.5;
          color: #3F3F3F;
          padding-left:12px;
}

.RightFrameContentAreaTextTitle {
          color: #3F3F3F;
          font-weight:bold;
          padding: 0px 0px 0px 0px;
}

.RightFrameContentAreaImageArea {
          float: right;
}

.RightFrameContentAreaImage {
          width: 170px;
          float: right;
}

.Meira:link {
          color: #336633;
          text-decoration: none;
          font-weight:bold;
}

.Meira:hover {
          color: #336633;
          text-decoration: underline;
          font-weight:bold;
}

.Meira:visited {
          color: #333;
          text-decoration: none;
          font-weight:bold;
}

.RightContentHeading {
          margin: 1px 0px 2px 3px;
          font-weight: bold;
          background: #F8F8F8;
          border: solid 1px #dddddd;
          color: #4F4F4F;
          padding: 5px 5px 5px 5px;
}

/*** FOOTER AND ITS OBJECTS ***/
#FooterArea {
          padding: 3px 0px 3px 0px;
          color: #fff;
          text-align: center;
          background: #30691F;
}

#FootAreaSep {
          margin-top: 10px;
          width: 770px;
          border-bottom: 9px solid #3A587D;
}

#FooterArea a:link {
          color: #fff;
          text-decoration: none;
}

#FooterArea a:hover {
          color: #fff;
          text-decoration: underline;
}

#FooterArea a:visited {
          color: #fff;
          text-decoration: none;
}

/*** TOP HORIZONTAL NAVIGATION AND ITS OBJECTS ***/
#TopNavArea {
          background: #30691F;
          height: 27px;
}

#TopNavContent {
          color: #fff;
          font-size: 90%;
          padding: 0px 0px 0px 10px;
}

#TopNavContent A:link {
          color: #fff;
          text-decoration: none;
}

#TopNavContent A:hover {
          color: #fff;
          text-decoration: underline;
}

#TopNavContent A:visited {
          color: #fff;
          text-decoration: none;
}

.TopNavItem {
          display: inline;
          padding: 8px 5px 5px 10px;
          font: 90%;
          color: #fff;
          float: left;
}

#TopNavItemSel {
          display: inline;
          padding: 8px 5px 5px 10px;
          font: 90%;
          color: #fff;
          float: left;
          background:#2F5723;
}

.TopNavItemSep {
          display: inline;
          background: #859D61;
          width: 1px;
          height: 27px;
          float: left;
}

#NavPathArea {
          background: url( '/images/MenuPathBg.gif' ) repeat;
          height: 23px;
          width: 710px;
		  padding:2px;
          margin: 1px 0px 0px 0px;
}

#NavPath {
          padding: 3px 0px 0px 15px;
          width: 360px;
          float: left;
}

#NavPath ul {
          list-style-type: none;
          margin: 0px 0px 0px 0px;
          color: #4F4F4F;
          font-size: 95%;
          padding: 0px 0px 0px 0px;
}

#NavPath li {
          list-style-type: none;
          margin: 0px 0px 0px 0px;
          display: inline;
          padding: 0px 0px 0px 0px;
}

#NavPath A:link {
          color: #4f4f4f;
          text-decoration: none;
}

#NavPath A:hover {
          color: #4f4f4f;
          text-decoration: underline;
}

#NavPath A:visited {
          color: #4f4f4f;
          text-decoration: none;
}

#NavPathAreaRight {
          float: right;
          color: #848484;
          font-size: 95%;
          padding: 3px 10px 0px 0px;
          text-align: right;
}

#NavPathAreaRight ul {
          list-style-image: none;
          padding: 0px 0px 0px 0px;
          margin: 0PX 0PX 0PX 0PX;
}

#NavPathAreaRight li {
          display: inline;
          padding: 0px 0px 0px 0px;
}

#NavPathAreaRight A:link {
          color: #848484;
          text-decoration: none;
}

#NavPathAreaRight A:hover {
          color: #848484;
          text-decoration: underline;
}

#NavPathAreaRight A:visited {
          color: #848484;
          text-decoration: none;
}

/*** EMPLOYEES DETAILS AND ITS OBJECTS ***/
#EmployeeDetailsArea {
          padding: 5px 5px 5px 5px;
}

.Employee {
          padding: 5px 5px 0px 5px;
}

.EmpPhoto {
          display: inline;
          width: 100PX;
          height: 140PX;
          float: left;
}

.EmpDetail {
          padding: 0px 0px 0px 15px;
          display: inline;
          float: left;
}

/********************** Products & its Objects *********************/
#ProductsArea {
          padding: 5px 0px 5px 5px;
}

.Product {
          padding: 20px 0px 0px 0px;
          width: 175px;
          float: left;
}

.ProductImage {
          width: 65px;
          height: 65px;
          display: inline;
          float: left;
}

.ProductDetail {
          display: inline;
          float: right;
          width: 90px;
}

/************* LEFT VERTICAL NAVIGATION TEMPLATES & OBJECTS ***********/
#LeftVertNav {
          margin-bottom: 1px;
}

#LeftVertNav UL {
          list-style-type: none;
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
}

#LeftVertNav LI {
          list-style-type: none;
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
}

.LeftVertNavItem {
          height: 23px;
          width: 170px;
          background: #F8F8F8;
          border-bottom: solid 2px #dddddd;
}

.LeftVertNavItem a:link {
          color: #959595;
          text-decoration: none;
}

.LeftVertNavItem a:hover {
          color: #959595;
          text-decoration: underline;
}

.LeftVertNavItem a:visited {
          color: #959595;
          text-decoration: none;
}

.LeftVertNavItemText {
          padding: 3px 0px 0px 10px;
          color: #959595;
}

.LeftVertNavSelectedItem {
          height: 23px;
          width: 170px;
          background: #2f5723;
          border-bottom: solid 2px #C3C3C3;
          border-top: solid 1px #fff;
}

.LeftVertNavSelectedItemText {
          padding: 3px 0px 0px 10px;
          color: #fff;
}

.LeftVertNavSelectedItem a:link {
          color: #fff;
          text-decoration: none;
}

.LeftVertNavSelectedItem a:hover {
          color: #fff;
          text-decoration: underline;
}

.LeftVertNavSelectedItem a:visited {
          color: #fff;
          text-decoration: none;
}

.LeftVertNavSubItem {
          width: 170px;
          background: url( '/images/VertNavItemsBg.gif' ) repeat;
}

.LeftVertNavSubItemText {
          padding: 2px 0px 0px 24px;
          color: #959595;
          font-size: 95%;
}

.LeftVertNavSubItem a:link {
          color: #959595;
          text-decoration: none;
}

.LeftVertNavSubItem a:hover {
          color: #959595;
          text-decoration: underline;
}

.LeftVertNavSubItem a:visited {
          color: #959595;
          text-decoration: none;
}

/*** APPLICATION FORM CSS ***/
#FormArea {
          width:535px;
}

.Textbox {
          float:left;
          width:200px;
          height:20px;
}

.Label {
          color:#848484;
          float:left;
          font-size:110%;
          width:200px;
          text-align:left;
}

.Label1 {
          color:#848484;
          float:left;
          font-size:90%;
          text-align:left;
}

.InputField {
          width:325px;
          float:left;
          padding-bottom:2px;
}

.Fields {
          margin-bottom:4px;
          padding:1px;
}

#date {
          width:70px;
          height:20px;
}

#KennitalaBox {
          width:80px;
          height:20px;
}

#zip {
          width:30px;
          float:left;
}

#city {
          width:110px;
          float:left;
}

#Address {
          width:200px;
          float:left;
          padding-bottom:4px;
}

.TextField {
          float:left;
          width:200px;
}

.RecommNafn {
          width:150px;
          float:left;
          margin-bottom:2px;
}

.RecommSimi {
          width:150px;
          float:left;
          margin-bottom:2px;
}