/*----High level containers----*/
html, body {
margin:0;
padding:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#0095B3 url(../images/bg_body.gif) repeat-y;
color:#0095B3;
}

#wrapper {
position:relative;
width:985px;
margin:0;
background-color: #fff;
background:#fff url(../images/bg_wrapper.gif) no-repeat;
padding-right:30px;
overflow:hidden;
}



/*----Global Styles----*/

object {
outline:none;
}

a, a img, img {
border:none;
text-decoration:none;
outline: 0;
}

a {
color:#0095B3;
text-decoration:none;
outline: 0;
}
a:hover {
color: #c5e3ec;
text-decoration:none;
outline: 0;
}

form {
	margin: 0;
	padding: 0;
	}

h1 {
	font-size: 24px;
	display: inline;
	margin: 0;
	width: 360px;
	float: right;
	}

h2 {
	font-size: 12px;
	margin: 0;
	}

h3 {
	font-size: 16px;
	display: inline;
	margin: 0;
	width: 360px;
	float: right;
	}
	
h3.sweeps {
	width: 400px;
	}



sup {
    font-size: smaller;
	vertical-align:baseline;
	_vertical-align:inherit;
	position:relative;
	_position:fixed;
	bottom:0.33em;
	}


/*----Global Containers and associated elements----*/


