/*
Theme Name: Towel Company
Theme URI: http://towelcompany.co.uk/
Description: The default Towel Company theme developed by Morecambe.NET.
Version: 1.0
Author: Morecambe.NET
Author URI: http://morecambe.net/
*/

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

	-- -- -- -- -- -- -- -- -- -- -- -- --
	Towel Company CSS
	last edit: 17 october 08
	-- -- -- -- -- -- -- -- -- -- -- -- --
	
----------------------------------------------------*/


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

    General Setup

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

* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #000;
	margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	background: #fff url(i/bg_body.png) repeat center 0;
	}
body * {
	font-size: 97%;
	line-height: 1.5;
	}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr, .hide { display: none;	}
label { display: block; font-weight: bold; }

h1, h2, h3, 
h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;	}
	
.hr, .br {
	width: 100%;
	height: 1px;
	display: block;
	line-height: 1px;
	clear: both;
	border: none;
	} * html .hr, * html .br { line-height: 0; font-size: 1px; }

a, a:link, a:visited, a:hover { color: #44705e; }
 
/*-------------------------------------------

    Core Strucutre

-------------------------------------------*/
/* --->>> Container <<<---*/
#container {
	width: 982px;
	margin: 0 auto;
	position: relative;
	background: url(i/bg_container.png) no-repeat center 0;	
	} * html #container { background: none; }
	
	#container-wrapper {
		margin: 0 16px;
		background: #fff;
		}
		
/* --->>> Header <<<--- */
#header {
	width: 950px;
	height: 285px;
	position:  relative;
	background: url(i/bg_header.jpg) no-repeat 0 0;		
	}
	
/* logo */
#header h1 {
	width: 260px;
	height: 165px;
	position: absolute;
	top: 20px; left: 12px;
	}
	#header h1 a {
		width: 260px;
		height: 165px;
		display: block;
		text-indent: -9999px;
		}

/* top navigation */
ul#top-nav  {
	position: absolute;
	bottom: 97px; left: 350px;
	line-height: normal;
	margin:0;
	}

	ul#top-nav li {
		float: left;
		position: relative;
		}

	ul#top-nav li a {
		float: left;
		display: block;
		padding: 0 20px;
		border-right: 1px solid #406a58;
		border-left: 1px solid #8dbaa7;
		}
		ul#top-nav li.first a { border-left: none; }
		ul#top-nav li.last a { border-right: none; }

	ul#top-nav a:link, ul#top-nav a:visited  {
		color: #fff;
		font: 1em/40px Georgia, "Times New Roman", Times, serif;
		text-decoration: none;
		} ul#top-nav a:hover { text-decoration: underline; }
	ul#top-nav li.active a { text-decoration: underline; }

/* session */
#welcome {
	position: absolute;
	top: 8px; right: 20px;
	}
	
#welcome p {
	width: auto;
	float: left;
	color: #1c1c1c;
	font: 1.125em/40px Arial, Helvetica, sans-serif;
	padding: 0 15px;
	border-right: 1px solid #8ca6a5;
	border-left: 1px solid #bbd6d5;
	}
	#welcome p.welcome { border-left: none; }
	#welcome p.login { border-right: none; }
	
#welcome p a:link, #welcome p a:visited { color: #1c1c1c; }
#welcome p a:hover { text-decoration: underline; }


/* cart summary */
#header p.summary {
	width: 500px;
	position: absolute;
	top: 240px; right: 185px;
	font: italic 1.25em Georgia, "Times New Roman", Times, serif;
	text-align: right;
	}
	
#header p.view-basket {
	position: absolute;
	top: 237px; right: 20px;
	}
	#header p.view-basket a {
		width: 149px;
		height: 27px;
		display: block;
		float: right;
		text-indent: -9999px;
		background: url(i/bg_view-basket.png) no-repeat 0 0;
		outline: none;
		}

/* search */
#header form {
	position: absolute;
	top: 195px; right: 20px;
	}
	
#header form input.search {
	width: 200px;
	float: left;
	color: #2e2e2e;
	font: 1.125em Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	background: #fff url(i/bg_input.png) repeat-x 0 bottom;
	border: 1px solid #b1bbb8;
	}
	
#header form a {
	width: 43px;
	height: 27px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 2px 5px;
	background: url(i/bg_search-go.png) no-repeat 0 0;	
	outline: none;
	}

/* --->>> Main <<<--- */
#main {
	width: 670px;
	float: right;
	}
	#main-wrapper { margin-right: 30px; }

/* paragraphs */
#main p {
	font-size: 1.125em;
	padding:  0 0 1em;
	}

 #main p.breadcrumb { color: #999; font: .75em Arial, Helvetica, sans-serif; }

 #main p.breadcrumb a:link,
 #main p.breadcrumb a:visited,
 #main p.breadcrumb a:hover { color: #666; font-weight: bold; text-decoration: none; }

/* headings */
#main h1.title {
	color: #5a957c;
	font: 2em Arial, Helvetica, sans-serif;
	}
	
/* heading 1 + 2 */
#main h1, #main h2,
#main h3, #main h4,
#main h5, #main h6  {
	color: #5a957c;
	font: 2em Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	border-bottom: 1px dashed #b2d2c9;
	}
