@charset "utf-8";
/* COMMON RESETS ======================== */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong, b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
ol, ul {
list-style: none;
}
.clear {
clear:both;
height:0px;
font-size:0px;
line-height:0px;
overflow:hidden;
}
a {
	cursor: pointer;
}


/* MAIN CONTAINERS ===================== */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height: 12px;
color:#747e88;
background:#494f57 url(images/bodyRepeat-x.jpg) left top repeat-x;
}

a, a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

/* =Main Layout
------------------------------------- */
#main {
	width: 980px;
	margin: 0 auto 60px;
	position: relative;
}

/* =Header
------------------------------------- */
#header {
	width: 980px;
	overflow: hidden;
	margin: 0 0 20px;
}

#branding {
position:absolute;
top:20px;
left:20px;
}

#banner-title {
	text-align: right;
	position:absolute;
	right:12px;
	top:20px;
}
#banner-title-text {
	color:#444444;
	font-size:11px;
	font-weight:normal;
	width:100%;
}

	
/* MAIN NAVIGATION ===================== */
/* =Top Nav */
#nav-top {
width:980px;
height:29px;
overflow: hidden;
margin: 50px 0 5px 0;
}
	#nav-top ul {
	width:auto;
	position:relative;
	display:block;
	height:29px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:right
	}
		#nav-top ul li {
		display:block;
		float:left;
		}
			#nav-top ul li a {
			display:block;
			float:left;
			color:#c5c5c5;
			text-decoration:none;
			padding:0 15px;
			height:29px;
			line-height:29px;
			background: url(images/nav_top_divider.gif) left bottom no-repeat;
			}
			/* first-child selector - supported by modern browsers only */
			#nav-top ul li:first-child a {
			background:none;
			}
			#nav-top ul li a:hover {
			color:#FFFFFF;
			}


/* Main Nav */			
#nav-main {
width:980px;
height:41px;
background:url(images/navBG.png) top right no-repeat;
}
 img.btn-login {
 float:left;
 margin:4px 0 0 5px;
 }
 #nav-main ul {
 width: auto;
 height:41px;
 overflow: hidden;
 position:relative;
 margin: 0 4px 0 0;
 display:inline;
 float:right;
 font-family:Arial, Helvetica, sans-serif; 
 }
  #nav-main ul li {
  display:block;
  float:left;
  margin:0;
  padding:0;
  }
   #nav-main ul li a {
   display:block;
   height: 40px;
   float: left;
   margin: 0;
   padding: 0 18px 0 20px;
   font-size:14px;
   line-height: 40px;
   text-decoration:none;
   background: url(images/nav_divider.gif) no-repeat 0 0;
   }
   #nav-main ul li:first-child a {
   background-position: -2px 0;
   }
   #nav-main ul li a:hover {
   background:url(images/nav-main_hover.gif) no-repeat top left;
   }
   #nav-main ul li:first-child a:hover {
   background-position: -2px 0;
   }
/* =Flash Advertisement
------------------------------------- */
#full-flash-ad {
	width: 980px;
	height: 316px;
	overflow: hidden;
	margin: 0 0 20px;
}

#home_banner {
width:958px;
height:290px;
margin:0 0 25px 14px;
}
/* MAIN CONTENT CONTAINERS ===================== */
#container {
width:988px;
height:753px;
/* center horizontally */
margin:0 auto;
/* reset for IE5 centering */
text-align:left;
position:relative;
}
#flash>#container {
height:auto;
min-height:753px;
}
	/*#breadcrumbs {
	width:980px;
	height:70px;
	margin-bottom:50px;
	}
*/
	#breadcrumbs {
	height:25px;
	margin-bottom:35px;
	width:980px;
	}
	#container-left {
	width:731px;
	margin-left:16px;
	padding:0;
	float:left;
	display:inline;
	}
	#container-right {
	width:208px;
	height:auto;
	margin:0 21px 0 0;
	float:right;
	display:inline;
	}
	