#head {
height:124px;
width:985px;
background:url(../images/bg_head.gif) no-repeat 238px 73px;
margin-bottom:10px;
position: relative;
z-index:10;
}

	a#logo {
		display: block;
	    width: 150px;
	    height: 106px;
	    background: url(../images/logo.gif) 0 0 no-repeat;
	    text-decoration: none;
	    z-index: 5;
	    position: absolute;
		left:100px;
		top:15px;
	  }

	 a:hover#logo {
	    background-position: -150px 0;
	  }
	  
	a#nav_home {
		display: block;
	    width: 63px;
	    height: 25px;
	    background: url(../images/nav_home.gif) 0 0 no-repeat;
	    text-decoration: none;
	    z-index: 5;
	    position: absolute;
	    top: 98px;
	    left: 234px;
	  }
	  	a#nav_home:hover {
	    background: url(../images/nav_home.gif) -65px 0 no-repeat;
		}
	  
	a#nav_seeit {
		display: block;
	    width: 63px;
	    height: 25px;
	    background: url(../images/nav_seeit.gif) 0 0 no-repeat;
	    text-decoration: none;
	    z-index: 15;
	    position: absolute;
	    top: 98px;
	    left: 234px
	  }
		#insidenav a#nav_seeit {
		left: 292px
		}
	
	a#nav_getit {
		display: block;
	    width: 63px;
	    height: 25px;
	    background: url(../images/nav_getit.gif) 0 0 no-repeat;
	    text-decoration: none;
	    z-index: 10;
	    position: absolute;
	    top: 98px;
	    left: 290px
	  }
		#insidenav a#nav_getit {
		left: 348px
		}
		
	a#nav_liveit {
		display: block;
	    width: 67px;
	    height: 25px;
	    background: url(../images/nav_liveit_new.gif) 0px 0 no-repeat;
	    text-decoration: none;
	    z-index: 15;
	    position: absolute;
	    top: 98px;
	    left: 348px
	  }
		#insidenav a#nav_liveit {
		left: 406px
		}	  

	a#nav_winit {
		display: block;
	    width: 69px;
	    height: 25px;
	    background: url(../images/nav_winit_new.gif) 0 0 no-repeat;
	    text-decoration: none;
	    z-index: 5;
	    position: absolute;
	    top: 98px;
	    left: 409px;

	  }
		#insidenav a#nav_winit {
		left: 467px
		}	  

	a#nav_subscribe {
		display: block;
	    width: 95px;
	    height: 25px;
	    background: url(../images/nav_subscribe.gif) -5px 0 no-repeat;
	    text-decoration: none;
	    z-index: 15;
	    position: absolute;
	    top: 99px;
	    left: 540px;

	  }

	 a:hover#nav_subscribe {
	    background-position: -98px 0;
	  }


	a#nav_stayconnected {
		display: block;
	    width: 245px;
	    height: 25px;
	    background: url(../images/nav_stayconnected.gif) 0 0 no-repeat;
	    text-decoration: none;
	    z-index: 15;
	    position: absolute;
	    top: 98px;
	    left: 740px;

	  }

	 a:hover#nav_stayconnected {
	    background-position: -245px 0;
	  }


	.dropmenu {
		z-index: 100;
		position: absolute;
		display: block;
		width: 200px;
		text-align: left;
		background-color: #c5e3ec;
		}

	.dropmenu a {
		display: block;
		padding: 6px 6px;
		font-size: 11px;
		text-decoration: none;
		color: #0095B3;
		border-bottom: 1px solid #fff;
		}

	.dropmenu a:hover {
		background-color: #0095B3;
		text-decoration: none;
		color: #fff;
		}

	#drop_seeit {
		left: 234px; 
		top: 122px;
		display: none;
		}

	#drop_getit {
		left: 290px; 
		top: 122px;
		display: none;
		}

	#drop_liveit {
		left: 346px; 
		top: 122px;
		display: none;
		}

	#drop_winit {
		left: 402px; 
		top: 122px;
		display: none;
		}

	#insidenav #drop_seeit {
		left: 292px; 
		}

	#insidenav #drop_getit {
		left: 348px; 
		}

	#insidenav #drop_liveit {
		left: 406px; 
		}

	#insidenav #drop_winit {
		left: 466px; 
		}

	#search {
		position: absolute;
		top: 6px;
		right: 0;
		width: 220px;
		height: 24px;
		background-image: url(../images/search.gif);
		background-repeat: no-repeat;
		z-index:200;
		}
		
		/*Google Search Box*/
	
			#searchcontrol {
			position:absolute;
			top:2px;
			left:52px;
			width:170px;
			z-index:200;
			}

			.gsc-search-box {
			position:absolute;
			z-index:101;
			}
			
			#search input {
			border: 0;
			font-size: 11px;
			color: #0095B3;
			position: absolute;
			top: 0;
			left: 5px;;
			width: 112px;
			}
			
			.gsc-input {
			width: 128px;
			color: #01b5cb;
			font-size: 11px;
			padding:0;
			margin:0;
			outline:none;
			}
			
			#search input.gsc-input {
			top:3px;
			width:120px;
			background:none;
			padding:0;
			margin:0;
			outline:none;
			}
			
			.gsc-branding {
			display:none;
			}
			
			td.gsc-search-button {
			position:absolute;
			width:15px!important;
			height:8px;
			top:-5px;
			left:130px;
			outline:none;
			}
			
			#search input.gsc-search-button {
				display: block;
				width: 15px;!important
				height: 8px;
				background: url(../images/go.gif) 0 0 no-repeat;
				text-decoration: none;
				top: 11px;
				right: 16px;
				text-indent:-9000px;
				cursor:pointer;
				*font-size:1px;
				*color:#fff;
				padding-top:8px;
				outline:none;
			}
			
			#search input.gsc-search-button:hover {
	    background-position: -15px 0;
		}
			
			.gsc-clear-button {
			position:absolute;
			left:130px;
			top:30px;
			z-index:101;
			}
			
			.gsc-resultsbox-visible{
			position:absolute !important;
			background:#fff !important;
			top:25px;
			margin-left:-3px;
			*margin-left:0;
			border: 2px solid #c5e3ec;
			padding:5px;
			width:150px;
			z-index:100;
			}
		

#maincontent {
	position: relative;
	z-index: 5;
	}






#foot {
position:relative;
background:url(../images/bg_foot_new.gif) no-repeat 0 0;
color:#666666;
float:left;
width:100%;
clear:both;
margin-top:30px;
font-size:10px;
z-index: 10;
}	

	#foot ul {
	float:left;
	display:inline;
	margin:11px 0 0 45px;
	padding:0;
	}
	
	#foot li {
	float:left;
	display:inline;
	margin-right:10px;
	}
	
		#lnk_ft_subscribe_ {
		float:left;
		display:block;
		text-indent:-9000px;
		overflow:hidden;
		width:55px;
		height:10px;
		background:url(../images/lnk_footer.gif) no-repeat;
		}
			a#lnk_ft_subscribe_:hover {
			background:url(../images/lnk_footer.gif) 0 -11px;
			}
			
		#lnk_ft_self {
		float:left;
		display:block;
		text-indent:-9000px;
		overflow:hidden;
		width:50px;
		height:10px;
		background:url(../images/lnk_footer.gif) -73px 0 no-repeat;
		}
			a#lnk_ft_self:hover {
			background:url(../images/lnk_footer.gif) -73px -11px;
			}
	
	li#ft_share {
	float:left;
	display:block;
	width:114px;
	height:27px;
	padding:0;
	position:relative;
	top:-8px;
