/*
Charles Tyrwhitt - Components.css
-------------------------------*/


/*
Start generic panel and product display styles
- Most components will inherit from these
----------------------------------------------------------------------------*/

/*
Generic Mercado Banners
-------------------------------*/
.genericBanner, .genericBannerTop, .genericBannerFullWidth {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.feefoBanner {
	border: 0px;
	margin-bottom: 10px;
}
.genericBannerTop {
	margin-top: 10px;
	margin-bottom: 0;
}
.genericBannerFullWidth {
	width: 608px;
	margin-top: 10px;
	margin-bottom: 0px;
	float: left;
	clear: both;
}
.genericBanner a:hover {
	text-decoration: none;
}
.genericBanner a:hover span {
	text-decoration: underline;
}
#contentCentre .genericBanner {
	margin-top: 10px;
	margin-bottom: 0px;
	float: left;
}
.topBannerContainer {
	float: left;
	background: url(../Images/hdots999.gif) top left repeat-x;
	padding-bottom: 10px;
}
#categoryRight .genericBanner {
	float: right;
	clear: both;
	margin: 10px 0 0 0;
}
* html #categoryRight .genericBanner {
	float: none;
}
#twoColumnContainer #centreColumn .genericBanner {
	margin-top: 10px;
	margin-bottom: 0;
	float: left;
	width: 238px;
}
.categoryBottomBanners .genericBanner {
	float: left;
	margin-top: 10px;
}
.categoryBottomBanners .right {
	float: right;
}
.leftNav .genericBanner {
	float: left;
	clear: left;
}
.leftNav .genericBanner a:link,
.leftNav .genericBanner a:active,
.leftNav .genericBanner a:visited {
	padding: 0;
	background: none;
}

