/* -------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles
   * Version: 0.9 modified SG & AC   www.simplifythecomplex.com
-------------------------------------------------------------- */



@import url(reset.css);
@import url(typography974.css);
@import url(grid974sg.css);
@import url(forms.css);
  
/* Container */
.container {
position : relative; 
padding-top : 115px;
}

/* =nav-tools */
.nav-tools { padding : 0.5em 0 0 0; text-transform:uppercase; width:974px; margin-right:0; } 
#nav-tools { position:absolute; top:5px; /*left:580px;*/ right:0; list-style-type:none; margin:0; padding-right:0; }
#nav-tools li { display : inline; padding-left : 10px; }
#nav-tools a, #nav-tools a:visited { text-decoration : none; color :#444444; font-size : 92%; }
#nav-tools a:hover { text-decoration : underline; color:#ff3399; }
#current-date { text-decoration : none; color: #444444; font-size : 92%; }
#bag { position : absolute; top : 5px; left : 490px; list-style-type : none; margin : 0; }
#bag a, #nav-tools a:visited { text-decoration : none; color :#444444; font-size : 92%; }
#bag a:hover { text-decoration : underline; }
#total_quantity { position : absolute; top : 5px; left : 560px; list-style-type : none; margin : 0;}

/* =branding */
.branding { margin-top : 0 ;}
#branding { margin : 0 auto; padding : 0 ; }
#logo { position : absolute; top : 19px; left : 5px; margin : 0 0 5px 0; padding : 0; width : 650px; height : 85px; background : url(http://www.taralee.co.uk/images/Tara-Lee-logo-site-top.png) no-repeat; text-indent : -9999px;}
#logo a {display : block; height : 70px; width:520px; }

/* =nav_main */
.nav-main { margin-right:0; }
#nav-main { position : absolute; top : 91px; right :-40px; list-style-type : none; margin : 0;  }
#nav-main li { float : left; font-weight: bold; letter-spacing: .1em ;  margin-right : 10px; text-align : center; text-transform:uppercase; display : inline; margin-right : 20px; padding-right : 20px; }
#nav-main a { font-size:14px; display : block; padding : 6px 0; text-transform : none; font-weight:bold; color: #777777; letter-spacing:-0.0001em; text-decoration:none; text-transform:uppercase; }
#nav-main li:hover { }
#nav-main a:hover { color:#fe346b; text-decoration:none; text-transform:uppercase;}
#nav-main li .last-main-nav { margin-right : 0px; padding-right: 0px ; }

/* 
#nav-01 a:hover { border-bottom : 1px solid #eee; }
#nav-02 a:hover { border-bottom : 1px solid #eee; }
#nav-03 a:hover { border-bottom : 1px solid #eee; }
#nav-04 a:hover { border-bottom : 1px solid #eee; }
#nav-05 a:hover { border-bottom : 1px solid #eee; }
#nav-06 a:hover { border-bottom : 1px solid #eee; }
#nav-07 a:hover { border-bottom : 1px solid #eee; }*/