/*	left:705px; */
	left:770px;
	
	}

	li#ft_share a {
	display:block;
	position:relative;
	height:27px;
	width:114px;
	outline:none;
	}
	
	li#ft_share img {
	position:relative;
	left:10px;
	top:8px;
	}
	
	#foot p {
	margin:35px 0 0 40px;
	}
	
	#foot a {
	color:#0095B3;
	text-decoration:underline;
	}
	#foot a:hover {
	color:#c5e3ec;
	text-decoration:none;
	}
	
	#sharebox {
	position:absolute;
	top:-310px;
	*top:-295px;	
	left: 873px;
	background-color:#fff;
	width:88px;
	height: 285px;
	*height: 265px;
	overflow: hidden;
	border: 6px solid #c5e3ec;
	color:#0095B3;
	z-index: 1000;
	padding: 10px 4px 10px 8px;
	}


		#sharebox a {
			color: #0085A3;
			text-decoration: none;
		}
	
		#sharebox a:hover {
			color: #000;
			text-decoration: underline;
		}

		#sharebox img {
			vertical-align: middle;
			margin: 0;
			}

		#sharebox p {
			margin: 0 0 10px 0;
			*margin: 0 0 6px 0;
			}

		#sharebox hr {
			margin: 10px 0 10px 0;
			*margin: 0;
			color: #c5e3ec;
			background-color: #c5e3ec;
			height: 1px;
			border: 0;
			}

		#sharebox input {
			color: #0095B3;
			background-color: #c5e3ec;
			height: 14px;
			font-size: 10px;
			width: 80px;
			border: 0;
			}

		#sharebox label {
			color: #823292;
			display: block;
			}

		#sharebox #send {
			display: block;
			width: 34px;
			height: 9px;
			padding:5px 0;
			background: url(../images/send.gif) 0 0 no-repeat;
			text-decoration: none;
			position:relative;
		  }

		#sharebox a:hover#send {
			background-position: -34px 0;
		  }

/*----Page Specific styles----*/

/*Home page*/
#XMLSlideshow {
float:left;
margin:5px 12px 0 -5px;
}

#home_lnks {
float:left;
width:310px;
overflow: hidden;
display: inline;
}

	a.home_lnk_1 {
		display: block;
	    width: 310px;
	    height: 108px;
	    text-decoration: none;
		background: url(../images/home_right_001.jpg) 0 0 no-repeat;
		margin: 0 0 8px 0;
	  }

	 a:hover.home_lnk_1 {
	    background-position: 0 -108px;
	  }	

	a.home_lnk_2 {
		display: block;
	    width: 310px;
	    height: 108px;
	    text-decoration: none;
		background: url(../images/home_right_002.jpg) 0 0 no-repeat;
		margin: 0 0 8px 0;
	  }

	 a:hover.home_lnk_2 {
	    background-position: 0 -108px;
	  }	

	a.home_lnk_3 {
		display: block;
	    width: 310px;
	    height: 108px;
	    text-decoration: none;
		background: url(../images/home_right_003.jpg) 0 0 no-repeat;
		margin: 0 0 8px 0;
	  }

	 a:hover.home_lnk_3 {
	    background-position: 0 -108px;
	  }	


	a.home_lnk_4 {
		display: block;
	    width: 310px;
	    height: 108px;
	    text-decoration: none;
		background: url(../images/home_right_004.jpg) 0 0 no-repeat;
		margin: 0 0 8px 0;
	  }

	 a:hover.home_lnk_4 {
	    background-position: 0 -108px;
	  }	