/*
Generic curved panel containers
-------------------------------*/
.panelContainer {
	background-image: url(../Images/panel160_top.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 3px; 
	float: left;
	margin-top: 10px;
}
.panelContainer h2 {
	font-size: 1em; 
	color: #333;
	border-left: 1px solid #a1abd2; 
	border-right: 1px solid #a1abd2;
	background-color: #f4f5fa;
	position: relative;
}
.panelContainer h2 span {
	display: block; 
	border-right: 1px solid #fff; 
	background: url(../Images/hdots999.gif) bottom left repeat-x; 
	padding-bottom: 1px;
}
.panelContainer h2 span span {
	background: url(../Images/panel160_grad.gif) bottom left repeat-x; 
	padding: 3px 0 6px 8px;
	border: 0;
}

.panelContainer div.panelContent {
	float: left;
	border: 1px solid #a1abd2;
	border-top: none;
	padding: 9px;
}
.panelContainer img {
	border: 1px solid #ccc;
}

.deliveryinfo h3 
{
 	text-decoration:underline;
  color: #498908;
  font-size: 1em;
}

/*
Generic curved panel containers for Delivery Options
-------------------------------*/
.panelContainerDelivery {
	background-image: url(../Images/panel240_top.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 3px; 
	float: left;
	margin-top: 10px;
}
.panelContainerDelivery h2 {
	font-size: 1em; 
	color: #333;
	border-left: 1px solid #a1abd2; 
	border-right: 1px solid #a1abd2;
	position: relative;
}
.panelContainerDelivery h2 span {
	display: block; 
	border-right: 1px solid #fff; 
	padding-bottom: 1px;
}
.panelContainerDelivery h2 span span {

	padding: 3px 0 6px 8px;
	border: 0;
}

/* following is for the Delivery Options Info  */

.panelContainerDelivery h3 
{
 	text-decoration:underline;
  color: #498908;
  font-size: 1em;

}
.panelContainerDelivery div.panelContent {
	float: left;
	border: 1px solid #a1abd2;
	border-top: none;
	padding: 9px;
}
.panelContainerDelivery img {
	border: 1px solid #ccc;
}

.deliveryinfoDelivery h3 
{
 	text-decoration:underline;
  color: #498908;
  font-size: 1em;
}


/*
Generic product thumbnail display
-------------------------------*/
.thumbnailContainer {
	width: 610px;
}
.thumbnailContainer li, 
.singleThumbnailContainer {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
.thumbnailContainer li div,
.singleThumbnailContainer div {
	float: left;
	width: 143px;
	min-height: 235px;
	padding-bottom: 7px;
	position: relative;
	top: 0;
	left: 0;	
}
* html .thumbnailContainer li div {
	height: 235px;
}
.thumbnailContainer li.itemRow {
	padding-top: 0;
	margin: 0;
}
.thumbnailContainer li.firstItem {
	padding-left: 0;
}
.thumbnailContainer h3 {
	font-size: 1em;
	font-weight: normal;
}
.thumbnailContainer p, 
.singleThumbnailContainer p {
	padding: 4px 4px 0 4px;
}

.thumbnailContainer p.soldOut,
.singleThumbnailContainer p.nowPrice {
	font-weight: bold;
	font-size: 0.95em;
	color: #c00;
}

.thumbnailContainer h6.soldOut{
	font-weight: bold;
	font-size: 0.95em;
	color: #C00;
	margin-top: 5px;
	margin-left:4px;
} 
 
.thumbnailContainer p.nowPrice,
.singleThumbnailContainer p.nowPrice {
	float: right;
	font-weight: bold;
	font-size: 0.95em;
	padding-left: 0;
} 
.thumbnailContainer p.wasPrice,
.singleThumbnailContainer p.wasPrice {
	font-size: 0.9em;
	padding-right: 0;
}
.thumbnailContainer p.offerText,
.singleThumbnailContainer p.offerText {
	text-align: right;
	padding-left: 0;
}
.thumbnailContainer p.fromPrice {
	font-size: 0.9em;
	padding-right: 0;
	float: left;
}

/* *** Amendment by Nishaan *** On the following 3 css lines I have commented out the .thumbnailContainer class in order for the Homepage teasers to look exactly the same as the Category page teasers - Remove the commented quotes to revert it back to the original */

/*.thumbnailContainer */ p.vtrLink {
	text-align: right;
	float: right;
	padding-left: 0;
}
/*.thumbnailContainer */ p.vtrLink a {
	background: url(../Images/greyarrowright_sml.gif) center right no-repeat;
	padding-right: 7px
}
/*.thumbnailContainer */ p.vtrLink a:hover {
	text-decoration: underline;
}

.thumbnailContainer li p {
	padding-top: 23px;
}
.thumbnailContainer li p.offerText {
	padding-top: 4px;
	text-align: right;
}
.thumbnailContainer p.offerText a:link,
.thumbnailContainer p.offerText a:active,
.thumbnailContainer p.offerText a:visited,
.thumbnailContainer p.offerText a:hover {
	font-weight: bold;
	text-decoration: underline;
}
.thumbnailContainer p.offerText a:hover {
	color: #0099FF;
	text-decoration: underline;
}
.thumbnailContainer li.clearance p.nowPrice,
.thumbnailContainer li.clearance p.wasPrice,
.thumbnailContainer li.clearance p.fromPrice,
.thumbnailContainer li.offer p.nowPrice,
.thumbnailContainer li.offer p.wasPrice,
.thumbnailContainer li.offer p.fromPrice {
	padding-top: 4px;
}
.thumbnailContainer li.clearance p.nowPrice {
	color: #c00;
}
.thumbnailContainer li a span, 
.singleThumbnailContainer a span {
	display: block;
	min-height: 4em;
	margin-top: 185px;
	padding: 7px 4px 0 4px;
}
.singleThumbnailContainer a span {
	min-height: 2.5em;
}
* html .thumbnailContainer li a span, 
* html .singleThumbnailContainer a span {
	height: 4em;
}
* html .singleThumbnailContainer a span {
	height: 2.5em;
}
.thumbnailContainer li a img, 
.singleThumbnailContainer a img {
	position: absolute;
	top: 0;
	left: 0;
}
.thumbnailContainer li a:hover, 
.singleThumbnailContainer a:hover {
	text-decoration: none;
}
.thumbnailContainer li a:hover span,
.singleThumbnailContainer a:hover span {
	text-decoration: underline;
	cursor: pointer;
}


/*
End generic panel and product display styles
----------------------------------------------------------------------------*/



/*
Start specific panel / product display areas
----------------------------------------------------------------------------*/

/*
Left nav category navigation 
- Inherits from panelContainer
-------------------------------*/
#categoryContainer {
	margin-bottom: 20px; 
	margin-top: 0;
}
#categoryContainer div {
	float: left; 
	width: 160px; 
	padding-bottom: 6px; 
	background: url(../Images/panel160_btm.gif) bottom left no-repeat;
}
#categoryContainer ul {
	border-left: 1px solid #a1abd2; 
	border-right: 1px solid #a1abd2; 
	width: 158px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#categoryContainer li {
	display: block;
	width: 149px !important;
	width /**/:158px;
	padding: 2px 0px 2px 9px; 
}
#categoryContainer li a {
	background: none;
	padding: 0;
}
#categoryContainer li a:hover {
	color: #09f;
	text-decoration: underline;
}


