﻿   
.LeftMenu
{
   
    width: 160px;
    list-style-type: none;
    margin: 10px 0 0 15px;
    padding: 0px;
    letter-spacing: 0.06em;
    background:transparent url(images/men.png) no-repeat left top;
    
}

.LeftMenu p
{
    
    
    text-align:center;
    margin:0;
    padding:0;
    font-family: Tahoma,Arial;
	font-weight: bold;
	font-size:12px;
		
   
   
			
}
.LeftMenu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: black; 			
}
.LeftMenu li
{
    border-bottom: 1px solid;
    border-color: Black; 	
	font-family: Tahoma,Arial;
	font-weight: bold;
	font-size:11px;	
	text-align:left;
   
 
}

.LeftMenu li a
{
    display: block;
    background-color: white;
    color: #000000;
    text-decoration: none;
    padding: 5px 5px 5px 0.5em;
    border-left: 12px solid #D1DDE9;
    border-left-color:  white;
}
.LeftMenu li a:hover
{
    background-color: #aec3d8;	
	font-family: Tahoma,Arial;
	font-size:11px;
	color: #555555;
	border-left: 12px solid #aec3d8;
    text-decoration: underline;
    
    

}


.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border: solid 1px black;
    background-color: #ffffff;
    padding: 2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}

.paddedList li
{
    padding:10px;
}


.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#eeeeee;
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}

.grid th, .grid td
{
    padding:8px;
    border-bottom:solid 1px black;
}



.floatPanel
{
    display:none;
    position:absolute;
    top:100px;
    left:100px;
    padding:10px;
    border:solid 4px black;
    background-color:white;
}


.webWindow
{
    width:400px;
    border:Outset;
    background-color:white;
}
.webWindowBody
{
    padding:10px;
}
.webWindowTitleBar
{
    font:14px Tahoma,Verdana,Sans-Serif;
    padding-left:10px;
    background-color:Blue;
    color:white;
    cursor:move;
}
.webWindowTitleText
{
    float:left;
}
.webWindowClose
{
    background-color:Maroon;
    font-weight:bold;
    cursor:pointer;
}

/* FORMAT PRODUCT CATEGORIES */

.categoryList
{
    width:100%;
}

.categoryList td
{
    width:50%;
    padding:20px;
    vertical-align:top;
}

.categoryName
{
    font-size:16px;
    border-bottom:solid 1px black;
}

/* FORMAT PRODUCTS */


.productList
{
    width:100%;
}

.productList td
{
    width:50%;
    padding:20px;
    vertical-align:top;
}

.productName
{
    font-size:16px;
    border-bottom:solid 1px black;
}

.productImage
{
    width:100px;
    padding:5px;
    float:left;
}


.fullProductName
{
    font-size:18px;
    font-weight:bold;
}

/* FORMAT FORMS */
label
{
    font-weight:bold;
}

.instructions
{
    padding:3px;
    font-size:10px;
}

/* SHOPPING CART */
.cart
{
    width:100%;
    font-size:10px;
    border:solid 1px black;
}

.cartAlternating
{
    background-color:silver;
}

.cartFooter
{
    text-align:center;
    white-space:nowrap;
}
.cart th
{
    text-align:left;
    padding:5px;
}

.cart caption
{
    font-weight:bold;
}

.cartBig
{
    width:100%;
}

.cartBig td
{
    padding:5px;
}

.cartBig th
{
    text-align:left;
    padding:5px;
}

.cartTotalFooter
{
    border-top:solid 2px black;
}

/* FORM LAYOUT */

.leftForm
{
    float:left;
    width:140px;
    text-align:right;
    margin-right:20px;
    line-height:150%
}

.rightForm
{
    float:left;
    width:175px;
    line-height:150%   
}

.colForm
{
    float:left;
    width:45%;
}



legend
{
    color:Navy;
}

.paddedList li
{
    padding:10px;
}

.scrollBox
{
    width:380px;
    overflow:auto;
}


#box
{
    
    height: 240px;
    left: 50%;
    margin: -120px 0 0 -320px;
    position: absolute;
    top: 50%;
    width: 640px;
}



/* bARRA DE mENU fIXA */
#site-bottom-bar
{
    
    bottom: 0px;
    font-family: Tahoma,verdana, arial;
    font-size: 14px;
    height: 35px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    margin-left:0px;
    background:transparent url(images/barra_rodape.png) no-repeat left top;
    
}  

#site-bottom-bar-frame
{
    height: 35px;
    margin: 0px 10px 0px 10px;
    position: relative;
} 

 #site-bottom-bar-content
{
    padding: 3px 0px 0px 0px;
   
}
  

#Menu-root 
{
    background-color:  transparent;
    border: 1px #D0D0D0 solid;
    color: #5e5e5e;
    display: block;
    height: 30px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    
}

#menu-root:hover
{
    
    
}



#menu-root a 
{
    background-color: transparent;
    padding: 10px 15px 10px 15px ;
    text-align:right;
    color:  white;
    text-decoration: none;
    font-size:17px;
    font-style:inherit;
    
    
}
#menu-root a:hover 
{
    color: #f3d15d;
    text-decoration:underline;
}


    