#home_connect {
	float:left;
	display: inline;
	width:100%;
	padding: 0 0 0 214px;
	margin-top:15px;
	clear:both;
	background:url(../images/bg_home_connect_lnks.gif) no-repeat;
}

#home_connect a {
	display:inline;
	float: left;
	margin-right:25px;
	border: 1px solid #fff;
	height: 159px;
	width: 185px;
}

#home_connect a:hover {
	border: 1px solid #c5e3ec;
}

/*Common to both Inside/jump pages and Detail pages */
#leftbar {
float:left;
width:180px;
margin:24px 0 0 84px;
display: inline;
padding: 50px 10px 0 0;
text-align:right;
font-size: 14px;
}

#contentwell {
	float:left;
	margin-top:24px;
	border-left:1px solid #c5e3ec;
	padding: 0 0 0 10px;
	min-height:440px;
    height:auto !important;
    height:440px;
}

.lbar_winit {
background:url(../images/bg_leftbar_winit.gif) no-repeat;
}

.lbar_getit {
background:url(../images/bg_leftbar_getit.gif) no-repeat;
}

.lbar_liveit {
background:url(../images/bg_leftbar_liveit.gif) no-repeat;
}

.lbar_seeit {
background:url(../images/bg_leftbar_seeit.gif) no-repeat;
}

.lbar_stayconnected {
background:url(../images/bg_leftbar_stayconnected.gif) no-repeat;
}


/*Inside/jump pages */
#leftbar img {
position:relative;
left:4px;
}

#jumpmenu {
	float:left;
	padding: 0;
	overflow: hidden;
	display: inline;
	width: 700px;

}

.jumplisting {
	width: 340px;
	height: 200px;
	background-image: url(../images/bg_jumplink.gif);
	background-repeat: no-repeat;
	display: inline; 
	float: left;
	margin: 0 10px 10px 0;
	}

	.jumplisting img {
		border: 1px solid #c5e3ec;
		float: left;
		display: inline;
		width: 180px;
		height: 180px;
		overflow: hidden;
		margin: 10px 0 0 10px;
		}

	.jumplisting a:hover img {
		border: 1px solid #0095B3;
		}

	.jumplisting p {
		width: 130px;
		height: 120px;
		overflow: hidden;
		display: inline;
		float: right;
		margin: 30px 10px 0 0;
		font-weight: bold;
		}

	.learnmore {
		width: 116px;
		height: 20px;
		overflow: hidden;
		display: inline;
		float: right;
		margin: 13px 0 0 0;
		padding: 0 24px 0 0;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		}
		
		.learnmore a:hover {
		color:#0095B3;
		text-decoration:underline;
		}

	
		

/*Detail pages*/


.sidenav {
	margin: 10px 0 0 0;
	}
	
	.sidenav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	.sidenav li {
	float:right;
	margin: 0 0 10px;
	*margin-right:0;
	font-size: 11px;
	font-weight: bold;
	width: 180px;
	color:#c5e3ec;
	}
	
	.sidenav a {
	color:#0095B3;
	}
	.sidenav a:hover {
	color:#c5e3ec;
	}

.lcol {
	width: 300px;
	float: left;
	min-height:340px;
    height:auto !important;
    height:400px;
	text-align: center;
	}


#detailwell {
	float:left;
	border-left:1px solid #c5e3ec;
	margin-top:24px;
	padding: 0 0 0 20px;
	width: 680px;
	min-height:440px;
	height:auto !important;
	height:440px;
}

#detailwell h1 {
margin-top:-5px;
padding-top:0;
}

#detailwell p {
	width: 360px;
	float: right;
	margin: 0 0 10px 0;
	}
	
	#detailwell .lcol p {
		width:300px;
	}
	

#detailwell ul {
	width: 340px;
	float: right;
	margin: 0 0 10px 0;
	padding:0 0 0 20px;
	}

#detailwell table {
	width: 360px;
	float: right;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	}

#detailwell td {
	padding: 4px;
	border-collapse: collapse;
	font-size: 11px;
	border-bottom: 1px solid #F7D0FF;
	}

#tblform td {
	border: 0;
	}