/*
Fact / Info panels
- Inherits from panelContainer
-------------------------------*/
#infoPanelContainer {
	width: 196px;
	background-image: url(../Images/panel196_top.gif);
	float: right;
	margin-bottom: 0;
}
#infoPanelContainer div.panelContent {
	width: 176px;
	background-color:  #f9f9f9;
}
#infoPanelContainer div.panelContent p {
	padding-bottom: 9px;
}
#infoPanelSeparator {
	background: url(../Images/hdots999.gif) top left repeat-x;
	padding-top: 9px;
	margin-top: 10px;
}
#infoPanelContainer a {
	padding-right: 7px;
	background: url(../Images/greyarrowright_sml.gif) center right no-repeat;
}


/*
Product listing containers
- Inherits from thumbnailContainer
-------------------------------*/
.productListContainer, 
.productListContainer ul {
	float: left;
}
.productListContainer li.itemRow {
	padding-left: 0;
}
.productListContainer li div {
	border: 1px solid #ccc;
	background: url(../Images/productgrad.gif) bottom left repeat-x;	
}
.productListContainer li img {
	border-bottom: 1px solid #ccc;
}
.productListContainer li a span {
	margin-top: 143px;
}
.productListContainer li.clearance div {
	border-color: #c00;
}


/*
2up heros
- Inherits from panelContainer and thumbnailContainer
-------------------------------*/
#recommendedHeros2Up {
	width: 404px;
	background-image: url(../Images/panel404_grey_top.gif);
}
#recommendedHeros3Up {
	width: 610px;
	background-image: url(../Images/panel610_grey_top.gif);	
}
#recommendedHeros2Up h2 span span,
#recommendedHeros3Up h2 span span {
	background-color: #e9e9e9;
	background-image: none;
}
#recommendedHeros2Up div.panelContent,
#recommendedHeros3Up div.panelContent {
	width: 402px;
	padding: 0;
}
#recommendedHeros3Up div.panelContent {
	width: 608px;
}
#recommendedHeros2Up ul.thumbnailContainer {
	float: left;
	width: 394px !important;
	width /**/: 402px;
	padding-left: 4px;
	padding-right: 4px;	
}
#recommendedHeros3Up ul.thumbnailContainer {
	float: left;
	width: 598px !important;
	width /**/: 608px;
	padding-left: 5px;
	padding-right: 5px;	
}
#recommendedHeros2Up ul li,
#recommendedHeros3Up ul li {
	width: 187px !important;
	width /**/: 197px;
	padding-left: 5px;
	padding-right: 5px;
}
#recommendedHeros3Up ul li {
	padding-left: 6px;
	padding-right: 6px;
}
#recommendedHeros2Up ul li div,
#recommendedHeros3Up ul li div {
	width: 187px;
}
.siteContentNoMargin #recommendedHeros2Up {
	margin-left: 10px;
}
#recommendedHeros2Up .thumbnailContainer li a span,
#recommendedHeros3Up .thumbnailContainer li a span {
	min-height: 2.75em;
}
*html #recommendedHeros2Up .thumbnailContainer li a span,
*html #recommendedHeros3Up .thumbnailContainer li a span {
	height: 2.75em;
}


/*
Product set containers
- Inherits from thumbnailContainer
-------------------------------*/
#productSetContainer2Up {
	float: left;
	width: 405px;
}
#productSetContainer2Up ul {
	float: left;
	width: 405px;
}
#productSetContainer2Up li div {
	width: 195px;
	border: 1px solid #ccc;
}
#productSetContainer2Up li a span.setTitle {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.1em;
	min-height: 3em;
}
* html #productSetContainer2Up li a span.setTitle {
	height: 3em;
}
#productSetContainer2Up li a span.setDescription {
	margin-top: 0;
}
#productSetContainer2Up li img {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: static;
}
#productSetContainer2Up p {
	padding-top: 0;
}
#productSetContainer2Up p.fromPrice {
	font-size: inherit;
}


