/*
	Filename         :	style.css
	Created by		 :	Andrew Harris	[ http://www.andrewharris.tv ]
	Last updated by  :	Andrew Harris   [ andrew@andrewharris.tv     ]
	Last Updated     :	15 May 2010
	Comments         :	Global screen style sheet for http://www.dtcltc.com/
*/



#content {min-height:570px; padding-bottom:30px !important; display:block; clear:both;}



/******************************************************************************/
/* 						Font styles	+ typography		    				  */
/******************************************************************************/


body 		{font-size: 68.5%; color: #555555; background: #E8F0FC; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;line-height: 1.8;} 

h1,h2,h3,h4,h5,h6 	{ font-weight: bold; color: #505961; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-shadow: #FFF 1px 1px 0px;}

p.more  			{ font-size: 1.3em; line-height:1.3em; font-style: italic; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif;}
p.price, span.price { font-size: 1.2em; line-height:1.6em; font-style: italic; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif;}

#footer p {font-size: 1.1em; font-style: italic; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; text-align:right;}


h1 { text-shadow: #FFF 1px 1px 0px; font-size:1.7em; line-height:2em; margin-bottom:6px;}
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1.3em; }
h3 { font-size: 1.3em; font-weight: 700; line-height: 1.7em;  margin-top: 0.85em;}
h4 { font-size: 1.1em; line-height: 1.5; margin-bottom: 0em;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 { font-size: 1em; font-weight: bold;}

h1.strapline	{font-size:3em; line-height:1.1em; display:block; padding-bottom:25px;}

#content h3, #content p		{padding-right:20px;}

a, #header li#nav ul li {color: #505961; text-decoration:none;} /* OK */
#nav ul li.last	{font-weight:bold;}
p.quote		{padding:0;}
.quoteName 	{line-height:32px;}
span.quoteName a	{text-decoration:underline;}

#nav ul 	{font-size: 1.1em; line-height: 1.6em; padding-bottom: 4px;}

#bigNav h1	{margin-top:30px;}

p   {font-size: 1.1em; line-height: 1.6em;  padding: 0.9em 0 0.9em 0;}

#content ul	{padding:0 0 4px 0; margin:0 0 12px 15px;}
#content li {font-size: 1.1em; line-height: 1.7em; list-style: disc; margin:0; padding:0;}

p.more a, #footer a, p.price, span.quoteName a	{color:#777 !important;}
p.more a:hover, #footer a:hover, span.quoteName a:hover	{color:#505961 !important;}
p.price			{margin-top:-8px;}
p.note		{color: #505961;}

/******************************************************************************/
/* 								Main Styling								  */
/******************************************************************************/


/* Logo + Header */
#header	{ height:70px; border-top:3px solid #BECFE8;}
#header ul li#grid_4 {float:left; padding:24px 0 0 3px; height:46px; overflow:visible;} 


/* Top Navigation */

#nav ul li a {display: block;text-decoration: none;border-bottom: none;}
#nav ul li:hover  {top:-3px;border-top: 3px #323C46 solid;}


#nav ul { float: right; list-style: none; width:630px;}
#nav ul li { position: relative;float: left;margin-right: 30px;padding-top: 10px;}
#nav ul li.last {border:0; margin-right: 0;}
#nav ul li.last:hover {border-top: 3px #BECFE8 solid; margin-right: 0;}

#nav ul li.current	   {top:-3px; border-top:3px #323C46 solid;} /* OK */



/* Index page BIG Navigation */

#bigNav		{padding-top:27px; clear:both;}
#bigNav	p	{padding-right:20px;}


#bigNav h1 a { text-shadow: #FFF 1px 1px 0px; margin-bottom:6px; top:0px;border-top: 3px #BECFE8 solid; padding-top: 10px;} /* OK */
#bigNav h1 a:hover	{color: #505961; top:0px;border-top: 3px #505961 solid;} /* OK */

.home-highlight:hover h1 a	{color: #505961; top: 0px; border-top: 3px #505961 solid;}
.home-highlight h1 span 	  {border-top: 3px solid #BECFE8; padding-top: 10px; top:0px;}
.home-highlight:hover h1 span {border-top: 3px solid #505961;}
.home-highlight:hover p {color: #505961;}

.home-highlight p.synopsis	{height:70px; display:block; padding-right:10px !important;}
.home-highlight p.more {text-align:right; padding-bottom:40px;}



/* Content */

#content .topline		{border-top: 3px solid #BECFE8 ; margin-top:24px;}
#content h1	{margin-top:3px;}


.aharris	{float:left;}



.retailImg	{padding:1em 0 0 0;}







/* Footer */


#footer	{border-top: 3px solid #BECFE8; margin:10px 10px 0 10px; clear:both; padding:0 0 30px 0px;}
#footer p	{padding:6px 0 0 0;}


.logos	{vertical-align:bottom; padding-top:30px;}
.logos img	{padding-top:5px;}

/* Back to Top Arrow */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}





/* Contact form */


label.humans_only	{cursor: default !important;}

#form-container{
	padding-top:10px;

/*	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px; */
}

td{
	white-space:nowrap;
}



label{
	text-transform:capitalize;
	font-size:1.1em;
	line-height:2.5em;
}

textarea{
	color:#404040;
	font-size:1.1em;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}