/*
Charles Tyrwhitt - layout.css
-------------------------------*/

/*
Header
-------------------------------*/
#header {
	width: 780px;
	text-align: left;
}
#headerLinksContainer {
	float: right;
	width: 597px;
	min-height: 81px;
	margin-bottom: 5px;
}
.logo {
	float: left;
}
ul.topLinks li {
	display: inline;
}
#adminLinksContainer {
	text-align: right;
}
#adminLinks {
	float: right;
}
#adminLinks li {
	padding: 0 7px;
	border-right: 1px solid #666;
}
#adminLinks li.lastItem {
	border-right: none;
}
#adminLinks li a {
	color: #666;
	font-size: 0.9em;
}
#header_languageSelector {
	width: 20.5em; 
	float: right;	
	padding-top: 14px;
}
#header_languageSelector ul {
	float: right;
}
#header_languageSelector ul li {
	display: inline;
	float: left;
	margin-left: 3px;
}
#header_languageSelector p {
	float: left; 
	margin-top: 6px;
	/*background: url(../Images/greyarrow_lrg.gif) center right no-repeat;*/
	padding-right: 10px;
	color: #081852;
  font-weight:bold;
  font-size:13px;
}


/*
Global nav
-------------------------------*/
#categoryNavigation {
	padding-bottom: 6px;
	background: url(../Images/headergrad.gif) bottom left repeat-x;
	float: left;
}
#categoryNavigation h3 {
	float: left;
	color: #fff;
	font-size: 1em;
	margin-left: 10px;
	width: 7.5em;
	background: url(../Images/arrowwhite_lrg.gif) center right no-repeat;
	padding: 8px 0;	
	display: inline;
}
#menswearContainer, #womenswearContainer {
	background-color: #081852;
	float: left;
	color: #fff;
	width: 780px;
}
#womenswearContainer {
	background-color: #a1abd2;
}
.globalNav ul {
	padding: 8px 0;
}
.globalNav ul, .globalNav li {
	float: left;
}
.globalNav li li {
	padding: 0 7px;
	border-left: 1px solid #fff;
}
.globalNav li.firstItem {
	border: none;
}
.globalNav li.rightItem {
	float: right;
	display: block; 
	background: url(../Images/arrowwhite_lrg.gif) center right no-repeat;
	margin-right: 10px;
	padding: 8px 10px 8px 0;
	font-weight: bold;
}

.globalNav li.lastItem {
	border: none;
}

.globalNav a:link, .globalNav a:visited, .globalNav a:active {
	color: #fff;
}

#menswearContainer1, #womenswearContainer1 {
	/* background-color: #081852; */
	background-image: url(../Images/middle_1px_border.gif);
	float: left;
	color: #081852;
	width: 780px;
}
#womenswearContainer1 {
	background-color: #DADFF0;
}
.globalNav1 ul {
	padding: 3px 0;
}
.globalNav1 ul, .globalNav1 li {
	float: left;
}
.globalNav1 li li {
	padding: 0 7px;
	border-left: 1px solid #081852;
}
.globalNav1 li.firstItem {
	border: none;
}
.globalNav1 li.rightItem {
	float: right;
	display: block;
	background: url(../Images/arrowwhite_lrg.gif) center right no-repeat;
	margin-right: 10px;
	padding: 8px 10px 8px 0;
	font-weight: bold;
}

.globalNav1 li.lastItem {
	border: none;
}

.globalNav1 a:link, .globalNav1 a:visited, .globalNav1 a:active {
	color: #081852;
	font-size: 0.9em;
	font-family: Arial;
}

.globalNav1 a:hover {
	color: #0099FF;
	font-size: 0.9em;
	font-family: Arial;
} 

#searchBarContainer {
	float: left;
	background-color: #e7ebf5;
	width: 760px !important;
	width /**/: 780px;
	padding: 8px 10px 1px 10px;
}
#searchBar {
	float: right;
}
#searchBar label {
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 5px;
}
#searchBar input.searchText {
	width: 230px;
	border: 1px solid #666;
	font-size: 1.05em;
	padding: 1px;
	color: #666;
	margin-top: 7px;
}
#searchBar input.goBtn {
	vertical-align: middle;
	border: none;
	margin-top: 0px;
}
* html #searchBar input.goBtn {
	margin-top: 0;
}
#catQuickOrder {
	float: left;
	background: url(../Images/greyarrow_lrg.gif) center right no-repeat;
	padding-right: 10px;
	margin-top: 3px;
	display: none; /*temporary*/
}
#searchBar1 {
	float: right;
}

