/* =Reset
------------------------------------- */
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,table,tr,th,td,blockquote {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}ol,ul {list-style: none;}:focus {outline: 0;}table {border-collapse: collapse;border-spacing: 0;}a img {border:none;}

/* =General (http://pxtoem.com)
------------------------------------- */
.clear { clear:both; }

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;
}

p {
	line-height: 16px;
	margin: 0 0 16px;
}

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%;
}

/* =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;
}
 #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;
}


/* =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: auto;
	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; color: #747E88; text-decoration: none; cursor: pointer; }
.info-panel .col:visited { color: #747E88; }
.info-panel .col:hover { color: #D42895; }
.info-panel .col2, .info-panel .col3 { margin-left: 2px; }
.info-panel .header { display: block; width: 290px; overflow: hidden; margin: 12px 16px 2px;}
.info-panel .copy { display: block; margin: 0 16px; }
.info-panel .copy p { margin: 0; font-size: 11px; line-height: 15px; }
.info-panel .btn { display: block; width: 128px; height: 35px; overflow: hidden; position: absolute; right: 16px; bottom: 12px; background: url(../images/btn_learn-more.gif) 0 0 no-repeat; text-indent: -9999px; }
.info-panel .col:hover .btn { background-position: 0 -35px; }

/* =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; font-size: 11px; line-height: 15px; }
.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: 96px; 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; position: relative; }
#about a.more { position: absolute; bottom: 0; right: 0; }
#about .thumb { width: 144px; float: right; display: inline; margin: 0 24px 0 0; }

#news a.more { height: 17px; line-height: 17px; padding: 0 5px 0 15px; position: absolute; bottom: 0; right: 0; }
#news .wrapper { width: 467px; height: 96px; position: relative; }

/* =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; 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-box .header { margin: -2px 13px 6px; }

.login-form { height: 111px; }
.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-header p { color: #fff; margin: 28px 0 0; }
.listing-header p span { color: #FF009A; font-size: 11px; }



/* =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; }
.listingGrid .opac { opacity: 0.5; filter:alpha(opacity=50); }
.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;
}


/* NEW */
.listing-opacity .thumb img { opacity: 0.5; filter:alpha(opacity=50); }
.wrap p.text { color: #fff; margin: 0 18px 24px;}


/* Network links */
.network-lifestyle { background: url(../images/network_lifestyle.gif) 0 0 no-repeat; }
.network-lifestyle:hover { background-position: 0 -96px; }
.network-home-elec { background: url(../images/network_home-elec.gif) 0 0 no-repeat; }
.network-home-elec:hover { background-position: 0 -96px; }
.network-wellbeing { background: url(../images/network_wellbeing.gif) 0 0 no-repeat; }
.network-wellbeing:hover { background-position: 0 -96px; }
.network-managed { background: url(../images/network_managed.gif) 0 0 no-repeat; }
.network-managed:hover { background-position: 0 -96px; }

/* =Network Listing
------------------------------------- */
.network-listing { width: 924px; margin: 21px 8px 0; }
.network-listing .item { width: 266px; overflow: hidden; margin: 0 21px; float: left; display: inline; }
.network-listing .thumb { display: block; width: 184px; height: 96px; overflow: hidden; margin: 0 auto; color: #D42895; font-size: 12px; line-height: 12px; text-indent: -9999px;  }
.network-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; }
.network-listing a.title:hover { text-decoration: underline; }