#main h2 { font-size: 1.75em; }

/* heading 3 */
#main h3 {
	font-size: 1.6em;
	}

/* heading 4 */
#main h4 {
	font-size: 1.5em;
	}

/* heading 5 + 6 */
#main h5, #main h6 {
	font-size: 1.25em;
	font-weight: normal;
	text-transform: none;
	}

/* lists */
#main ol li {
	font-size: 1.125em;
	list-style-position: inside;
	list-style-type: decimal;
	}
#main ul, #main ol { padding: 5px 20px 1em 25px; }
#main ul li {
	font-size: 1.125em;
	margin-left: 10px;
	list-style: disc;
	}
	#main ul li li, #main ol li li { font-size: 1em; }

#main ul.no-list { margin: 0; padding: 0; }
#main ul.no-list li {
	list-style: none;
	margin: 0;
	}

/* images */
#main .post img { padding: 5px; background: #fff; border: 2px solid #ccc; }

/* links */
#main a:link, #main a:visited {
	color: #8aafa2;
	text-decoration: underline;
	}
	
/* homepage intro */
#main #intro h1 { text-transform: lowercase; margin-bottom: .25em; }

	#main #intro h1 strong,
	#main #intro h3 strong {
		color: #000;
		font-size: 1em;
		font-weight: bold;
		word-spacing: -.3em;
		}	
		
	#main #intro h1 strong span,
	#main #intro h3 strong span { font-size: 1em; font-weight: normal; }	

#main #intro h2 {
	color: #434343;
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	border: none;
	}

#main #intro h3 {
	position: relative;
	z-index: 1000 !important;
	color: #4d4d4d;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.025em;
	padding: 0 0 0 25px;
	margin-bottom: -10px;
	border: none;
	}

#main #intro p {
	font-size: 1.2em;
	}


/* featured products area */
#main #intro .featured .rc-wrapper { padding: 80px 25px 25px 45px; }

#intro .featured dl {
	width: 140px;
	float: left;
	position: relative;
	}	

#intro .featured dt img {
	width: 120px;
	height: 120px;
	display: block;
	border: 4px solid #e5f0ed;
	}

#intro .featured dd {
	width: 50px;
	position: absolute;
	bottom: 135px; right: 15px;
	}
	#main #intro .featured dd a,
	#main #intro .featured dd a:link,
	#main #intro .featured dd a:visited,
	#main #intro .featured dd a:hover {
		width: 50px;
		display: block;
		color: #4d4d4d;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height: 1;
		text-decoration: none;
		text-align: right;
		overflow: visible;
		}


#main #intro .featured h3 {
	color: #5a957c;
	font: 2.25em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 20px 0 0 -15px;
	}

.photos img {
	width: 165px;
	height: 125px;
	display: block;
	float: left;
	margin: 20px 14px 0 0;
	border: 4px solid #f0fcf9;
	}

/* round corner box */
.rc { background: url(i/bg_rc-btm.png) no-repeat 0 bottom; }
.rc-wrapper { min-height: 100px; padding: 25px; margin-bottom: 25px; background: url(i/bg_rc-top.png) no-repeat 0 0; }
	* html .rc-wrapper { height: 100px; background-image: url(i/ie6/bg_rc-top.gif); }

/* --->>> General Formatting <<<--- */
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-left { text-align: center; }

p img { padding: 0; max-width: 100%; }

img.aligncenter { 
	display: block;
	margin: 0 auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright { float: right; }
.alignleft { float: left }

/* --->>> Sidebar <<<--- */
#sidebar {
	width: 260px;
	float: left;
	position: relative;
	margin-top: -50px;
	}
	#sidebar-wrapper { margin: 0 0 0 10px; }

/* sidebar box */
#sidebar .box {
	width: 245px;
	padding-bottom: 22px;
	margin-bottom: 20px;
	background: url(i/bg_sidebox-btm.png) no-repeat 0 bottom;	
	}
	#sidebar .box-wrapper { 
		min-height: 350px;
		background: url(i/bg_sidebox-top.png) no-repeat 0 0;
	} * html #sidebar .box-wrapper { height: 360px; }
	
	#sidebar .sm .box-wrapper { 
		min-height: 175px;
		background: url(i/bg_sidebox-top-sm.png) no-repeat 0 0;
		} * html #sidebar .sm .box-wrapper { height: 175px; }		
		
#sidebar .box h2 {
	height: 56px;
	display: block;
	text-indent: -9999px;
	}
	#sidebar .category h2 { background: url(i/bg_shop-by-cat.png) no-repeat center bottom; }
	#sidebar .additonal-info h2 { background: url(i/bg_additional-info.png) no-repeat center bottom; }
	#sidebar .contact-info h2 { background: url(i/bg_contact-info.png) no-repeat center bottom; }
	