/*
Recommends and bestseller containers
- Inherits from panelContainer and thumbnailContainer
-------------------------------*/
.thumbnailContainer4Up {
	clear: left;
	background-image: url(../Images/panel610_grey_top.gif);
	width: 610px;
}
.thumbnailContainer4Up h2 span span {
	background-color: #e9e9e9;
	background-image: none;
}
.thumbnailContainer4Up div.panelContent {
	width: 608px;
	padding: 0;
}
.thumbnailContainer4Up ul.thumbnailContainer {
	float: left;
	width: 600px !important;
	width /**/: 608px;
	padding-left: 4px;
	padding-right: 4px;
}
.thumbnailContainer4Up li, .thumbnailContainer4Up li.firstItem {
	padding-left: 5px;
	padding-right: 5px;
}
.thumbnailContainer4Up li div {
	width: 140px;
	min-height: 230px;
}
* html .thumbnailContainer4Up li div {
	height: 230px;
}
.thumbnailContainer4Up li a span {
	margin-top: 138px;
}
.thumbnailContainer4Up li img {
	border: 1px solid #ccc;
}
/*.thumbnailContainer4Up p {
	font-size: 0.9em;
}*/


/*
Recommends and other bestseller containers
- Inherits from panelContainer and thumbnailContainer
-------------------------------*/
.thumbnailContainer5Up {
	clear: left;
	background-image: url(../Images/panel780_top.gif);
	width: 780px;
}
.thumbnailContainer5Up h2 span span {
	background-color: #e9e9e9;
	background-image: none;
}
.thumbnailContainer5Up div.panelContent {
	width: 778px;
	padding: 0;
}
.thumbnailContainer5Up ul.thumbnailContainer {
	float: left;
	width: 770px !important;
	width /**/: 778px;
	padding-left: 4px;
	padding-right: 4px;
}
.thumbnailContainer5Up li.firstItem {
	padding-left: 5px;
}
.thumbnailContainer5Up li div {
	width: 144px;
	min-height: 200px;
}
* html .thumbnailContainer5Up li div {
	height: 200px;
}
.thumbnailContainer5Up li a span {
	margin-top: 142px;
}
.thumbnailContainer5Up li img {
	border: 1px solid #ccc;
}


/*
lifestyle Banners
-------------------------------*/
.lifestyleBanner {
	background: url(../Images/productgrad.gif) bottom left repeat-x;
	float: left;
	border: 1px solid #ccc;
	margin-top: 10px;
}
.lifestyleBanner a span {
	float: right;
	font-size: 1.3em;
	font-weight: bold;
}
.lifestyleBanner img {
	float: left;
	border: none;
	border-right: 1px solid #ccc;
}
.lifestyleBanner p.description {
	float: right;
}
.lifestyleBanner span, .lifestyleBanner p {
	width: 186px !important;
	width /**/: 166px; 
	padding: 10px 10px 0 10px; 
}
.lifestyleBanner h2 a:hover span {
	text-decoration: underline;
}
.lifestyleBanner h2 {
	display: inline;
	font-size: 1em;	
}


/*
Override default for category lifestyle banner
-------------------------------*/
#categoryLifeStyleBanner a span, #categoryLifeStyleBanner p {
	width: 184px !important;
	width /**/: 204px;
}
#categoryLifeStyleBanner h2 span {
	float: right;
	width: 184px !important;
	font-size: 1.3em;
	font-weight: bold;
}


/*
Homepage Banners
-------------------------------*/
#homeLifeStyleBanner {
	margin-top: 0;
}
#heroHomeBannerLeft {
	float: left;
	padding-left: 0;
}
#heroHomeBannerRight {
	float: left;
}
.heroHomeBanner div {
	width: 195px;
	min-height: 280px;
	border: 1px solid #ccc;
	background: url(../Images/productgrad.gif) bottom left repeat-x;
	padding-bottom: 9px;	
}
.heroHomeBanner a span {
	margin-top: 195px;
}
.heroHomeBanner a span, .heroHomeBanner p {
	padding-left: 10px;
	padding-right: 10px;
}
.heroHomeBanner h2 {
	font-size: 1.05em;
}


/*
Homepage Newsletter Banner
-------------------------------*/
#newsLetterContainer {
	width: 392px !important;
	width /**/: 402px;
	padding: 5px; 
	background: url(../Images/productgrad.gif) bottom left repeat-x;
}
#newsLetterContainer h2 {
	font-size: 1.4em; 
	margin-bottom: 10px;
}
#newsLetterContainer input.email {
	width: 220px; 
	color: #666; 
	border: 1px solid #666;
}
#newsLetterContainer input.btn { 
	border: none;
	vertical-align: top;
	margin-top: -3px;
}
#newsLetterContainer p {
	font-size: 0.85em;
}


