/*
common style sheet which import relevant style sheet(s)
  just for the Index pg
*/

@import "picture.css";
@import "more.css";
@import "prodDetail.css";

* {
margin:0pt;
padding:0pt;
}

.boldTxt {
font-weight:bold;
}

.italicTxt {
font-style:italic;
}

.boldItalicTxt {
font-weight:bold;
font-style:italic;
}

.right {
float:right;
}

.left {
float:left;
}

.center {
float:center;
}

.clear {
clear:both;
}


body {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-family:arial, 'lucida console', sans-serif;
width:100%;
height:100%;
}

#layout {
background-color:#FFFFFF;
margin-left:20%;
margin-top:0;
margin-right:20%;
margin-bottom:0;
width:60%;
height:100%;
border-top:0px;
border-top-color:#D1D2D1;
border-top-style:ridge;
border-left:0px;
border-left-color:#ADAEAE;
border-left-style:ridge;
border-bottom:0px;
border-bottom-color:#303030;
border-bottom-style:ridge;
border-right:0px;
border-right-color:#ADAEAE;
border-right-style:ridge;
}

/******************************************
  & HEADER
*******************************************/
/* NOT BEING USED white line
hr#lineWh {
background-color:#FFFFFF;
width:100%;
height:1px;
border:0;
}*/
hr.lineOrg {
background-color:#F08410;
width:100%;
height:1px;
border:0;
}


#title{
background-color:#000000;
height:50px;
border-left:0px;
border-right:0px;
border-bottom:1px;
border-bottom-color:#F08410;
border-bottom-style:solid;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:20px;
padding-top:0px;
}

.titleTxt {
font-family:times roman;
font-size:18px;
font-weight:bold;
font-style:italic;
color: #000000;
float:right;
padding-right:50px;
padding-top:2px;
}

.search {
font-family:times roman;
font-size:13px;
font-weight:bold;
color: #000000;
float:right;
padding-right:20px;
padding-top:2px;
}

/******************************************
  &PRIMARY NAVIGATION  
*******************************************/
#hdrTopNav{
background-color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin-left:0px;
margin-top:2px;
margin-right:0px;
margin-bottom:0px;

}

  #hdrTopNav ul {
    margin-top:2px;
margin-left:5px;
    list-style:none;
    }
  #hdrTopNav li {
    float:left;
    }

  #hdrTopNav a {
    display:block;
text-decoration:none;
    }

  #hdrTopNav li {
/*    background:url("../grfx/tab_right.gif") */
background-color:#173050;
    float:left;
    margin:1px;
    }

/*  #hdrTopNav a {
    background:url("../grfx/tab_left.gif")       no-repeat: left top; 
color: #E5E7E8;
    display:block;
    padding-left:18px;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:18px;
}
*/


#hdrTopNav a {
background-color:#000000;
border-top:2px;
border-top-color:#FB9221;
border-top-style:ridge;
border-left:2px;
border-left-color:#FB9221;
border-left-style:ridge;
border-right:2px;
border-right-color:#A15605;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#A15605;
border-bottom-style:ridge;
    padding-left:18px;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:18px;

font-size:12px;
text-decoration: none;
color: #E5E7E8;
}




  #hdrTopNav a:hover{
background-color:#000000;
border-top:2px;
border-top-color:#A15605;
border-top-style:ridge;
border-left:2px;
border-left-color:#A15605;
border-left-style:ridge;
border-right:2px;
border-right-color:#FB9221;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#FB9221;
border-bottom-style:ridge;
    padding-left:18px;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:18px;


text-decoration: none;
color: #FE982A;
}

/******************************************
  &LEFT NAVIGATION  
*******************************************/
#leftNavBox {
background-color:#DCDDDE;
float:left;

position:relative;
left:0%;
top:10px;

border-top:2px;
border-top-color:#ADAEAE;
border-top-style:solid;
border-left:0px;
border-left-color:#ADAEAE;
border-left-style:solid;
border-bottom:2px;
border-bottom-color:#ADAEAE;
border-bottom-style:solid;
border-right:2px;
border-right-color:#ADAEAE;
border-right-style:solid;

width:165px;
height:0%;
padding-bottom:5px;
padding-left:5px;
color:#000000;

font-size:13px;
}

#leftNav{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
}

  #leftNav a {
display:block;
color: #000000;
padding-left:5px;
margin-bottom:-10px;
}

  #leftNav a:hover{
text-decoration: none;
color: #F08410;
}

#leftNav2 {
background-color:#DCDDDE;
float:left;

position:relative;
left:0%;
top:10px;

width:160px;
height:0%;
padding-bottom:0px;
padding-left:0px;
color:#000000;

font-size:13px;
}

#leftNav2 a {
color: #000000;
font-weight:bold;
font-size:14px;
    padding-left:5px;
    padding-top:0px;
    padding-bottom:10px;
    padding-right:0px;
}

#leftNav2 a:hover{
font-weight:bold;
font-size:14px;
text-decoration: none;
color: #617C9E;
}

/******************************************
  DISPLAY & FRONT TABLE  
*******************************************/

.table {
vertical-align:text-top;
 width: 700px;
 list-style:none;
}

.table td {
border-top:2px;
border-top-color:#C9CACB;
border-top-style:ridge;
border-left:2px;
border-left-color:#C9CACB;
border-left-style:ridge;
border-right:2px;
border-right-color:#C9CACB;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#C9CACB;
border-bottom-style:ridge;
vertical-align:text-top;
font-size:11px;
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
list-style:none;
}

.table a {
color: #0357D6;
text-decoration:underline;
display: inline;
list-style:none;
font-size:13px;
}

.table a:hover {
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:0px;
color: #E6C37F;
text-decoration:none;
display:inline;
list-style:none;
}

/******************************************
  & CONTENT
*******************************************/
#mainContent {
background-color:#FFFFFF;
margin-left:0px;
margin-top:10px;
margin-right:0%;
margin-bottom:0px;
border-left:0px;
border-right:0px;
border-bottom:1px;
border-top:1px;
border-color:#ADAEAE;
border-style:solid;
padding-bottom:0px;
padding-left:20px;
padding-right:20px;
padding-top:10px;

font-size:12px;
}

.mainContentHdr {
font-weight:bold;
font-style:italic;
color:#29405A;
font-size:16px;
}

.mainContent a {
color:#FFFFFF;
font-size:14px;
text-decoration: none;
}

.mainContent a:hover {
text-decoration: none;
color: #09FC6A;
text-decoration: underline;
}

.mainContentTxt {
color:#000000;
font-size:12px;
text-decoration:none;
padding-top:0px;
margin-top:0px;
}

.mainContentRedTxt {
color:#AB0726;
font-size:12px;
text-decoration:none;
}



/******************************************
  & OTHER STUFF
*******************************************/
.button {
background-color:#6B3E73;
border-top:2px;
border-top-color:#E97EFC;
border-top-style:ridge;
border-left:2px;
border-left-color:#E97EFC;
border-left-style:ridge;
border-right:2px;
border-right-color:#2E2834;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#2E2834;
border-bottom-style:ridge;
padding-top:2px;
padding-bottom:2px;
padding-left:3px;
padding-right:3px;

font-size:12px;
color:#D7D0D8;
text-decoration: none;
}

#rightBox {
background-color:#FFFFFF;
float:right;
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;

border-top:2px;
border-top-color:#69B55F;
border-top-style:ridge;
border-left:2px;
border-left-color:#69B55F;
border-left-style:ridge;
border-bottom:2px;
border-bottom-color:#056A0A;
border-bottom-style:ridge;
border-right:2px;
border-right-color:#056A0A;
border-right-style:ridge;

width:20%;
height:60%;
padding-bottom:10px;
padding-left:30px;
color:#000000;
font-size:11px;

}


/******************************************
  & FOOTER
*******************************************/
#footer {
background-color:#FFFFFF;
margin-left:0px;
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
width:100%;
height:70px;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:1px;
border-color:#000000;
border-style:solid;
}

.footerTxt {
padding-left:20px;
color:#000000;
font-size:11px;
padding-top:3px;
}

.footerLinks {
padding-left:20px;
color:#29405A;
font-size:14px;
padding-top:3px;
}

.footerLinks a {
color:#29405A;
font-size:11px;
text-decoration: none;
}
.footerLinks a:hover {
text-decoration: none;
color: #F08410;
text-decoration: underline;
}



