/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

.numericButton
{
    padding:4px 8px 4px 8px;
    background-color:#EEEEEE;
    color:Black;
    border:1px solid #DDDDDD;
    font-size:18px;
    text-decoration:none;
    margin:0 5px;
    cursor:pointer;
}

.selectedPage
{
    font-weight:bold;   
    background-color:#999999; /*#3c6992*/
    color:White;
    border:1px solid Gray;
    font-size:18px;
    padding:4px 8px 4px 8px;
    margin:0 5px;
    cursor:pointer;
}

.catalog
{
    float:left;
    width:550px;
    padding-left:225px;   
}
.scroller
{
    width:350px;
    float:left;    
    position: absolute;
    padding-top:22px;
    top: 0px;
    margin-top: 22px;
}

.gvHeader
{
    background-color:#DDDDDD;
    font-size:16px;
    line-height:25px;
}

.gvRow
{
    border-bottom:1px solid #DDDDDD;
    line-height:35px;
}

 .leftCell
{
    float: left;
    width: 120px;
}
.rightCell
{
    float: left;
    padding-left: 3px;
}
.tblShipping
{
    width: 400px;
    background-color: #fff;
    border:solid 1px #DDDDDD;
}
.tblRow
{
    clear: both;
    line-height:35px;
    border-top: solid 2px #DDDDDD;
}
.tblHeader
{
    background-color: #DDDDDD;
    font-size: 16px;
    text-align: center;
    font-weight:bold;
}


.clear
{
 
 clear:both;   
}
#tbl-checkout
{
    
    font-size:12px;
}
#tbl-checkout tbody tr
{
    border-bottom:solid 2px #DDDDDD;
    height:22px;
    
}

.trSpecial
{
     border-bottom:2px solid Black;
    height:22px;
    
}

#tbl-checkout th
{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    background-color:#DDDDDD;   
}


 .MaskedEditError
{
    background-color: #FFCCCC;
    border:1px solid Gray;
}

.smallText
{
     font-size: 11px;
    
}



a
{
	outline:none;
}

.divSaleTag
{
    float:left;

}

ul
{
    list-style-type:none;
}

