﻿.content p { font-size: 11px;}

a:link { text-decoration: none;}
a:active { text-decoration: none;}
a:hover { text-decoration: none;}
a:visited { text-decoration: none;}

/* reset all margin / padding for menu items */
ul { list-style: none; padding: 0px; margin:0px; width: auto;}

#top_header { margin: 5px auto 0}
#header, #FooterMenu {font-size: 10px;}

#header, #PrimaryMenu, #FooterMenu, #TopMenu, #productDetailControls * { list-style: none;  text-transform: uppercase; padding:0px; margin:0px; position:relative;z-index: 1999;}
ul #header, #PrimaryMenu, #FooterMenu {padding:0px; margin: 15px 0 0 0px;}
#TopMenu {padding:0px; margin: 0px 0px 5px 0px;}    

#header {width:970px; height:auto; margin-left:auto; margin-right:auto; font-size:10px;}

#PrimaryMenu { font-weight:bold; clear: both; height:50px; margin: 0 auto; width:970px; background-color:#FFF; list-style: none; text-transform: uppercase;}
#PrimaryMenu li { float: left; font-size: 14px; padding: 12px 5px 0px 20px; margin: 5px 0 5px 5px; text-align: center; font-weight:lighter; letter-spacing: 0.05em;}
.logo { float: left; padding: 0px; margin: 5px 5px 5px 10px; width:110px; padding: 12px 5px 0 0px}

#PrimaryMenu .searchBox { padding: 15px 15px 0px 50px; margin: 0px; border: solid 0px #000; float: right;}
#PrimaryMenu .searchBox input { border: solid 1px #000; margin-top:2px; font-family: Verdana; width: 100px;}
#PrimaryMenu .searchBox a { border: solid 0px #000;}
#PrimaryMenu .searchButton {}

#PrimaryMenu .smallLogo { background: url('/images/logo_website_print.jpg') no-repeat; display: block; text-indent:-9999px; width:110px; height:35px; margin-top: -5px; margin-left:-5px;}
#PrimaryMenu .smallBespokeLogo { position:absolute; background: url('/images/bespoke_logo_wider.jpg') no-repeat; display: block; text-indent:-9999px; width:150px; height:110px; margin-top: -5px; margin-left:-20px;}

#LeftMenu { position: relative; text-transform: uppercase; font-weight: normal; list-style-position: outside; padding-top:0px; font-size:12px; color:#000; padding-left: 5px; z-index: 1999; width: 100%; padding-left:20px;}
#LeftMenu li { margin-left:0px; padding-top:10px; /*letter-spacing: 0.05em;*/}
#LeftMenu .MenuItem { font-weight:normal; }

#LeftMenu .SubMenuItem { padding:0px; margin:0px; font-weight: normal; left:9px; letter-spacing: 0; text-transform: uppercase; font-size: 11px;}
#LeftMenu .SubMenuItem .selected { left:9px; color:#000;}
#FooterMenu,#PrimaryMenu, #TopMenu {font-family: Verdana; }

#FooterMenu { font-weight:bold; clear: both;  height:20px; text-align:center; margin-top:0px; font-size:10px; font-weight: normal; vertical-align: top; z-index: 0;}
#FooterMenu li { display: inline-block; padding:4px; vertical-align: top;}
#FooterMenu li a { color: #CCC;}

#footer { margin-left:auto; margin-right:auto; width:1010px; text-align: center; vertical-align: top; height: 30px; padding-top: 5px;}


#TopMenu { font-weight: normal; clear: left; list-style: none; float:right; text-transform: uppercase; background-color:#000;  padding-right:15px;}
#TopMenu li { float: left; padding-left:10px; margin: 5px 0px 5px 5px;}
#TopMenu li a { color: #CCC;}

#top {display: none; clear:both;}
#top_nav {display: none; clear:both;}


.top_nav_logged_user{position:absolute;left:15px;top:7px;}

