/*********************************
                GENERIC

**********************************/



h1, h2, h3, h4, h5
{
    font-weight:bold;
    margin: 10px 0px;
   
    width:80%;
    clear:both;
    border-bottom:solid 1px gray;
    
}

h1
{ 
    font-size:138.5%; 
}

h2
{
 
    font-size:116%;
    

   
}

strong
{
    font-weight:bold;
}


p
{
    margin-bottom:20px;
}

em
{
    font-style:italic;
    font-weight:bold;
}

ul.circle li
{
    list-style-type:circle;
   
    margin-left:5px;
}


        /**************
            LINKS
        **************/
        #utilities a:visited:hover, #utilities a:link:hover
        {
            background:white;
            text-decoration:none;
            color:Black;
            
        }
        
        a:visited:hover, a:link:hover
        {
            background:darkblue;
            text-decoration:none;
            color:white;
            
        }
        
        
        .thickbox:visited:hover, .thickbox:link:hover
        {
            background:none;
            
        }
        .thickbox img:hover, .thickbox img:hover
        {
           
           border:solid 1px darkblue;
        }
        
        
     

/*aligns headings in the right hand side column (news summary etc), to the right*/
.yui-b h2
{
   text-align:right;
   margin-right:0px;
   padding-right:0px;
    
}


#yui-main .yui-b h2
{
   text-align:left;
    
}

.floatleft
{
    float:left;
}
.floatright
{
    float:right;
   
}
.extraTopMargin
{
    padding-top:20px;
}

.error
{
    color:Red;
    font-weight:bold;
}

.centerMe
{
    text-align:center;
}

.hidden
{
	display:none;
}

.borderAndMargin
{
    margin:10px;
    padding:3px;  
    border:solid 1px gray;
    z-index:100;

}

.transparent
{
    
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

/********************************
        IMAGE REPLACEMENT
    
********************************/

#testimonialsHeader {
    padding: 33px 0 0 0;
    overflow: hidden;
    background-image: url("../images/testimonials.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:33px;
}




/*********************************
                HEADER

**********************************/

#logoAndUtilities
{
    background: #0C214A url('../images/header_gradient.png') repeat-x top left;
    height:107px;
    
}

#logo
{
    position:relative;
    left:20px;
    float:left;
    margin-right:10px;
}

.homePageHeaderText
{
    position:relative;
    left:-50px;

}

#utilities
{
    position:relative;
    
    color:White;
    font-weight:bold;
    margin:10px;
    float:right;
    font-size:0.9em;
    
}

#utilities a:link, #utilities a:visited
{
    color:White;
    text-decoration:none;
    
}




#utilities li
{
    
    display:inline;
 
}

        /*************************
                top Banner
        *************************/
        #topBanner
        {
            background-color:#f6f6f6;
            height:210px;
            width:100%;
        }
        
        #topBanner img
        {
            /*
            margin-left:10px;
            float:left;
            */
        }
        
        #topBanner p
        {
            font-size:116%;
            font-family:Verdana;
            float:left;
            position:relative;
            padding:20px;
            
        }
        
        #dinnerSuit
        {
           
            float:right;
            margin-top:20px;
            margin-right:20px;
            
            width:200px;
            position:relative;
            
        }
        
        
        /************************
                Right panel
        ************************/
        .halfBanner
        {
            margin:0 5px;
        }
        
        .centerMe
        {
            position:relative;
            padding-left:60px;
            padding-top:20px;
        }
/*********************************
                BODY

**********************************/
.boxAndBackground
{
    /*background-color:#f6f6f6;*/
    background-color:#f1f1f1;
    padding:20px;
    margin: 20px 0;

}

        
         /********************
                NEWS
        ********************/
        #news
        {
            padding-left:10px;
        }
        
        .newsSummary
        {
            margin-left:10px;
        }
        .newsSummary li
        {
            margin-bottom:3px;
            list-style-type:disc;
            margin-left:5px;
            width:220px;
            list-style-position:outside;
        }
        
        .newsSummary li a
        {
            text-decoration:none;
        }
        
        .newsitem
        {
            
            padding:5px;
            border-bottom:dashed 1px gray;
        }
        
        .newsitem h3
        {
            border:0;
            padding-top:10px;
          
        
       
            
        }
         
        .newsitem .date
        {
            float:right;
            display:block;
            color:darkgray;
            position:relative;
                    }
         
        /********************
            MENSWEAR
        ********************/
        #menswear
        {
            height:100%;
        }
        
        #menswear h2
        {
            margin-top:50px;
        }
        
      

        /********************
                STORE LOCATOR
        *********************/
        #directionsForm
        {
            margin-bottom:10px;
        }
        
        
        
        #map, #directions
        {
            width:100%;
        }
        
        #map
        {
            height:500px;
        }
        
        #directions
        {
        }
        
        #fromAddress
        {
            margin-bottom:5px;
        }
        
        #getDirections /*button*/
        {
            margin-left:20px;
        }
        
        
        /*********************
                CONTACT
        *********************/

        label.error
        {
            color:red;
            font-weight:bold;
        }


        .enquiryform
        {
            border:solid 1px gray;
            padding:10px;
        }
        
        #contactTemplate
        {
            padding-top:10px;
        }

        legend
        {
            font-weight:bold;
        }

        .enquiryform label
        {
            width:100%;
            display:block;
            margin-top:4px;
           
        }

        .enquiryform span
        {
            font-size:80%;
            width:100%;
            display:block;
        }


        input.invalid, textarea.invalid
        {
            border:dotted 1px red;
        }

        .messageBox
        {
            border:solid 1px gray;
            padding:10px;
            margin:10px;
            display:block;
            font-weight:bold;
            background-color: #FFFFE0;
        }

        .disabled
        {
            background-color:gray;
            color:Gray;
        }

/*********************************
                FOOTER

/******************
    hcard stuff
*******************/


#ft
{
    margin-top: 30px;
    text-align: center;
    background-color:#828282;
    color:White;
    padding:20px;
}

#ft a:link, #ft a:link:visited, #ft a:visited
{
    color:White;
}






#miniSitemap li
{
    display: inline;
}

#miniSitemap
{
    margin: 10px 0;
}



.vcard .logo
{
    display:none;
}

.vcard .class
{
    display:none;
}




/**********************************
            HACKS

**********************************/

/*If a DIV has a background and the elements inside it are floated, the background is hidden.... this fixes it*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*added for IE7*/
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.pullquote:before {
 content:"\201C" attr(title) "\201D";
 font-family: "Times New Roman", Times, serif;
 font-size:1.2em;
 text-align:center;
 color:black;
 display:block;
 float:right;
 width:7em;
 margin: 0.25em 1em 0.5em 0;
 padding:1em;
 }