/**********************
        HEADINGS
**********************/

h1, h2, h3
{
    font-weight:bold;
    padding-top:10px;
    margin-bottom:10px;
    border-bottom:solid 1px gray;
    clear:both;   
}

h1
{
    font-size:123.1%;
}

h2
{
    
    font-size:108%; 
}



/**********************
        MAIN
**********************/

#breadcrumb
{
    color:Gray; 
}


/*********************
      LINKS and other all stuff
*********************/
a
{
    color: Black;
    
}

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

.nav a, #hd a, #breadcrumb a
{
    text-decoration: none;
}

#breadcrumb a:visited
{
    color:Gray;
}

#hd a:hover, #breadcrumb a:hover
{
    text-decoration:underline;
}

a:hover, #breadcrumb a:visited:hover, #ft a:hover, #ft a:visited:hover, #ft a:link:hover
{
    text-decoration: underline;
    color:#890000;
}

a:visited
{
    color:#500000;
}

a:visited:hover
{
   color:#890000;
}


p
{
    margin:10px 0;
    
}

#news p
{
width:80%;
}

strong
{
    font-weight:bold;
}




/**********************
        HEADER
**********************/
/*
#banner
{
    width:576px;
    height:400px;
    background-color:black;
    text-align:center;
    vertical-align:middle;
    color:White;
    
}
*/

#hd
{
    height:110px;
    margin-top:10px;
    padding:0 10px;
   
}

#logo
{
    /*hack - coz would take longer to re-photoshop*/
    margin-left:-25px;
}
#breadcrumb
{
    display: inline;
    width:100%;
}

#search
{
    margin:10px 0;
    
    
}

#utilities, #search
{
    z-index:200;
}

#basket
{
    /*I think I needa width coz filled with inline elements*/
    margin-top:10px;
    width:50%;
    text-align:right;
}

#basket a
{
    text-decoration:underline;
    
}
#utilities
{
    display:block;
    width:50%;
    text-align:right;
    
}

#utilities li
{
    display: inline;
    text-align:right;
    
}

#offers
{   
   position:relative;
   /*left:760px;*/
   left:59.3em;
  
   height:200px;
   width:120px;
   z-index:300;
   margin-bottom:-200px;
   top:20px;
   
  

}


