﻿/****************************
      Top Widgets
****************************/
#homeWidget 
{
    float:left;
    width:676px;
}

#topContent
{
    width:676px;
    float:left;
}
.topezinewidget
{
    width: 465px;
    margin:0px auto;
}

.top54u-ezines
{
    background-image:url(images/top54u-ezines.jpg);
    width:171px;
    height:32px;
}

#topWidgets
{
  width:485px;
  float:right;
  padding:0px 0px 0px 6px;
}

.topwidget
{
    width: 465px;
    padding:10px;
    margin:0px auto;
}

.topwidget .leftsection
{
    width:327px;
    float:left;
}

.topwidget .rightsection
{
    width:138px;
    float:right;
    background-color: #f0f1f3;
    padding-top:8px;
    padding-bottom:8px;
}

.topwidget .rightsection .rightimage
{
    width:120px;
    height:90px;
    margin:0 auto;
}

.topwidget .rightsection .rightcontent
{
    width:120px;
    margin:0 auto;
    padding-top:5px;
    font-weight:bold;
}

.topwidget .leftsection a {
    color: #0066cc;
    font-size: 13px;
}

.topwidget .rightsection a
{
    color:#0075b0;
    font-size:10px;
}

.topwidget .rightsection p
{
    color:#2b3438;
    font-size:10px;
    margin:0px;
    padding-top:8px;
}

.topwidget .heading,.topwidget .heading a,.topwidget .heading a:hover
{
    color:#5b5555;
    font-family:Verdana;
    font-weight:bold;
    font-size:18px;
    padding-bottom:6px;
    text-decoration:none;
}

.topwidget ul
{
   width:320px;
   margin:0px;
   padding:0px;
   list-style:none;
}

.topwidget ul li
{
   list-style:none;
   width:320px;
   padding: 3px 0px 3px 0px;
   border-bottom: dotted 1px #dedede;
}

.topwidget ul li a
{
   color:#4e75a5;
   line-height:20px;
   font-size:12px;
   font-family: Arial;
   display: block;
}

.topwidget .lowerimage
{
    width:325px;
    padding-top:10px;
    font-weight:bold;
}

.topwidget .lowerimage .imgframe
{
    border:solid 1px #cccccc;
    width:88px;
    height:70px;
    float:left;
    margin-right:5px;
}

.topwidget .lowerimage img
{
    border:solid 4px #ffffff;
    width:80px;
    height:62px;
}

.topwidget .lowerimage a
{
    color:#0075b0;
    font-size:10px;
}

.topwidget .lowerimage p
{
    color:#747d81;
    font-size:10px;
    margin:0px;
    padding-top:8px;
}

.ezineLine {
    border-bottom : solid 1px #b4d76c;
    clear:both;
    padding-bottom:5px;
}

.healthLine {
    border-bottom : solid 1px #fbdc62;
    line-height:2px;
    display:block;
    clear:both;
    padding-bottom:5px;
    padding-top :2px;
}

.relationshipLine {
    border-bottom : solid 1px #f6993f;
    line-height:2px;
    display:block;
    clear:both;
    padding-bottom:5px;
    padding-top :2px;
}

.shoppingLine {
    border-bottom : solid 1px #ee6d6d;
    line-height:2px;
    display:block;
    clear:both;
    padding-bottom:5px;
    padding-top :2px;
}

.entertainmentLine {
    border-bottom : solid 1px #2597ea;
    line-height:2px;
    display:block;
    clear:both;
    padding-bottom:5px;
    padding-top :2px;
}

/*******************************
        Lower Widgets
*******************************/

#lowerWidgets
{
  width:676px;  
  float:left;
}

.lowerwidget
{
    width: 676px;
    margin :0px;
    padding-bottom:15px;
    margin-bottom:15px;
}

.orangeLine
{
    background-color : #f6ca26;
    line-height: 3px;
    height : 3px;
    overflow:hidden;
    margin-bottom:10px;
}

.lowerwidget .heading,.lowerwidget .heading a,.lowerwidget .heading a:hover
{
    color:#5b5555;
    font-family:Verdana;
    font-weight:bold;
    font-size:18px;
    padding-bottom:3px;
    text-decoration:none;    
}