img
{
    border:none;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.MaskedEditError
{
    background-color:#FFCCCC;    
}


.page_message_large
{
	color:#003399;
	font-size:28px;
	font-weight:bold;
}

.page_message
{
	color:#003399;
	font-size:16px;
	font-weight:bold;
}

.modalBackground
{
    background-color:#DDDDDD;
        
}


.page_message_small
{
	color:#003399;
	font-size:14px;
	font-weight:bold;
}

.ulLeft li
{
    height: 45px;
    list-style-type:none;
    vertical-align: middle;
}
.ulLeft a
{
    background-image: url('../../Images/PNGs/arrowLeft.jpg');
    vertical-align: middle;
    height:50px;
}
.ulLeft a.hover
{
    background-image: url('../../Images/PNGs/arrowActiveLeft.jpg');
    vertical-align: middle;
    height:100px;
    width:100px;
}

.ulRight li
{
    height: 45px;
    list-style-type:none;
    vertical-align: middle;
}
.ulRight a
{
    background-image: url('/Images/PNGs/arrowRight.jpg');
    vertical-align: middle;
    height:50px;
}
.ulRight a.hover
{
    background-image: url('/Images/PNGs/arrowActiveRight.jpg');
    vertical-align: middle;
    height:50px;
}


.btnLeft
{
	background-image:url('../../Images/PNGs/btnLeft.png');
	height:50px;
	width:30px;
	background-repeat:no-repeat;
	float:left;

}

.btnRight
{
		background-image:url('../../Images/PNGs/btnRight.png');
	height:50px;
	float:left;
	width:30px;
	background-repeat:no-repeat;
}

.btnCenter
{
	float:left;
	background-image:url('../../Images/PNGs/btnMiddle.png');
	height:50px;
	width:auto;
	padding-top:12px;
	background-repeat:repeat-x;
	color:Gray;
}

.blackLink
{
	color:Black;
}

h1, h2, h3,h4,h5,h6
{
	color:black;
	font-size:32px;
	padding:0px;
	margin:0px;
}

h2{	
	color:black;
	font-size:32px;

}

h3{
	
	color:black;
	font-size:36px;
}
h4
{
    font-size:18px;

}
fieldset
{
	color:Black; 
	width:3px;
	border:solid 1px black;
}

legend
{
	font-size:18px;
	font-weight:bold;
	
}

#ucLooksGoodWith a:hover
{
	
}

#tblTopRightControls a
{
	color:White;
}

#tblTopRightControls a:hover
{
	color:White;
}














body
{
	font-family:Arial;
   
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #333333; /*#696969*/
	background-image: url('../../Images/bgdemasque.jpg');
	
}




.wrapper{
	width: 975px;
    background-color:Transparent;
    margin: 20px auto 0px auto;
    /*background-image:url('../../Images/PNGs/template.png');*/
	background-repeat:no-repeat;
}

.main
{
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    /*margin: 12px 8px 8px 8px;*/
    min-height: 420px;
    height:auto;
    padding-left:25px;
	background-repeat: repeat-y;
	background-image: url('../../Images/PNGs/expander.png');
	background-position:-14px 0px;
	
}

.footer
{
	color: #4e5766;
    padding: 35px 0px 0px 0px;
    margin: 0px;
    background-position:-14px 0px;
    text-align: center;
    line-height: normal;
	height: 50px; 
	background-image:url('../../Images/PNGs/footer.png');
	background-repeat:repeat-x;
}

.header{
	position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height:215px;
    background-image:url('../../Images/PNGs/template.png');
    background-position:-13px -17px;
    background-repeat:repeat-x;
}

.content{
	line-height:23px;
	width:100%;
	
	padding-top:0px; 
	margin-top:0px;
    color:#333333;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

.pad5
{
    padding:5px;
}
.pad10
{
    padding:10px;
}

.textbox_default
{
	border: solid 1px #DDDDDD;
	font-family:Arial;
	font-size:16px; 
	color:#464646;
	background-color:White;
}

.textbox_multiline
{
	border: solid 1px #666666;
	font-family:Arial;
	font-size:16px; 
	color:#464646;
	padding:7px;
	background-color:White;
}


.page_message_error
{
	color:Red;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;

}




#divSale a:hover
{
    text-decoration:none;    
}

#divSale a
{
    text-decoration:none;
}


.blSpacing
{
	line-height:30px;
	
}
/* Grid Items */

.container
{
	
}

.image
{
	width:175px;
	height:255px;
	background-color:#EEEEEE;
	padding:3px;
	border:solid 1px #DDDDDD;
}
	  



/* Outer */

#outer
{
	margin: 2.5em 3.0em 1.5em 3.0em;
}


.pad10left
{
    padding-left:10px;

}

.rightPanel
{   
    padding:25px 0 0 50px;
    
}



#ulSocial
{
	
}




.headerlinks 
{ 
    height:30px; 
    background: url(images/menusstrip.jpg) repeat-x; 
    margin:0px 0px 0px 0px; 

} 


/* Apply this CSS class go to Menu Control Properties->StaticMenuItemStyle->CssClass. Here type this class Name */ 
.StaticMenuStyle 
{ 
    font-family:Verdana; 
    font-size:16px; 
    color:#666666; 
    position:relative; 
    height:30px; 
    margin-right:25px;
} 

/* Apply this CSS class go to Menu Control Properties->StaticHoverStyle->CssClass. Here type this class Name */ 

.menu a:hover
{
    color:#fff;
    text-decoration:none;

}


.StaticHoverStyle 
{ 
    color:#DDDDDD;
    text-decoration:none;
    
    height:30px; 
} 

/* Apply this CSS class go to Menu Control Properties->DynamicMenuItemStyle->CssClass. Here type this class Name */ 

.DynamicMenuStyle 
{ 
    display: block; 
    width: 160px; 
    color: white; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    line-height: 20px; 
    text-decoration: none; 
    padding: 2px 8px; 
    background-color: #3c6992; 
    border-bottom:1px solid #d6f0fd; 
    text-align: left; 
    height: 25px; 

} 
/* This is to set image width which is in Dynamic Menu Items. */ 

.DynamicMenuStyle img 
{ 

padding-right:8px; 
} 

/* Apply this CSS class go to Menu Control Properties->DynamicHoverStyle->CssClass. Here type this class Name */ 

.DynamicHoverStyle 
{ 
    width: 160px; 
    height: 25px; 
    color: #000000; 
    border:1px solid #3c6992; 
    background-color: #d6f0fd; 
    color:#DDDDDD;
    text-decoration:none;
} 

 



div.hideSkiplink
{
    /*background-color:#3a4f63; */
    width:100%;
    margin:13px 0 0 30px;
    font-family:Calibri;
}




/* Menu */
#menu
{
	
	background-image: url('../../Images/PNGs/CategoriesNavbar.png');	
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:black;
	width:685px;
	height:75px;

	font-weight:lighter;
	padding-top:10px;

}

#menu ul
{
	list-style: none;
	width: 665px;
}

#menu li
{
	display: inline;
	font-size:14px;
	font-family:Arial;
	height:20px;
}


#menu li a
{
	text-decoration: none;
	color: #333333;
	font-size:24px;
	padding: 0.8em;
}

#menu li a:hover
{
	background-color: #AF0A0A; 
	color: #DDDDDD;
	text-decoration: none;
}


div#navbar2 {
 height: 30px;
 border: solid Gray 1px;
 background-color:#EEEEEE;    
 float:left; 
 margin-top:10px;
 width:973px;
}
div#navbar2 ul {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight:bold;
 font-variant:small-caps;
 color: #333333;
 line-height: 30px;
 white-space: nowrap;
}
div#navbar2 li {
 list-style-type: none;
 display: inline;
}
div#navbar2 li a {
 text-decoration: none;
 padding: 7px 10px;
 color:black;
}
div#navbar2 li a:link {
 color: black;
}
div#navbar2 li a:visited {
  color: black;
}
div#navbar2 li a:hover {

 color: white;
 background-color: #666666;
}


