


/** Palette  

	Green: 				6a7301
	Red:					bd7282
	Lite Green 1: b9b96c
	Lite Green 2: c5c572
	Dark Red:			805c4d
	Blue Lite:		00a8d0
	Blue Dark:		4d7d93
	Grey:					645e63
	
	
	Black:			010101
	Drk Blue: 	304149
	Red:				E02726
	Tan:				C5C19D
	Brown:			887E6E
	Lite Blue:	DEE2E6
	LIte Grey:	F1F2F5
	Blue:				81A3B2
	Drk Green:	526644
	

**/






/** General  **/

body{
	background-color: #d4dde4;
	margin: 0	0	0	0;
	font-family: "Trebuchet MS", Verdana, Arial,sans-serif;
}

img{
	border: 0;
}

h2{
	margin: 10px 0px 5px 0px;
	font-size: 18px;
}
h3{
	margin: 0px;
	font-size: 12px;
}

p{
	font-size: 12px;
}

li{
	font-size: 12px;
}

.clear_fix {
		clear: both;
}

a, a:visited{
		color: #999;
		text-decoration:none;
		border: 0;
}
a:hover{
		text-decoration:underline;
}


.bleft{
		width: 100%;
		text-align:left;
		border: thin solid red;
}

.bright{
		width: 100%;
		text-align:right;
		border: thin solid red;
}



table
{
	font-size: 12px;
}
.table_title
{
	font-size: 12px;
	text-decoration: underline;
}
table .col1
{
	padding-left: 40px;
	width: 60px;
}
table .col2
{
	width: 100px;
	font-weight: bold;
}

.hor_line
{
	width: 632px;
	margin-left: 100px;
	border-bottom: thin dotted grey;
}

a.bold_link, a.bold_link:visited
{
	color: red;
}

ul.collapse, ol.collapse {margin:0;padding:0;}
ul.collapse li, ol.collapse li {margin:0;padding:0;float:left;}
ul.collapse li, ol.collapse {list-style-type:none;}



/** Top Navigation **/


#red_button {
		width: 112px;
		height: 32px;
		font-size: 10px;
		color: #fff;
}
		#red_button 	.text{ display: block;  padding: 10px 0 0 0; text-align:center;}
		#red_button 	a 	{  color: #fff; display: block; width:112px; height:32px; background: url("images/button-red-combo.jpg") 0 0 no-repeat; }
		#red_button 	a:active 	{ background-position: 0 0; }
		#red_button 	a:hover 	{ background-position: 0 -32px; }

#blue_button {
		width: 112px;
		height: 32px;
		font-size: 10px;
		color: #fff;
}
		#blue_button 	.text{ display: block;  padding: 10px 0 0 0; text-align:center;}
		#blue_button 	a 	{  color: #fff; display: block; width:112px; height:32px; background: url("images/button-blue-combo.jpg") 0 0 no-repeat; }
		#blue_button 	a:active 	{ background-position: 0 0; }
		#blue_button 	a:hover 	{ background-position: 0 -32px; }
		

#blue_button_alt {
		width: 112px;
		height: 32px;
}
		#blue_button_alt 	.text{ display: block;  padding: 10px 0 0 0; text-align:center;}
		#blue_button_alt 	a 	{  color: #fff; display: block; width:112px; height:32px; background: url("images/button-blue-combo-alt.jpg") 0 0 no-repeat; }
		#blue_button_alt 	a:active 	{ background-position: 0 0; }
		#blue_button_alt 	a:hover 	{ background-position: 0 -32px; }


#appointment_big {
		width: 126px;
		height: 46px;
}
		#appointment_big 	.text{ display: block;  padding: 10px 0 0 0; text-align:center;}
		#appointment_big 	a 	{  color: #fff; display: block; width:126px; height:46px; background: url("images/b_appointment_big.jpg") 0 0 no-repeat; }
		#appointment_big 	a:active 	{ background-position: 0 0; }
		#appointment_big 	a:hover 	{ background-position: 0 -46px; }


