/* stylesheet for qvc TV */
/* updated 220508 - added styling for strapline */

/* -- MAIN BODY AND SECTION STYLES -- */

body {
		text-align: left;
		font-family: verdana, arial, helvetica, sans-serif; /*added in */
		margin:0; 
		padding:0;
		background-color: #FFFFFF; /* always assign a background colour for pages */
		color: #000000;
		width:800px;
}

a img {
	border: 0;
}

.clearright {
clear:right;
}

.clearleft {
clear:left;
}

.clear {
clear:both;
}

hr {
	display: none;
}

#accessibility {
	position:absolute;
	top: -6000px;
}

div#container {
	float: left;
	width: 782px;
	overflow:hidden;	
}

/* STYLES FOR FONT SIZING IN NAVIGATION CONTAINERS */
div#container #top {
		margin: 0;
		font-size: 75%; /* refer to article http://clagnut.com/blog/348/ */
}

div#container #top h1, 
div#container #top h2, 
div#container #top h3, 
div#container #top h4, 
div#container #top p, 
div#container #top a, 
div#container #top form, 
div#container #top input, 
div#container #top select, 
div#container #top dl, 
div#container #top dt, 
div#container #top dd {
		font-size: 1em;	
		margin: 0;
		padding: 0;
}


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------ masthead styles -------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */


#top {
		float: left;
		width: 782px;
		font-family: arial;
}

#top #header {
		float: left; /* used for float within float method */
		background: url(/ukgif/ondemand/QVCTV_masthead_bg_teal.gif) #0c7a9c no-repeat top left;
		width: 800px;
}
#top #bc_header {
		float: left; /* used for float within float method */
		background: url(/ukgif/beautychannel_masthead_bg.jpg) no-repeat top left;
		width:800px;
}

/* ------------ */
/* LOGO STYLING */
/* ------------ */

		#top #header h1#onDemand,
		#top #bc_header h1#onDemand {
				/*background: url(/qvctv_test/ukgif/QVConDemand.gif) no-repeat top left;*/
				text-indent: -5000px; 
				float: left;
				margin: 0 0 0 40px;
		}

		#top #header h1#onDemand a,
		#top #bc_header h1#onDemand a { /* adds link to qvc logo */
				display: block;
				height: 75px;
				width: 160px;
		}

#top #header .strapLine,
#top #bc_header .strapLine { /* if strapline changes, graphic should change and copy within html */
	float: right;
	text-indent: -5000px;
	height: 50px;
	width: 270px;
}
/* -------------------- */
/* -- Masthead links -- */
/* -------------------- */


#top ul#masthead_links {
		font-size: 0.914em;
		float: right;
		margin: 50px 20px 0 0;
		color:#ffffff;
		list-style-type: none;
}

		#top ul#masthead_links li {
				display: inline;
				border-left: 1px solid #ffffff;
				padding: 0;
				list-style-type: none;
				float: left;
			}

					#top ul#masthead_links li.first {
						border-left: 0px;
					}

					#top ul#masthead_links li a {
						display: block;
						margin: 0 5px;
					}

						#top ul#masthead_links li a:link,
						#top ul#masthead_links li a:visited {
								color: #fff; 
								text-decoration: none;
						}

						#top ul#masthead_links li a:hover,
						#top ul#masthead_links li a:active {
								color: #fff; 
								text-decoration: underline;
						}

	
/* ------------------------------ */
/* -- Masthead main navigation -- */
/* ------------------------------ */

#top #nav {
		float: left;
		width: 782px;
		background-color: #888888;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 27px;
}

				#top ul#nav li {
						display: inline;
						margin-right: 0.5em;
						float: left;
						font-size: 1.1em;
				}

				#top ul#nav li a {
						float: left;
						text-decoration: none;
						font-size: 0.96em;
						font-weight: bold;
						padding: 0.5em 1.5em 0.2em 1.5em;
						text-transform: uppercase;
				}

						#top ul#nav li a:link,
						#top ul#nav li a:visited {
								color: #FFF;
						}

						#top ul#nav li a:hover,
						#top ul#nav li a:active {
								color: #FFF;
						}
			