.selected { color: #000}
.expanded {left:8px; display: block;}
.contracted {left:8px; display: none;}

.LeftMenuSubNav {padding:0px; margin:0px; list-style: none; font-weight: normal; margin: 5px 0 0 0; margin-left:15px; text-transform: lowercase;}
.LeftMenuSubNav li { padding:4px;}

.tight {margin: 0px;}
.box { float: left; border: solid 0px #000; min-height:80px !important}

/* Button styles */

.button {margin: 2px 0; text-transform: uppercase;}
.button a:link, .button a:visited {
	color:#fff;
	text-decoration:none;
}

.button a:active, .button a:hover {
	color:#888;
	text-decoration:none;
}

.but {margin: 0px 0; text-transform: uppercase; background: transparent url('/images/sprite_buttons.gif') top left no-repeat;float:left;}
.smallbut {margin: 0px 0; text-transform: uppercase; background: transparent url('/images/small-button.png') top left no-repeat;float:left; color:#FFF;}
.smallbut:hover {background: transparent url('/images/small-button-over.png') top left no-repeat;}
.medbutton {margin: 0px 0; padding-top:2px; text-transform: uppercase; background: transparent url('/images/medium_button.gif') top left no-repeat;float:left;color:#FFF;}
.brownbut {margin: 0px 0; text-transform: uppercase; background: transparent url('/images/pp_button_gold.gif') top left no-repeat;float:left;}
.brownbut:hover {background: transparent url('/images/pp_button_gold_over.gif') top left no-repeat;}



.grey-01 { background-position:-466px 0px; }
.grey-02 { background-position:-466px -42px; }
.grey-03 { background-position:-466px -84px; }
.grey-04 { background-position:-699px -126px; }
.grey-05 { background-position:-466px -156px; }
.grey-06 { background-position:-466px -215px; }
.grey-07 { background-position:-699px -215px; }
.grey-08 { background-position:-699px -156px;}
.grey-09 { background-position:-466px -241px;  }
.grey-10 { background-position:-466px -185px;  }
.grey-11 { background-position:-466px -126px;}
.grey-12 { background-position:-465px -267px;}
.grey-13 { background-position:-466px -300px; }

a:hover .grey-01 { background-position:-699px 0px; }                            
a:hover .grey-02 { background-position:-699px -42px; }
a:hover .grey-03 { background-position:-699px -84px; }
a:hover .grey-04 { background-position:-466px -126px; }
a:hover .grey-05 { background-position:-699px -156px; }
a:hover .grey-06 { background-position:-699px -215px; }
a:hover .grey-07 { background-position:-466px -215px; }
a:hover .grey-08 { background-position:-466px -156px;  }
a:hover .grey-09 { background-position:-699px -241px;}
a:hover .grey-10 { background-position:-699px -185px;  }
a:hover .grey-04 { background-position:-699px -126px;  }
a:hover .grey-12 { background-position:-697px -267px;  }
a:hover .grey-13 { background-position:-466px -330px; }

.grey-04 p {color:#000;}
.grey-05 p {color:#FFF;}
.grey-06 p {color:#FFF;}
.grey-07 p {color:#000;}
.grey-08 p {color:#000;}
.grey-09 p {color:#FFF;}
.grey-10 p {color:#FFF;}
.grey-11 p {color:#FFF;}
.grey-12 p {color:#FFF;}
.grey-13 p {color:#FFF;}

.brown-10 { background-position:-933px -186px; }
a:hover .brown-10 { background-position:-699px -186px; }

.brown-10 p {color:#FFF}

.one 			{ height: 42px; width: 133px; }
.two 			{ height: 42px; width: 173px; }
.three 			{ height: 42px; width: 233px; }
.four 			{ height: 30px; width: 133px; }
.five 			{ height: 30px; width: 173px; }
.six 			{ height: 25px; width: 100px; }
.seven 			{ height: 25px; width: 100px; }
.eight 			{ height: 30px; width: 173px; }
.nine 			{ height: 26px; width: 50px; }
.ten 			{ height: 30px; width: 233px; }
.twelve  		{ height: 30px; width: 78px; }
.thirteen       { height: 30px; width: 176px;}
.fourteen       { height: 30px; width: 280px;}
.fifteen  		{ height: 30px; width: 75px; }

.search, .sm  	{ height: 25px; width: 99px; }
.butty 			{ height: 14px; width: 14px; margin: 3px; float:right; display:inline }
.butsm 			{ height: 22px; width: 64px; margin: 3px; float:right }
.small { font-size: 11px;}


.pagebuts {
	margin: 5px 0 10px 0;
	float: right;
}

.searchButs {
	margin: 0;
	float: left;
	font-size: 11px;
}

.slim p { padding-top:6px; }

.but p {
    font-weight:bold;
    margin:0 auto;
    padding-top:5px;
    position:relative;
    text-align:center;
    vertical-align:middle;
}

.brownbut p {
    font-weight:bold;
    margin:0 auto;
    padding-top:5px;
    position:relative;
    text-align:center;
    vertical-align:middle;
    color: #FFF;
}

.tiny { width: 55px !important;}
.shortest { width: 75px;}
.short { width: 120px;}
.medium { width: 180px; }
.long { width: 270px;}
.longer {width: 540px;}
.longest {width: 870px;}

.twoHundered {width:200px;}
.twoHunderedAndEighty {width: 280px;}
.threeHundred {width: 300px;}
.threeHundredAndFortyFive {width: 345px;}
.threeHundredAndTen {width: 310px;}
.threeHundredAndFifteen {width: 315px;}
.threeHundredAndTwenty {width: 320px;}
.threeHundredAndThirty {width: 330px;}
.twoHundredAndNinety {width: 290px;}
.threeHundredAndForty {width: 340px;}
.threeHundredAndTwentyFive {width: 325px;}
.threeHundredAndFifty {width: 350px;}
.threeHundredAndSeventy {width: 370px;}
.threeHundredAndEighty {width: 380px;}
.fourHundred {width: 400px;}
.fourHundredAndThirty {width: 430px;}
.fourHundredAndForty {width: 440px;}
.sevenHundred {width:700px}
.sevenHundredAndForty {width:720px}


/* Table Styles */

.basicTable {
    
    margin-top:20px;
    margin-bottom:5px;
    text-align:left;
    width:100%;
    font-size: 12px;
}

.basicTable thead tr th 
{
    /*background:#AEA897 ;
    border:1px solid #AEA897;*/
    color:#FFF;
    padding:7px;
    background-color: #000;
}
.basicTable thead th 
{
    /*background:#AEA897 ;
    border:1px solid #AEA897;*/
    color:#FFF;
    padding:7px;
    background-color: #000;
}

.basicTable tbody tr td {
    background:#FFFFFF;
    /*border-right:1px solid #FFFFFF;*/
    color:#000000;
    padding:7px;
}


.bottom { margin-top: auto; margin-bottom: auto; height:10px;}
.upper {text-transform: uppercase;}

.hide { display: none;}
.left { float: left;}
.right { float: right;}
.middle { text-align: center;}
.textLeft { text-align: left;}
.textRight { text-align: right;}

.high { height: 30px;}
.highest { height: 40px;}

.thin {margin: 0px; padding:0px;}
.thick { margin: 5px;}
.thicker { margin: 10px;}

.paddedNone { padding: 0 0 0 0;}
.padded { margin: 15px}
.paddedTop { padding-top: 20px}
.paddedBottom { padding-bottom: 20px; }
.tinyPaddedBottom { padding-bottom: 10px; }
.tinyPaddedLeft {padding-left:10px;}
.tinyPaddedTop {padding-top: 5px;}
.paddedLeft { padding-left: 20px}
.paddedRight { padding-right: 20px}
.tinyIndent { margin-left: 15px; width:auto;}
.smallIndent { margin-left: 40px; width:auto;}
.bigIndent { margin-left: 100px; width:auto;}
.hugeIndent { margin-left: 200px; width:auto;}

.newsLetter #middle { height: auto;}


.headerLogoDiv { width: 902px; margin-left: auto; margin-right: auto; padding:15px;}

/*
.copyright 
{
    padding: 0px 20px 0 0;
    position: relative;
    float: right;
    width:120px;
    height: 15px;
    text-indent: -2200px;
    background-image: url('/images/logo_copyright.gif');
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
*/

.copyright 
{
    text-transform:uppercase;
    font-size: 9px;
}

#footerimages 
{
    padding: 0px 20px 0px 10px;
    position: relative;
    float: right;
    overflow: hidden;
    text-transform:uppercase;
    font-size: 9px;
}

.imageMap { position:absolute; height:auto; min-height: 468px; background-repeat: no-repeat; float: left; width: 970px; background-position: none; font-size: 0px;}
.imageMap a img { border: solid 0px #000; }


.breadcrumbs {display: none;}
.floater	{float:left; height:50%; margin-bottom:-120px;}
.content	{clear:both; height:auto; position:relative;}

.myAccount #wrapper { height: 800px;}

.myAccount .content { width: auto;}
.myAccount .my_account 
{
    width: auto;
	position: relative;
    
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 450px;
	_height: 400px;
	
}
.my_account .content {
    padding: 0px;
}
.myAccount #wrapper { height: auto;}
.accessories  {
    height: auto;
    background-image: none;
    position:relative;
}

#content_left
{
    position:absolute;
    left:0;
    top:0;
    padding:0;
    margin:0;
}
#content_large 
{
    background-color: #FFF;
	height: auto !important;
	min-height: 468px;
	width: 100%;
	padding: 0px;
	border: solid 0px #000;
	/*background-color: #FFF;*/
	
}
#listing_wrapper {
    float: right;
}

#content_right 
{
    position: relative;
    float: right;
    height:auto !important;
    min-height:476px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:800px;
    vertical-align: top;
}

#bespoke_content_right 
{
    position: relative;
    float: right;
    height:auto !important;
    min-height:250px;
    padding:0px;
    width:800px;
  
}

.Listing #content_right 
{
    float: right;
}
.product #content_right 
{
    float: right;
    width:800px;
    margin-left:0px;
}

#SearchAutoCompletePopup
{
    clear: both;
    top:40px; 
    position: absolute;
    width: auto;
    background-color: #FFF;
    padding: 0px;
    margin: 0px;
    margin:5px;
    border: solid 1px #000;
    text-align: left;
    font-size: 11px;
}

#SearchAutoCompletePopup ul
{
    text-align:left; padding: none; margin: none;
}
#SearchAutoCompletePopup ul li
{
    clear:left;
    font-size:11px;
    font-weight:normal;
    margin:0px 0;
    padding:0px;
    text-align:left;
}

#SearchAutoCompletePopup a
{
    font-size:11px; 
}
.close_emailpopup { display: none;}

.help #content_right { width: 800px;}
.myAccount #content_right { width: 800px;} 
.aboutUs #content_right { width: 800px;} 
.helpGeneral #content_right { width: 800px;} 
.siteMap #content_right { width: 800px;}
.storeLocator #content_right { width: 800px;}
.newsAndGossip #content_right { width: 800px;}
.mensGuide #content_right { width: 800px;}
.newsLetter #content_right { width: 800px;}
/*#wrapper #content_right { width: 810px;} Too big for left menu? TM20100702*/
.mensGuide #content_left { position: relative;}

.lightBox { background-color: #FFF}

#address_book { width: 400px;}

#popUpImage 
{
    
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right: auto;
	padding:0;
	width:640px;
	height:436px;
	z-index:1100;
	display:none;
}

#popUpVideo {
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right: auto;
	padding:0;
	width:480px;
	height:280px;
	z-index:1100;
}
#container_viewbook_popup
{
 top:0px;
}

.Listing .imageMap {position:relative; min-height: 300px; height:300px;}
.noRightBorder { border-right: 0px; padding: 15px 0 15px 15px !important;}
.noTopBorder { border-top: 0px !important; padding-top:0px !important; margin-top: 0px !important; }
.noBottomBorder { border-bottom: 0px !important; padding-bottom:0px !important; margin-bottom: 0px !important; }

.anya-corporate {
background:url("/res.aspx?rc=corp_land_page_bck_image") no-repeat scroll 0 0 #000000;
height:476px;
position:relative;
}
#corp_viewbook_links {text-align: center;}

h1 { font-size: 14px; text-transform: uppercase; font-weight: normal;}
h2 { font-size: 12px; text-transform: uppercase; font-weight: normal;}

#flashMovie{height:476px !important;margin:0;padding:0; display:block; } 

.movie { padding-top:10px; text-align: center;}
http://localhost:1234/images/transparent.gif#flashWrapper{position:relative; padding-top:20px; text-align: center;margin-left:65px;}
.section_title { padding: 5px 0 5px 0;}
.borderless input { border-width: 0px;}
.ads { display: none}
.section_title {text-transform: uppercase;}
.content-general p{width: 680px}
.section_title  p{width: 80px}

#basketToolTip {position: absolute; width:150px; right: -7px; bottom:20px; padding:5px; border: solid 1px #000; z-index: 9999; background-image: url('/images/angle.gif'); background-position: bottom; background-repeat: no-repeat; display : none;}
#basketToolTip p{margin: 0 0 0 0; padding:5px; background-color: #FFF;}

#seoinformation {position: absolute; top:40%; left:40%; z-index:-99999; font-size: 10px;}

.thickbespokeborderAll {border: solid 10px #CCC; border-image: url('/images/crosshatch_background.gif') 25% repeat;}
.thickbespokeborderTop {border-top: solid 10px #CCC}
.thickbespokeborderBottom {border-bottom: solid 10px #CCC}
.thickbespokeborderLeft {border-left: solid 10px #CCC}
.thickbespokeborderRight {border-right: solid 10px #CCC}

h1.bespokeheader {margin-bottom:2px; padding-bottom: 2px; margin-top: 2px; font-weight:bold;}
h2.bespokeheader {margin-bottom:2px; padding-bottom: 2px; margin-top: 2px; font-weight:bold;}

.bold {font-weight:bold;}
.overflowAuto {overflow:auto;}
.floatNone {float:none !important;}

input.uppercase { text-transform: uppercase; }

#closeButton {z-index:99999;}
#closeButtonImage {z-index:99999;}

#generalLeftMenuContainer {height: 473px; overflow: hidden;}
