/*
Author: Nishaan Sukdeo
Website: http://www.ctshirts.co.uk
Created: 12 November 2007
Edited: 24 April 2009 (Last edited by: NS 10:09)
*/

/*
Charles Tyrwhitt - content.css for web content/banners
-------------------------------*/
body {color:#000; background:#fff; font-size: 75%; font-family: Arial, Helvetica, sans-serif;}

.rhs_texthead {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 5px 5px 0 5px; font-weight: bold;}
.input_emailaddy {margin: 5px 5px 5px 5px; }
.input_country {margin: 0 3px 0 3px;  font-size: 12px; float: left; }
.rhs_submit { margin: 0 3px 5px 0;  padding: 0 0 0 0; float: right; }

.htmlfullcontainer {width: 608px; height: 225px; font-family:Arial, Helvetica, sans-serif; color:#081852; }
.htmltextleft {display: block; float: left; width: 308px; height: 225px; }
.htmlimgright {display: block; float: right; width: 300px; height: 225px; }
.htmlimgleft {display: block; float: left; width: 300px; height: 225px; }
.htmltextright {display: block; float: right; width: 308px; height: 225px;}
.htmlfullheader {width: 270px; padding: 20px 0 15px 15px; font-size: 22px; }
.htmlfullheader a { font-size: 22px; color:#081852; }
.htmlfullfooter {width: 270px; padding: 15px 5px 5px 15px; font-size: 11px; }
.htmlfulltext {width: 270px; padding: 0 10px 0 15px; }
.htmlfulltext li { list-style-image: url(/content/aw08/lifestyles/pointer.gif); padding: 0; margin: 10px 0 0 15px; }
.htmlfullheader_white {width: 270px; padding: 20px 0 15px 15px; font-size: 25px; color: #FFFFFF; }
.htmlfullfooter_white {width: 270px; padding: 15px 5px 5px 15px; font-size: 11px; color: #FFFFFF; }
.htmlfulltext_white {width: 270px; padding: 0 10px 0 15px; color: #FFFFFF; }
.htmlfullheader_white a:link { font-size: 25px; color:#FFFFFF; }
.htmlfullheader_white a:visited { font-size: 25px; color:#fffff0; }
.htmlfullheader_white a:active { font-size: 25px; color:#fefefe; }
.htmlfulltext_white li { list-style-image: url(/content/aw08/lifestyles/pointer_white.gif); padding: 0; margin: 10px 0 0 15px; color:#FFFFFF; }
.htmlfulltext_white a:link {color:#FFFFFF; }
.htmlfulltext_white a:visited {color:#FFFFFF; }
.htmlfulltext_white a:hover {color:gray; }
.htmlfulltext_white a:active {color:#FFFFFF; }

.htmlfullheader_mss {width: 270px; font-weight: bold; padding: 12px 0 15px 15px; font-size: 30px; color:#c31f26; }
.htmlfullfooter_mss {width: 270px; padding: 15px 5px 5px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #c31f26; }
.htmlfulltext_mss {width: 270px; padding: 0 10px 0 15px; color: #c31f26; }
.htmlfulltext_mss li { list-style-image: url(/content/aw08/lifestyles/pointer_red.gif); padding: 0; margin: 10px 0 0 15px; color:#c31f26; }
.htmlfulltext_mss a:link {color:#c31f26; }
.htmlfulltext_mss a:visited {color:#FF0000; }
.htmlfulltext_mss a:hover {color:c31f26; }
.htmlfulltext_mss a:active {color:#c31f26; }

.contentshirtholder { float: left; width: 580px; }
.contentshirtheader { display: block; width: 580px; height: 30px; float: left; padding: 10px 10px; }
.contentshirtseo p { display: block; width: 550px; clear: left; float: left; padding: 10px 15px; margin-bottom: 10px; }
.contentshirtimg { display: block; padding: 0 10px 5px 10px; width: 290px; float: left; }
.contentshirtinfo { float: right; width: 250px; }
.contentshirtinfo ul { list-style-type: none; padding: 10px 0 10px 10px; margin: 0; width: 250px; float: left; line-height: 20px; }
.contentshirtinfo ul li b { display: block; font-size: 14px; font-weight: bold; float: left; clear: left; margin: 0 10px 0 0;}
.contentshirtinfo ul li span { display: block; float: left;}
html>/**/body .contentshirtinfo ul li span { width: 230px; }

.suitholder { clear: both; float: left; margin: 0; padding: 0; width: 608px; }
.suitheader { clear: both; float: left; width: 608px; height: 30px; padding: 5px 0; border-bottom: 1px solid #ccc; }
#suitcapsule1 { clear: left; float: left; display: block; width: 202px; margin: 0; }
#suitcapsule2 { clear: none; float: left; display: block; width: 202px; border-left: 1px solid #ccc; margin: 0; }
#suitcapsule3 { clear: none; float: left; display: block; width: 202px; border-left: 1px #ccc solid; }
#suitcapsule1 ul li { list-style:disc; margin: 3px 0 0 13px; }
#suitcapsule2 ul li {  list-style:disc; margin: 3px 0 0 13px; }
#suitcapsule3 ul li { list-style:disc; margin: 3px 0 0 13px; }
.suitimg { display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.suittitle { clear: left; display: block; padding: 15px 0; }
.suitinfo1 { clear: left; display: block; float: left; padding: 0 0 0 5px; height: 400px; border-bottom: #ccc solid 1px; }
.suitinfo2 { display: block; float: left; padding: 0 0 0 5px; height: 530px; border-bottom: #ccc solid 1px; }
.suitinfo3 { display: block; padding: 0 0 0 5px; float: left; height: 310px; }

.tiecontainer {width: 500px; padding: 20px 50px; } 
.tieimgleft {float: left; margin: 10px 10px 5px 0; }
.tieimgrgt {float: right; margin: 10px 0 5px 10px; }
.tietext p {font-family:Arial, Helvetica, sans-serif; font-size: 14px;  margin: 0; padding: 0; line-height: 1.5em; }

.shoecontainer {width: 500px; padding: 20px 50px; } 
.shoeimgleft {float: left; margin: 10px 10px 5px 0; }
.shoeimgrgt {float: right; margin: 10px 0 5px 10px; }
.shoetext p {font-family:Arial, Helvetica, sans-serif; font-size: 14px;  margin: 0; padding: 0; line-height: 1.5em; }

/* Hints for a modern gentlement css  --- HMG --- */
#hmg_cont { width: 540px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; color: #081852; }
#hmg_cont h1 { font-size: 1.3em; color: #081852; }
.hmg_box { width: 260px; float: left; }
.hmg_box h2 { font-size: 1.2em; color: #081852; font-weight: bold; }
.hmg_box h2 a { font-size: 1.2em; color: #081852; font-weight: bold; }
.hmg_box img { float: left; margin-right: 5px; }
.hmg_box p { width: 230px; font-family: Arial, Helvetica, sans-serif; color: #081852; font-size: 1.1em; margin-top: 10px; }
.hmgclear { clear: both; width: 530px; display: block; height: 20px; }
.hmgclear-block { clear: both; width: 530px; display: block; height: 150px; }

/* End hints for modern gentleman --- HMG --- */

/* Outfits page */
#outfit_cont { font-family: Arial, Helvetica, sans-serif;
			   font-size: 14px;;
			   color: #081852;
				}
html>body #outfit_cont { max-width: 600px; }

#outfit_cont h2 { width:550px; font-size: 14px; font-weight: normal; padding-bottom: 25px;}
html>body #outfit_cont h2 { display: block; max-width: 550px; }

/*  image on the left   */

.left_cont {
  background: url(http://www.ctshirts.co.uk/Content/Images/content_banners/outfits/back.gif);
  border: solid 1px #b9c6d6;
  width: 550px;
  margin-top: 10px; }
  
html>body #outfit_cont .left_cont img { float: left; padding: 10px 0 10px 10px; }
*html #outfit_cont .left_cont img { float: left; margin: 10px 0 -3px 10px;}


#outfit_cont .left_cont p { float: right; width: 400px;  margin: 0; padding: 10px 20px 10px 0; }
#outfit_cont .left_cont p.link { text-align:right; margin: 0; padding: 0 20px 0 0; }
#outfit_cont .left_cont p.link a { color: #081852; }
#outfit_cont .left_cont h3 { float: right; width: 400px;  margin: 0; padding: 10px 20px 0 0; }
html>body #outfit_cont .left_cont p { width: 390px; }
html>body #outfit_cont .left_cont h3 { width: 390px; }

/*  image on the right  */

#outfit_cont .right_cont { 
  font-family:Arial, Helvetica, sans-serif;
  background: url(http://www.ctshirts.co.uk/Content/Images/content_banners/outfits/back.gif);
  border: solid 1px #b9c6d6;
  width: 550px;
  margin: 10px 0 0 0; }
  
html>body #outfit_cont .right_cont img { float: right; margin: -130px 10px 10px 0; }
*html #outfit_cont .right_cont img { float: right; margin: 10px 10px -3px 0;}

#outfit_cont .right_cont p { float: left; width: 380px; margin: 0; padding: 0 0 10px 10px; clear: left; }
#outfit_cont .right_cont p.link { margin: 0 0 0 10px; padding: 0; }
#outfit_cont .right_cont p.link a { color: #081852; }
#outfit_cont .right_cont h3 { float: left; width: 380px;  margin: 0; padding: 10px 0 10px 10px; }
#outfit_cont .clear { clear: both; visibility: hidden; height: 1px; }
#outfit_cont .spacer { clear: both; visibility: hidden; height: 10px; margin: 0; }
/* End Outfits page */


/* Start Topbanners  */
.htmltopbanners { background-color:#081852; font-family: Arial, Helvetica, sans-serif; }
.htmltopbanners h2 { font-size: 26px; font-weight: normal; color: #FFFFFF; padding: 15px 15px 10px 15px; }
.htmltopbanners p { font-size: 14px; font-weight: normal; color: #FFFFFF;  padding: 0 15px; }
.htmltopbanners .clear { clear: both; display: block; height: 15px; }

.htmltopbanners_bgrad { font-family: Arial, Helvetica, sans-serif; background: url(../../Content/Images/content_banners/lifestyle_banner/blue_vgrad165.gif) repeat-x; border: 1px solid #ecf0ff; }
.htmltopbanners_bgrad h2 { font-size: 26px; font-weight: normal; color: #081852; padding: 15px 15px 10px 15px; }
.htmltopbanners_bgrad p { font-size: 14px; font-weight: normal; color: #081852;  padding: 0 15px; }
.htmltopbanners_bgrad p b { font-size: 12.5px; }
.htmltopbanners_bgrad .clear { clear: both; display: block; height: 15px; }

.htmltopbanners_cl { background-color:#9f0000; font-family: Arial, Helvetica, sans-serif; }
.htmltopbanners_cl h2 { font-size: 26px; font-weight: normal; color: #FFFFFF; padding: 15px 0 10px 0; text-align: center; }
.htmltopbanners_cl p { font-size: 14px; font-weight: normal; color: #FFFFFF;  padding: 0; text-align: center; }
.htmltopbanners_cl p.largetext { font-size: 18px; }
.htmltopbanners_cl h3 { font-size: 18px; font-weight: normal; color: #FFFFFF;  padding: 0; text-align: center; }
.htmltopbanners_cl img { float: right; padding: 10px 10px 0 0; }
.htmltopbanners_cl .clear { clear: both; display: block; height: 15px; }

/* End Topbanners  */

/*Start Formal shirts / New For Summer Lifestyle */
.ls_cont { width: 608px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #081852; clear: both;}
.ls_cont h2 { width: 608px; font-size: 14px; color: #081852; font-weight: normal; padding: 0 0 12px 0; }

.content_left { width: 298px; float: left; background: url(../../Content/Images/content_banners/lifestyle_banner/blue_vgrad200.gif) repeat-x; border: 1px solid #a1abd2; }
.content_left img { float: left; width: 120px; height: 120px; padding: 5px 10px 5px 5px;}
* html .content_left img { padding-bottom: 0; margin-bottom: -10px; } /* Hack so only IE 6 browsers can see this */
.content_left h3 { display: block; float: none; font-size: 14px; width: 130px; margin: 10px 0 5px 0;}
html>/**/body .content_left h3 { float: left; width: 150px; } /* Hack so all IE browsers cannot see this */
.content_left h3 a { color: #081852;}
.content_left ul { margin: 0; padding: 0; width: 140px; list-style: disc outside; float: left; }
.content_left ul li { margin: 0 0 0 15px; padding: 2.5px 0; list-style-type: disc; } 
.content_left ul.wide { margin: 0; padding: 0; list-style: disc outside; width: 100%; }
.content_left ul.wide li { margin: 0 10px 0 25px; padding: 3px 0; list-style-type: disc; } 
* html .content_left ul.wide li { margin-top: 10px; } /* Hack so only IE 6 browsers can see this */

.content_right { width: 298px; float: left; background: url(../../Content/Images/content_banners/lifestyle_banner/blue_vgrad200.gif) repeat-x; margin-left: 8px; border: 1px solid #a1abd2; }
.content_right img { float: left; width: 120px; height: 120px; padding: 5px 10px 5px 5px; }
* html .content_right img { padding-bottom: 0; margin-bottom: -10px; } /* Hack so only IE 6 browsers can see this */
.content_right h3 { display: block; float: none; font-size: 14px; width: 130px; margin: 10px 0 5px 0; }
html>/**/body .content_right h3 { float: left; width: 150px; } /* Hack so all IE browsers cannot see this */
.content_right h3 a { color: #081852;}
.content_right ul { margin: 0; padding: 0; width: 140px; list-style: disc outside; float: left; }
.content_right ul li { margin: 0 0 0 15px; padding: 2px 0; list-style-type: disc; }
.content_right ul.wide { margin: 0; padding: 0; list-style: disc outside; width: 100%; }
.content_right ul.wide li { margin: 0 10px 0 25px; padding: 3px 0; list-style-type: disc; } 
* html .content_right ul.wide li { margin-top: 10px; } /* Hack so only IE 6 browsers can see this */

.clear_ls { clear: both; visibility: hidden; height: 1px; }
.clear_line { clear: both; visibility: hidden; height: 8px; }
/*End Formal shirts / New for Summer Lifestyle */


/* Black Label page */
#bl_cont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; width: 600px; }
html>body #bl_cont { max-width: 600px; }

#bl_cont p { width: 600px; font-size: 13px; font-weight: normal; padding-bottom: 10px; color: #000000; }
html>body #bl_cont p { display: block; max-width: 590px; }
#bl_cont h2 { width: 600px; font-size: 15px; font-weight: bold; color: #000000; }
html>body #bl_cont h2 { display: block; max-width: 600px; }


/*  image on the left   */
.bl_left_cont { background: url(http://www.ctshirts.co.uk/Content/Images/content_banners/black_label/bl_back.gif) repeat-x; border: solid 1px #000000; width: 608px; margin-top: 10px; }
html>/**/body .bl_left_cont { width: 608px; } /* Hack so all IE browsers cannot see this */

* html #bl_cont .bl_left_cont img { float: left; margin: 10px 0 -3px 10px; width: 120px; height: 170px; }
html>body #bl_cont .bl_left_cont img { float: left; padding: 10px 0 10px 10px; }
html>/**/body #bl_cont .bl_left_cont img { padding: 10px 20px 10px 10px; } /* Hack so all IE browsers cannot see this */

#bl_cont .bl_left_cont p { float: right; width: 370px;  margin: 0; padding: 0 20px 0 0; color: #FFFFFF; }
#bl_cont .bl_left_cont p.link { text-align: right; margin: 0; padding: 10px 20px 10px 0; color: #FFFFFF; }
#bl_cont .bl_left_cont p.link a { color: #ffffff; }
#bl_cont .bl_left_cont h3 { float: right; width: 435px;  margin: 0; padding: 10px 10px 0 0; font-size: 18px; font-weight: normal; }
html>/**/body #bl_cont .bl_left_cont h3 { padding-bottom: 10px; width: 435px;  } /* Hack so all IE browsers cannot see this */

#bl_cont .bl_left_cont ul { width: 420px;  margin: 0 0 0 20px; color: #FFFFFF;}
html>/**/body #bl_cont .bl_left_cont ul { width: 540px; padding: 0; clear: right;   } /* Hack so all IE browsers cannot see this */
#bl_cont .bl_left_cont ul li { margin: 10px 0 0 25px; padding: 0; color: #FFFFFF; list-style: outside disc; }
html>/**/body #bl_cont .bl_left_cont ul li {margin-left: 40px; } /* Hack so all IE browsers cannot see this */

/*  image on the right  */
#bl_cont .bl_right_cont { background: url(http://www.ctshirts.co.uk/Content/Images/content_banners/black_label/bl_back.gif) repeat-x; border: solid 1px #000000; width: 608px; margin: 10px 0 0 0; }
html>/**/body #bl_cont .bl_right_cont { width: 608px; } /* Hack so all IE browsers cannot see this */

#bl_cont .bl_right_cont img { margin: 10px; width: 120px; height: 170px; float: right; }
html>/**/body #bl_cont .bl_right_cont img { float: right; margin: -146px 10px 10px 0; height: 170px; } /* Hack so all IE browsers cannot see this */

#bl_cont .bl_right_cont p { float: left; width: 440px; margin: 0; padding: 0 0 10px 10px; clear: left; color: #FFFFFF; }
#bl_cont .bl_right_cont p.link { text-align: right; margin: 10px 0 0 0; }
#bl_cont .bl_right_cont p.link a { color: #FFFFFF; }
#bl_cont .bl_right_cont h3 { float: left; width: 390px;  margin: 0; padding: 10px 0 0 10px; font-size: 18px; font-weight: normal;}

#bl_cont .bl_right_cont ul { width: 450px;  margin: 0; padding: 5px 0 0 10px; color: #FFFFFF; clear: left; float: left;  }
html>/**/body #bl_cont .bl_right_cont ul { width: 420px; padding: 0 0 5px 5px; margin: 0 10px 0 20px;  } /* Hack so all IE browsers cannot see this */
#bl_cont .bl_right_cont ul li { margin: 10px 0 0 15px; padding: 0; color: #FFFFFF; list-style: outside disc; }
html>/**/body #bl_cont .bl_right_cont ul li {margin-left: 20px; } /* Hack so all IE browsers cannot see this */

#bl_cont .clear { clear: both; visibility: hidden; height: 1px; }
#bl_cont .spacer { clear: both; visibility: hidden; height: 10px; margin: 0; }

/* End Black Label page */

/* HTML Sitemap */
#htmlsitemap { font: Arial, Helvetica, sans-serif; color:#081852; vertical-align: top; padding-top: 15px; }
#htmlsitemap h1 { clear: both; font-size: 1.7em; color:#081852; }
#htmlsitemap .sitemapcolumn { width: 260px; float: left; }
#htmlsitemap .sitemapcolumn h2 { display: block; font-size: 1.2em; margin: 0; padding: 0; color:#081852; }
#htmlsitemap .sitemapcolumn h2 a { color:#081852; font-size: 1.2em; text-decoration: none; margin: 0; }
#htmlsitemap .sitemapcolumn h2 a:hover { color:#081852; text-decoration: underline; font-size: 1.2em;}
#htmlsitemap .sitemapcolumn h2.subheader { font-size: 1.15em; padding: 0; margin: 10px 0 5px 5px; display: block; font-weight: normal; }
#htmlsitemap .sitemapcolumn h2.subheader a { color:#081852; text-decoration: none; font-size: 1.15em; font-weight: normal; }
#htmlsitemap .sitemapcolumn h2.subheader a:hover { color:#081852; text-decoration: underline; font-weight: bold; }
#htmlsitemap .sitemapcolumn ul { margin: 0 10px 10px 13px; padding: 0; list-style-type: none; }
#htmlsitemap .sitemapcolumn ul li { margin: 0; padding: 0 0 5px 0; list-style-type: none; }
#htmlsitemap .sitemapcolumn ul li h3 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
#htmlsitemap .sitemapcolumn ul li h3 a { color:#081852; text-decoration: none; font-weight: normal; font-size: 1em;  }
#htmlsitemap .sitemapcolumn ul li h3 a:hover { color:#081852; font-weight: bold; text-decoration: underline; }

/* End HTML Sitemap */