/*** Body Definitions ***/
*{
    margin:0; 
    padding:0; 
}

a img{
    border:0;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    line-height:1.4em;
    font-size:12px;
    background-color: #fcfcfc;
}

/*** Website wrapper Div ***/

#wrapper{
    width:1000px;
    min-height:400px;
    background-color:#ffffff;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#container{
    float:left;
    width:1000px;
    margin-top:0px;
    background-color: #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*** Website Heading ***/

#header{
    float:left;
    width:1000px;
    height:157px;
    margin:0px;
    padding:0;
}

/*** Horizontal Menu Style with Rollover ***/

#menu{
    float:left;
    width:1000px;
    height:32px;
    background-image:url(images/menu-bg.jpg);
    background-repeat: no-repeat;
    overflow:hidden;
}

#menu ul{ 
    float: right;
    display: block; 
    list-style-type: none;
    height:32px;
    width: 725px;
}

#menu ul li{
    float:left; 
    color:#FFFFFF;
    font-family: Arial, sans-serif;
    border-right:1px solid #3e3e3e;
    font-size:11px;
    font-weight:normal;
    line-height:2.5em;
    height:28px;
}

#menu ul li a{
    color:#FFFFFF;
    display: block;
    text-decoration:none;
    border-right:1px solid #3e3e3e;
    border:0;
    padding-left:14px;
    padding-right:14px;
}

#menu ul li a span{
    vertical-align:middle;
} 

#menu ul li a:hover{
    float:left;
    background-image: url(images/menu-bg-hover.jpg);
}

#member-login{
    margin:0 auto;
    width:980px;
    height:40px;
    background-color:#b6cee7;
    margin-top:5px;
}

#member-login p{
    line-height:3.5em;
    font-size:12px;
    vertical-align:middle;
    margin-left:10px;
}

#member-login p a{
    font-weight:bold;
}

.login{
    vertical-align:middle;
    border:0;
    margin-top:-3px;
}

.incorrect-login{
    margin-left: 150px;
    color:Red;
}
#rhs{
    float:left;
    width:200px;
    height:auto;
    margin-left:18px;
    margin-top:2px;
}
.square {
    background-image: url(images/square-bg.gif);
    padding: 17px;
    height: 124px;
    width: 188px;
    margin-right: 8px;
    margin-left: 2px;
    background-repeat: no-repeat;
    margin-top: 20px;
    float: left;
    text-align: left;
}


#login {
    width:200px;
}

#loginheader {
    width:200px;
    height:auto;
    padding-bottom:5px;
    background-image:url(images/login-bg.jpg);
    background-repeat:repeat-y;
    margin-top:20px;
}

#logintextarea {
    background-image:url(images/login-bg.jpg);
    background-repeat:repeat-y;
    height:auto;
}

#loginfooter {
    width:196px;
    height:32px;
    background-image:url(images/login-footer.jpg);
    text-align:right;
    padding-right:4px;
}

#newsletter {
    width:200px;
}

#newsletterheader {
    width:200px;
    height:auto;
    padding-bottom:5px;
    background-image:url(images/login-bg.jpg);
    background-repeat:repeat-y;
    margin-top:20px;
}

#newslettertextarea {
    background-image:url(images/login-bg.jpg);
    background-repeat:repeat-y;
    height:auto;
}

#newsletterfooter {
    width:196px;
    height:32px;
    background-image:url(images/login-footer.jpg);
    text-align:right;
    padding-right:4px;
}


#rhs input {
    margin-top: 5px;
    margin-bottom:5px;
    margin-left: 15px;
    line-height:1.6em;
    padding-left:3px;
    height:20px;
    width:160px;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
#rhs input[type="image"] {margin:0;}

/*********************  Main Content *************************/

.print-button{float: right;}

#content {
    float:left;
    width: 737px;
    padding:0px;
    margin-left:24px;
    margin-top: 0px;
    background-image: url(images/text-area-bg.jpg);	
}

#content ul{
    margin-bottom:10px;
}

#content ul li, #content ol li{
    color:#666666;
}

#textarea {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#textareaheader {
    width:737px;
}

#textareafooter {
    width:737px;
}
#textareafooterhome {
    width:737px;
}

#textarea-inner {
    min-height:530px;
}

#textarea-inner ul li{margin-left:15px;}

#bread-crumbs{	
    padding-bottom:10px;
    color: #6e9e4e;
}

#bread-crumbs a{
    color: #6e9e4e;
}

/******************** Heading Styles *************************/

h1 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align:left;
    margin-bottom:15px;
    padding-bottom:5px;
}

h1 span{
    font-size:22px;
    font-weight:bold;
}

h1 a{ 
    color: #000000;
    text-decoration:none;
}
h1 a:hover{ 
    color: #000000; 
    text-decoration:underline;
}

h2 {
    /*clear:both;*/
    font-size: 14px;
    color: #6E9F4E;
    margin-bottom:5px;
    padding-bottom:5px;
    font-weight: bold;
}

h2.product-h2{
    font-size:14px;
    font-weight:bold;
    font-style:normal;
}