/*
Basket
-------------------------------*/
#basket {
	float: right;
	text-align: right;
	padding-right: 10px;
	padding-left: 15px;
	height: 81px !important;
	min-height: 81px;
	margin-left: 15px;
	background: url(../Images/vdots999.gif) top left repeat-y;
}
#basket img {
	margin-right: 5px;
}
#basket p {
	margin: 5px 0;
}
#basket input {
	border: none;
}
.basketTitle {
	font-weight: bold;
}


/*
Page body
-------------------------------*/
#siteContainer {
	width: 780px;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	margin: 0 auto;
}
#siteContainerBV {
  /*leave empty for BizaarVoice page layout on ProductDetail page*/
}
.pageContent {
	float: left;
	width: 610px !important;
	width /**/: 620px; 
	padding-left: 10px; 
}
#productListingWrapper {
	float: left;
	margin-top: 9px;
}


/*
Home page content areas
-------------------------------*/
#contentCentre, #categoryCentre {
	float: left; 
	width: 404px; 
	margin-top: 9px;
}
#contentRight, #categoryRight {
	float: right; 
	width: 196px; 
	margin-top: 9px;
}


/*
Category page content areas
-------------------------------*/
#categoryCentre, #categoryRight {
	margin-top: 0;
}
#categoryCentre {
	width: 414px;
}


/*
Product page content ares
-------------------------------*/
#twoColumnContainer {
	float: left; 
	width: 530px; 
	clear: left;
}
#leftColumn {
	float: left; 
	width: 280px;
}
#centreColumn { 
	float: right; 
	width: 240px;
}
#rightColumn { 
	float: left; 
	width: 240px; 
	margin-left: 10px;
}


/*
Left Navigation
-------------------------------*/
.leftNav {
	width: 160px;
	float: left;
	margin-top: 9px;
}
.leftNav ul, .leftNav li {
	float: left;
	clear: left;
}
.leftNav ul.itemGroup {
	padding-bottom: 15px;
}
.leftNav ul.itemGroup li {
	width: 153px !important;
	width /**/: 160px;
	padding: 5px 0px 5px 7px;
}
.leftNav ul ul, .leftNav ul.staticLinks {
	border-top: 1px solid #a1abd2;
}
.leftNav h3 {
	background-color: #e9e9e9;
	color: #081852;
	font-size: 1.1em;
}
.leftNav h3 span {
	display: block;
	padding: 4px 0 4px 10px;
	width: 150px !important;
	width /**/: 160px;
	background: url(../Images/navitemgrad.gif) bottom left repeat-x;
}
#homeNav ul.itemGroup li {
	border-top: 1px solid #d5dcf5;
}  
#homeNav ul.itemGroup li.firstItem {
	border: 0;
}
.tailorSearchTitle {
	color: #666;
	padding-left: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	display: block;
}
.leftNav li a:hover {
	background-color: #09f;
	color: #fff;
	text-decoration: none;
}
.leftNav ul.staticLinks li a {
	color: #666;
}
.leftNav ul.staticLinks li a:hover {
	color: #fff;
}
li a.clearance:link, li a.clearance:active, li a.clearance:visited {
	color: #c00;
}
li a.clearance:hover {
	color: #fff;
}
.leftNav ul.itemGroup li {
	width: 160px !important;
	width /**/: 160px;
	padding: 0;
}
.leftNav a:link, .leftNav a:visited {
	display: block;
	padding: 5px 0px 5px 15px;
	background: url(../Images/greyarrowright_sml.gif)  8px center no-repeat;
}
.leftNav a:active, .leftNav a:focus, .leftNav a:hover {
	display: block;
	padding:5px 0px 5px 15px;
	background: url(../Images/whitearrowright_sml.gif) 8px center no-repeat;
}
#leftNavPrompt p {
	padding-top: 10px;
	padding-left: 10px;
	clear: left;
}
#leftNavPrompt a.link_lu:link, #leftNavPrompt a.link_lu:visited  {
	float: left;
	display: inline;
	padding: 0;
	background-image: url(../Images/greyarrowleft_sml.gif);
	padding-left: 15px;
}
#leftNavPrompt p a:link, #leftNavPrompt p a:visited  {
	display: inline;
	padding: inherit;
	background: none;
	padding: 0;
}