/*
Footer Banners
-------------------------------*/
#footerWrapper .genericBanner {
	margin-bottom: 0;
}
#footerBanners {
	width: 780px;
}
#footerBanners .bannerLeft {
	float: left;
	width: 158px;
}
#footerBanners .bannerCentreLeft {
	float: left;
	width: 195px;
	margin-left: 10px;
}
#footerBanners .bannerCentreRight {
	float: left;
	width: 195px;
	margin-left: 10px;
}
#footerBanners .bannerRight {
	float: left;
	width: 194px;
	margin-left: 10px;
}
#footerBanners .bannerFarRight {
	float: left;
	width: 195px;
	margin-left: 10px;
}
/*
Category copy block
-------------------------------*/
#copyWrapper {
	margin-top: 10px; 
	float: left; 
	width: 610px; 
	background-color: #a1abd2;
}
#copyContainer {
	background: #eef0f5; 
	width: 608px; 
	top: 1px; 
	left: 1px; 
	position: relative; 
	margin-bottom: 2px;
}
#copyTopLeft { 
	background: url(../Images/corner_topl.gif) top left no-repeat; 
	position: relative; 
	top: -1px; 
	left: -1px;
}
#copyTopRight { 
	background: url(../Images/corner_topr.gif) top right no-repeat; 
	width:610px;
}
#copyBottomLeft {
	background: url(../Images/corner_btml.gif) bottom left no-repeat; 
	width:610px; 
	position: relative; 
	top: 2px;
}
#copyBottomRight {
	background: url(../Images/corner_btmr.gif) bottom right no-repeat; 
	width:610px;
	padding-top: 8px;
}
#copyWrapper p {
	padding: 0 10px 8px 10px;
}



/*
Start generic site components -  paging, breadcrumb etc.
----------------------------------------------------------------------------*/


/*
Paging component
-------------------------------*/
.pagingWrapper {
	background: url(../Images/hdots999.gif) top left repeat-x; 
	width: 610px;
	float: left;
	color: #666;
	font-size: 1em;
	margin-top: 10px;	
}
.pagingWrapper div.pagingContainer {
	background: url(../Images/hdots999.gif) bottom left repeat-x; 
	float: left;
	width: 590px !important;
	width /**/: 610px;
	padding: 10px 10px 8px 10px;
}
.pagingWrapper select {
	font-size: 0.95em;
	float: left;
	margin: -2px 20px 0 5px;
	border: 1px solid #999;
	color: #666;
}
.pagingWrapper ul {
	margin: 0 10px;
	float: none;
}
.pagingWrapper li {
	margin: 0 2px;
	display: inline;
}
.pagingWrapper span, .pagingWrapper a {
	float: left;
}
.pagingWrapper .showEverything {
	float: right;
}
.pagingControlsContainer {
	float: right;
	margin-right: 50px;
}
#paging_lblPagingRange a, #pagingBottom_lblPagingRange a {
	float: none;
}
.pagingWrapper .prevPage {
	float: left;
}
.pagingWrapperTop .pagingWrapper {
	margin-top: 0px;
}


/*
Breadcrumb
-------------------------------*/
#breadcrumbContainer p {
	float: left;
	background: url(../Images/greyarrow_lrg.gif) center right no-repeat;
	padding-right: 9px;
	margin-right: 5px;
	font-weight: bold;
	color: #333;
}
#breadcrumbContainer ul {
	float: left;
	width: 523px;
}
#breadcrumbContainer li {
	float: left;
	line-height: 1em;
	margin-top: 1px;
	padding-right: 13px;
	margin-right: 10px;
	background: url(../Images/greyarrowright_sml.gif) 100% 4px no-repeat;
}
#breadcrumbContainer li.lastItem {
	background: none;
	margin-right: 0;
	padding-right: 0;
}
#breadcrumbContainer span {
	font-size: 0.75em;
	clear: left;
	display: block;
	margin-top: 2px;
}
#productBreadcrumbContainer {
	float: left; 
	width:780px; 
	background:url(../Images/hdots999.gif) bottom left repeat-x; 
	padding-top: 9px; 
	margin-bottom: 10px; 
	padding-bottom: 4px;
}
#productBreadcrumbContainer ul {
	width: 410px;
}
#previousLinkContainer {
	float: left; 
	width: 280px;
}
#previousLinkContainer a { 
	padding-left: 7px; 
	background:url(../Images/greyarrowleft_sml.gif) center left no-repeat;
}
#breadcrumbContainer span a {
	color: #99c;
}
#breadcrumbContainer span a:hover {
	color: #09f;
}