/*for modern browsers*/
html>body #offers
{
     background-image:url(http://www.menswearstore.co.uk/ekmps/shops/montaguejeffer/resources/Image/offers.png);
}

/*iE6 for no trans and treating em differently to ff */
* html #offers
{
    left:58em;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.menswearstore.co.uk/ekmps/shops/montaguejeffer/resources/Image/offers.png',sizingMethod='scale');
}

/*IE7*/
*:first-child+html #offers
{
    left:58em;
}



    /***
    Best sellers banner
    ***/
    
    #banner
    {
        
        width:577px;
        height:400px;
        position:relative;
        overflow:hidden; /*stops the bestSellers div from taking up white space*/
    }
    
    #bestSellers
    {
        width:300px;
        float:right;
        padding-right:15px;
        position:relative;
        top:-389px;
        text-align:center;
        
    }
    
    
    .bestSeller
    {
        margin-top:10px;
        padding:5px;
        
    }
    
    .bestSeller p
    {
        float:left;
        width:50%; 
        color:Black;
        text-align:left;
      
    }
    
    .bestSeller p strong
    {
        font-weight:bold;
        display:block;
    }
    
    .bestSeller img
    {
        float:left;
        margin-right:10px;
        border:solid 1px gray;
      
    }
    
    .bestSeller a
    {
        float:left;
        background-color:#0D0D0D;
        display:block;
        width:100%;
        color:White;
        margin-top:10px;
        padding:5px 0;
        text-decoration:none;
        
    }
    
    .bestSeller a:hover, .bestSeller a:visited:hover
    {
        background-color:#811403;
        color:white;
        text-decoration:underline;
        
    }
    
    .bestSeller a:visited
    {
        color:White;
    }
    
     


/*********************
      NAVIGATION
********************/

.nav ul li:hover
{
    background-color:#890000;
    
}


.nav ul li:hover ul li:hover
{
    background-color:#890000;
    
}


.nav ul li:hover ul li
{
    background-color:white;    
}

.nav ul li:hover ul li a
{
    color:Black;
}

.nav li
{
   padding-left:4px;
    
}

.nav ul li:hover a, .nav ul li:hover ul li:hover a
{
    color:White;
    text-decoration:none;
   
    
}



ul li ul li ul li
{
    margin-left:20px;
    list-style-type:disc;
}
    
.nav
{
    margin-bottom:20px;
    margin-top:10px;
}
    


/*********************
        MAIN PAGE
*********************/

#popularMenswear li
{
    margin-top: 5px;

   
}
#popularMenswear .productName
{
    margin:2px;
    
}
#popularMenswear .price
{
        color:darkred;
        float:right;
        font-weight:bold;
        
}

#news
{
	margin-bottom:20px;
}

#news h3
{
	margin-left:5px;
	font-size:108%; 
}

#news .newsitem
{
	padding-right:30px;
	margin-bottom:20px;
}


#news p, #news .date
{
	margin-left:10px;
}

#news .date
{
	color:gray;
}


/*********************
        Category
*********************/

    /***        sub cat        ***/



    #subCategories, #products, #inCategorySpecialOffers, #inCategoryPopularItems, #inCategoryDescription
    {
        
        margin-left: 5px;
        width:100%;
        clear:right;
        
    }
    
    
    .subCategory
    {
        border: solid 1px Gray;
        float: left;
        margin:5px;
        text-align:center;
        background:#811403;
        width:150px;
    }
    
    .subCategory:hover
    {
        
        border:solid 1px #890000;
    }

    .subCategory span /*the description*/
    {
        position: relative;
        padding: 5px;
        text-align: center;
        height: 33px;
        display:block;
    
        
    }

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

    
    .subCategory a:hover, .subCategory a:visited:hover
    {
        color: White;
        text-decoration: underline;
    }
    
    
    
    /** products on sub category page*/
    
    #products
    {
        clear:both;

    }
    .product
    {
        margin:5px;
        margin-bottom:10px;
        width:175px;
        float:left;

     
        
    }
    

    
    .product a:link:hover, .product a:visited:hover, .product a:link
    {
        text-decoration:underline;
    }
    
    
    
    .product img
    {
        border:solid 2px  #D3D3D3;
    }
    
    .product .name
    {
        display:block;
        height:50px;
    }
    
    .product img:hover 
    {
        border:solid 2px #890000;
    }

    .product .name, .product .price
    {
        padding:2px;
    }
    
    
    /**** inCategoryPopularItems ****/
    #inCategoryPopularItems
    {
        clear:both;
        margin-bottom:10px;
        float:none;
    }
    
    #inCategoryPopularItems .product
    {
        height:200px;
    }




/*********************
    PRODUCT
**********************/
    #productTemplate
    {
        margin-left:5px;
    }
    
    #priceOptionsAddBasketContainer
    {
        width:250px;
   
    }
    
    
    #productPriceAndCodeContainer
    {
        color:#8B0000; 
       
        text-align:right;
 
        
    }
    
    #productTemplate ul
    {
        list-style-type:square;
        list-style-position:inside;
        padding-left:5px;
        
    }
    
    #productTemplate ul li
    {
     
        padding-left:5px;
        margin-top:3px;
        
    }
    
    
    
    #includingVat
    {
		font-weight:bolder;
		font-size:130%;
	
    }
    
    #excludingVat, #productCode    
    {
        font-weight:normal;
        font-size:85%;
    }
    
    #productCode
    {
		color:gray;
		margin-bottom:5px;
	    
    }
    
    #images
    {
        width:300px;
    }
    
    
    #mainImage
    {
        clear:right;
        
    }
    
    #mainImage img
    {
        border:solid 2px gray;
        
    }
    
    
    #mainImage img:hover
    {

        border:solid 2px #890000;
    
    }
    
    #extraImages
    {
        clear:both;
        margin-top:-5px;
    }
    
    #extraImages img
    {
        border:solid 2px white;
    }
    
    
    
    #extraImages img:hover
    {
         border:solid 2px #890000;
    }
    
    #description
    {
        margin:5px;
    }
    
    #addToBasket
    {
        
        margin-top:10px;
        float:right;
	
       
    }
   
    #options
    {
        
        margin:10px 5px;
       
        
        
    }
    
    
    #customerReviews
    {
        float:left;
    }
    
    



/**********************
    FEATURED ITEMS
**********************/

#popularMenswear
{
    margin-top:10px;
    
}

/*********************
    ENQUIRY FORM
**********************/

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


#enquiryform
{
    border:solid 1px gray;
    padding:5px;
}

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 grey;
    padding:10px;
    margin:10px;
    display:block;
    font-weight:bold;
    background-color:lightyellow;
}

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



/***************************
            HELP
****************************/


#helpTemplate ol li ul.bullet
{
 
    
    list-style-type:disc;
    list-style-position:outside;
}

#helpTemplate ol li ul.bullet li
{
    padding-top:5px;
    padding-left:5px;
}


