body
{
    /*background-color: #60040B; /*background-image:url(../Images/shop2.gif); background-position:center; background-repeat:no-repeat;*/
    background-color:#000000;
    /*font: Tahoma, Verdana, Arial, Sans-Serif;*/
    font-family: Century Gothic;
    font-weight: normal;
    font-size: 14px;
    color: #cccccc;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
                                            HEADER
---------------------------------------------------------------------------------------------------------------------------------------*/

.Header
{
    background-color: #000000;
    /*color: #8C7038;*/
    color:White;
    font-family: Century Gothic;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    vertical-align:middle;
    text-align:left;    
    
}

.Header a, .Header a:visited, .Header a:link					{ text-decoration: none; color:White;}


/*---------------------------------------------------------------------------------------------------------------------------------------
                                            FOOTER
---------------------------------------------------------------------------------------------------------------------------------------*/
#foot_items
{
    font-size: x-small;
    padding-top: 7px;
    background-color: #000000;
    color: White;
    text-align: left;
}
#foot_copy
{
    float: inherit;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
                                            PADDING
---------------------------------------------------------------------------------------------------------------------------------------*/
.padding-left
{
    width: 10%;    
}
.padding-right
{
    width: 10%;    
}

.header-padding-left
{
    width: 10%;
    /*background-color:#CF5C71;*/
    background-color:#F4CBEC;
}
.header-padding-right
{
    width: 10%;
    background-color: #F4CBEC;
}

.footer-padding-left
{
    width: 10%;
    background-color: #F4CBEC;    
}
.footer-padding-right
{
    width: 10%;
    background-color: #F4CBEC;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
                                            Divider
---------------------------------------------------------------------------------------------------------------------------------------*/
.divider
{
    background-color: #8C7038;
    width: 2px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
                                            DropDown Menu
---------------------------------------------------------------------------------------------------------------------------------------*/
#dropmenudiv{
position:absolute;
border:1px solid #8C7038;
border-bottom-width: 0;
font:normal 14px Century Gothic;
line-height:18px;
z-index:100;
/*color:#8C7038;*/
color:Black;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #8C7038;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:Black;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #000000;
color:white;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
                                            Always visible
---------------------------------------------------------------------------------------------------------------------------------------*/

.drag{position:relative;cursor:hand
}
#scontentmain{
position:absolute;
width:150px;
}
#scontentbar{
cursor:hand;
position:absolute;
background-color:green;
height:15;
width:100%;
top:0;
}
#scontentsub{
position:absolute;
width:100%;
top:15;
background-color:#C3B589;
border:2px solid green;
padding:1.5px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
                                            Tab Control Style
---------------------------------------------------------------------------------------------------------------------------------------*/

.TabBar 
{ 
    clear: both;
    margin-top: 24px; 
}

.TabButton 
{ 
    display: inline; 
    padding: 4px; 
    border: 1px solid #cccccc;
}

.TabButton a 
{ 
    font: 11pt "Segoe Semibold";
    text-decoration:none;
    color: #AFB9B1;
}

.TabButton a.SelectedTab
{
    color: black;    
    font-weight: bold;
}

.TabButton a.SelectedTab:visited
{
    color: #00cc00;
}

.TabButton a:visited
{ 
    color: #666666;
}

.TabButton a:hover 
{ 
    color: #cc0000;
    text-decoration:underline 
}

.Content
{
   font-size:larger;
}


#dhtmltooltip
{
position: absolute;
width: 100px;
height:50px;
border: 2px solid black;
padding: 2px;
background-color:#FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:Black;
}

#dhtmlSwatchtooltip
{
position: absolute;
width: 150px;
height:100px;
border: 2px solid black;
padding: 2px;
background-color:#FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:Black;
}