/*
Specific Left Navigation - Colour, Secondary colour
-------------------------------*/
ul#colour, ul#secondarycolour {
	width: 152px !important;
	width /**/: 160px;
	padding-left: 8px;
	padding-bottom: 23px;
}
ul#colour li, ul#secondarycolour li {
	float: left;
	width: auto !important;
	padding: 0;
	clear: none;
}
ul#colour li a, ul#secondarycolour li a {
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	margin: 7px 3px 0px 7px;
	margin-top: 7px;
	padding: 0;
	background: none;
}
ul#colour li#colour_black a, ul#secondarycolour li#secondarycolour_black a { 
	background-color: #000; 
}
ul#colour li#colour_blue a, ul#secondarycolour li#secondarycolour_blue a,
ul#colour li#colour_darkblue a, ul#secondarycolour li#secondarycolour_darkblue a,
ul#colour li#colour_lightblue a, ul#secondarycolour li#secondarycolour_lightblue a { 
	background-color: #0b579e; 
}
ul#colour li#colour_brown a, ul#secondarycolour li#secondarycolour_brown a { 
	background-color: #7b5b36; 
}
ul#colour li#colour_gold a, ul#secondarycolour li#secondarycolour_gold a { 
	background-color: #edce3b;
}
ul#colour li#colour_grey a, ul#secondarycolour li#secondarycolour_grey a { 
	background-color: #ababab;
}
ul#colour li#colour_green a, ul#secondarycolour li#secondarycolour_green a { 
	background-color: #1cc42c; 
}
ul#colour li#colour_lilacpurple a, ul#secondarycolour li#secondarycolour_lilacpurple a { 
	background-color: #c923bf;
}
ul#colour li#colour_creamnatural a, ul#secondarycolour li#secondarycolour_creamnatural a { 
	background-color: #f7f5e3;
}
ul#colour li#colour_orange a, ul#secondarycolour li#secondarycolour_orange a { 
	background-color: #ff9c00; 
}
ul#colour li#colour_pink a, ul#secondarycolour li#secondarycolour_pink a { 
	background-color: #ec2776; 
}
ul#colour li#colour_redmagentaburgundywine a, ul#secondarycolour li#secondarycolour_redmagentaburgundywine a { 
	background-color: #ec0000; 
}
ul#colour li#colour_silver a, ul#secondarycolour li#secondarycolour_silver a { 
	background-color: #e2e2e2; 
}
ul#colour li#colour_white a, ul#secondarycolour li#secondarycolour_white a { 
	background-color: #fff; 
}
ul#colour li#colour_yellow a, ul#secondarycolour li#secondarycolour_yellow a { 
	background-color: #edf506;
}
ul#colour li#colour_multicolour a, ul#secondarycolour li#secondarycolour_multicolour a { 
	background: url(../Images/multi.gif) top left repeat;
}


/*
Specific Left Navigation - Size, Length
-------------------------------*/
ul#size, ul#length {
	width: 150px !important;
	width /**/: 160px;
	padding-left: 10px;
}
ul#size li, ul#length li {
	clear: none;
	float: left;
	width: auto !important;
	padding: 0;
	margin: 5px 8px 5px 0;
	white-space: nowrap;
	display: inline;
}
ul#size li a, ul#length li a {
	background: none;
	padding: 0;
}
ul#size li a:active, ul#size li a:focus, ul#size li a:hover,
ul#length li a:active, ul#length li a:focus, ul#length li a:hover {
	color: #09f;
	text-decoration: underline;
}


/*
Footer
-------------------------------*/
#footerWrapper {
	width: 780px;
	clear: left;
	float: left;
	padding-top: 10px;
}
#footerContainer {
	font-size: 0.9em;
	color: #666;
	float: left;
}
#footerContainer ul {
	width: 770px !important;
	width /**/: 780px;
	padding: 10px 0px 10px 10px;
	margin-top: 10px;
	background: url(../Images/footergrad.gif) top left repeat-x;
}
#footerContainer li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #666;
}
#footerContainer li.firstItem {
	border: 0;
	padding-left: 0;
}
#footerContainer p {
	padding-left: 10px;
}
#footerContainer li a:link, 
#footerContainer li a:active, 
#footerContainer li a:visited {
	color: #666; 
}


/*
Helper classes
-------------------------------*/
.hide, ul#colour li a span, 
ul#secondarycolour li a span {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.prdImg {
	border-bottom: 1px solid #ccc;
}
.nowPrice {
	color: #3333cc;
}
.clearFloats {
	clear: both; 
	height: 0px;
	width: 100%;
}

a.link_u, a.link_lu, a.link_ru {
	text-decoration: underline;
}
a.link_ub, a.link_lub, a.link_rub {
	text-decoration: underline;
	font-weight: bold;
}
a.link_l, a.link_lu, a.link_lub {
	padding-left: 7px;
	background: url(../Images/greyarrowleft_sml.gif) center left no-repeat;	
}
a.link_r, a.link_ru, a.link_rub {
	padding-right: 7px;
	background: url(../Images/greyarrowright_sml.gif) center right no-repeat;
}
a.link_lub, a.link_rub {
	font-weight: bold;
}