CSS - http://www.ctshirts.co.uk/p/gbpdefault/r/Web-Department/Men%27s-Shirts----Formal/productlisting.aspx?ppp=12&sortBy=Relevance&page=1&back=False&canned=&browse=Y

    * Collapse All
    * Expand All

http://www.ctshirts.co.uk/p/gbpdefault/r/Web-Department/Men%27s-Shirts----Formal/productlisting.aspx?ppp=12&sortBy=Relevance&page=1&back=False&canned=&browse=Y
http://www.ctshirts.co.uk/assets/styles/basic.css

/*

Charles Tyrwhitt - Basic.css

-------------------------------*/

* {

	margin: 0;

	padding: 0;

}

body {

	text-align: center;

	font-size: 0.75em;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #fff;

	margin-top: 10px;

	color: #081852;

}

input, select {

	border: 1px solid #ccc;

}

li {

	list-style-type: none;

}

img {

	border: 0;

}

/*

Links

-------------------------------*/

a:link, a:active, a:visited {

	text-decoration: none;

	color: #081852;

}

a:hover {

	text-decoration: underline;

	color: #0099FF;

}



/*

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;

}



/*

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;

}




/*

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;

}

.thumbnailContainer p.vtrLink {

	text-align: right;

	float: right;

	padding-left: 0;

}

.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;

}

.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;

}





/*

End generic panel and product display styles

----------------------------------------------------------------------------*/







/*

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

-------------------------------*/


#recommendedHeros3Up {

	width: 610px;

	background-image: url(../images/panel610_grey_top.gif);	

}


#recommendedHeros3Up h2 span span {

	background-color: #e9e9e9;

	background-image: none;

}

#recommendedHeros3Up div.panelContent {

	width: 402px;

	padding: 0;

}

#recommendedHeros3Up div.panelContent {

	width: 608px;

}

#recommendedHeros3Up ul.thumbnailContainer {

	float: left;

	width: 598px !important;

	width /**/: 608px;

	padding-left: 5px;

	padding-right: 5px;	

}

#recommendedHeros3Up ul li {

	width: 187px !important;

	width /**/: 197px;

	padding-left: 5px;

	padding-right: 5px;

}

#recommendedHeros3Up ul li {

	padding-left: 6px;

	padding-right: 6px;

}

#recommendedHeros3Up ul li div {

	width: 187px;

}

#recommendedHeros3Up .thumbnailContainer li a span {

	min-height: 2.75em;

}

*html #recommendedHeros3Up .thumbnailContainer li a span {

	height: 2.75em;

}