/*
Search copy
-------------------------------*/
.searchTextContainer {
	float: left;
	padding: 15px 10px 0px 10px;
	color: #333;
}
.searchTextContainer p {
	padding-bottom: 10px;
}
.searchTextContainer .notFound {
	color: #390;
}
.searchTextContainer h2 {
	font-size: 1.2em; 
	padding-bottom: 5px;
}
.searchTextContainer em a {
	text-decoration: underline;
	font-size: 1.1em;
}
ul.breadcrumbCopy {
	padding-bottom: 15px;
}
ul.breadcrumbCopy li {
	color: #081852;
	float: none;
	display: inline;
	padding-right: 5px;
}
ul.breadcrumbCopy a:link, 
ul.breadcrumbCopy a:active, 
ul.breadcrumbCopy a:visited {
	text-decoration: underline;
}


/*
Page title
-------------------------------*/
#pageTitleContainer {
	background: url(../Images/hdots999.gif) top left repeat-x;
	float: left;
	clear: left;
	width: 100%;
	padding-top: 6px;
	margin-top: 4px;
	padding-bottom: 3px;
}
#pageTitleContainer h1 {
	font-size: 2em;
	font-weight: normal;
	color: #0a1b51;
}


/*
Product page components
-------------------------------*/
#centreColumn h1 {
	font-size: 1.5em;
	color: #333;
}

#productImageContainer {
	background:url(../Images/hdots999.gif) bottom left repeat-x; 
	padding-bottom: 1px;
}
#productImageContainer .prdImg {
	border: 1px solid #ccc;
}
#productImageContainer p {
	background-color: #f9f9f9; 
	padding: 5px 0 5px 10px; 
	font-size: 0.9em;
}
#detailCopyWrapper {
	margin-top: 10px;
	width: 240px;
	float: left;
	padding-top: 4px;
	background: url(../Images/panel240_details_top.gif) top left no-repeat;
}
#detailCopyContainer {
	background-color: #f9f9f9; 
	border: 1px solid #a1abd2; 
	border-top: none; 
	padding: 9px;
	color: #666;
}
#detailCopyContent ul {
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#detailCopyContent ul li {
	display: list-item;
	list-style-type: disc;	
	list-style-position: outside;
	margin-left: 14px;
}
#detailCopyContent span#productDescription {
	display: block;
	padding-top: 10px
}
#detailCopyContainer a {
	margin-top: 1px;
	line-height: 1.8em;
}
#pricesContainer {
	background: url(../Images/hdots999.gif) bottom left repeat-x;
	line-height: 1.1em;
	padding-bottom: 5px;
	padding-left: 10px;
}
#pricesContainer .wasPrice {
	font-size: 0.9em;
	color: #666;
}
#pricesContainer .nowPrice {
	padding: 6px 0 5px 0;
	font-size: 1.5em;
	color: #33c;
}
#pricesContainer .nowPriceRed {
	padding: 6px 0 5px 0;
	font-size: 1em;
	color: #cc0000;
}
#userSpecContainer {
	float: left;
	width: 222px !important;
	width /**/: 240px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
}
#customiseContainer,
#DeliverOptionsContainer
{
  font color: #cc0000;
	background: url(../Images/panel240_top.gif) top left no-repeat;
	width: 240px;
}
#DeliverOptionsContainer label {

	width: 240px;	
	color: red;
}

#buyThePictureContainer {
	background: url(../Images/panel240_blue_top.gif) top left no-repeat;
	width: 240px;
}
#buyThePictureContainer h2 span span {
	background-image: url(../Images/panel240_blue_grad.gif);
}
#buyThePictureContainer .panelContent {
	width: 220px !important;
	width /**/: 240px; 
	padding-top: 0;
	background-color: #f6f7f8;
}

#buyThePictureContainer .panelContent a.matchingItemsLnk {
  color: #498908;
	text-decoration: underline;
	font-weight: bold;
}