/* HEADER CONTAINER ===================== */

			#content-left p.mediaHeaderH1, #content-left p.contentHeaderH1, #content-left p.headerH1 {
			width:203px;
			height:46px;
			margin:25px 0;
			padding:0;
			color:#e11191;
			font-size:42px;
			font-weight:normal;
			line-height:46px;
			overflow:hidden;	
			}
			#content-left p.mediaHeaderH1 {
			margin-bottom:135px;
			padding-top: 4px;
			}
			#content-left p.contentHeaderH1 {
			margin-bottom:208px;
			padding-top: 4px;
			}
	
		#media-header {
		width:508px;
		height:188px;
		margin-bottom:20px;
		position:relative;
		background:url(images/media_header.png) right top no-repeat;
		}
		#media-header-search {
		width:508px;
		height:188px;
		float:right;
		position:relative;
		background:url(images/media_header_searchBG.png) right top no-repeat;
		}
		.content-header {
		width:508px;
		height:258px;
		margin-bottom:20px;
		position:relative;
		background:url(images/content_header.png) right top no-repeat;
		}
		#media-header h5, .content-header h5 {
			color:#FFFFFF;
			font-size:42px;
			font-weight:normal;
			line-height:46px;
			position:absolute;
			top:28px;
			left:25px;
		}
		.article-content h6 {
			width:448px;
			padding:15px 0 25px 0;
			color:#D42895;
			font-size:42px;
			font-weight:normal;
			line-height:46px;
		}

/* FILTER SEARCH BOX ============== */
#search-news {
width:477px;
height:75px;
padding:103px 0 0 12px;
}
	#search-news p.select {
	width:160px;
	margin:15px 0 0 15px;
	float:left;
	display:inline;
	}
	#search-news p.select label {
	width:160px;
	display:block;
	color:#FFFFFF;
	font-size:14px;
	line-height:24px;
	}
	#search-news p.select select {
	width:160px;
	display:block;
	color:#747e88;
	font-size:12px;
	}
	#search-news .btn-search {
	width:103px;
	height:31px;
	float:left;
	margin:32px 0 0 12px;
	}

/* CONTENT CONTAINERS ============== */
#content {width:731px;}
 #content-left {
 width:216px;
 float:left;
 display:inline;
 }
  #CLI, #CLI-blank {
  width:216px;
  height:102px;
  }
  #CLI {
  padding-top:48px;
  }
  #CLI2 {
  padding-top:48px;
  width:216px;
  height:200px;
  }
  #CLI-blank {
  padding-top:8px;
  }
  #content-left > #CLI {
  height:auto;
  min-height:102px;
  }
  
   #content-left > #CLI2 {
  height:auto;
  min-height:200px;
  }
   .blank_sidebar 
   {
   background:url(images/CLI-sidebarBG.png) 0 0 no-repeat;
   }
   .downloads {
   background:url(images/CLI-downloads.png) 0 0 no-repeat;
   }
   .fast-facts {
   background:url(images/CLI-fast-facts.png) 0 0 no-repeat;
   }
   .network_content {
   background:url(images/CLI-network-content.png) 0 0 no-repeat;
   }
   .contact_address {
   background:url(images/CLI-address.png) 0 0 no-repeat;
   clear:both;
   }
   .contact_helpdesk {
   background:url(images/CLI-service-desk-numbers.png) 0 0 no-repeat;
   clear:both;
   }
   .CLI-copy {
   width:185px;
   margin-left:13px;
   }
   .CLI-gallery {
   width:185px;
   margin-left:7px;
   }
   .CLI-copy img {margin-bottom:12px;}
   .CLI-pad {
   height:68px;
   }
   .CLI2-pad {
   height:0px;
   }

	
	#content-right {
	width:508px;
	float:right;
	display:inline;
	}
		.article {
		width:508px;
		margin:0;
		}
		.articleTop {
		width:508px;
		height:10px;
		/* Fix gap between divs in IE */
		font-size:0;
		background:url(images/articleBG_top.png) top right no-repeat;
		}
		.articleMid {
		width:508px;
		position:relative;
		background:url(images/articleBG_mid.png) top right repeat-y;
		overflow:hidden;
		}
			.article-content {
			width:448px;
			margin-left:30px;
			}
		.articleBot {
		width:508px;
		height:10px;
		margin-bottom:11px;
		/* Fix gap between divs in IE */
		font-size:0;
		background:url(images/articleBG_bot.png) top right no-repeat;
		}
		/* Article small */
		.article-small {
		width:251px;
		height:244px;
		margin:0 0 11px 0;
		float:left;
		display:inline;
		}
		.article-small-left {
		margin-right:6px;
		}
		.article-smallTop {
		width:251px;
		height:8px;
		/* Fix gap between divs in IE */
		font-size:0;
		background:url(images/article-smallBG_top.png) top right no-repeat;
		}
		.article-smallMid {
		width:251px;
		position:relative;
		background:url(images/article-smallBG_mid.png) top right repeat-y;
		}
			.article-small-img {
			padding-left:8px;
			}
		.article-smallBot {
		width:251px;
		height:8px;
		/* Fix gap between divs in IE */
		font-size:0;
		background:url(images/article-smallBG_bot.png) top right no-repeat;
		}
		