h2 a{ 
    color: #3366CC;
    text-decoration:none;
}
h2 a:hover{ 
    color: #3366CC; 
    text-decoration:underline;
}

h3 {
    font-size: 13px;
    color: #814FA6;
    font-weight:bold;
    line-height:2.2em;	
}

h3 a{ 
    color: #814FA6;
    text-decoration:none;
}

h3 a:hover{ 
    color: #814FA6; 
    text-decoration:underline;
}

h4, h4 a{ 
    font-size: 14px; 
    color: #3366CC;
    font-weight:normal;
    text-decoration:none;
    margin-bottom:10px;
    padding-top:5px;
}

h4 a:hover{
    text-decoration:underline;
} 

/***************** Paragraph Styles ***************/

p, textarea {
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    margin-bottom:10px;
    color: #535353;
    line-height:1.4em;
    font-size:11px;
}

p a{
    color:#814FA6;
    text-decoration:none;
    font-weight: bold;
}

p a:hover{
    color: #814FA6;
    text-decoration:underline;
}

p a img{ border:none;}

#content input, #content select, textarea{
    color: #535353; 
    font-size:12px;
}

p.intro{
    font-size:14px;
}


/******************** tables ************************/

td{
    color: #535353; 
    font-size:12px;
    padding:5px;
}

tr.bg{
    background-color:#c0d5eb;
}

td a{
    text-decoration:none;
    color:#814FA6; 
}
    
td a:hover{ 
    color: #814FA6; 
    text-decoration:underline;
}

.contact-table td{
    padding:8px;
    padding-left:0;
    margin-left:0;
}

.category-grid td{
    padding:0;
    margin:0;	
}

/************** Product Pages ***************/

.main-product-image{
    float:right;
    padding:15px;
}

.product-info li{
    font-size:11px;
}

/************** Other Pages ***************/

.phone{
    font-size:16px;
    font-weight:bold;
    color: #814FA6;
    padding-bottom:10px;
}

.document-category{
     background-color:#4d4d4d; 
     background-image:url(images/bar-bg.jpg);
     background-repeat:repeat-x;
     width:100%; 
     padding:0; 
     margin:0;
}

.document-category p{
     font-weight:bold; 
     color:White; 
     width:100%; 
     font-size:12px; 
     padding:5px; 
     margin:0;
}

.document-grid td{ padding:0;}

.surname{
    display:none;
}

/************* News Feed ***************/
div.news-feed {
    background: url(images/index-bg.png) repeat-y;
    padding: 20px;
}
div.news-feed-bottom {
    background: url(images/index-bottom.png) no-repeat;
    display: block;
    height: 21px;
    clear: both;
}

div.news-feed h2 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align:left;
    margin-bottom: 0px;
    padding-bottom:5px;
}

div.news-feed table.news-grid {
    list-style: none;
    width: 685px;
}
div.news-feed table.news-grid td {
    display: block;
    clear: left;
    padding: 10px 30px 10px 0px;
}

div.news-feed table.news-grid td table {
    padding: 0px;
    border: none;
    width: 100%;
    position: relative;
    /*border-top: 1px solid #c0c0c0;*/
}

div.news-feed table.news-grid td table td {
    clear: none;
    border: none;
    padding: 0px;
    display: table-cell;
}

div.news-feed table.news-grid td td.image-wrapper {
    width: 180px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
div.news-feed table.news-grid td td.image-wrapper img {
    border: 1px solid #c0c0c0;
    padding: 1px;
}

div.news-feed table.news-grid td td.information {
    vertical-align: top;
    padding: 5px 5px 5px 7px;
}
div.news-feed table.news-grid td td.information p + p {
    margin-top: 20px;
}

div.news-feed table.news-grid tr.pager td {
    text-align: right;
}
div.news-feed table.news-grid tr.pager table {
    width: auto;
    border: none;
    float: right;
}
div.news-feed table.news-grid tr.pager table td {
    padding: 5px;
    border: none;
}

a.more-arrow {
    background: url(images/arrow.gif) no-repeat 0 50%;
    padding-left: 8px;
}
a.back-arrow {
    background: url(images/arrow-back.gif) no-repeat 0 50%;
    padding-left: 8px;
}

/************** News Page *****************/
img.news-image {
    float: right;
    margin: 0 5px 40px 40px;
    border: 1px solid #c0c0c0;
    padding: 1px;
}

div.news-page {
    margin: 20px 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #535353;
    line-height: 1.4em;
    font-size: 11px;

}

div.news-page h1 {
    margin-bottom: 5px;
}
.date,
div.news-page h1 + span { /* Date Label */
    margin-bottom: 15px;
    display: block;
    font-size: 11px;
    color: #666;
}

/************** Website Footer **************/

#footer { 
    clear:both; 
    margin:0 auto;
    font-size: 11px; 
    font-family:Arial;
    color: #535353;
    line-height:3em; 
    width:1000px; 
    height:35px; 
    background:none;
    padding-bottom:50px;
}	

#footer a{
    color: #535353;
    text-decoration:none;
}

#footer a:hover{
    color: #535353;
    text-decoration:none;
}