#appointment_sm {
		width: 123px;
		height: 25px;
}
		#appointment_sm 	a 	{ width:123px; height:25px; display: block; float:right; ; float:right; background: url("images/b_appointment_sm.png") 0 0 no-repeat; }
		#appointment_sm 	a:active 	{ background-position: 0 0; }
		#appointment_sm 	a:hover 	{ background-position: 0 -25px; }

#learnmore {
		width: 103px;
		height: 35px;
}
		#learnmore 	a 	{ width:103px; height:35px; display: block; float:right; ; float:right; background: url("images/learnmore.gif") 0 0 no-repeat; }
		#learnmore 	a:active 	{ background-position: 0 0; }
		#learnmore 	a:hover 	{ background-position: 0 -35px; }




#main {
		width: 100%;
}
		#main_inner {
				position:relative;
				margin: 0 auto;
				width: 954px;
		}
				
.nodisp{
		display: none;
}


#header {
	position:relative;
	width: 900px;
	height: 72px;
	background-color: #fff;
	margin-left: 27px;
}
		#header a {
				color:#805c4d;
				display:block;
				padding:6px 8px;
				text-decoration:none;
		}
		#header a:hover {
				text-decoration:underline
		}	
		#header a:visited {
				color:#805c4d;
		}	
		
		#top_logo {
				position: absolute;
				left: 0;
				top: 0;
				width:345px;
				height:72px;		
				background: url("images/top_logo.gif") 0 0 no-repeat;
		}
		#header .tabs {
				position: absolute;
				right: 0;
				bottom: 10px;
				text-align: right;
		}
		#header .sub_tabs {
				position: absolute;
				right: 0;
				top: 0;
				margin: 0 0 0 0;
		}
		#header li {
				font-size: 16px;
		}
		#header li.title {
				padding:6px 0px;
				font-size: 10px;
				color: #777;
		}
		#header li.medium {
				font-size: 12px;
				margin-top: 4px;
		}
		#header li.small {
				font-size: 10px;
		}
		#header li.spacer {
				border-left: 1px dotted #ccc;
				margin-left: 10px;
		}






#main_content {
		position:relative;
		float: left;
		margin-left: 0px;
		width: 954px;
		display:inline-block;
}
		#content {
				position:relative;
				width: 954px;
				min-height: 500px;
				margin-left: 0;
		}

		#mid_content{
				position:relative;
				width: 900px;
				min-height: 500px;
				margin: 0 0 0 27px;
				background:#FFF url(images/page_bottom.gif) bottom left no-repeat;
				color: #666;
		}
				

				#mid_content_item {
						width:600px;
						line-height: 15px;
						padding-bottom: 10px;
						margin: 0 0 20px 35px;
						
				}		
				#mid_content_item .left {
						float: left;
						width: 235px;
				}	
				#mid_content_item .right {
						float: left;
						width: 350px;
				}	
				#mid_content_item .icon {
						margin: 10px 0 0 10px;
						width: 136px;
						height: 136px;
				}
				#mid_content_item .icon_lg {
						margin: 10px 0 0 10px;
						width: 205px;
						height: 205px;
				}	
				
				#mid_content_item.bottom_line {
						border-bottom: 1px dotted #666;
				}	
				
				#mid_content_item  li {
						margin: 0 0 10px 0;
				}


/* Promo Box */

#promo_box{

}
		.promo_box{
				width: 520px;
				height: 80px;
				background:#FFF url(images/PromoBox.jpg) bottom left no-repeat;
				padding: 30px;
		}
		.promo_box_sm{
				width: 520px;
				height: 40px;
				background:#FFF url(images/PromoBox_sm.jpg) bottom left no-repeat;
				padding: 30px;
		}
		.promo_box_holiday{
				width: 580px;
				height: 150px;
				background:#FFF url(images/PromoBox_holiday.jpg) bottom left no-repeat;
		}
		.promo_box_alacarte{
				width: 580px;
				height: 90px;
				background:#FFF url(images/PromoBox_pricing.jpg) bottom left no-repeat;
		}