/* MAIN CONTENT LIST STYLES */
.article-content ul {
padding:0 0 8px 5px;
}
.article-content ul li {
background:url(images/bullet.gif) left 9px no-repeat;
margin:0;
padding:4px 0 0 30px;
line-height:16px;
}
.article-content ol {
padding:0 0 8px 25px;
list-style:decimal;
}
.artiscle-content ol li {
margin:0;
padding:4px 0 0 10px;
line-height:16px;
}
.source {
	font-size: 11px;
	font-weight: bold;
}
		
/* HOME PAGE BOXES ============== */
.promo, .accordian {
height:244px;
margin:0 0 0 8px;
float:left;
display:inline;
}
.promo {
width:152px;
}
.promo1 {
margin-left:14px;
}
.accordian {
width:315px;
}
	.homeBox_L {
	height:244px;
	background:url(images/homeBox_L.png) left top no-repeat;
	}
	.homeBox_R {
	height:244px;
	/* draws the right trim. */
	background:url(images/homeBox_R.png) right top no-repeat;
	/* padding here stops the middle background from drawing over the left
	   and right trim. */
	padding-left:8px;
	padding-right:8px;
	}
	.homeBox_M {
	height:244px;
	padding:8px 0;
	background:url(images/homeBox_M.png) center top repeat-x;
	}
		.accordian img {
		margin-left:1px;
		}
		ul.accordian-links {
		margin-top:4px;
		}
			ul.accordian-links li {
			margin:0 7px;
			padding:0;
			border-bottom:1px dashed #e2e7f0;
			}
				ul.accordian-links li a {
				padding:5px 0 5px 20px;
				display:block;
				background:url(images/arrow.gif) 3px 3px no-repeat;
				color:#d4258b;
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				line-height:13px;
				}
				ul.accordian-links a:hover {
				background:#e9deed url(images/arrow_hover.gif) 3px 3px no-repeat;
				}
	
/* SIDEBAR ============== */
#sidebar-top {
width:208px;
height:10px;
font-size:0;
background:url(images/networksBG_top.png) 0 0 no-repeat;
}
#sidebar-mid {
width:190px;
padding:0 9px;
background:url(images/networksBG_mid.png) 0 0 repeat-y;
}
	/* NAV SIDEBAR */
	ul.nav-sidebar {
	padding:10px 0 0 0;
	}
	ul.nav-sidebar li {
	margin:0 5px;
	border-bottom:1px dashed #FFFFFF;
	}
	ul.nav-sidebar li a {
	display:block;
	padding:5px 0 5px 20px;
	background:url(images/arrow.gif) 3px 3px no-repeat;
	color:#747e88;
	text-decoration:none;
	line-height:15px;
	}
	ul.nav-sidebar li a:hover {
	background:#e9deed url(images/arrow_hover.gif) 3px 3px no-repeat;
	color:#d4258b;
	}
#sidebar-bot {
width:208px;
height:84px;
font-size:0;
background:url(images/networksBG_bot.png) 0 0 no-repeat;
}
#advertise {
	padding-top: 25px;
	/*width:208px;*/
	text-align: center;
}
		
				
/* TEXT AND LINK STYLES ============================ */
h2, .h2 {
color:#d42895;
font-size:16px;
line-height:18px;
margin:0;
}
.promo h2 {
font-weight:normal;
line-height:18px;
}
.article h2 {
width:325px;
padding:10px 136px 20px 0;
margin:0 0 10px 0;
line-height:20px;
background:url(images/title_grad_underline.png) bottom center no-repeat;
}
h2.sub-title {
width:450px;
margin:0 0 12px 0;
padding:24px 0 6px 0;
border-bottom:1px dashed #d2d6df;
background:none;
}
#content-right h3 {
color:#d42895;
font-size:14px;
font-weight:normal;
line-height:18px;
padding:0 0 30px 0;
}
p {
margin:0;
padding-bottom:8px;
font-size:12px;
line-height:16px;
}
#content-left p {
margin:0;
padding-bottom:8px;
color:#e41a9a;
}
#content-right p.date {
font-size:11px;
font-weight:bold;
position:absolute;
top:13px;
right:15px;
}