/**********************************************
                Shopping
**********************************************/
.shopList {float:left; margin:0px 0px 0px 8px}
.shopList ul { margin:0px; padding:0px; list-style:none;}
.shopList ul li 
{
    margin:0px; 
    padding:7px 0px 7px 5px; 
    width:260px; 	
    background-image:url(images/dot-line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;}
.shopList ul li.heading {background:none; padding-top:0px}
.shopList ul li.heading .title { color:#5b5555; font-size:16px; font-weight:bold;}
.shopList ul li a, .shopList ul li a:hover,.shopList ul li.seemore a,.shopList ul li.seemore a:hover{ color:#4e75a5; line-height:14px; font-size:12px; text-decoration:none; }
.shopList ul li.seemore {background:none}
.shopList ul li.seemore a,.shopList ul li.seemore a:hover { font-size:11px; font-weight:bold}

.shopImgList {float:left;}
.shopImgList ul { margin:0px; padding:0px; list-style:none; width:400px;}
.shopImgList ul li { margin:0px; padding:0px; width:400px}
.shopImgList ul li .imgframe img { width:93px; height:89px; margin-right:20px; float:left;}
.shopImgList ul li .product {float:left; width:280px;}
.shopImgList ul li .title a, .shopImgList ul li .title a:hover, .shopImgList ul li .desc a,.shopImgList ul li .desc a:hover{ color:#0075b0; line-height:14px; font-size:12px; font-weight:bold; text-decoration:none;}
.shopImgList ul li .desc a,.shopImgList ul li .desc a:hover {font-size:11px; font-weight:normal}
.shopImgList ul li .desc,.shopImgList ul li .prating { color:#747d81; font-size:11px; padding: 5px 0px 5px 0px; }
.shopImgList ul li .prating { font-weight:bold; padding:0px 0px 15px 0px} 

/********************************************
            Videos & Photos Widgets
*********************************************/
.mediaList {margin-right: 18px; float:left;}
.mediaList ul { margin:0px; padding:0px; list-style:none;}
.mediaList ul li { margin:0px; padding:0px 0px 7px 5px; width:138px; }
.mediaList ul li.heading .title,.mediaList ul li.heading .title a,.mediaList ul li.heading .title a:hover { color:#5b5555; font-size:12px; font-weight:bold; padding:2px 0px 2px 0px}
.mediaList ul li.heading .imgframe img { width:130px; height:90px; border:solid 4px #fff; margin:0 auto;}
.mediaList ul li.heading .imgframe { width:138px; height:98px; border:solid 1px #cccccc; overflow:hidden}
.mediaList ul li a, .mediaList ul li a:hover{ color:#4e75a5; line-height:14px; font-size:12px; text-decoration:none;}

/*****************************
        News Widget
*****************************/
.newsList {margin-right:10px; float:left;}
.newsList ul { margin:0px; padding:0px; list-style:none;}
.newsList ul li { margin:0px; padding:0px 0px 0px 5px; width:200px; }
.newsList ul li.heading { color:#5b5555; font-size:12px; font-weight:bold;}
.newsList ul li a, .newsList ul li a:hover{ color:#4e75a5; line-height:20px; font-size:12px; text-decoration:none;}

/*********************************
      Video of the week Widgets
**********************************/

.vwidget { width:256px;margin-bottom:10px;margin-right:8px;float:left; }
.vwidgetBox { background-color: #f0f1f3;width: 256px;margin: 0 auto;margin-top:10px; }
.vwltop { background: url(images/vwtop.jpg) no-repeat top left; }
.vwlbot { background: url(images/vwbottom.jpg) no-repeat bottom left; }
.vwltop, .vwlbot { height: 9px; width: 256px; line-height:9px; display:block; }
.vwcontent { margin: 0px; }
.vwcontent .vwimg { height:183px; width:236px; margin:0 auto; }
.vwcontent .vwTitle { color:#a1a3a7; font-weight:bold; font-size:12px; padding-left:10px; }
.vwcontent .content,.vwcontent .vwTitle { padding-bottom:8px; }
.vwcontent .content p { color:#40473e; font-size:10px; width:236px; margin:0 auto; padding-top:10px }
.vwcontent .content p a,.vwcontent .content p a:hover { color:#40473e; font-weight:bold; text-decoration:none; }

/*********************************
      Top posts Widgets
**********************************/

.pwidget{
    width:412px;
    margin-bottom:10px;
    float:left;
}

.pwidgetBox{
    background-color: #faf0e3;
    width: 412px;
    margin: 0 auto;    
    margin-top:10px;
}

.pwltop  { background: url(images/pwtop.jpg) no-repeat top left; }
.pwlbot  { background: url(images/pwbottom.jpg) no-repeat bottom left; }


.pwltop, .pwlbot {
	height: 9px;
	width: 412px;
	line-height:9px;
	display:block;
}
.pwcontent  { margin: 0px; }

.pwcontent .pwTitle
{
    color:#8c8274;
    font-weight:bold;
    font-size:14px;
    margin-left:10px;
	background-image:url(images/dot-line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
    width:40%;
    padding-bottom:5px;
}

.postsList ul
{
    margin:0px;
    padding:0px;
    list-style:none;
    height:255px;
}

.postsList ul li 
{
    list-style:none;
    padding-top:5px;
    padding-bottom:5px;
	margin:0px 10px 0px 10px;
	background-image:url(images/dot-line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;  
}

.postsList ul li .title a,.postsList ul li .title a:hover, .postsList ul li .title a:hover
{
    color:#666345;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

.postsList ul li .desc,.postsList ul li .desc a,.postsList ul li .desc a:hover
{
    color:#a8a895;
    font-size:10px;
    text-decoration:none;
}

.postsList ul li .source a,.postsList ul li .source a:hover
{
    color:#868639;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}

.postsList ul li .title,.postsList ul li .desc,.postsList ul li .source
{
    padding-top:2px;
    padding-bottom:2px;
}

.postsList ul li.last{border:0px;}

/*********************************
        Side Panel Widgets
**********************************/

.sidewidget{
    width:300px;
    clear:both;
}

.sidewidgetBox{
    background-color: #f0f1f3;
    width: 300px;
    margin: 0 auto;    
    margin-top:10px;
    margin-bottom:10px;
}

.swltop  { background: url(images/rt.jpg) no-repeat top left; }
.swlbot  { background: url(images/rb.jpg) no-repeat bottom left; }


.swltop, .swlbot {
	height: 9px;
	width: 300px;
	line-height:9px;
	display:block;
}
.swcontent  { margin: 0px; }

/***********************************
            Ezines
*************************************/
.ezinewidget{
    width:300px;
    margin-bottom:10px;
    clear:both;
}

.ezinewidgetBox {
    border: 1px solid #E6E6DC;
    width: 298px;
    margin: 0 auto;
    margin-top: 10px;
}

.ewcontent  { margin: 0px; }

.Ezines
{
    background-image:url(images/ezines-back.jpg);
    /*background: #d7d7cb;*/
    background-repeat:repeat-x;
    width: 298px;
    height:28px;
    border-bottom: solid 1px #d7d7cb;
}

.Ezines img
{
    margin-right:10px;
    float:left;
    margin-left:-25px;
}

.Ezines .ezinesTitle
{
    color:#444444;
    float:left;
    font-weight: bold;
    line-height:28px;
    padding-left:10px;
    font-size: 14px;
    font-family: Verdana;
}

.Ezines .ezinesMore {
    float: right;
}

.Ezines .ezinesMore a {
    color: #cc0000;
    font-size: 10px;
    line-height:28px;
    padding-right:10px;
    text-decoration: none;
}

.Ezines .ezinesMore a:hover {
    text-decoration: underline;
}

.Ezines ul 
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.ezinesList{
	width : 285px;
	margin : 0 auto;
	padding:0 0 10px 0;
}


.ezinesList ul{
	list-style: none;
	margin : 0 auto;
	padding: 0px;
	width: 285px;
}

.ezinesList ul li{
	display:inline;
	float : left;
	overflow : hidden;
	display: block;
	width: 115px;
	text-align:left;
	background-image:url(images/dot-line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
    color:#5672a9;
	padding-top:5px;
	margin:0px 10px 0px 10px;
}

.ezinesList ul li a{
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	color:#6d6d39;
	line-height:28px;
}

.ezinesList ul li a:hover{
    text-decoration:none;
}


/***********************************
            Celebs Widgets
*************************************/

.celebs
{
    padding-left:5px;
    border-bottom: solid 1px #fff;
	width: 274px;
	-width:275px;
    margin-left:10px;
}

.celebs img
{
    margin-right:10px;
    float:left;
    margin-left:-25px;
}

.celebs .celebsTitle
{
    color:#a1a3a7;
    float:left;
    padding-bottom:3px;
    font-weight: bold;

}


.celebsList{
	background: #F0F1F3;
	width : 280px;
	margin : 0 auto;
}


.celebsList ul{
	list-style: none;
	margin : 0 auto;
	padding: 0;
	width: 274px;
	-width:280px;
	padding-top:5px;
}

.celebsList ul li, .celebsList ul li.topCelebs, .celebsList ul li.CelebsBDay{
	float : left;
	overflow : hidden;
	width: 127px;
	text-align:left;
	background-image:url(images/dot-line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
    color:#5672a9;
	padding-top:5px;
	padding-bottom:5px;
	margin:5px;
}

.celebsList ul li.CelebsBDay
{
    margin-top:0px;
    margin-bottom:0px;
}

.celebsList ul li.topCelebs
{
    margin-top:0px;
}

.celebsList ul li .desc{
	font-size: 10px;
	text-align:left;
	color:#6d6d39;
	padding-top:2px;
	padding-bottom:2px;
}

.celebsList ul li a{
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	color:#4e75b3;
}
.celebsList ul li a:hover{
	text-decoration:none;
}


/******************************
        BoxOffice
******************************/
.boxofficewidget{
    width:300px;
    margin-bottom:10px;
    clear:both;
}

.boxofficewidgetBox{
    border:solid 1px #cccccc;
    width: 298px;
    margin: 0 auto;    
    margin-top:10px;
}

.bowcontent  { margin: 0px; }

.BoxOffice
{
    background-image:url(images/ezines-back.jpg);
    background-repeat:repeat-x;
    width: 298px;
    height:28px;
    border-bottom: solid 1px #cccccc;
}

.BoxOffice img
{
    margin-right:10px;
    float:left;
    margin-left:-25px;
}

.BoxOffice .BoxOfficeTitle
{
    color:#2f2f0a;
    float:left;
    font-weight: bold;
    line-height:28px;
    padding-left:10px;
}

.BoxOffice ul 
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.BoxOfficeList{
	width : 285px;
	margin : 0 auto;
	padding:0 0 10px 0;
}


.BoxOfficeList ul{
	list-style: none;
	margin : 0 auto;
	padding: 0px;
	width: 285px;
}

.BoxOfficeList ul li{
	display:inline;
	float : left;
	overflow : hidden;
	display: block;
	text-align:left;
    background-image:url(images/dot-line.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
    color:#5672a9;
	padding: 5px 0px 5px 0px;
	margin:0px 10px 0px 10px;
    width: 250px;
}

.BoxOfficeList ul li a{
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color:#6d6d39;
	line-height:28px;
}

.BoxOfficeList ul li a:hover{
    text-decoration:none;
}

/******************************
        Top Deals
*******************************/

.deals
{
    padding-left:5px;
    border-bottom: solid 1px #fff;
    width: 275px;
    margin-left:10px;
    
}

.deals img
{
    margin-right:10px;
    float:left;
    margin-left:-25px;
}

.deals .dealsTitle
{
    color:#a1a3a7;
    float:left;
    padding-bottom:3px;
    font-weight: bold;
}

.deals ul 
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.dealsList{
	background: #F0F1F3;
	width : 278px;
	margin : 0 auto;
}


.dealsList ul{
	list-style: none;
	margin : 0 auto;
	padding: 0px;
	width: 270px;
	padding-top:5px;

}

.dealsList ul li
{
    list-style:none;
	float : left;
	width: 125px;
	padding:5px;
	margin:0px;
}



/****************************
    Games Section
*****************************/

.glLeft {float:left; width:204px; }
.glCenter { float:left; width: 302px; margin-left:6px}
.glRight { float:left; width: 157px; margin-left:6px}
.gwcontent { margin: 0px; }
.gwcontent .right a,.gwcontent .right a:hover{ color:#7b8495; float:right; font-size:11px; font-weight:bold; padding: 0px 10px 5px 0px; }

.glwidget { width:204px;float:left; background-color: #f0f1f3; }
.glwidgetBox { background-color: #f0f1f3;width: 204px;margin: 0 auto; height:191px; overflow:hidden;}
.glwltop { background: url(images/ltop.jpg) no-repeat top left; }
.glwltop div{ background: url(images/rtop.jpg) no-repeat top right; }
.glwlbot { background: url(images/lbottom.jpg) no-repeat bottom left; }
.glwlbot div{ background: url(images/rbottom.jpg) no-repeat bottom right; }
.glwlbot div,.glwltop div,.glwltop, .glwlbot { height: 8px; width: 204px; line-height:8px; display:block; }

.gl { padding-left:5px; width: 189px; margin:0px 5px 0px 5px;}
.gl div.clear {height:1px; overflow:hidden}
.gl img { margin-right:10px; float:left; margin-left:-25px; }
.gl .glTitle { color:#5b5555; float:left; padding:5px 0px 3px 0px; font-weight: bold;}
.gl ul { list-style:none; padding:0px; margin:0px; }
.glList { background: #F0F1F3; margin : 0 auto; padding-left:2px; -padding:0px}
.glList ul{	list-style: none; margin : 0 auto; padding: 0px; width: 195px; }
.glList ul li.mid { list-style:none; float : left; width:58px; padding:0px 2px 5px 3px; margin:0px; }
.glList ul li { list-style:none; float : left; padding:0px 2px 5px 3px; margin:0px; width:58px;}
.glList ul li img { border:solid 4px #fff; width:50px; height:50px;}
.glList ul li .imgframe  { border:solid 1px #cccccc; width:58px; height:58px; overflow:hidden;}


.gcwidget { width:302px;float:left; background-color: #f0f1f3; }
.gcwidgetBox { background-color: #f0f1f3;width: 302px;margin: 0 auto; height:191px; overflow:hidden;}
.gcwltop { background: url(images/ltop.jpg) no-repeat top left; }
.gcwltop div{ background: url(images/rtop.jpg) no-repeat top right; }
.gcwlbot { background: url(images/lbottom.jpg) no-repeat bottom left; }
.gcwlbot div{ background: url(images/rbottom.jpg) no-repeat bottom right; }
.gcwlbot div,.gcwltop div,.gcwltop, .gcwlbot { height: 8px; width: 302px; line-height:8px; display:block; }


.grwidget { width:157px;float:left; background-color: #f0f1f3; }
.grwidgetBox { background-color: #f0f1f3;width: 157px;margin: 0 auto; height:191px; overflow:hidden;}
.grwltop { background: url(images/ltop.jpg) no-repeat top left; }
.grwltop div{ background: url(images/rtop.jpg) no-repeat top right; }
.grwlbot { background: url(images/lbottom.jpg) no-repeat bottom left; }
.grwlbot div{ background: url(images/rbottom.jpg) no-repeat bottom right; }
.grwlbot div,.grwltop div,.grwltop, .grwlbot { height: 8px; width: 157px; line-height:8px; display:block; }

.gameList1 {margin-right: 18px; float:left;}
.gameList1 ul { margin:0px auto; padding:3px 0px 0 0; list-style:none; width:270px;}
.gameList1 ul li { margin:0px; padding:0px 0px 7px 10px;  }
.gameList1 ul li a, .gameList1 ul li a:hover{ color:#4e75a5; line-height:14px; font-size:12px; text-decoration:none;}
.gameList1 ul li a span { color: #868639; font-family:Verdana;}

.gameList2 {margin-right: 18px; float:left;}
.gameList2 ul { margin:0px auto; padding:3px 0 0 0; list-style:none; width:120px;}
.gameList2 ul li { margin:0px; padding:0px 0px 7px 10px; }
.gameList2 ul li a, .gameList2 ul li a:hover{ color:#4e75a5; line-height:14px; font-size:12px; text-decoration:none;}