/* ------------------------------------------- */
/* ------------------------------------------- */
/* ----- styling for selected tabs in nav ---- */
/* ------------------------------------------- */
/* ------------------------------------------- */

				#top ul#nav li.nav_selected {
						background: url(/qvctv_test/ukgif/tv-nav-tab-right.gif) no-repeat top right;
						color:#ffffff/*480A5F*/;
				}
				
				#top ul#nav li.nav_selected a:link,
				#top ul#nav li.nav_selected a:visited {
						color: #ffffff/*a70531*/;
						background: url(/qvctv_test/ukgif/tv-nav-tab-left.gif) no-repeat top left;
				}
				
				#top ul#nav li.nav_selected span {
						color: #d1a0ff;
						text-transform: uppercase;
						margin-right: -4px;
				}			
/* ------------------------ */
/* styling for flash player */
/* ------------------------ */

#MidArea {
	margin: 0;
	width: 782px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	float: left;
	text-align: center;
	background-color: #f8f8fb;
}

		#MidArea #flashvideo p {
			color: #555555;
			line-height: 1.4em;
			margin: 15px 15px;
		}

		#MidArea #flashvideo a {
			color: #be054b;
		}

		
/* ---------------- */		
/* no flash styling */		
/* ---------------- */
#MidArea #noFlash {
	width: 782px;
	min-height: 456px;
	font-family: georgia;
	color: #555555;
	text-align:center;
	background-color: white;
	margin: 26px auto;
	padding-bottom: 40px;
	overflow: hidden;
}

#MidArea #noFlash #noFlashContent {
	margin: 100px 150px 70px 150px;
	float: left;
}

		#MidArea #noFlash #noFlashContent h2 {
			color: #f58021;
			margin: 0 0 10px 0;
			font-size: 1.8em;
			text-align:left;
		}

		#MidArea #noFlash #noFlashContent p {
			font-size: 1.1em;
			text-align: left;
		}

	
/* ----------------------- */
/* styling for footer area */
/* ----------------------- */


#container #footer {
	background: url(/qvctv_test/ukgif/footerBorder.gif) top left no-repeat #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.84em;
	width: 782px;
	float: left;
	padding: 1px 0 0px 0;
	text-align: left;
	margin: 30px 0 0 0;
	}

#container #footer .footerInfo {
	float: left;
	margin: 10px 0 0 20px;
}

#container #footer .tvChannel {
	padding-top: 0;
	float: left;	
}

#container #footer .tvChannel p {
	float: left;
	padding-top: 1em;
	margin: 0 3px 0 0;
	font-size: 0.84em;
}

 #container #footer dl {
	margin: 0;
	padding-top: 1em;
	float: left;
}

#container #footer dl dt {
	float: left;
	color: #999999;
	margin-right: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid #f58021;
	line-height: 1em;
	font-size: 0.84em;
	
}

#container #footer dl dt.noBorder {
	border-left: 0;
	font-size: 0.84em;
	padding-left: 0;
}

#container #footer dl dd {
	line-height: 1em;
	float: left;
	color: #666666;
	margin-left: 0;
	margin-right: 1em;
	font-size: 0.84em;
}

#container #footer ul {
		padding: 0;
		list-style:none;
		margin: 10px 0 0 0;
		float: left;
		width:600px;
}

#container #footer ul li,
#container #footer p {
	float: left;
	color: #666666;
	line-height: 1em;
	font-size: 0.84em;
	padding-left: 0.5em;
	margin-right: 0.5em;
	margin-top:0.5em;
	border-left: 1px solid #f58021;
	}

#container #footer ul li.noBorder,
#container #footer p.noBorder {
	border-left: 0;
	padding-left: 0;
}

#container #footer ul li a:link, 
#container #footer ul li a:visited,
#container #footer p a:link,
#container #footer p a:visited {
	color: #88499c;
	text-decoration: none;
}

#container #footer ul li a:hover, 
#container #footer ul li a:active,
#container #footer p a:hover,
#container #footer p a:active {
	color: #f58021;
	text-decoration: none;
}

#awards {
	float: right;
	margin: 10px 10px 0 0;
}

#awards div {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #f27e21;
	margin-top: 15px;
}

#awards div.noBorder {
	border-left: 0;
	margin:0;
}


/* bottom bg gradient */
#bottomGradient {
	width: 100%;
	height: 200px;
	background: url(http://www.qvcuk.com/ukhtml/qvctv_test/images/bottomBg.gif) no-repeat top center;
	float: left;
}

/*REDIRECT TEXT*/
#container #redirectbox{
	clear:both;
	height:300px;
	padding:20px;
	text-align:left;
	font-size:0.917em;
	}
	
#container #redirectbox h2{
	color: #f58021;
	font-size: 1.2em;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	}