/* PROMO BOX - setting limits for amount of visible text */
.promo p, .article-small p, .accordian p, .promo a, .article-small a, .accordian a {
font-size:11px;
line-height:14px;
}
.promo h2, .promo p, .promo a {
width:118px;
margin:10px 0 0 8px;
padding:0;
overflow:hidden;
}
.promo h2 {
height:18px;
margin:6px 0 0 8px;
}
.promo p {
height:55px;
}
.promo a {
height:23px;
}
.promo a.imageLink {
margin-left: 0px;
}

/* NETWORK AND CASE STUDY BOXES - setting limits for amount of visible text */
.article-small h2, .article-small p, .article-small a.view-article {
width:221px;
margin:10px 0 0 15px;
padding:0;
overflow:hidden;
}
.article-small h2 {
height:19px;
}
.article-small p {
height:55px;
}
.article-small a.view-article {
height:23px;
}

/* ACCORDIAN TEXT - setting limits for amount of visible text */

.accordian h3, .accordian a.view-article {
width:280px;
margin:10px 0 0 8px;
padding:0;
overflow:hidden;
}
.accordian a.view-article-link {
width:280px;
padding:0;
overflow:hidden;
}
.accordian h3 {
height:140px;
font-size:11px;
font-weight:normal;
line-height:14px;
}
.accordian h3 span {
width:280px;
overflow:hidden;
color:#d42895;
font-size:12px;
font-weight:bold;
line-height:16px;
display:block;
padding-bottom:8px;
}
.accordian a.view-article {
height:23px;
}

/* VIEW-LEARN ARTICLE-MORE LINK */
a.view-article, a.view-article-link {
display:block;
background:url(images/arrow_hover.gif) 0 3px no-repeat;
color:#d4258b;
text-decoration:none;
line-height:23px;
text-indent:22px;
}
a.view-article:hover, a.view-article-link:hover {
background:#e9deed url(images/arrow.gif) 3px 3px no-repeat;
}

/* VIEW-LEARN ARTICLE-MORE LINK */
a.view-article-news {
display:inline;
float:left;
margin-right:20px;
background:url(images/arrow_hover.gif) 0 3px no-repeat;
color:#d4258b;
text-decoration:none;
line-height:23px;
text-indent:22px;
}
a.view-article-news:hover {
background:#e9deed url(images/arrow.gif) 3px 3px no-repeat;
padding-right:5px;
}



/* VIEW-LEARN ARTICLE-CONTENT LINK */
a.view-article-content {
display:block;
color:#747e88;
text-decoration:none;
line-height:15px;
text-indent:0px;
}
a.view-article-content:hover {
color:#d4258b;
}

/* NETWORKS TABS =========================== */

#networks-tabs {
width:500px;
height:33px;
margin:0 0 26px 4px;
padding-top:26px;
background:url(images/networks_tabsBG.gif) left bottom repeat-x;
}
	#networks-tabs ul {
	width:479px;
	height:33px;
	padding-left:21px;
	position:relative;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
		#networks-tabs ul li {
		width:108px;
		height:33px;
		padding-left:4px;
		display:block;
		float:left;
		}
			#networks-tabs ul li a {
			width:108px;
			height:32px;
			display:block;
			float:left;
			background:url(images/network_tab.gif) left bottom no-repeat;
			color:#747e88;
			text-decoration:none;
			line-height:32px;
			}
			#networks-tabs ul li a:hover {
			background:url(images/network_tab_active.gif) right bottom no-repeat;
			text-decoration:none;
			}
			#networks-tabs ul li a span {
			padding:3px 0 3px 35px;
			background:url(images/arrow_networks.gif) 7px center no-repeat;
			}
			#networks-tabs ul li a:hover span{
			color:#d42895;
			background:url(images/arrow_hover.gif) 7px center no-repeat;
			}
			#networks-tabs ul li a.active {
			height:32px;
			color:#d42895;
			background:url(images/network_tab_active.gif) right bottom no-repeat;
			border-bottom:1px solid #FFF;
			}
			#networks-tabs ul li a.active span {
			background:url(images/arrow_hover.gif) 7px center no-repeat;
			}	
				