#tblform table {
	width: 340px;
	float: right;
	border-collapse: collapse;
	margin: 20px 0 0 0;
	}

#detailwell .smtxt {
	font-size: 10px;
	}
	
	.smtxt a:hover {
	text-decoration:underline;
	}

#detailwell fieldset {
	width: 340px;
	float: right;
	margin: 10px 0 10px 0;
	display: block;
	padding: 10px;
	font-size: 11px;
	}

#detailwell fieldset p {
	width: 320px;
	float: left;
	*margin: 10px 0 0 0;

	}

#detailwell legend {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color: #f96a33;
	margin: 0;
	}

#detailwell .input1 {
	color: #0095B3;
	background-color: #c5e3ec;
	height: 20px;
	font-size: 11px;
	width: 140px;
	border: 0;
	}

#detailwell label {
	color: #0095B3;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #0095B3;
	margin: 0 0 6px 0;
	}

#detailwell textarea {
	color: #0095B3;
	background-color: #c5e3ec;
	height: 16px;
	font-size: 11px;
	width: 140px;
	border: 0;
	}

#detailwell .submit1 {
	font-size: 11px;
	margin: 20px 0 0 0;
	}

.required {
	font-size: 10px;
	color: #f96a33;
	}


/*Sweeps pages*/
#sweeps {
	float: right;
	width: 360px;
	display: inline;
	}
	
	div#rules {
	width: 380px;
	float: right;
	margin: 0 0 10px 0;
	}
	
	#rules h3 {
	color:#0095B3;
	}

		
	#btn_nominate {
	display:block;
	height:68px;
	width:343px;
	overflow:hidden;
	background:url(../images/btn_nominate.gif) 0 0;
	text-indent:-9000px;
	}
		a#btn_nominate:hover {
		background:url(../images/btn_nominate.gif) 0 -69px;
		}
		
	#btn_lastyear {
	display:block;
	height:22px;
	width:280px;
	overflow:hidden;
	background:url(../images/btn_lastyear.gif) 0 0;
	text-indent:-9000px;
	}
		a#btn_lastyear:hover {
		background:url(../images/btn_lastyear.gif) 0 -23px;
		}	

	#btn_thisyear {
	display:block;
	height:22px;
	width:280px;
	overflow:hidden;
	_margin-left:0px;
	margin-left:0px;
	background:url(../images/btn_2009.gif) 0 0;
	text-indent:-9000px;
	}
		a#btn_thisyear:hover {
		background:url(../images/btn_2009.gif) 0 -23px;
		}	

	#btn_runnersup {
	display:block;
	height:22px;
	width:134px;
	overflow:hidden;
	background:url(../images/btn_runnersup.gif) 0 0;
	text-indent:-9000px;
	}
		a#btn_runnersup:hover {
		background:url(../images/btn_runnersup.gif) 0 -23px;
		}	
		
	a#showrules {
	display:block;
	background:url(../images/btn_showrules.gif);
	height:29px;
	width:261px;
	text-indent:-9000px;
	overflow:hidden;
	cursor:pointer;
	}			
		a#showrules:hover {
		background:url(../images/btn_showrules.gif) 0 -30px;
		}
		
		a#showrules.expanded {
		background:url(../images/btn_showrules.gif) 0 -30px;		
		}
	

.class_p {
	margin:10px 0 0 0;
	*margin:10px 0 0 0;
	padding:0px;
	clear:left;
	float:left;
	width:270px;
}

	.class_p a {
	display:inline;
/*	background:url(../images/btn_showrules.gif);*/
	height:17px;
	width:268px;
/*	text-indent:-9000px;*/
	overflow:hidden;
	cursor:pointer;
	}

	.class_p span {
		margin-left:0px;
	}

	.class_p div {
	/*	background: #ffcc00; */
		width: 340px;
		float: left;
		margin: 0px 0 0px 0px;
		*margin: 0px 0 10px 0px;
		padding: 0 0 0 0px;
		*padding: 0 0 0 0px;
	}
	
#classdesc_c1, #classdesc_c2, #classdesc_c3 {margin-top:5px;}


		
/*Avon e-card page */
#cardprev {
position:absolute;
width:705px;
height:600px;
background:none;
left:250px;
-left:-750px;
top:-10px;
z-index:1000;
}