#helpTemplate ol li
{
    
    margin-left:20px;
}
.questionsAndAnswers h3
{
    font-weight:bold;
    margin:10px;
}

.questionsAndAnswers p
{
    padding-left:20px;
    
}


#helpTemplate h2 a
{
    position:relative;
    float:right;
    font-size:77%;
    
}


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

        Sizing guide

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

#sizingTemplate th, #sizingTemplate td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
#sizingTemplate th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}

#sizingTemplate h3
{
    margin-left:10px;
}

#sizingTemplate h2
{
    margin-top:30px;
    
}

#sizingTemplate h3
{
    margin-top:20px;
    width:50%;
}

#sizingTemplate th
{
    background-color:#890000;
    color:White;
    
}

#sizingTemplate #blurb
{
    width:200px;
}


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


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

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






#miniSitemap li
{
    display: inline;
}

#miniSitemap
{
    margin: 10px 0;
}


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

	WIDGETS
*****************/


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

.semiTransparentNoCascade
{
    background-image:url(http://www.menswearstore.co.uk/ekmps/shops/montaguejeffer/resources/image/semiTransparent.png);
    
}






.center
{
    text-align:center;
}


body
{
    
    background-image: url(http://www.menswearstore.co.uk/ekmps/shops/montaguejeffer/resources/Image/backgroundV2.jpg);
    
}

html > body #backgroundContainer
{       
    width:100%;
    background-image: url(http://www.menswearstore.co.uk/ekmps/shops/montaguejeffer/resources/Image/bodyGrad.png);
    background-repeat: repeat-y;
    background-position: center;
}



#doc, #doc1, #doc2, #doc3
{
   border-top:solid 4px black;
   border-bottom:solid 4px black;
   border-left:solid 1px black;
    border-right:solid 1px black;
   background-color:White;
   padding-left:20px;
   padding-right:20px;
   margin-top: 5px;
   margin-bottom: 5px;

     
}

.quickNav 
{
    display:block;
    background:lightblue;
    width:150px;
    padding:4px;
    border:solid 1px gray;
    
}




body label
{
    background-color:transparent;
}

.floatright
{
    float:right;
}

.floatleft
{
    float:left;
}

.imageMargin
{
	margin: 4px;
	
}

.hidden
{
	display:none;
}

.clearleft
{
    clear:left;
}

.clearRight
{
    clear:right;
}


.clear
{
    display:block;
    height:5px;
    clear:both;
}

    html > body > div #doc2 .yui-t1 > div #bd > div #yui-main > div .yui-b > div .yui-ge > div .yui-u first > div
    {
        position:relative;
        float:left;
        color:Red;
    }
.border
{
	border:solid 1px gray;
}

.horizontalRule
{
    padding-top:10px;
    border-top:solid 1px gray;
}

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFix {display: inline-block;}

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



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

.vcard .logo
{
    display:none;
}

.vcard .class
{
    display:none;
}



body #google_amark_b, body #google_amark_b * { text-align:left !important; padding:0 !important; margin:0 !important; border:0 !important; position:relative !important; font-weight:normal !important; text-decoration:none !important; font-size:11px !important; font-family:Arial, sans-serif !important; background:#fff !important; float:none !important; }
#google_amark_b .m img, #google_amark_b #t img, #google_amark_b #x a { display:block !important; }
#google_amark_b .h { position:absolute !important; width:325px !important; border:1px solid #ccc !important; }
#google_amark_b #t { padding:6px 0 1px 0px !important; }
#google_amark_b #l { left:10px !important; }
#google_amark_b #x { position:absolute !important; right:0px !important; top:0px !important; border-left:1px solid #ccc !important; border-bottom:1px solid #ccc !important; }
#google_amark_b #c { padding:5px 10px 10px 10px !important; color:#676767 !important; border-top:1px solid #ccc !important;  }
#google_amark_b #c p { padding:5px 0 0 0 !important; }
#google_amark_b #c p.p { padding:0 !important; }
#google_amark_b #c p.p img { top: 5px !important; }
#google_amark_b #c p a:link, #google_amark_b #c p a:visited { color:#0000CC !important; text-decoration:underline !important; }



/*News letter subscription*/

#subscribe
{
	margin-top:10px;
	width: 160px;
	
	
}

#subscribe legend
{
	margin-bottom:2px;
}

#subscribe label
{
	display:block;
	margin-bottom:1px;
	padding:0;
}

#subscribe input
{
	padding:0;
	margin:0;
	margin-bottom:2px;
	width:160px;
}

/*end News letter subscription*/