#promo_box_home{
		width: 270px;
		height: 120px;
		background:#FFF url(images/PromoBox_home.jpg) bottom left no-repeat;
}
		#promo_box_home .calltoaction{
				padding: 20px 0 0 20px;
				font-size: 22px;
				margin-bottom: -12px;
				font-weight: bold;
				color: #E02726;
				line-height: 24px;
		}
		#promo_box_home p{
				padding: 0px 20px 0 10px;
				font-size: 12px;
				font-weight: normal;
				line-height: 15px;
		}		

#promo_box_narrow{
		width: 207px;
		height: 120px;
		background: url(images/PromoBox_narrow.jpg) bottom left no-repeat;
}
		#promo_box_narrow .calltoaction{
				padding: 15px 0 0 20px;
				margin-bottom: -12px;
				font-size: 18px;
				font-weight: bold;
				color: #E02726;
				line-height: 20px;
		}
		#promo_box_narrow p{
				padding: 0px 20px 0 20px;
				font-size: 12px;
				font-weight: normal;
				line-height: 15px;
		}					
				


	
		
		
		
		
		#flash_content{
				width:900px;
		}
		#footer
		{
				position:relative;
				color: #aaa;
				width: 880px;
				height: 30px;
				font-size: 10px;
				margin: 10px 0 0 37px;
		}
				#footer a, #footer a:visited{
						color: #999;
						text-decoration:none;
				}
				#footer a:hover{
						text-decoration:underline;
				}
				#footer .links {
						position:absolute;
						top: 0;
						left: 0;
				}
				#footer .copyright {
						position:absolute;
						top: 0;
						right: 0;
				}



/* Page Banners */

/* About */

#page_banner {
		position:relative;
		width:900px;
		height:70px;
		margin-left: 27px;
		/*background-color: #4d7d93;*/
		color: #4d7d93;
		background:#FFF url("images/page_top.gif") 10px left no-repeat;
		border-bottom: 1px dotted #4d7d93;
}
		#page_banner .color_bar {
				width: 100%;
				height: 10px;
				background-color: #d4dde4;
		}
		#page_banner h1 {
				font-size: 24px;
				margin: 8px 0 0 40px;
		}
		#page_banner h2
		{
			font-size: 12px;
			font-style: italic;
			margin: 0 0 0 40px;
		}



				
		
/* left column - additional info */

#sig
{
	position: absolute;
	top: 60px;
	right: 20px;
	width: 220px;
}
		#sig_inside{

		}

			



/* Home */

#home {
		border: thin solid blue;
}
		#home_image {
				position: relative;
				width:954px;
				height: 367px;
				background: url("images/home_image.jpg") 0 0 no-repeat;
		}