/* CONTENT LEFT EXTRAS =========================== */

#content-left a {
color:#FFFFFF;
text-decoration:none;
}
#content-left a:visited {
color:#FFFFFF;
text-decoration:none;
}
#content-left a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/* CONTENT RIGHT EXTRAS =========================== */

#content-right a {
color:#D42895;
text-decoration:none;
}
#content-right a:visited {
color:#D42895;
text-decoration:none;
}
#content-right a:hover {
color:#D42895;
text-decoration:underline;
}

/* IMAGE SLIDER =========================== */
.imageSlider {
width:297px;
height:144px;
margin-top:3px;
text-align:center;
}
	.imageSliderL {
	width:22px;
	height:144px;
	float:left;
	}
	.imageSliderItem {
	width:250px;
	height:144px;
	float:left;	
	text-align: center;
	}
	.imageSliderR {
	width:22px;
	height:144px;
	float:right;
	}
	
/* NEW STYLES - June 24 =========================== */
#branding {
position:absolute;
top:20px;
left:20px;
}

/* CONTENT TABLE STYLE =========================== */

.cTable {
 background-color: #eaf2f6;
}
.cTable td {
 border-bottom: 1px solid #FFFFFF;
 font-size: 12px;
 line-height: 2;
 padding: 0 0 0 6px;
}
.cTable_right {
 color: #e544a8;
}

/* NEWS BUTTON STYLE =========================== */
#newsBoxBTNSR {
	float: left;
	display:block;		
	text-decoration:none;
	line-height:23px;
	text-indent:22px;
	padding-left:10px;
}
#newsBoxBTNSR a.newsBTNRprev { background: url(images/arrow_hover_left.gif) no-repeat; height: 20px; width: 15px; display: block; float: left; }
#newsBoxBTNSR a.newsBTNRnext { background: url(images/arrow_hover_right.gif) no-repeat; height: 20px; width: 15px; display: block; float: left;}
#newsBoxBTNSR a:hover.newsBTNRprev { background: url(images/arrow_hover_left.gif) no-repeat; }
#newsBoxBTNSR a:hover.newsBTNRnext { background: url(images/arrow_hover_right.gif) no-repeat; }


.flashBG 
{
	position: absolute; 
	top: 0; 
	z-index: 0; 
	width: 100% 
}

#banner-title 
{
	position:absolute;
	top:20px;
	right:22px;
}
#container #banner-title h1#banner-title-text
{
	width:100%;
	font-size: 11px;
	font-weight: normal;
	color:#444;
}

/* MEDIA GALLERIES =================================*/
.media-gallery-item {
            float: left;
            display: inline;
            width: 160px;
            height: 170px;
            margin-right: 14px;
            margin-bottom: 14px;
}

.mgi-last { margin-right: 0 }

.media-gallery-item-top {
            height: 9px;
            width: 160px;
            background: url(images/mgi_top.png) no-repeat;
            overflow:hidden;
}

.media-gallery-item-mid {
            height: 152px;
            width: 160px;
            background: url(images/mgi_mid.png) no-repeat;
            overflow:hidden;
}

.media-gallery-item-image {
	margin: 0 9px;
}

.media-gallery-item-bot {
            height: 9px;
            width: 160px;
            background: url(images/mgi_bot.png) no-repeat;         
}

.media-gallery-item-mid-content { height: 43px; margin: 5px 6px 6px 6px; overflow: hidden }
.media-gallery-item-mid-content p { line-height: 1.2; padding: 0 9px; }

/* POP UP */

.popupMain {
            width: 612px;
            height: 560px;
            background-color: #ffffff;
            padding: 0;
}

.popupMain-top {
            height: 6px;
            width: 612px;
}

.popupMain-mid {
            width: 612px;
            padding-left:6px;
}

