/* ===== DOM elements ========================================================== */

body {

     font:          normal 0.75em Arial, sans-serif;
     color:         #434343;
     background :   white;

     margin:        0px;
     padding:       0;
     margin-top:    10px;
}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}

h1 {
     font-size: 20pt;
     color: #005681;
     font-weight : normal;
     padding : 27px 10px 5px 10px;
     margin: 0px;
}

h2 {
     color: #005681;
     font-weight : normal;
}

h3{

}
h4{
     font-weight :normal;
     font-style: italic;
}

a {
     color:  #588628;
     text-decoration: none;
}

a:active {
     color: red;
}

img {
     border: 0px;

}
form{

     padding: 0px;
     margin: 0px;
}
/* ===== Top heading section =================================================== */

.heading{

     background: white;
     margin: 0;

     height: 165px;

}



.logoArea {
     float: left;

}
.logoArea p{
     color: #8b8987;
}
.telArea {

     float: right;

}
.midArea{
     text-align: center;

}
.extra{
     clear: both;
     background: #ECEAEC url('./images/website/menuBar.png') no-repeat top left;
     margin: 0px;
     padding: 0px;
     height: 30px;
     line-height: 2em;


}

/* Top Navigation Bar */



.topHdr{

     display: none;
}

.topBdy{

     padding        : 0;
     margin         : 0;

}


.topBdy ul {
     list-style: none outside;
     padding: 4px 0px 5px 10px;
     margin: 0px;


}



.topBdy ul li{
      display            : inline;
      border-left        : 2px solid #666666;
}


.topBdy ul li:first-child {

     border-left:        0px solid white;
}

.topBdy li {

     padding: 2px 10px 2px 10px;
}

.topBdy ul li a {

     color          : #666666;
     font-weight    : bold;
}

.topBdy ul li a:hover{
     color: #ad1aa9;

}

/* ===== Navigation stuff ====================================================== */

.navBar{

     background-color : #dddddc;
     width: 190px;
     float: left;
     padding: 0px;
     margin: 0px;
     line-height: 2.0em;

}
.navTop{
     background: #e9e9e8 url('./images/website/leftTop.jpg') no-repeat top left;
     height: 63px;
}

.nav {

     padding: 0px;
     margin: 0;
     text-align: left;
     line-height: 2.0em;
     background: #EFEFEF;

}
.navSpa{
     border-top: 8px solid #DDDDDC;
}
.navHdr, .topItemsHdr{
     background: #666666;
     color: white;
     font-weight: bold;
     padding: 3px 10px 3px 10px;
}

.nav ul {
     list-style-type: none;
     padding: 0px;
     margin: 0;
}

.nav ul li {
     margin: 0px;
     border-bottom: 2px solid #DDDDDC;

}

.nav ul li a {
     padding: 0px 0px 0px 24px;
     color: #8b8987;
     background: url('./images/website/mainNav_off.jpg') no-repeat top left;

}

.nav ul li a:hover{
     color: #333333;
     background: url('./images/website/mainNav_on.jpg') no-repeat top left;

}
.currentPage a:visited{
     color: #005681;
}

.nav .currentPage a {

      background: url('./images/website/mainNav_on.jpg') no-repeat top left;

}

.topItemsTxt {
     padding: 10px;
}

.sizeSelector {
     margin: 0px 20px 0px 20px;
     border: 0;
     color: white;
     font-weight: bold;
     float: right;


}

.sizeSelector div{
     display: inline;
}


.sizeSelector  a {
     color: white;
}

.sizeSelector a:hover {
     color: yellow;
     text-decoration: underline;
}




/* ================ Main Areas ======================================= */

.main { /* main table */

     width      : 976px;
     background : #DDDDDC;
     margin: auto;

}

#page{
     clear: both;
     border-top: 10px solid white;
     background: #DDDDDC;
     padding : 0px;
     margin: 0px;
}


#content {
     width : 596px;
     padding : 0px;
     margin: 0px;
     margin-left: 190px;
     background: #e9e9e8;


}


.rightSection{
     padding : 0px;
     margin: 0px;
     padding-top : 0px;
     background:  url('./images/website/rightTop.jpg') no-repeat top right;
     float: right;
     width :190px;
     line-height: 2.0em;
}

.rightSection ul{

     padding: 0px;
     margin: 0px;
     padding-left: 15px;
}
/* ================ Additional information ======================================= */


.errorMsg {
     padding: 0px 16px 0px 16px;
     font-weight: bold;
     color: red;
}

.tableContent td {
     margin: 0;
     padding: 0px 16px 16px 16px;
}

.contentSplurge, .contentText, .siteMap {

     padding:    0px 10px 10px 10px;
     line-height: 1.4em;
}



.contentSplurge img a{
     text-decoration: none;
     border: 0;

}

.imageLeft {
     float: left;
     padding-right: 15px;
}


.imageCenter {
     text-align: center;

}

.imageRight {
     float: right;

     padding-left: 15px;
}

.imageTitle {
     display: none;
}


.landing {
     clear: both;
     display: block;
}



.landingSep {
     margin-top: 50px;
     padding: 7px 0px 7px 0px;
     text-align: center;
     color: #d5bfff;
     border-top: 1px solid #eee6ff;
     border-bottom: 1px solid #eee6ff;
}



/* ================ Footer section =============================================== */

#footerSection{
     clear: both;
}
.ftr {

     background     : #666666;
     padding        : 0px;


}

.ftrHdr{

     display: none;
}

.ftrBdy{

     padding        : 0;
     margin         : 0;

}


.ftrBdy ul {
     list-style: none outside;

     padding: 5px 0px 5px 10px;
     margin: 0px;


}



.ftrBdy ul li{
      display            : inline;
      border-left        : 2px solid white;
}


.ftrBdy ul li:first-child {

     border-left:        0px solid white;
}

.ftrBdy li {

     padding: 2px 10px 2px 10px;
}

.ftrBdy ul li a {

     color          : white;
     font-weight    : bold;
}

.ftrBdy ul li a:hover{
     color: yellow;

}




.footer {
     width: 100%;
     margin: 0;
     padding: 0px;
     text-align: center;
     background: white;

}


.footerGbLink{

     padding :20px;
}
/* ================ Contact us page ========================================= */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}


/* ================ Form stuff ============================================== */

.requiredField {
     background: #ffffc0;
}

.contactForm {
     float: left;
}

.contactForm td{
     padding: 10px;
}
label{
     display: none;
}

/* ============== Customer Form ======== */



#frmHpCustomerDetails .constantData, #frmHpCustomerDetailsConf .constantData{

     background     : #2768B1; /* Pink #be2cbb;   Blue #2768B1; or #005681;*/
     width          : 190px;
     border-bottom  : 1px solid white;
     color          : white;
     font-weight    : bold;
     padding        : 5px;

}

.extraSpace{
     background     : #2768B1; /* Pink #d3147b; */
     width          : 190px;
     color          : white;
     font-weight    : bold;
     padding        : 5px;


}
.formHeader{

     width          : 560px;
     background     : #0D2D48;
     border-bottom  : 1px solid white;
     color          : white;
     font-weight    : bold;
     padding        : 5px;

}
.whiteBack{

     width          : 560px;
     background     : white;
     border-bottom  : 1px solid white;
     padding        : 5px;

}
.formDetails{
     background     : #E9E9E8;
     border-bottom  : 1px solid white;
     padding        : 5px;


}
#frmHpCustomerDetails, #frmHpCustomerDetailsConf{
     padding        : 0px 10px 0px 10px;
     background     : #E9E9E8;


}