#userSpecContainer input, 
#customiseContainer input,
#DeliverOptionsContainer input, 
#buyThePictureContainer input {
	border: none;
}
.cuffRadioTable {
	margin: 0;
	float: right;	
	width: 150px;
}
.cuffRadioTable td label {
	float: right;	
	font-weight: normal;
	color: #666;	
	padding-right: 4px;
}
#customiseContainer label,
#buyThePictureContainer label,
#deliveryOptionsContainer label  {
	color: #666;
}
#customiseContainer label
#deliveryOptionsContainer label {
	cursor: pointer;
}
#customiseContainer a,
#deliveryOptionsContainer a {
	float: left;
}
#userSpecContainer label, #userSpecContainer .inputLabel {
	font-weight: bold;
}
#userSpecContainer .cuffRadioTable td label {
	font-weight: normal;
}
#buyThePictureContainer .lastItem {
	background: none;
	padding-bottom: 0;	
}
.relatedItemContainer {
	background: url(../Images/hdots999.gif) bottom left repeat-x; 
	padding-top: 10px;
	padding-bottom: 10px; 
	float: left;
	width: 220px;
}
.relatedItemContainer .inputRow {
	padding-top: 8px;
}
.inputRow {
	float: left;
	clear: left;
	padding-top: 5px;
	width: 220px;
	margin-bottom: 3px;
}
.inputRow label, .inputLabel {
	float: left;
}
.inputRow select, .inputRow input {
	float: right;
	font-size: 1em;
}
.inputRow select {
	margin-top: -2px;
}
* html .inputRow select {
	margin-top: 0;
}
.inputRow #unfinishedLength {
	margin-top: 7px;
}
.inputRow select.qtyDD {
	width: 3em;
}
.inputRow select.smallFontQtyDD {
	width: 3em;
  font-size: 11px;
}
.inputRow select.sizeDD {
	width: 15em;
  font-size: 11px;
}
.inputRow select.smallFontSizeDD {
	width: 17em;
  font-size: 11px;
}
.inputRow select.longSizeDD {
	width: 20em;
  font-size: 11px;
}
.inputRow select.smallFontCuffTypeDD {
  font-size: 11px;
}
.relatedItemContainer .qtyInput {
	float: right;
	width: 5em;
}
.relatedItemContainer .qtyInput select {
	float: right;
}
.relatedItemContainer .qtyInput label {
	float: left;
}
.relatedItemPrices {
	float: left;
}
.relatedItemPrices span {
	padding-right: 10px;
}
.relatedItemPrices span.soldOutPrice {
	color: #c00;
}
#topATBContainer input, #btmATBContainer input {
	border: none;
}
#topATBContainer span {
	float: left;
	font-size: 0.9em;
}
#btmATBContainer {
	float: right;
	text-align: right;
	padding: 10px 9px 0;
	line-height: 1.8em;
}
#vatMsg {
	width: 218px !important;
	width /**/: 238px;
	padding: 10px;
	color: #666;
}
a.magnify {
	display: block; 
	background: url(../Images/magnify.gif) 0px 3px no-repeat; 
	padding-left: 30px; 
	width: 11em;
}
a.magnify span {
	color: #666;
	font-size: 0.9em;
}
a.magnify:hover span {
	color: #0099FF;
}

.stockStatusContainer 
{
	float: left;
	padding-top: 5px; 
	padding-bottom: 5px; 
	/* line-height: 1.8em; */
}

.stockStatusLabel 
{
	color: #E20000;
	font-size: 0.9em;
	text-align: right;
}

/*
Product Page Error messaging
-------------------------------*/
.successMsgContainer, .errorMsgContainer {
	background-color: #f4fff4; 
	border: 1px solid #093; 
	margin-bottom: 10px;
	color: #093;
}
.errorMsgContainer {
	background-color: #fff4f4; 
	border-color: #c00; 	
	color: #c00;
}
.successMsgContainer div, .errorMsgContainer div  {
	background:url(../Images/tick.gif) 5px 10px no-repeat; 
	padding: 10px 10px 10px 30px; 
}
.errorMsgContainer div {
	background:url(../Images/exclam_lrg.gif) 10px 10px no-repeat; 
}
.successMsgContainer h2, .errorMsgContainer h2 {
	font-size: 1.3em; 
	margin-bottom: 5px;
}
#userSpecContainer .errorWrapper {
	text-align: right;
}
#userSpecContainer .errorWrapper img {
	margin-right: 5px; 
	margin-top: -2px;
}