.popupMain-desc{
            width: 572px;
            padding:10px 30px 10px 16px ;
}

.popupMain-bot {
            height: 6px;
            width: 612px;
}

.popup-caption {
            width: 400px;
            float: left;
            text-align: left;
            padding: 10px 15px;
            line-height: 1.3;
}

.popup-close {
            width: 135px;
            float: right;
            text-align: right;
            padding: 5px 15px 0 0;
}

.popup-thumbs {
            height: 100px;
            text-align: left;
            padding: 6px;
}

.popup-left {
            width: 24px;
            margin-right: 8px;
            float: left;
            display: inline;
}

.popup-right {
            width: 24px;
            float: right;
            display: inline;
}

.popup-thumbs-item {
            width: 128px;
            height: 82px;
            float: left;
            display: inline;
            margin-right: 8px;

}

.popup-thumbs-item a {
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;

}

.popup-thumbs-item a:hover {
			filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;

}
	
/* NEW STYLES - Sept 17 contact form =========================== */

#contactL {
	width: 214px;
	float: left;
	display: inline;
	margin-right: 20px;
}
#contactR {
	width: 214px;
	float: left;
	display: inline;
}
#contactForm form {
	margin:0;
	padding:0;
}
#contactForm p {
	margin:0;
	padding:5px 0 0 0;
	line-height:16px;
}
#contactForm input {
	height:20px;
	line-height:20px;
}
#contactForm textarea.address {
	height:44px;
}
#contactForm textarea.comments {
	height:190px;
}
#contactForm input, #contactForm textarea {
	width:208px;
	border:1px solid #c5c9d1;
	color:#858585;
	font-family:Arial, sans-serif;
	font-size:12px;
	padding:2px 2px;
	margin:1px 0 0 0;
}
/* target IE7 */
*+html #contactForm input, *+html #contactForm textarea {
	margin:0;
}
/* target IE6 */
* html #contactForm input, * html #contactForm textarea {
	margin:0;
}
#contactForm input.btn {
	width:103px;
	height:31px;
	padding-top:21px;
	margin-left:-2px;
	border:none;
}
#contactForm label {
	display:block;
	width:206px;
	float:left;
	color:#ce1a86;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	padding-left:2px;
}
#thankyouMessage p {
    color:#D42895;
    font-size:14px;
    line-height:18px;
    margin-bottom: 30px;
}




/* =Wrap (Background container)
------------------------------------- */
.wrap {
	width: 980px;
	margin: 0 0 20px;
}

.wrap-top {
	width: 980px;
	height: 10px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	background: url(images/BG-wrap-top.png) no-repeat 0 0;
}

.wrap-bot {
	width: 980px;
	height: 10px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	background: url(images/BG-wrap-bot.png) no-repeat 0 0;
}

.wrap-mid {
	width: 980px;
	overflow: hidden;
	background: url(images/BG-wrap-mid.png) repeat-y 0 0;
}

.wrap-gradient {
	width: 980px;
	height: 382px;
	background: url(images/BG-wrap-gradient.png) no-repeat 0 0;
}

html > body .wrap-gradient {
	height: auto;
	min-height: 382px;
}

.wrap-gradient .inner {
	padding: 10px 20px;
}

.wrap-gradient-short {
	width: 980px;
	height: 225px;
	background: url(images/BG-wrap-gradient-short.png) no-repeat 0 0;
}

html > body .wrap-gradient-short {
	height: auto;
	min-height: 225px;
}

.wrap-gradient-short .inner {
	padding: 10px 20px;
}

.wrap-item { width: 940px; overflow: hidden; margin: 0 0 20px; }


/* =Info Panel
------------------------------------- */
.info-panel { width: 980px; height: 160px; overflow: hidden; margin: 0 0 20px; background: url(images/info-panel_BG.gif) no-repeat 0 0; }
.info-panel .col-wrap { width: 970px; margin: 5px; }
.info-panel .col { width: 322px; height: 150px; float: left; display: inline; position: relative; }
.info-panel .col2, .info-panel .col3 { margin-left: 2px; }
.info-panel .header { width: 290px; overflow: hidden; margin: 12px 16px 2px;}
.info-panel .copy { margin: 0 16px; }
.info-panel .copy p { margin: 0; font-size: 11px; line-height: 15px; }
.info-panel .btn { position: absolute; right: 16px; bottom: 12px; }