/* side nav */
ul.side-nav { padding: 6px 12px 0; }
	
	ul.side-nav li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #a7bcb6;		
		}
		ul.side-nav li.first { border-top: none; }
		ul.side-nav li.last { border-bottom: none; }
		
	ul.side-nav li a {
		display: block;
		min-height: 2em;
		color: #000;
		font: 1.125em/2 Georgia, "Times New Roman", Times, serif;
		text-indent: 10px;
		padding: 0 10px;
		} * html ul.side-nav li a { height: 2em; }
		
/* side address */
#sidebar address {
	color: #2e2e2e;
	font: 1.125em Georgia, "Times New Roman", Times, serif;
	padding: 6px 10px 0 32px;
	}
	#sidebar address span.phone { font: bold 1.125em "Arial Black",Arial,sans-serif; }
	#sidebar address span.phone span { color: #44705e; font-weight: bold; }

/* --->>> Footer <<<--- */
#footer {
	width: 950px;
	height: 110px;
	position: relative;
	background: url(i/bg_footer.png) no-repeat 0 0;
	}	
	
/* footer nav */
ul#footer-nav {
	width: 100%;
	position: absolute;
	top: 40px;
	text-align: center;
	}

ul#footer-nav li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #1c1c1c;
	}
	ul#footer-nav li.last { border: none; }
	ul#footer-nav li a:link, ul#footer-nav li a:visited {
		color: #1c1c1c;
		}

/* copyright */
#footer p.copyright,
#footer p.tag  {
	position: absolute;
	top: 85px; left: 170px;
	font: .75em Arial, Helvetica, sans-serif;
	}
	#footer p.tag { left: auto; right: 170px; color: #4c5754; }
	
#footer p.tag a:link,
#footer p.tag a:visited,
#footer p.tag a:hover { color: #4c5754; text-decoration: underline; }

/* --->>> Notices <<<--- */
#main p.notice, 
#main p.error, #main p.success {
	color: #000;
	margin: 20px 0;
	padding: 10px 10px 10px 30px;
	background: #ebecd2 url(i/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #333;
	}

#main span.notice, .txtOutOfStock { color: #ff0000; }
	
#main p.error { background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center; }
#main p.success { background: #ebecd2 url(i/bg_success.gif) no-repeat 5px center; }

#main p.notice span, #main p.error span,
#main p.success span { font-weight: bold; }

/* --->>> Contact Form <<<--- */
#main #contact form p.error {
	color: inherit;
	margin: inherit;
	padding: inherit;
	background: none;
	border: none;
	}
#contact { /*margin: 20px 0 0 0;*/ }

#contact fieldset {
	position: relative;
	margin: 0; padding: 0;
	background: 0;
	border: 0;
	} #contact fieldset legend { display: none; }
	
/* standard input */
#contact p.input label,
#contact p.select label,
#contact p.textarea label,
#contact div.radio-label p,
#contact div.checkbox-label p {
	width: 250px;
	float: left;
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0; padding: 0;
	} #contact div.checkbox-label p { padding-top: 5px; }
	
#contact p.label-full {
	font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

	#main #contact form p.error,
	#main #contact form div.error {
		padding: 5px 0 5px 0;
		margin: 0 0 5px;
		background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center;
		border: 1px solid #333;
		}

	#contact p.checkbox label {
		font: bold 13px/24px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 0; padding: 0;
		}
	

#contact div.radio,
#contact div.checkbox-multi {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px;
	}	

#contact p.input input,
#contact p.select select,
#contact p.textarea textarea,
#contact div.radio-values,
#contact div.checkbox-values {
	width: 180px;
	float: left;
	font: 14px/1.5 Arial, Helvetica, sans-serif;
	margin: .25em 0 .5em 10px;
	}

	#contact div.radio-values,
	#contact div.checkbox-values { width: 250px; float: left; }


#main #contact div.radio-values p,
#main #contact div.checkbox-values p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: .25em 0 .5em 0;
	white-space: nowrap;
	}	
	
#contact p.textarea textarea {
	width: 250px;
	height: 100px;
	}
#contact p.input,
#contact p.select,
#contact p.textarea {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
	}

#contact fieldset p.checkbox { margin-left: 260px; }

#contact fieldset p.checkbox label {
	display: inline;
	text-align: left;
	margin: 0; padding: 0;
	}

#contact fieldset p.full label {
	width: 100%;
	text-align: left;
	margin: 0; padding: 0;
	}

#contact fieldset p.full input,
#contact fieldset p.full select {
	clear: both;
	margin-left: 160px;
	}

/* submit  */
#contact p.button {
	width: 100%;
	float: left;
	margin: 0 0 10px;
	}
#contact p.button input {
	margin-left: 260px;
	}

#contact .radio-label span,
#contact label span {
	display: block;
	position: relative;
	margin: -5px 0 0;
	padding: 0;
	color: #ff0000;
	text-transform: uppercase;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}

/* For the tables on the Promotional Towels page */
table.promo-types {
width: 90%;
margin: 0 auto 12px auto;
}

table.promo-types caption {
background-color: #bbd6d5;
padding: 8px;
font: 1.2em Arial, Helvetica, sans-serif;
font-weight: bold;
}

table.promo-types thead {
background-color: #eee;
font-weight: bold;
}

table.promo-types td {
border-bottom: 1px dashed #ddd;
}