/* offer */

				#home_image_offer {
						position: absolute;
						top:25px;
						right:75px;
						width:425px;
						height: 300px;
				}
						#home_image_offer_item{
								width: 95%;
								margin: 1px 0px 0px 0;
								color: #666;
								padding: 10px;
								
						}
								#home_image_offer_item h2{
										margin: 0;
										font-size: 30px;
										color: #00a8d0;
										letter-spacing: 0px;
								}
								#home_image_offer_item p{
										margin: 0;
								}
								#home_image_offer_item i{
									padding-top: 2px;
									font-style: normal;
									font-weight: normal;
									font-size: 10px;
									color: #aaa;
									display: block;
								}
								#home_image_offer_item .learn_more a
								{
									margin: 0;
									font-style: normal;
									font-weight: normal;
									font-size: 12px;
									color: #fff000;
									text-align: right;
								}
								
								#home_image_offer_item.bottom_line{
										border-bottom: 1px dotted #666;
								}
								
						#home_image_offer .free
						{
							float: left;
							width: 130px;
							height: 50px;
							margin: 5px 0 0 4px;
							padding: 0px;
							color: #FFF;
							white-space: nowrap;
						}
						#home_image_offer .free_sub
						{
							font-size: 16px;
						}
						#home_image_offer .free_text{
								float:left;
								width:180px;
								height: 50px;
								margin: 5px 0 10px 0;
						}
						#home_image_offer .button{
								float:right;
								margin: 20px 0 0 0;
								width:125px;
						}
						#home_image_offer .box{
								width: 100%;
								border: 1px solid white;
								margin: 0px 0 0px 0;
						}
		
		
		#home_mid_content{
				width: 900px;
				min-height: 177px;
				margin: 0 0 0 27px;
				background:#FFF url(images/page_bottom.gif) bottom left no-repeat;
				color: #666;
		}
						
				#products{
						width: 860px;
						height: 100px;
						padding: 10px 0 10px 0;
						margin: 0px 0 0 20px;
						border-bottom: 1px dotted #999;
				}
						#products .product_title{
								padding: 30px 80px 0 80px;
								color: #666;
						}
						
						#products .product_label{
								width: 85px;
								text-align: center;
						}
						
						#products	li{
								margin-left: 10px;
						}
				
				#additional_info{
						width: 860px;
						height: 300px;
						margin: 0 0 0 20px;
				}
				
						#additional_info .col{
								float:left;
								width: 255px;
								height: 230px;
								margin-top: 20px;
								padding: 0 15px 0 15px;;
						}
						#additional_info .vert_line{
								border-left: 1px dotted #999;
						}	
						
						#additional_info	li{
								list-style-type: circle;
								margin-left: -10px;
						}
						#additional_info	ul{
								
						}
						#additional_info	h3
						{
							margin: 0 0 -10px 10px;
							font-size: 14px;
							font-weight: bold;
						}
						#additional_info	p{
								margin-left: 10px;
								font-size: 12px;
								font-weight: normal;
						}
						
						#additional_info .leo{
								padding: 35px 0 0 0;
						}
						

							


						
						

	

						
						
	


/* About */

#about {

}

				
				
/* :::: Added for OFFER */				

				#about_content_item .picture-lg {
						margin: -20px 0 30px -60px;
						width: 284px;
						height: 332px;
				}	
				#about_content_item .picture {
						margin: 1px 0 0 15px;
						width: 192px;
						height: 136px;
				}	
				#about_content_item .offerImage {
						margin: 10px 0 10px -10px;
						width: 495px;
						height: 168px;
				}	
				#about_content_item .offerBoxTop {
						background: url("images/offer_box_top.gif") 0 0 no-repeat;
						width: 495px;
						height: 12px;
				}
				#about_content_item .offerBoxMiddle
				{
					width: 454px;
					height: 124px;
					background-color: #6D6666;
					margin-left: 1px;
					padding: 1px 20px 20px 20px; 
					color: #FFFFFF;
				}	
				#about_content_item .offerBoxMiddle h1
				{
					font-weight: lighter;
				}
				#about_content_item .price
				{
					font-weight: bold;
					font-size: 1.5em;
					vertical-align: -.25em;
				}
				#about_content_item .offerBoxBottom {
						background: url("images/offer_box_bottom.gif") 0 0 no-repeat;
						width: 495px;
						height: 12px;
				}	
				
				
				
				