/* =Box1
------------------------------------- */
.box1 { width: 407px; height: 362px; overflow: hidden; float: left; display: inline; background: url(images/box1_BG.png) no-repeat 0 0; }
.box1 .header { margin: 13px; }
.box1 .copy { height: 65px; overflow: hidden; margin: 0 24px 13px; }
.box1 .copy p { margin: 0; }
.box1 .cats { margin: 0 0 0 7px;}
.box1 .cats a { float: left; display: inline; margin: 0 0 8px 8px; }


/* =Box2
------------------------------------- */
.box2-wrap { width: 515px; float: left; display: inline; margin: 0 0 0 18px; }
.box2 { width: 515px; height: 172px; overflow: hidden; background: url(images/box2_BG.png) no-repeat 0 0; }


.box2 .header { margin: 13px 13px 3px; }
.box2 .copy { height: 85px; overflow: hidden; margin: 0 24px; padding: 7px 0 0; }
.box2 .copy p { margin: 0; font-size: 11px; line-height: 15px; }
.box2 .copy .title { color: #D42895; font-size: 15px; font-weight: bold; line-height: 18px; }

#about { margin: 0 0 18px 0; }
#about .copy { width: 299px; float: left; display: inline; }
#about .thumb { width: 144px; float: right; display: inline; margin: 0 24px 0 0; }


/* =Box3
------------------------------------- */
.box3 { width: 638px; overflow: hidden; float: left; }
.box3-top { width: 638px; height: 53px; overflow: hidden; background: url(images/box3-top_BG.png) no-repeat 0 0; }
.box3-mid { width: 638px; padding: 3px 0 0; overflow: hidden; background: url(images/box3-mid_BG.png) repeat-y 0 0; }
.box3-bot { width: 638px; height: 15px; overflow: hidden; background: url(images/box3-bot_BG.png) no-repeat 0 0; font-size: 1px; line-height: 1px; }

.box3 .header { margin: 13px 13px 0; }
.box3 .copy { /*height: 85px;*/ overflow: hidden; margin: 0 24px; padding: 7px 0 0; }
.box3 .copy p { margin: 0; font-size: 11px; line-height: 15px; }
.box3 .copy .title { color: #D42895; font-size: 15px; font-weight: bold; line-height: 18px; }

/* =Box Full Width
------------------------------------- */
.box-full { width: 980px; overflow: hidden; float: left; }
.box-full-top { width: 980px; height: 53px; overflow: hidden; background: url(images/box-full-top_BG.png) no-repeat 0 0; }
.box-full-mid { width: 980px; padding: 3px 0 0; overflow: hidden; background: url(images/box-full-mid_BG.png) repeat-y 0 0; }
.box-full-bot { width: 980px; height: 15px; overflow: hidden; background: url(images/box-full-bot_BG.png) no-repeat 0 0; font-size: 1px; line-height: 1px; }

.box-full .header { margin: 13px 13px 0; }
.box-full .copy { /*height: 85px;*/ overflow: hidden; margin: 0 24px; padding: 7px 0 0; }
.box-full .copy p { margin: 0; font-size: 11px; line-height: 15px; }
.box-full .copy .title { color: #D42895; font-size: 15px; font-weight: bold; line-height: 18px; }


/* =Login Box
------------------------------------- */
.login-box { width: 284px; overflow: hidden; float: right; }
.login-box-top { width: 284px; height: 15px; overflow: hidden; background: url(images/login-box-top_BG.png) no-repeat 0 0; }
.login-box-mid { width: 284px; overflow: hidden; background: url(images/login-box-mid_BG.png) repeat-y 0 0; }
.login-box-gradient { width: 284px; background: url(images/login-box-gradient_BG.png) no-repeat 0 100%; }
.login-box-bot { width: 284px; height: 15px; overflow: hidden; background: url(images/login-box-bot_BG.png) no-repeat 0 0; font-size: 1px; line-height: 1px; }

.login-form p { clear: both; overflow: hidden; margin:0; padding:5px 20px 0; line-height:16px; }
.login-form label { float: left; font-size: 14px; line-height: 24px; }
.login-form input.text { width:165px; float: right; border:1px solid #c5c9d1; color:#858585; font-family:Arial, sans-serif; font-size:12px; padding: 4px 2px; }

.login-form .links { display: block; width: 144px; float: left; text-align: right; }
.login-form .button { display: block; width: 100px; float: right; text-align: right; }

.login-form .links a, .login-form .links a:visited { display: block; color: #D42895; font-size: 11px; line-height: 15px;  }


/* =More Link
------------------------------------- */
a.more, a.more:visited { padding: 2px 5px 2px 15px; color:#D42895; text-decoration:none; background:url(images/arrow_hover.gif) no-repeat 0 0; }
a.more:hover { color:#D42895; background:#e9deed url(images/arrow.gif) 3px 0 no-repeat; }


/* =Listing
------------------------------------- */
.listing-wrap { width: 940px; overflow: hidden; margin: 0 0 20px; }
.listing-header { width: 220px; margin: 0 20px; float: left; display: inline; }
.listing { width: 680px; float: left; display: inline; }
.listing .item { width: 156px; overflow: hidden; margin: 0 14px 0 0; float: left; display: inline; }
.listing .thumb { display: block; }
.listing .thumb img { display: block; margin: 0 auto; border: 3px solid #8a8a8a; }
.listing a.title, .listing a.title:visited { display: block; padding: 8px 0 20px; font-size: 11px; font-weight: bold; line-height: 13px; text-align: center; text-decoration: none; text-transform: uppercase; }
.listing a.title:hover { text-decoration: underline; }



/* =Listing Grid
------------------------------------- */
.listing-grid-wrap { width: 980px; margin: 20px 0; background: url(images/listingGrid_bar_BG.gif) no-repeat 0 0; }
.listingGrid { width: 940px; margin: 0 auto; }
.listingGrid th { height: 40px; padding-right: 14px; text-align: left; color: #FFFFFF; font-size: 12px; font-weight: normal; line-height: 40px; }
.listingGrid th a, .listingGrid th a:visited { color: #FFFFFF; font-size: 12px; font-weight: normal; text-decoration: none; }
.listingGrid th a:hover { color: #FFFFFF; text-decoration: underline; }
.listingGrid td { border-bottom: 1px solid #a8a8a8; padding: 14px 14px 14px 0; color: #ffffff; font-size: 12px; margin: 0; vertical-align: top; }
.listingGrid td a { padding: 3px 0 3px 0; font-size: 12px; font-weight: normal; }
.listingGrid .thumbnail img { border: 3px solid #8a8a8a; }
.deleteColumn { white-space:nowrap; width:70px; }




/* =Page Bottom Nav
------------------------------------- */
#nav-bot {
width:980px;
overflow: auto;
margin: 0 0 22px 0;
}
#nav-bot ul {
width:auto;
position:relative;
display:inline;				
height:14px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
#nav-bot ul li {
display:block;
float:left;
}
#nav-bot ul li a {
display:block;
float:left;
color:#747E88;
text-decoration:none;
padding:0 12px;
height:14px;
line-height:14px;
background:url(images/nav_bot_divider.gif) left center no-repeat;
}
/* first-child selector - supported by modern browsers only */
#nav-bot ul li:first-child a {
background:none;
}
#nav-bot ul li a:hover {
color:#FFFFFF;
}
#nav-bot p.copy {
float:right;
margin: 0;
padding-right:8px;
font-size:11px;
}

/* =Footer Nav
------------------------------------- */
#nav-footer {
width:940px;
padding: 0 0 45px 0;
}
.column {
float:left;
margin: 0 10px;
width:168px;
display:inline;
}
.column h4 {
color:#D42895;
font-size:14px;
font-weight:bold;
line-height:29px;
}
#nav-footer ul li {
width:168px;
/*border-bottom:1px dashed #e2e7f0;*/
}
#nav-footer ul li a {
display:block;
width:153px;
background:url(images/arrow_footer.gif) 5px 10px no-repeat;
color:#ededed;
font-size:11px;
font-weight:bold;
text-decoration:none;
line-height:13px;
padding:5px 0 5px 15px;
}
#nav-footer ul li a:hover {
background:#d60d8c url(images/arrow_footer_hover.gif) 7px 10px no-repeat;
color:#FFFFFF;
}