#cardprev td {
border:none;
}

	#lnk_cardprev {
	display:block;
	height:22px;
	width:121px;
	overflow:hidden;
	background:url(../content/0902/avon/btn_previewcard.gif) 0 0;
	text-indent:-9000px;
	}
		a#lnk_cardprev:hover {
		background:url(../content/0902/avon/btn_previewcard.gif) 0 -23px;
		}



/*Fitness DVD */
#detailwell.selfdvd {
padding-left:180px;    
width:520px;
}

#detailwell.selfdvd p, #detailwell.selfdvd h3 {
float:none;
width:510px;
}

#tone, #yoga, #legs, #dance {
clear:both;
padding-left:100px;
margin-left:-100px;
margin-bottom:25px;
height:120px;
min-height:120px;
}

#tone {
background:url(../content/0902/selfdvd/tone.jpg) left no-repeat;
}

#yoga {
background:url(../content/0902/selfdvd/yoga.jpg) left no-repeat;
}

#legs {
background:url(../content/0902/selfdvd/legs.jpg) left no-repeat;
}

#dance {
background:url(../content/0902/selfdvd/dance.jpg) left no-repeat;
}

/*NIKE LIVESTRONG */
#detailwell.livestrong {
padding-left:150px;   
width:550px;
}

#detailwell.livestrong p, #detailwell.livestrong h3 {
float:none;
width:400px;
}

#livestronglogo {
clear:both;
padding-left:200px;
margin-left:-100px;
_margin-left:0;
margin-bottom:25px;
height:58px;
}

#comfycozy, #tempo, #airborne, #pacer {
clear:both;
padding-left:200px;
margin-left:-100px;
_margin-left:0;
margin-bottom:25px;
margin-top:25px;
height:180px;
min-height:200px;
}


#livestronglogo {
background:url(../content/0912/livestrong/ls_logo.jpg) left no-repeat;
}

#comfycozy {
background:url(../content/0912/livestrong/comfycozy.jpg) left no-repeat;
}

#tempo {
background:url(../content/0912/livestrong/tempo.jpg) left no-repeat;
}

#airborne {
background:url(../content/0912/livestrong/airborne.jpg) left no-repeat;
}

#pacer {
background:url(../content/0912/livestrong/pacer.jpg) left no-repeat;
}


/*NIKE LIVESTRONG */

/*Maybelline */
#detailwell.maybelline {
padding-left:180px;    
width:520px;
}

#detailwell.maybelline p, #detailwell.maybelline h3 {
float:none;
width:510px;
}

#bronzer, #brow, #line{
clear:both;
padding-left:200px;
margin-left:-150px;
_margin-left:-10px;
margin-bottom:25px;
height:200px;
min-height:200px;
}

#lip {
clear:both;
padding-left:200px;
margin-left:-150px;
_margin-left:-10px;
margin-bottom:25px;
height:280px;
min-height:200px;
}

#lip {
background:url(../content/0910/maybelline/lip.jpg) top left no-repeat;
}

#bronzer {
background:url(../content/0910/maybelline/bronze.jpg) top left no-repeat;
}

#brow {
background:url(../content/0910/maybelline/brow.jpg) top left no-repeat;
}

#line {
background:url(../content/0910/maybelline/line.jpg) top left no-repeat;
}





/*Fitness DVD */
#detailwell.hk_hotels {
padding-left:180px;    
width:520px;
}

#detailwell.hk_hotels p, #detailwell.hk_hotels h3, #detailwell.hk_hotels img {
float:right;
width:300px;
}

#elysee, #library, #giraffe {
clear:both;
padding-left:100px;
margin-left:-100px;
margin-bottom:25px;
height:430px;
min-height:430px;
}

#elysee {
background:url(../content/0906/hk/liveit_hk_elysee_03a.jpg) left no-repeat;
}

#library {
background:url(../content/0906/hk/liveit_hk_library_03a.jpg) left no-repeat;
}

#giraffe {
background:url(../content/0906/hk/liveit_hk_giraffe_03b.jpg) left no-repeat;
}