.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    width: 230px;
    font-size:14px;
    padding-top:0px;
    height:105px;
    
}

.title a
{    
    color:Navy;
    font-size:18px;
    text-decoration:none;    
}
.title a:Hover
{    
    color:Navy;
    font-size:18px;
    text-decoration:underline;    
}


.loginDisplay
{
    font-size: 14px;
    display: block;
    text-align: right;
    padding:10px 10px 0px 10px;
    color: White;
    margin-top:10px;
}

.padtop3
{
    padding-top:3px;    
}

.loginDisplay a
{
    color: white;
    text-decoration:none;
}

.loginDisplay a:link
{
    color: white;
    text-decoration:none;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: Gray;
    text-decoration:underline;
    
}











.Collection
{
	font-size:14px;
}



.nav-wrap
{
    /*margin: 50px auto; */
    background-color: rgba(0,0,0,0.6);
    border-top: 0px solid white;
    border-bottom: 0px solid white;
}
/* Clearfix */.group:after
{
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
*:first-child + html .group
{
    zoom: 1;
}
/* IE7 */#catalog-links
{
    /*margin: 0 auto; 
    background-color:#fff;*/
    list-style: none;
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 180px;
    height: auto;
  
}
#catalog-links li
{
    display: block;
    background-image: url('../../LColl_Item.png');
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    width: 225px;
}
#catalog-links a
{
    color: #666666;
    font-size: 16px;
    float: left;
    padding: 6px 10px 4px 10px;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
    font: 16px Georgia, serif;
}
#catalog-links a:hover
{
    color: #333333;
    outline: none;
}
#magic-line
{
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #fe4902;
}
#catalog-links li.current_page_item  
{
    
    background-image: url('../../LColl_ActiveItem.png');
    background-repeat: no-repeat;
    display:block;
    float: left;
    height: 30px;
    width: 225px;
}

#catalog-links li.current_page_item a
{
    color: #af2222;
  
}

.ie6 #catalog-links li, .ie7 #catalog-links li
{
    display: inline;
}
.ie6 #magic-line
{
    bottom: -3px;
}