/* =menubar */
.menu-bar { margin: 0 ; padding : 0; width : 974px; height : 1px; background : url(http://www.taralee.co.uk/images/horizontal-menu-bar.jpg) no-repeat 0 0; }

/* =main-content-wrapper */
.main-content-wrapper { background : url(http://www.taralee.co.uk/images/sidebar.png) repeat-y 742px 0;}

/* =main-content-wrapper iframes*/
.main-content-wrapper-no-background {  background:none; }

/* =nav-sub
.nav-sub {outline:red 1px dashed;} */
.nav-sub { 
	margin:0; 
	padding:10px 0 0 0; 
	width: 220px ; 
	float:left;
	
	}
.nav-sub ul{ 
	margin: 0 0 0 20px;
	
	}
	
.nav-sub h3 { margin: 1em; color:#FFF; padding:0; }
.nav-sub p { color:#ffffff; padding-left:50px; }
.nav-sub li { font-size:12px; list-style-type: none; margin:0px 0 0 20px ; padding:0 0 0 0; color:#eee; }
.nav-sub a { list-style-type: none; margin:0 0 0 20px ; padding:0 0 0 0; color:#eee; font-size:13px; text-decoration: none; }
.nav-sub a:hover { list-style-type: none; margin:0 0 0 20px ; padding:0 0 0 0; color:#eee; font-weight : bold; }
.nav-sub a.link-img{margin:0;}
.nav-sub li.selected { font-weight : bold; }
.nav-sub img{border:none; margin-left:25px; margin-top:0; margin-bottom:0;}
.nav-sub a img{border:none; margin-left:25px; margin-top:0; margin-bottom:0;}

.callout-image { margin: -10px 0 10px 25px; }
.callout-image-leather { margin: 10px 0px 0 6px; }
.offer-image { margin: 10px 0 0 25px; }
.telephone-call { color:#FFF; font-size:14px; margin: 0 0 0 30px; padding:0; }
.telephone-number { color:#FFF; font-size: 18px; margin: 0 0 0 70px }

/* Comtent area =main-image */
.main-image { margin: 0 0px 0 -12px ; width: 350px ;
border-bottom: 1px solid #999;
border-right:  1px solid #999;
border-left:   1px solid #999;
border-top:    0px solid #999; }
/* .main-image { margin: 0 0 0 -10px ; border: #333 dashed 1px; }
img.tl, tr { border:3px solid #ddd; }*/

img.tl { float:left; padding: 2px 20px 10px 0px; }
img.tr { float:right; padding:2px 2px 10px 15px; }
img.cl { float:left; padding:10px 20px 10px 0px; }
img.cr { float:right; padding:10px 2px 10px 15px; }
img.bl { float:left; padding:10px 20px 2px 0px; }
img.br { float:right;padding:10px 2px 2px 15px; }
img.tlp { float:left; padding:2px 20px 10px 0px; padding : 10px; border : 1px solid #999;}
img.trp { float:right; padding:2px 2px 10px 9px; padding : 10px; border : 1px solid #999;}
img.clp { float:left; padding:10px 20px 10px 0px; padding : 10px; border : 1px solid #999;}
img.crp { float:right; padding:10px 2px 10px 10px; padding : 10px; border : 1px solid #999;}
img.blp { float:left; padding:10px 20px 2px 0px; padding : 10px; border : 1px solid #999; }
img.brp { float:right; padding:10px 2px 2px 9px; padding : 10px; border : 1px solid #999;}

/* =content */
.content-main { margin : 0 auto; padding : 0em; }
/*#content-main ul {list-style-type:circle; margin: 0 0 20px 200px ; }*/
.content-main h2,h3,h4,h5,h6 { margin-left: 1em ; }
.content-main h1 { margin-left: .5em ; padding-top: 20px; }
.content-main p { margin: 1em 1.5em 1.5em 3em; color: #222222; }
.content-main img { margin: 0em 0em 0em 0em; }
/* .content-main .main-image { float:left; border : 1px solid #999; margin : 0px 15px 7px -12px ; }*/

/* =product-detail */
.product-detail { position : absolute; top : 140px; left : 370px;  }

/* = tab panes 
.panes { position : absolute; top : 401px; left : 370px;  }*/
/* = tabs 
.tabs { position : absolute; top : 370px; left : 370px;  }*/

.siteinfo{
	width:100%;
	height:70px;
	background-color:#ffffff;
	border:1px solid #aaaaaa;
	border-left:none;
	border-right:none;
	clear:both;
	padding:10px 0 10px 0;
	margin:0;
}
.siteinfo ul{
	float:left;
	padding:7px 0 0 10px;
	margin:0;
	
}
.siteinfo li{
	display:inline;
	padding:4px 8px;
	border-right:1px dotted #555555;
	margin:0;
	
}

.siteinfo li a{
	color:#666666;
	text-decoration:none;
	
}
.siteinfo li a:hover{
	color:#222222;
	
}

.siteinfo_left{
	clear:left;
	float:left;
	padding:0 0 0 17px;
	margin:10px 0 0 0;
	
}

.designer_link{
	text-decoration:none;
	color:#888888;
	font-size:8px;
}

.siteinfo_right{
	border:none;
	float:right;
	margin:-24px 0 0 0;
	padding:0 10px 0 0;
	clear:none;
}

.siteinfo p {color:#444444;}

/* =offer-bar */
.offer-bar{ margin : 0 auto; padding : 1.5em; }

/* =reviewer */
.reviewer {list-style-type : none; margin: 0 0 0 50px ; color: #fff; width: 120px;}
.reviewer p { color: #fff; font-size:12px; font-style:italic; list-style-type : none; margin: 10px 0 0 0px; width: 160px; }

/* =skyscraper-offer */
.skyscraper-offer-banner {padding: 0 0 0 25px ; }

/* Items template  
----------------------------------------------------------------------------------------- */
.items ol.hlisting { list-style-type : none; margin : 30px 0 0 20px ; }
.items ol.hlisting:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.items ol .item { position : relative; float : left; margin-left: 20px; margin-right : 0px; padding-left : 120px; min-height : 12em; width : 90px; }
.items ol .summary { margin-left:0px; margin-bottom : .2em; font-size : 1.2em; text-transform : uppercase; font-weight: bolder; }
.items ol .description { margin: 0 auto .5em 0 ; font-size : 1em; text-transform : none; line-height: 1.3em; }
.items ol .photo { position : absolute; top : 0; left : 0; }
.items ol .action { position : absolute; top : 135px; left : 0; }
.items ol .dt { display : none; }
.items ol img { border : 2px solid #666; }
.items ol img a:hover { border : 5px solid red; }
.items ol p  { margin-left:0px }

#i01 a, #i01 a:visited { text-decoration : none; color: #444444 ; font-size : 95%; }
#i01 a:hover {  text-decoration : none; color: #000000; font-size : 100%; }

/* Keith Styles 
----------------------------------------------------------------------------------------- */
.panes{
	min-height:160px;
		
}

.panes div{
	height:auto;
	padding-bottom:4px;
	min-height:130px;
	color:#444444;
	margin-bottom:0;
	
	}

.panes2{
	width:345px;
	height:auto;
	border:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-top:none;
	padding:0;
	margin:0;
	color:#444444;
}
	
#left_col_pvd select{
	width:125px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border: 1px solid #eee;
	background-color:#eee;
	font-size:12px;
	margin:0 0 0 10px;
	}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: #666;
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.75;
}

#product_container{
	width:724px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	
	}
	
	#product_container a{
		text-decoration:none;
	
	}
	
.prdctcol1{
	width:140px;
	max-width:140px;
	height:260px;
	float:left;
	border-left:1px solid #dadada;
	margin:0;
	padding:20px 20px 40px 17px;
	font-size:11px;	
	
	}
	
	.prdctcol1 a{
		font-size:11px;	
		text-decoration:none;
		color:#444444;
			
	}
	
	.prdctcol1 a:link a:visited{
		text-decoration:none;
		color:#444444;
			
	}
	
	.prdctcol1 a:hover a:active{
		text-decoration:none;
		color:#000000;
			
	}
	
	.prdctcol1:hover{
		background-color:#eeeeee;
		cursor:pointer;
		
		}
		
		.prdctcol1 img{
			border: 2px solid #ffffff;
						
			}
		
		.prdctcol1 img:hover{
			border: 2px solid #ffffff;
			
			}
			
#left_col_pvdchrt{
	padding:0;
	margin:0;
	width:100px;
}
#left_col_pvdchrt a{
	text-decoration:none;
	padding:0;
}

#left_col_pvdchrt a:link a:visited{
	text-decoration:none;
	padding:0;
	color:#444444;
}
#left_col_pvdchrt a:hover a:active{
	text-decoration:none;
	padding:0;
	color:#000000;
}

#cart_wrapper{
	margin-top:0;
}

.delivery{
	border:none;
	text-decoration:underline;
	color:#777777;
}
/* ARTICLE STYLES */

			.article-banner{
				position:relative; 
				width:100%; 
				height:366px; 
				padding:0; 
				margin:0; 
				background-color:#000000;
				}
			#article{
				width:100%;
				min-height:370px;
				padding:0;
				margin:0 0 30px 0;
				position:relative;
				}
			p.article{
				padding:10px;
				margin:5px;
				padding-left:0;
				margin-left:0;
				text-align:justify;
				}
			
			.left-article{
				width:350px;
				padding:0;
				margin:0;
				float:left;
				clear:left;
				}
			.right-article{
				width:350px;
				padding:0;
				margin:0;
				float:right;
				}
				
				
			.article-quote{
				background-image:url(../../images/articlequote.jpg);
				background-position:top left;
				background-repeat:no-repeat;
				width:287px;
				height:90px;
				font-family:Garamond, Georgia, "Times New Roman", Times, serif;
				font-size:30px;
				font-weight:bold;
				line-height:38px;
				letter-spacing:-0.01em;
				padding:4px 10px 6px 18px;
				color:#444444;
				}
				
			.article-goto-products{
				background-color:#fe0e3e;
				border:3px solid #fe0e3e;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				color:#fff;
				padding:2px 7px;
				text-decoration:none;
				font-weight:bold;
				font-size:15px;
				margin:50px 10px 30px 0;
				letter-spacing:-0.01em;
				float:right;
				clear:right;
			}
			
			.article-goto-products:hover{
				background-color:#fe346b;
				border:3px solid #fe346b;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				color:#fff;
				padding:2px 17px 2px 7px;
				background-image:url(http://taralee.co.uk/images/go_to_next_checkout_page.png);
				background-position:right;
				background-repeat:no-repeat;
				text-decoration:none;
				margin:50px 0 30px 0;
				cursor:pointer;
			}
		
			.article-related{
				padding:0;
				margin:0;
				height:320px;
				width:100%;
				overflow:hidden;
				border-top:1px solid #dddddd;
				}
			
			span.article-title{
				position:relative;
				top:0;
				left:0;
				float:left;
				height:40px;
				background-color:#000000;
				color:#ffffff;
				padding:7px 15px 7px 15px;
				margin:0;
				font-size:25px;
				letter-spacing:-0.02em;
				font-weight:bold;
				}
					
				
.sharethis{
	margin:0 0 0 40px;
	clear:both;
	padding-top:30px;
}

.testamonial{
	width:300px;
	text-align:center;
	margin:50px auto;
	}

img.openquote{
	float:left;
	}
img.closequote{
	float:right;
	}

html { 
min-height: 100%; 
margin-bottom: 1px; 
/* For Firefox 3.5 or later */ 
overflow: -moz-scrollbars-vertical !important; 
overflow-y: scroll; 
}

#menu4 img.menu-title{
	margin-left:60px;
	margin-bottom:0;
}

#menu4 li{margin-top:-6px;}
/* http://meyerweb.com/eric/tools/css/diagnostics/ 
-----------------------------------------------------------------------------------------  

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } */