/* == ELEMENTS == */

/*For the i.e frame issue*/
/*html             { overflow-y: scroll; }*/
html,body        { background-color: #272727; margin: 0px; padding: 0px; }
html,body, a,
input, textarea, 
select, td       { color: white; font-family: Arial; font-size: 12px;  }

h1               { font-size: 20px; color: Yellow; }
h2               { font-weight: bold; font-size: 12px; margin: 10px 5px 0px 5px;}

input,textarea,
select           { color: #000000; }

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

img              { border: 0px; margin: 0px; padding: 0px; }
div              { margin: 0px; }
td               { padding: 0px; }
p                { margin: 10px 5px 0px 5px;}

table            { margin: 0px; }
div              { margin: 0px; padding: 0px; }

ul               { list-style-type: square; }
li               { margin-bottom: 5px; }


/* == ELEMENT IDS == */

#tblLayout       { width: 800px; background-image: url('../Images/imgBackground.jpg'); }
#rowBanner       { height: 239px; background-image: url('../Images/imgBanner.jpg'); text-align: right; vertical-align: bottom; }

#divBasket       { position: absolute; left: 199px; top: 210px;  width: 380px; text-align: right;}
#divSearch       { position: absolute; left: 199px; height: 25px;  top: 215px; text-align: right; width: 556px; border-bottom: solid 1px #717171;  }

#colMenu         { width: 154px; border: 0px; vertical-align: top; font-weight: bold; }
#colContent      { border: 0px; padding: 0px 30px 30px 30px; vertical-align: top; text-align: left; }

#tblHours td     { white-space: nowrap; }


#colLegal { text-align: center; background-color: #373737; padding: 5px; vertical-align: middle; } 



.btn { border: solid 1px #717171; height: 20px; background-color: #272727;  color: White; font-weight: bold; padding: 0px 3px; background-image: url('../Images/Shades.gif'); background-repeat: repeat-x; background-position: bottom;  }




/* == CLASSES == */

.tblPager { width: 100%;  }
.tblPager td { width: 40%; text-align: center; }
.tblPager .colNavLeft { width: 30%; text-align: left;  }
.tblPager .colNavRight { width: 30%; text-align: right;  }

.tblMenu            { background-color: #3f3f3f; padding: 0px; border: 0px; width: 129px; margin: 0px 0px 20px 9px; }
.tblMenu td         { text-align: right; letter-spacing: 1px; }
.tblMenu .left      { background-image:  url('../Images/img_layout_menu_line.gif'); background-repeat: no-repeat; background-position: bottom right;  }
.tblMenu .right     { width: 27px;}
.tblMenu td a       { text-decoration: none;}
.tblMenu td a:hover { text-decoration: underline;}

.tblContent      { width: 586px; background-color: #272727;}
.tblContent td   { vertical-align: top; }

 
.divOutline,
.divOutlineLeft,
.divOutlineRight { border: solid 0px #717171; margin: 15px; margin-top: 10px;  padding: 10px; background-color: #3f3f3f;  }
.divOutlineRight { margin-left: 0px; }


.divItemTitle, .divItemFooter  { padding: 5px; cursor: pointer;  letter-spacing: 1px;  background-color: #272727;  background-color: #373737; font-weight: bold; }
.divItemTitle { background-color: #272727; }
.divItemTitle .divItemId { float: right; font-weight: normal; color: #aaaaaa; }
.divItemFooter { text-align: center; padding: 6px; margin-bottom: 40px; }


.tblItemDetail { padding: 0px; border-bottom: solid 1px #717171; width: 506px; background-color: Lime; }
.tblItemDetail th { padding: 5px; text-align: right;  font-weight: normal; background-color: #373737;   border-right: solid 1px #717171; width: 1%;  color: #aaaaaa;  }
.tblItemDetail td { padding: 5px; vertical-align: middle;  background-color: #373737;   }



.cellItem {  border-top: solid 1px #717171; border-bottom: solid 1px #717171; padding: 10px;  }
.cellItem table { width: 100%; }
.row    {  background-color: #373737;  }    
.rowAlt {  background-color: #3f3f3f;  }

.cellCommand { text-align: right; width: 1%; }
.cellImage { text-align: center; width: 1%; }


.divItemImages  { background-color: #373737; border-bottom: solid 1px #717171; text-align: center; padding: 10px; }

.hypItemLink { text-decoration: none; }
.hypItemLink:hover { text-decoration: underline; }

.hypBasket {font-weight: bold; /* border-bottom: solid 1px #717171; */ color: yellow;  text-decoration: none; letter-spacing: 1px; }

.hypBasket:hover { text-decoration: underline; letter-spacing: 1px;}

.imginvosis { margin-left: 23px; }
.imgRapidSSL { margin-left: 32px; }

.txtSearch { border: solid 1px #717171; background-color: #ffffff;  }
.txtSearchWatermark { border: solid 1px #717171; color: #717171; background-color: #ffffff;  }

.divPanelTitle { border-bottom: solid 1px #717171; padding: 5px; white-space: nowrap; letter-spacing: 1px;  font-weight: bold;  }


.divPanel { width: 586px; background-color: #272727; text-align: left;}

.ulSearch {  background-color: #ffffff; margin: 0px; padding: 0px; list-style-type: none; text-align: left;   }
.liSearch { white-space:normal;  font-style: italic; color: Gray; margin: 2px; padding: 0px;  }
.liSearchHover { white-space:normal;  font-style: italic; background-color: Gray; cursor: pointer; margin: 2px;  }
.liSearch span { background-color: Yellow; }

.divFilter       {  padding: 2px 5px 2px 5px; background-color: #373737;  margin: 15px; border-bottom: solid 1px #717171;  }

 .active label {  color: yellow; font-weight: bold; }

.imgFlag { vertical-align: middle; }


/* ajax modal dialog styles */
/*.modalBackground { background-color: Gray; filter: alpha(opacity=50); opacity: 0.5; }*/


.tblDetails .right { text-align: right; }
.tblItems .right { text-align: right; }

.lblError { color: Red; }
.lblMessage { line-height: 50px; }

.hypNav { font-weight: normal; text-decoration: underline; }
.hypNav:hover { text-decoration: none; }





/*.accItems {  margin:15px; margin-top: 0px;  background-color:  #3f3f3f; float: none;  }*/

.panAddItem {padding:0px; background-color:#272727; border: solid 1px #ffffff; }

.spaDates, .spaCategory { font-style: oblique; color: #717171; }

.spaID { float: right; font-weight: normal;  color: #717171; }

.imgThumb { border: solid 1px #FFFFFF; margin: 5px 10px 5px 5px; }

.spaPrice { line-height: 30px; font-weight: bold;    }


.tblLatest { margin: 10px 0px 10px 0px;	}
.tblLatest .imgThumb { margin-top: 0px; }

.tblItem {  width: 100%; }

.tblItems { border: 0px; width: 100%; }
.tblItems td { padding: 3px; border: solid 1px #717171; background-color: #373737;}
.tblItems th { padding: 3px; text-align: center; background-color: #272727; border: solid 1px #717171; }
.colPager td { padding: 3px; border: 0px; }
.colPager { text-align: center; }

.tbl_items { margin-top: 0px; }


.tblBasket td, .tblBasket th { text-align: right; }
.tblBasket .total { font-weight: bold; }

.altRow { background-color:#373737; }	


.divCheckoutNav { text-align: right; }


.cellMoney { text-align: right; }









#divSubMenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#divSubMenu ul{

margin:0;
margin-right: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#divSubMenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
white-space: nowrap;
}

#divSubMenu a {
display: block;
float: left;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 3px 5px;
text-decoration: none;
letter-spacing: 1px;
background-color: #373737; /*Default menu color*/
border-top: 1px solid #3f3f3f;
}

.hypButton 
{
    font-weight: bold;

/*Margin between each menu item*/
padding: 5px 3px;
margin: 5px;
text-decoration: none;
letter-spacing: 1px;
background-image: url('../Images/Shades.gif'); background-repeat:repeat-x; background-position: bottom;
 
 border: double 3px #717171;
}





#divSubMenu a:hover {
background-color: #272727; /*Menu hover bgcolor*/
}

#divSubMenu li .current,

#divSubMenu li .current:hover { /*currently selected tab*/
background-color: #717171;/*Brown color theme*/ 
border-color: #717171; /*Brown color theme*/ 
font-weight : bold;
}