/* :::: Added for PRODUCTS */				

				#about_content_item .products {
						margin: -20px 0 30px -60px;
						width: 235px;
						height: 210px;
				}
				.hor_line_product
				{
						width: 400px;
						margin: 0 0 2px 240px;
						border-bottom: thin dotted grey;
				}
				#page_content {
						width:800px;
						line-height: 15px;
						padding-bottom: 20px;
						min-height: 500px;
				}	
						#page_content .left {
								float: left;
								width: 255px;
						}	
						#page_content .right {
								float: left;
								width: 500px;
						}	
						#page_content .icon {
								margin: 40px 0 0 75px;
								width: 136px;
								height: 136px;
						}
						
						#page_content ul
						{
							line-height: 20px;
						}	
	
						#page_content table
						{
								width: 100%;
								border: 0px;
								margin: 0px;
								border-collapse: collapse;
								border-spacing: 0px;
						}	
						
								#page_content td
								{
										border: 1px solid grey;
										padding: 5px;
								}	
								#page_content td.label1
								{
									width: 120px;
									font-weight: bold;
								}	
						
						#page_content  .section_title
						{
								margin: 0 0 10px 0;
						}
								
								
				
			#album_color
			{
					width: 30px;
					height: 30px;
					float: left;
					margin-right: 10px;
			}
				
				
/* Pricing */

#pricing {

}
		#banner_pricing {
			position:absolute;
			left:132px;
			top:72px;
			width:836px;
			height:58px;
		}
		#pricing_banner {
				width:836px;
				height:58px;
		}
		#pricing_content {
				width:836px;
		}	
				#pricing_content_item {
						width:800px;
						line-height: 15px;
						padding-bottom: 20px;
				}		
				#pricing_content_item .left {
						float: left;
						width: 255px;
				}	
						#pricing_content_item h2 {
								text-align: right;
								padding-right: 20px;
						}	
				#pricing_content_item .right {
						float: left;
						width: 500px;
				}	
				#pricing_content_item .icon {
						margin: 40px 0 0 75px;
						width: 136px;
						height: 136px;
				}	
		
		
/* product navigation */

.pHeaderNav
{
		position:relative;
		height:27px;
		width:800px;
		margin: 0 auto;
		padding: 20px;
}

		.pHeaderNav li
		{
				font-weight:bold;
				font-size: 10px;
		}
				.pHeaderNav li a,
				.pHeaderNav li a:visited
				{
					color:#666;
					text-decoration:none;
					text-transform:uppercase;
					line-height:25px;
				}
				
				.pHeaderNav li a:hover
				{
					color:#fff;
					background:#805c4d;
				}
				
				.pHeaderNav li a.pCurPage
				{	
					color:#fff;
					background:#805c4d;
				}
				.pHeaderNav li a.pCurPage:visited
				{ 
					color:#fff;
				}
		
		.pHeaderNav ul.pUtilityNavigation,
		.pHeaderNav ul.pNavigation
		{
				margin:0;
				padding:0;
				list-style:none;
				position:absolute;
				white-space:nowrap;
		}  
				.pHeaderNav ul.pNavigation
				{
					left:0;
				}
				
				.pHeaderNav ul.pNavigation li
				{	
					float:left;
					
				}
				
				.pBorder {
					border-width:0 1px 0 0;
					border-style:solid;
					border-color:#e6e6e6;
				
				}
				
				.pHeaderNav ul.pNavigation li a
				{
					padding:0 6px;
					width:auto;
					height:25px;
					margin:1px;
					display:block;
					vertical-align:middle;
				}
				
				* html .pHeaderNav ul.pNavigation li a
				{
					width:25px;
				}
				
				.pHeaderNav ul.pNavigation li.offsite
				{
					background:#fff url(http://i.cdn.turner.com/p/.element/img/2.0/global/nav/header/gray_arrow.gif) 50% 100% no-repeat;
				}
				
				.pHeaderNav ul.pNavigation li.offsite a
				{
					color:#7b7b7b;
				}
				
				.pHeaderNav ul.pNavigation li.offsite a:hover
				{
					color:#ca0002;
					background:transparent;
				}
				
				.pHeaderNav ul.pNavigation li.pNavLeft
				{
					width:0px;
					height:27px;
				}

				.pHeaderNav ul.pNavigation li.pTitle
				{
					padding:0 6px;
					width:auto;
					height:25px;
					margin:1px;
					display:block;
					vertical-align:middle;
					line-height:25px;
				}













