/******* css for magazines.com *********************** 
*   author: jiangyong
*   css styles section as follows
*   1. css-for-layout (any css controls page layout)
*   2. css-for-generic (any css controls generic elements across whole site)
*   3. css-for-pages  (css for different pages specific content)
*************************************************/


/**************** 1. css-for-layout ****************************/
*{
	margin: 0;
	padding: 0;
	text-shadow: 0 0 #000;
}

body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

#header{
	background: url(../images/header-bg.jpg) left top repeat-x;
	height: 165px;
	text-align: left;
}

#header-in{
	width: 975px;
	margin: 0 auto;
	position: relative;
	height: 165px;
	z-index: 60;
}

#header-checkout{
	height: 90px;
	text-align: left;
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
}

#header-checkout-in{
	width: 975px;
	margin: 0 auto;
	position: relative;
	height: 90px;
	z-index: 60;
}

#header-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 975px;
	height: 80px;
}

#container{
	width: 975px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}

.layout-right-sidebar200 #container{
	padding-top: 30px;
}

#sidebar{
	width: 202px;
	float: left;
	font-size: 14px;
}

#footer{
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	text-align: left;
}

#mainContent{
	width: 765px;
	float: right;
}

#mainContent .in{
	margin: 0 0 0 9px;
}

.checkout #mainContent{
	width: 630px;
	float: left;
}

.checkout #sidebar{
	width: 330px;
	float: right;
	font-size: 12px;
}

.layout-right-sidebar200 #mainContent .in{
	margin: 0 0 0 9px;
}

.layout-right-sidebar200  #mainContent{
	width: 750px;
	float: left;
}

.layout-right-sidebar200  #sidebar{
	width: 202px;
	float: right;
	font-size: 12px;
}

/************* 2. css-for-generic *************************
* 2.1 common html
* 2.2 heading
* 2.3 button
* 2.4 header
* 2.5 sidebar
* 2.6 footer
* 2.7 list
* 2.8 box
* 2.9 tabs
**********************************************************/
/* 2.1 common html */
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

h1{
	font-size: 26px;
}

h2{
	font-size: 20px;
}

h3{
	font-size: 16px;
	text-align: left;
}

h4{
	font-size: 20px;
	/* was 14 */
}

h6{
	font-size: 12px;
	font-weight: bold;
}

.bigger{
	font-size: 14px;
}

.small{
	font-size: 11px;
}

.bold{
	font-weight: bold;
}

#sidebar p{
	line-height: 1.3;
}

#mainContent p{
	line-height: 1.5;
	margin-bottom: 15px;
}

#popuarCategories h3{
	font-weight: bold;
	color: #006db6;
}

img{
	border: 0;
}

.lightgray{
	color: #777;
}

.blue{
	color: #006db6;
}

.no-padding{
	padding: 0;
}

ul{
	list-style-type: none;
}

.txtbox1{
	width: 100px;
}

#searchGo{
	position: relative;
	top: 5px;
}

a{
	text-decoration: none;
	color: #006db6;
}

a:hover{
	text-decoration: underline;
}

a.redlink{
	color: #ff0018;
	font-weight: bold;
}

.no-margin{
	margin: 0;
}

.clear{
	clear: both;
	height: 1px;
	font-size: 0;
}

span.blue{
	color: #006db5;
}

.red{
	color: #ff0017;
}

em{
	font-style: italic;
	font-weight: normal;
}

strong{
	font-weight: bold;
}

.align-center{
	text-align: center;
}

.align-right{
	text-align: right;
}

span.bluecircle{
	display: inline-block;
	height: 27px;
	width: 28px;
	text-align: center;
	background: url(../images/bluecircle.jpg) left center no-repeat;
	line-height: 27px;
	color: #fff;
	padding-right: 3px;
}

span.bluecircle2{
	display: inline-block;
	height: 26px;
	width: 26px;
	text-align: center;
	background: url(../images/bluecircle2.gif) left center no-repeat;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

div.hr,hr{
	border: 0;
	height: 1px;
	background: url(../images/dash.gif) left top repeat-x;
	font-size: 1px;
	margin: 3px 0 7px 0;
}

div.line1,hr.line1{
	margin: 5px 0;
	border: 0;
	height: 1px;
	background: url(../images/dash.gif) left top repeat-x;
	font-size: 1px;
}

.solidline{
	margin: 15px 0;
	border-bottom: 1px solid #ccc;
	height: 1px;
	font-size: 1px;
}

.fl-left{
	float: left;
}

.fl-right{
	float: right;
}

a.blue-arrow-link{
	background: url(../images/blue-arrow.gif) left center no-repeat;
	padding-left: 10px;
}

.removeLink{
	padding-left: 12px;
	background: url(../images/remove.jpg) left center no-repeat;
}

#mainContent .alert{
	color: #ff0017;
	background: url(../images/alert.gif) left center no-repeat;
	padding: 2px 0 2px 30px;
}

/* 2.1.1 pager */
.pager{
	position: relative;
	padding-bottom: 5px;
}

.pageInfo{
	font-size: 14px;
	position: relative;
	top: 2px;
}

.pager-list{
	position: absolute;
	right: 0;
	top: 0;
}

.pager-list li{
	float: left;
	margin-left: 2px;
	display: inline;
}

.pager-list li a{
	background: url(../images/pager-bg.jpg) left top no-repeat;
	width: 23px;
	height: 20px;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
}

.pager-list li a.pager-prev{
	display: inline-block;
	background: url(../images/gray-arrow-left.gif) left top no-repeat;
	width: 13px;
	height: 20px;
}

.pager-list li a.pager-next{
	display: inline-block;
	background: url(../images/gray-arrow-right.gif) left top no-repeat;
	width: 13px;
	height: 20px;
}

.pager-list li.currentPage a{
	color: #999;
}

/* 2.2 heading */
.blueheading{
	background: url(../images/heading/blueheading-left.jpg) left top no-repeat;
	padding-left: 10px;
	text-align: left;
}

.blueheading h3{
	color: #fff;
	background: url(../images/heading/blueheading-right.jpg) right top no-repeat;
	height: 26px;
	padding-top: 14px;
	font-weight: bold;
	font-size: 14px;
}

.blueheadingIn{
	background: url(../images/heading/blueheadingin-left.jpg) left top no-repeat;
	padding-left: 10px;
	text-align: left;
}

.blueheadingIn h2{
	color: #fff;
	background: url(../images/heading/blueheadingin-right.jpg) right top no-repeat;
	height: 31px;
	line-height: 31px;
}

.blueheading38{
	background: url(../images/heading/blueheading38-left.jpg) left top no-repeat;
	text-align: left;
	padding-left: 9px;
}

.blueheading38 h1{
	color: #fff;
	background: url(../images/heading/blueheading38-right.jpg) right top no-repeat;
	height: 38px;
	line-height: 38px;
	padding-left: 6px;
}

.grayheading{
	background: transparent url(../images/heading/grayheading-left.jpg) left top no-repeat;
	padding-left: 9px;
	text-align: left;
	position: relative;
}

.grayheading h1{
	color: #fff;
	background: url(../images/heading/grayheading-right.jpg) right top no-repeat;
	height: 38px;
	line-height: 38px;
	color: #333;
	padding-left: 8px;
	font-size: 26px;
}

.grayheading h2{
	color: #fff;
	background: url(../images/heading/grayheading-right.jpg) right top no-repeat;
	height: 38px;
	line-height: 38px;
	color: #333;
	padding-left: 0px;
	font-size: 22px;
}

.grayheading h3.cufon{
	color: #fff;
	background: url(../images/heading/grayheading-right.jpg) right top no-repeat;
	height: 26px;
	color: #333;
	padding-left: 0px;
	padding-top: 12px;
	font-weight: bold;
	font-size: 14px;
}

.grayheadingin{
	background: transparent url(../images/heading/grayheadingin-left.gif) left top no-repeat;
	padding-left: 9px;
	text-align: left;
	position: relative;
}

.grayheadingin h2{
	color: #fff;
	background: url(../images/heading/grayheadingin-right.gif) right top no-repeat;
	height: 30px;
	line-height: 30px;
	color: #333;
	padding-left: 5px;
}

.redheading{
	font-size: 18px;
	color: #ff0017;
}

.slidingnav{
	position: absolute;
	right: 50px;
	top: 15px;
}

.slidingnav a{
	display: inline-block;
	background: url(../images/whitedot.jpg) left top no-repeat;
	width: 11px;
	height: 11px;
	margin-left: 8px;
}

.slidingnav a:hover{
	text-decoration: none;
}

.slidingnav a.activeSlide{
	background: url(../images/bluedot.jpg) left top no-repeat;
}

.slidingOuter{
	width: 650px;
	overflow: hidden;
	float: left;
}

.slidingIn{
	width: 655px;
	height: 110px;
}

#popuarCategories .slidingIn{
	height: 278px;
}

.slidingItem{
	width: 655px;
}

/* 2.3 button */
.blueBtn1{
	background: url(../images/buttons/blueBtn1/blueBtn1-left.png) left top no-repeat;
	padding-left: 10px;
	display: inline-block;
	height: 25px;
}

.blueBtn1 span{
	font-size: 12px;
	color: #fff;
	background: url(../images/buttons/blueBtn1/blueBtn1-right.png) right top no-repeat;
	height: 25px;
	line-height: 25px;
	padding: 0 10px 0 0;
	display: inline-block;
	font-weight: bold;
}

.blueBtn70{
	font-size: 12px;
	color: #fff;
	background: url(../images/buttons/details.jpg) right top no-repeat;
	display: inline-block;
	width: 70px;
	height: 26px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
}

.whiteBtn{
	background: url(../images/buttons/whiteBtn/whiteBtn-left.jpg) left top no-repeat;
	padding-left: 9px;
	display: inline-block;
	height: 27px;
}

.whiteBtn span{
	font-size: 12px;
	color: #ff0017;
	background: url(../images/buttons/whiteBtn/whiteBtn-right.jpg) right top no-repeat;
	height: 27px;
	line-height: 27px;
	padding: 0 10px 0 0;
	display: inline-block;
	font-weight: bold;
}

.redBtn{
	background: url(../images/buttons/redBtn/redBtn-left.png) left top no-repeat;
	padding-left: 9px;
	display: inline-block;
	height: 33px;
	cursor: pointer;
}

a.redBtn:hover{
	text-decoration: none;
}

.redBtn span{
	font-size: 14px;
	color: #fff;
	background: url(../images/buttons/redBtn/redBtn-right.png) right top no-repeat;
	height: 33px;
	line-height: 33px;
	padding: 0 15px 0 6px;
	display: inline-block;
	font-weight: bold;
}

a.blueBtn70:hover,a.blueBtn1:hover,a.whiteBtn:hover{
	text-decoration: none;
	cursor: pointer;
}

/* 2.4 header */
#logo{
	position: absolute;
	left: 0;
	top: 10px;
}

#logo img{
}

#topsearch{
	float: left;
	margin-left: 215px;
	padding-top: 2px;
	display: inline;
}

#topsearch .go{
	position: relative;
	top: 6px;
}

#phone{
	float: right;
	padding-right: 15px;
	padding-top: 9px;
}

#topnav {
	float: right;
	width: 798px;
}

#topnav li{
	float: left;
	position: relative;
}

#topnav li a{
	color: #fff;
	display: block;
	float: left;
	height: 22px;
	font-weight: bold;
	padding: 10px 15px 0 15px;
	margin-top: 11px;
	background: url(../images/bluenav-line.png) left bottom no-repeat;
}

#topnav li.last-item a{
}

#topnav li.roundnav {
	background: url(../images/bluenav-left.png) left bottom no-repeat;
	padding-left: 9px;
}

#topnav li.roundnav a{
	background: url(../images/bluenav-right.png) right bottom no-repeat;
	padding: 17px 15px 0 6px;
	font-size: 16px;
	height: 26px;
	margin-top: 0;
}

#topnav li.hover{
	background: url(../images/graynav-left.png) left bottom no-repeat;
}

#topnav li.hover a{
	background: url(../images/graynav-right.png) right bottom no-repeat;
	color: #006db5;
}

#topnav li.roundnavCurrent{
	background: url(../images/graynav-left.png) left bottom no-repeat;
}

#topnav li.roundnavCurrent a{
	background: url(../images/graynav-right.png) right bottom no-repeat;
	color: #006db5;
}

#topnav .bluelist li{
	list-style-type: disc;
	list-style-position: inside;
	margin: 5px 0;
	background: none;
	padding: 0;
	margin: 3px 0;
	float: none;
	position: static;
}

#topnav li.roundnav .subMenuContainer .in h6 a{
	float: none;
	font-weight: bold;
	background: none;
	color: #333;
	padding: 0;
	margin: 0;
	height: auto;
	line-height: auto;
	font-size: 12px;
}

#topnav .bluelist li a{
	font-weight: bold;
	font-size: 12px;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
	line-height: auto;
	display: inline;
	float: none;
	color: #006DB6;
}

#topnav #bluelistOuter1{
	float: left;
	width: 190px;
}

#topnav #bluelistOuter2{
	float: left;
	width: 230px;
}

#topnav #bluelistOuter3{
	float: left;
}

#topnav #bluelistOuter3 li#all{
	list-style-type: none;
	margin-top: 20px;
}

#topnav #bluelistOuter3 li#all a{
	color: #ff0018;
	font-weight: bold;
}

#topnav .subMenuContainer{
	border: 1px solid #006db5;
	border-top: 0;
	background: #f5f5f5;
	width: 599px;
	position: absolute;
	top: 43px;
	left: 0;
	z-index: 100;
	display: none;
}

#topnav .subMenuContainer .in{
	padding: 10px 18px;
	background: #f5f5f5;
}

#topnav li:hover .subMenuContainer{
	display: block;
}

#cart{
	background: url(../images/cart-bg.jpg);
	position: absolute;
	width: 266px;
	height: 66px;
	overflow: hidden;
	right: 0;
	top: 0;
}

#call{
	position: absolute;
	width: 233px;
	height: 40px;
	overflow: hidden;
	right: 0;
	top: 36px;
}

#call img{
	margin-top: 5px;
}

#cartlink{
	background: url(../images/cart.gif) left center no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	margin-bottom: 5px;
}

#cart a{
	font-weight: bold;
}

#cartDetails{
	padding: 5px 15px;
	width: 100px;
	text-align: right;
	float: left;
}

#cart #toplinks{
	float: right;
	width: 125px;
	padding: 8px 0px 5px 0px;
}

#cart #toplinks li{
	float: left;
	margin-bottom: 10px;
}

#cart #toplinks li a{
	padding: 0 5px;
	border-right: 1px solid #999;
}

#cart #toplinks li.last-item a{
	border: 0;
}

/* 2.5 sidebar */
#sidebar p{
	margin-bottom: 7px;
}

#sidebar .graybox{
	width: 202px;
}

.checkout #sidebar .graybox{
	width: 330px;
}

.checkout #sidebar .graybox .mid{
	padding: 10px 10px 10px 15px;
}

.topten-item{
	padding: 10px 0 0 0;
	width: 180px;
	float: left;
}

#sidebar .topten-item p{
	font-size: 12px;
}

.topten-photo{
	float: left;
	padding: 0 10px 5px 0;
	width: 73px;
}

#narrowSearch .common-list{
	margin-left: 18px;
}

#narrowSearch .common-list li{
	margin-bottom: 5px;
	font-weight: bold;
}

#narrowSearch .common-list li a{
	margin-bottom: 5px;
	font-weight: normal;
}

#narrowSearch .common-list li a.back{
	margin-bottom: 5px;
	font-weight: normal;
	padding-left: 13px;
	background: url(../images/backarrow.jpg) left center no-repeat;
}

#narrowSearch .sub-list li.selected{
	background: url(../images/blackarrow.jpg) left center no-repeat;
	margin-left: 14px;
	padding-left: 13px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

#narrowSearch .sub-list li a{
	background: url(../images/bluearrow.jpg) left center no-repeat;
	padding-left: 15px;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}

#narrowSearch .mid{
	padding-top: 15px;
}

#narrowSearch h4{
	margin-bottom: 5px;
	font-size: 15px;
}

#narrowSearch .any{
	margin-left: 5px;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

#narrowSearch .any a{
	margin-left: 0px;
	padding-left: 13px;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: normal;
	background: url(../images/backarrow.jpg) left center no-repeat;
}

#narrowSearch .more a{
	margin-left: 25px;
	padding-left: 13px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: bold;
	background: url(../images/plus.jpg) left center no-repeat;
}

/* 2.6 footer */
#footer p{
	font-size: 11px;
}

#footer p strong{
	font-size: 12px;
}

#footer .in{
	width: 975px;
	margin: 0 auto;
	padding: 15px 25px 10px 25px;
}

#footer .box{
	float: left;
	background: url(../images/dashver.gif) right top repeat-y;
	height: 210px;
}

 
#footer #quicknav{
	padding-left: 25px;
	padding-right: 25px;
}

#footer #other-links{
	padding-left: 25px;
	padding-right: 25px;
}

#footer #popular-terms{
	width: 225px;
}

#footer #copyright{
	width: 310px;
	padding-left: 25px;
	border: 0;
	background: none;
	line-height: 1.6;
}

/* 2.7 list */
.verlist{
	font-size: 14px;
}

.verlist li{
	padding: 10px 0;
}

.verlist li.last-item{
	padding-bottom: 0;
	background: none;
}

.verlist li a, .verlist li{
	font-weight: normal;
	color: #333;
}

.dashlist li{
	background: url(../images/dash.gif) left bottom repeat-x;
}

.verlist li{
	padding: 6px 0;
}

.bluelist li{
	background: url(../images/blackdot.gif) left 5px no-repeat;
	padding-left: 13px;
	margin: 5px 0;
}

.bluelist li a{
	font-weight: bold;
}

.common-list li a,.common-list li{
	font-size: 12px;
}

.magazine-list{
	float: left;
	padding-top: 5px;
}

.magazine-list li{
	float: left;
	width: 185px;
	margin-right: 48px;
	display: inline;
}

.magazine-list li.last-item{
	margin-right: 0;
}

.first-item {
	clear: both;
}

.magazine-list li .mag-photo{
	float: left;
}

.magazine-list li .mag-title,.magazine-list li .mag-title a{
	font-weight: bold;
	font-size: 12px;
	color: #333;
	line-height: 16px;
}

.mag-price{
	font-weight: bold;
	color: #006db5;
	line-height: 16px;
}

.mag-bonus{
	color: #ff0017;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}

.magazine-list li .mag-info{
	width: 100px;
	float: right;
	line-height: 1.5;
	text-align: left;
}

.magazine-list li .addtocart{
	margin-top: 3px;
	margin-bottom: 0!important;
}

.prev,.next{
	margin-right: 15px;
	width: 30px;
	height: 76px;
	line-height: 76px;
	padding-top: 20px;
	float: left;
	display: inline;
	border: 0;
	cursor: pointer;
}

.next{
	margin-right: 0;
	margin-left: 15px;
}

.three-level-list li{
	padding: 0;
}

.three-level-list li a{
	display: inline-block;
	padding: 5px 0;
	color: #0266a8;
}

.three-level-list li li{
	background: transparent url(../images/dash.gif) repeat-x scroll left top;
}

.three-level-list li li a{
	display: inline-block;
	padding: 5px 0;
	background: url(../images/blackarrow.jpg) left center no-repeat;
	padding-left: 15px;
	font-size: 12px;
}

.breadcrumb li{
	float: left;
	padding-right: 5px;
}

.breadcrumb li a{
	font-weight: bold;
	color: #333;
	padding-right: 5px;
}

.three-level-list li li li{
	padding-left: 15px;
}

/* 2.8 box */
.graybox{
	background: #f5f5f5;
	margin-bottom: 10px;
}

.graybox .head{
	background: url(../images/boxes/graybox/graybox-tl.gif) left top no-repeat;
	height: 9px;
	font-size: 0;
}

.graybox .head div{
	background: url(../images/boxes/graybox/graybox-tr.gif) right top no-repeat;
	padding: 0 10px;
	height: 9px;
}

.graybox .head div div{
	background: url(../images/boxes/graybox/graybox-tm.gif) left top repeat-x;
	height: 9px;
}

.graybox .foot{
	background: url(../images/boxes/graybox/graybox-bl.gif) left top no-repeat;
	height: 9px;
	font-size: 0;
}

.graybox .foot div{
	background: url(../images/boxes/graybox/graybox-br.gif) right top no-repeat;
	padding: 0 10px;
	height: 9px;
}

.graybox .foot div div{
	background: url(../images/boxes/graybox/graybox-bm.gif) left top repeat-x;
	height: 9px;
}

.graybox .mid{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 10px 5px 10px;
}

#mainContent .graybox .mid .in{
	padding: 10px 8px 2px 8px;
	width: 723px;
	margin: 0;
}

#mainContent .graybox .mid .in .result-list li{
	width: 170px;
	text-align: center;
	float: left;
	margin-right: 10px;
	padding: 0px;
	display: inline;
}

#mainContent .graybox .mid .in .result-list li.last-item{
	width: 165px;
	text-align: center;
	float: left;
	margin-right: 0px;
	padding: 0px;
	display: inline;
}

.grayboxIn{
	background: #f5f5f5;
	margin-bottom: 25px;
}

.grayboxIn .head{
	background: url(../images/boxes/grayboxin/grayboxin-tl.gif) left top no-repeat;
	height: 8px;
	font-size: 0;
}

.grayboxIn .head div{
	background: url(../images/boxes/grayboxin/grayboxin-tr.gif) right top no-repeat;
	padding: 0 8px;
	height: 8px;
}

.grayboxIn .head div div{
	background: url(../images/boxes/grayboxin/grayboxin-tm.gif) left top repeat-x;
	height: 8px;
}

.grayboxIn .foot{
	background: url(../images/boxes/grayboxin/grayboxin-bl.gif) left top no-repeat;
	height: 8px;
	font-size: 0;
}

.grayboxIn .foot div{
	background: url(../images/boxes/grayboxin/grayboxin-br.gif) right top no-repeat;
	padding: 0 8px;
	height: 8px;
}

.grayboxIn .foot div div{
	background: url(../images/boxes/grayboxin/grayboxin-bm.gif) left top repeat-x;
	height: 8px;
}

.grayboxIn .mid{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 10px 5px 10px;
	background: #fff;
}

.whitebox{
	position: relative;
	margin-bottom: 10px;
}

.whitebox .head{
	background: url(../images/boxes/graybox2/graybox2-tl.gif) left top no-repeat;
	height: 9px;
	font-size: 0;
}

.whitebox .head div{
	background: url(../images/boxes/graybox2/graybox2-tr.gif) right top no-repeat;
	padding: 0 9px;
	height: 9px;
}

.whitebox .head div div{
	height: 9px;
	background: url(../images/boxes/graybox2/graybox2-tm.gif) left top repeat-x;
}

.whitebox .foot{
	background: url(../images/boxes/graybox2/graybox2-bl.gif) left top no-repeat;
	height: 9px;
	min-height: 9px;
	font-size: 0;
	overflow: hidden;
}

.whitebox .foot div{
	background: url(../images/boxes/graybox2/graybox2-br.gif) right top no-repeat;
	padding: 0 9px;
	height: 9px;
}

.whitebox .foot div div{
	height: 9px;
	background: url(../images/boxes/graybox2/graybox2-tm.gif) left bottom repeat-x;
}

.whitebox .redheading{
	position: absolute;
	top: -10px;
	left: 12px;
	background: #fff;
}

.whitebox .mid{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px 10px 5px 12px;
}

.yellowbox{
	background: #fefed3;
	margin-bottom: 10px;
}

.yellowbox .head{
	background: url(../images/boxes/yellowbox/yellowbox-tl.jpg) left top no-repeat;
	height: 8px;
	font-size: 0;
}

.yellowbox .head div{
	background: url(../images/boxes/yellowbox/yellowbox-tr.jpg) right top no-repeat;
	padding: 0 8px;
	height: 8px;
}

.yellowbox .head div div{
	background: url(../images/boxes/yellowbox/yellowbox-tm.jpg) left top repeat-x;
	height: 8px;
}

.yellowbox .foot{
	background: url(../images/boxes/yellowbox/yellowbox-bl.jpg) left top no-repeat;
	height: 9px;
	font-size: 0;
}

.yellowbox .foot div{
	background: url(../images/boxes/yellowbox/yellowbox-br.jpg) right top no-repeat;
	padding: 0 8px;
	height: 9px;
}

.yellowbox .foot div div{
	background: url(../images/boxes/yellowbox/yellowbox-bm.jpg) left top repeat-x;
	height: 9px;
}

.yellowbox .mid{
	border-left: 1px solid #ecec95;
	border-right: 1px solid #ecec95;
	padding: 5px 10px 5px 10px;
}

.lightbluebox{
	position: relative;
	margin-bottom: 10px;
}

.lightbluebox .head{
	background: url(../images/boxes/lightbluebox/lightbluebox-tl.jpg) left top no-repeat;
	height: 8px;
	font-size: 0;
}

.lightbluebox .head div{
	background: url(../images/boxes/lightbluebox/lightbluebox-tr.jpg) right top no-repeat;
	padding: 0 8px;
	height: 8px;
}

.lightbluebox .head div div{
	height: 8px;
	background: url(../images/boxes/lightbluebox/lightbluebox-tm.jpg) left top repeat-x;
}

.lightbluebox .foot{
	background: url(../images/boxes/lightbluebox/lightbluebox-bl.jpg) left top no-repeat;
	height: 9px;
	min-height: 9px;
	font-size: 0;
	overflow: hidden;
}

.lightbluebox .foot div{
	background: url(../images/boxes/lightbluebox/lightbluebox-br.jpg) right top no-repeat;
	padding: 0 8px;
	height: 9px;
}

.lightbluebox .foot div div{
	height: 9px;
	background: url(../images/boxes/lightbluebox/lightbluebox-bm.jpg) left bottom repeat-x;
}

.lightbluebox .mid{
	border-left: 1px solid #c5e3f6;
	border-right: 1px solid #c5e3f6;
	padding: 5px;
}

/*whiteboxIn*/
.whiteboxIn{
	position: relative;
	margin-bottom: 0px;
}

.whiteboxIn .head{
	background: url(../images/boxes/whitebox/whitebox-tl.jpg) left top no-repeat;
	height: 9px;
	font-size: 0;
}

.whiteboxIn .head div{
	background: url(../images/boxes/whitebox/whitebox-tr.jpg) right top no-repeat;
	padding: 0 9px;
	height: 9px;
}

.whiteboxIn .head div div{
	height: 9px;
	background: url(../images/boxes/whitebox/whitebox-tm.jpg) left top repeat-x;
}

.whiteboxIn .foot{
	background: url(../images/boxes/whitebox/whitebox-bl.jpg) left top no-repeat;
	height: 9px;
	min-height: 9px;
	font-size: 0;
	overflow: hidden;
}

.whiteboxIn .foot div{
	background: url(../images/boxes/whitebox/whitebox-br.jpg) right top no-repeat;
	padding: 0 9px;
	height: 9px;
}

.whiteboxIn .foot div div{
	height: 9px;
	background: url(../images/boxes/whitebox/whitebox-bm.jpg) left bottom repeat-x;
}

.whiteboxIn .mid{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px 10px 5px 12px;
	background: #fff;
}

#mainContent .whiteboxIn .mid p{
	margin-bottom: 0;
}

.box375{
	width: 375px;
}

.box375 .mid{
	width: 353px;
}

.mid{
	display: block;
	#display: inline-block;
	_display: inline-block;
}

/* tabs */
.ui-tabs {
}

.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
}

.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	margin: 0 .2em 0 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0;
	border-bottom: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.ui-widget-header{
	background: #fff;
}

.ui-helper-clearfix {
	display: block;
}

/******************** 3. css-for-pages **********************
* 3.1 home,3.2 searchresults
**************************************************************/
/* 3.1 home */
#banner{
	background: url(../images/banner.jpg);
	width: 504px;
	height: 250px;
	float: left;
	margin-bottom: 20px;
}

#banner #moreinfo{
	float: right;
	margin-right: 6px;
	margin-top: 213px;
	display: inline;
}

#findMagazines{
	width: 240px;
	float: right;
}

#findMagazines p{
	margin-bottom: 5px;
}

#findMagazines #getStarted{
	padding-right: 15px;
}

#findMagazines .verlist li{
	padding: 9px 0;
	font-weight: bold;
}

#guarantee{
	float: left;
	width: 505px;
	margin-bottom: 10px;
}

#freeShipping{
	float: right;
	width: 245px;
}

#guarantee .redheading{
	width: 170px;
}

#freeShipping .redheading{
	width: 218px;
}

#popularTitles,#greatDeals{
	width: 765px;
}

#popularTitles .mid,#greatDeals .mid{
	width: 743px;
}

#popuarCategories .mid{
	padding-top: 10px;
	padding-bottom: 10px;
}

#popuarCategories .prev,#popuarCategories .next{
	padding-top: 120px;
}

#customCare{
	float: left;
}

#customCare h2,#siteIntro h2{
	font-size: 19px;
}

#customCare .mid,#siteIntro .mid{
	padding: 0 10px;
	height: 260px;
}

#siteIntro{
	float: right;
}

#siteIntro p{
	margin: 0;
}

#customCare .bluelist{
	float: left;
	margin-right: 50px;
}

#customCare .no-margin{
	margin: 0;
}

/* 3.2 searchresults */
#sort h4{
	float: left;
	width: 250px;
}

#sort form{
	float: right;
}

#sort form label{
	font-size: 14px;
}

.result-list li{
	width: 175px;
	text-align: center;
	float: left;
	margin-right: 10px;
	padding: 0px;
	display: inline;
}

.result-list li.last-item{
	width: 175px;
	text-align: center;
	float: left;
	margin-right: 0px;
	padding: 0px;
	display: inline;
}

.result-list p{
	line-height: 1.3;
}

.result-list .mag-title{
	font-size: 17px;
	line-height: 20px;
	display: inline-block;
	margin-bottom: 2px;
}

.result-list .rating{
	display: block;
	height: 13px;
}

.result-list .rating img{
	padding-right: 1px;
}

.result-list .blueBtn70{
	display: inline-block;
	margin-top: 2px;
}

#featuredTitles .mag-title {
	color: #333333;
	font-weight: bold;
}

.result-list li.dotted-line-separator {
	height: 15px;
	width: 100%;
}

.result-list li.dotted-line-separator div.line1 {
	margin: 0;
}

/* product */
#product-photo{
	width: 210px;
	float: left;
}

#selected .mid{
	padding-bottom: 0;
}

#view-image{
	margin-bottom: 10px;
	margin-left: 3px;
}

#prophoto-big{
	padding-bottom: 8px;
}

#small-images img{
	margin-right: 8px;
}

.stars{
	text-transform: uppercase;
}

.stars img{
	cursor: pointer;
}

.stars span{
	position: relative;
	bottom: 3px;
}

#product-info a{
	font-weight: bold;
}

#product-info a.normal{
font-weight: normal;
}

#product-info{
	float: left;
	width: 540px;
}

#review{
	position: relative;
}

#review #gift{
	position: absolute;
	right: 130px;
	top: -33px;
}

.old-price{
	text-decoration: line-through;
	display: inline-block;
	margin-bottom: 0px;
}

.new-price{
	font-size: 24px;
}

.you-save{
	color: #ff0017;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 5px;
}

#mainContent .savebox{
	width: 160px;
	float: left;
	margin-right: 10px;
	display: inline;
}

#mainContent .savebox .mid{
	padding-top: 0;
	padding-bottom: 2px;
}

#mainContent .savebox p{
	line-height: 1.2;
	margin-bottom: 0;
}

#bettertogether{
	width: 510px;
	float: left;
}

#smallGreatdeal{
	width: 215px;
	float: right;
}

#bettertogether .magazine-list li{
	width: 490px;
	margin: 0;
}

#bettertogether .mag-info{
	width: 260px;
	position: relative;
	top: 0px;
}

#bettertogether .blueBtn1 span,.wideBlueBtn span{
	background: transparent url(../images/buttons/blueBtn110-right.png) no-repeat scroll right top;
}

#bettertogether .blueBtn1{
	margin-top: 3px;
}

#related-topics-list{
	float: left;
	padding-left: 10px;
}

#related-topics-list li{
	float: left;
	width: 230px;
}

#related-topics-list li a{
	font-size: 14px;
}

.graybox .tabs-head{
	padding-right: 10px;
	border-left: 1px solid #ddd;
	width: 754px;
	height: 9px;
	background: #f5f5f5 url(../images/boxes/graybox/graybox-tr.gif) no-repeat scroll right top;
}

.graybox .tabs-head div,.whitebox .tabs-head div{
	background: none;
}

.graybox .tabs-head div div,.whitebox .tabs-head div div{
	background: none;
}

.whitebox .tabs-head{
	padding-right: 9px;
	border-left: 1px solid #ddd;
	width: 755px;
	height: 9px;
	background: #fff url(../images/boxes/whitebox/whitebox-tr2.jpg) no-repeat scroll right top;
}

.productTabs{
	background: #fff url(../images/grayline.jpg) left bottom repeat-x;
	float: left;
	width: 755px;
	top: 2px;
}

.productTabs li{
	margin: 0 0.2em 1px 0;
	background: url(../images/yellowtab-left.jpg) left bottom no-repeat;
	height: 40px;
	padding-left: 8px;
}

.productTabs li a{
	text-transform: uppercase;
	display: inline-block;
	background: url(../images/yellowtab-right.jpg) right bottom no-repeat;
	height: 25px;
	padding-top: 15px;
	padding-right: 15px;
	margin-left: 8px;
	padding-left: 7px;
	font-size: 15px;
	color: #333;
}

.productTabs .ui-tabs-selected,.productTabs .ui-state-active{
	background: url(../images/graytab-left.jpg) left bottom no-repeat;
	height: 41px;
	padding-left: 9px;
	padding-bottom: 0;
	border-bottom: 0;
	top: 0;
}

.productTabs .ui-tabs-selected a,.productTabs .ui-state-active a{
	background: url(../images/graytab-right.jpg) right bottom no-repeat;
	height: 26px;
	padding-left: 9px;
}

/*gift tabs*/
.giftTabs{
	background: #fff url(../images/grayline.jpg) left bottom repeat-x;
	float: left;
	width: 756px;
	top: 2px;
}

.giftTabs li{
	margin: 0 0.2em 1px 0;
	background: url(../images/blueTab-left.jpg) left bottom no-repeat;
	height: 46px;
	padding-left: 10px;
}

.giftTabs li a{
	text-transform: uppercase;
	display: inline-block;
	background: url(../images/blueTab-right.jpg) right bottom no-repeat;
	height: 28px;
	padding-top: 18px;
	padding-right: 22px;
	margin-left: 8px;
	padding-left: 14px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.giftTabs .ui-tabs-selected,.giftTabs .ui-state-active{
	background: url(../images/whiteTab-left.jpg) left bottom no-repeat;
	height: 47px;
	padding-left: 9px;
	padding-bottom: 0;
	border-bottom: 0;
	top: 0;
}

.giftTabs .ui-tabs-selected a,.giftTabs .ui-state-active a{
	background: url(../images/whiteTab-right.jpg) right bottom no-repeat;
	height: 29px;
	padding-left: 10px;
	color: #006db6;
	font-weight: bold;
	font-size: 14px;
}

/* customer review */
.heading2{
	position: relative;
}

.heading2 span{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
}

#reviewBy img{
	position: relative;
	top: 3px;
}

#profile strong{
	display: inline-block;
	width: 75px;
}

#smallGreatdeal .magazine-list li{
	margin-right: 0;
}

.tabs{
	background: #fff;
}

 
.tabs .mid{
	background: #f5f5f5;
}

.grayboxIn .mid{
	background: #fff;
}

#customerBought .mid{
	background: #fff;
}

.productTabs-box,.giftTabs-box{
	width: 765px;
}

#mainContent .question strong{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	position: relative;
	top: -8px;
}

/*product discontinued page */
#discontinued-info{
	float: left;
	width: 320px;
}

#alsolike{
	width: 200px;
	float: right;
}

#alsolike-list p{
	margin-bottom: 0;
	width: 92px;
	float: left;
}

#mainContent #alsolike-list li.last-item{
	background: none;
}

#alsolike-list .blueBtn1{
	display: inline-block;
	margin-top: 10px;
}

#bigSavings .magazine-list{
	padding-left: 8px;
	width: 723px;
}

#bigSavings .magazine-list li{
	margin-right: 82px;
}

#bigSavings .magazine-list li.last-item{
	margin: 0;
}

#bigSavings h3 {
	color: #006DB6;
	font-weight: bold;
}

/*product outofstock page */
#outofstock-info{
	width: 320px;
	float: left;
}

/*browse page*/
#quickBrowse h6{
	margin-bottom: 10px;
}

#quickBrowse p{
	margin-bottom: 10px;
}

#findTitleForm  p select{
	width: 270px;
	display: inline-block;
	margin-bottom: 5px;
}

.lightgray{
	color: #888;
}

#findTitleForm  p select#selectPrice{
	margin: 0;
}

#findTitleForm{
	width: 270px;
	float: left;
	padding-right: 30px;
	border-right: 1px solid #ddd;
}

#findTitleForm #browseBtn{
	text-align: right;
	margin: 0;
}

#findGreatDeals{
	float: left;
	width: 375px;
	padding-left: 35px;
}

#findGreatDeals #graduation{
	float: right;
	width: 191px;
}

#findGreatDeals #finddeal-list{
	float: left;
	width: 180px;
}

#browsebyCat-list{
	float: left;
	padding-left: 25px;
	width: 730px;
	padding-top: 25px;
}

#browsebyCat-list li{
	width: 240px;
	float: left;
}


#browsebyCat-list h3{
	font-weight: bold;
	margin-bottom: 5px;
}

#browsebyCat-list h3 a{
	color: #333;
}

#browsebyCat-list .bluelist{
	margin-bottom: 13px;
	float: left;
}

#browsebyCat-list .bluelist li{
	margin: 0 0 5px 0;
}

/*category*/
#topten-list .blueBtn1{
	margin-top: 25px;
}

#featuredTitles_wide .result-list li{
	width: 120px;
}

/*checkout confirmation alt*/
#createAccount-form td{
	padding: 2px 0;
}

#createAccount-form .txtbox{
	width: 185px;
}

.checkout #mainContent .graybox .mid{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 15px 17px 15px 17px;
}

#orderConfirmation td,#orderDelivery td{
	padding: 5px 0;
}

#orderConfirmation td p{
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.order-item-name{
	width: 400px;
	padding-left: 20px;
}

.order-item-name a{
	font-size: 14px;
	font-weight: bold;
}

.order-item-issues{
	width: 105px;
}

.order-item-price{
	text-align: center;
}

.order-item-heading td{
	border-bottom: 1px solid #ccc;
}

#orderConfirmation .order-item-gift .mid{
	padding: 0 15px;
}

#orderConfirmation .order-item-address{
	padding-left: 35px;
	text-align: left;
	width: 145px;
}

#orderConfirmation .small-gift{
	position: relative;
	top: 3px;
	margin-left: 10px;
}

#orderConfirmation .order-total{
	font-size: 16px;
}

#orderConfirmation td.no-padding{
	padding: 0;
}

#orderConfirmation td #orderInfo{
	padding-right: 30px;
}

/*order delivery page*/
#orderDelivery select.address{
	width: 245px;
}

.order-save-address{
	width: 305px;
}

#mainContent #orderDelivery .whiteboxIn .mid{
	padding: 0 15px;
}

#mainContent #orderDelivery .order-save-address .mid input,#mainContent #orderDelivery .order-save-address .mid select{
	width: 175px;
}

#mainContent #orderDelivery .close{
	padding-top: 0;
	text-align: right;
}

#orderDelivery .whiteboxIn td{
	padding: 2px 0;
}

.order-save-address-form #calendar input{
	position: relative;
	top: -5px;
}

#gift-message{
	height: 58px;
	width: 239px;
}

#orderDelivery td.no-padding{
	padding: 0;
}

#cartSummary .grayheading{
	position: relative;
}

#cartSummary #edit-cart{
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/small-blue-arrow-left.gif) left center no-repeat;
	padding-left: 15px;
}

#cartSummary .total-price{
	font-size: 16px;
}

#cartSummary td.price{
	padding-left: 45px;
	text-align: left;
}

#cartSummary td{
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
}

#cartSummary td.no-border{
	border: 0;
}

#checkout_process{
	margin-top: -10px;
}

#orderPayment td{
	padding: 2px;
}

#cards-icon{
	margin: 10px 0;
	display: inline-block;
}

.has-cellborder{
	border-bottom: 1px solid #ccc;
}

.deliver-info-tbl td{
	padding: 8px 2px;
}

.deliver-info-tbl td p{
	line-height: 1.5;
}

.deliver-info-tbl .whiteboxIn{
	width: 425px;
}

.checkout #mainContent .deliver-info-tbl .whiteboxIn .mid{
	padding: 0 15px;
}

.checkout #mainContent .deliver-info-tbl .whiteboxIn .mid td{
	padding: 3px;
}

/*order signin */
#orderPaymentSignin #new-customer{
	width: 260px;
	padding-right: 23px;
	float: left;
}

#orderPaymentSignin #return-customer{
	width: 285px;
	padding-left: 23px;
	border-left: 1px solid #ccc;
	float: left;
}

.checkout #mainContent #orderPaymentSignin .mid{
	padding-bottom: 5px;
}

/*shopping cart*/
#cart-guarantee{
	width: 615px;
	float: left;
}

#shoppingcart .subtotal td{
	font-size: 16px;
}

#specialOffer3-info{
	float: left;
	width: 320px;
	padding-left: 10px;
	line-height: 1.3;
}

#specialOffer3-info .blueBtn1{
	margin-top: 5px;
}

#shoppingcart-tbl td{
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#shoppingcart-tbl td.no-border{
	border: 0;
}

#shoppingcart-tbl td.no-padding{
	padding: 0;
}

#shoppingcart .mid{
	padding: 10px 17px;
}

#recommend p{
	line-height: 1.5;
}

#recommend .mid{
	padding: 5px 10px 2px 10px;
}

/*customer care*/
#customercare_search{
	position: relative;
	height: 74px;
	width: 767px;
	background: url(../images/customercare.jpg) left top no-repeat;
	margin-bottom: 15px;
}

#customercare_search h1{
	position: absolute;
	left: 95px;
	top: 23px;
}

#customer_search_form{
	position: absolute;
	right: 10px;
	top: 24px;
}

#customer_search_form .go{
	position: relative;
	top: 5px;
}

.article a {
	font-weight: bold;
}

.article li{
	line-height: 1.5;
}

.article h6{
	margin-bottom: 15px;
}

.article h5{
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
}

#byemail-form table input,#byemail-form table select,#byemail-form table textarea{
	width: 95%;
}

#byemail-form table textarea{
	height: 110px;
}

#request-email{
	margin-top: 12px;
}

#faq-details h3{
	font-weight: bold;
	margin-bottom: 35px;
}

#faq-details .tag{
	font-weight: bold;
	font-size: 16px;
}

#faq-details div.hr{
	margin: 0 0 12px 0;
}

#sidebar #customerCare li{
	padding: 0;
	width: 175px;
}

#sidebar #customerCare li a,#sidebar .grayArrowList li a{
	display: block;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
}

#sidebar #customerCare li.current a,#sidebar #customerCare li a:hover,#sidebar .grayArrowList li.current a,
#sidebar .grayArrowList li a:hover{
	display: block;
	background: url(../images/highlight.gif) left top no-repeat;
	height: 26px;
	line-height: 26px;
	width: 187px;
	margin-left: -5px;
	padding-left: 5px;
	text-decoration: none;
}

#sidebar .grayArrowList li{
	padding: 0;
	width: 175px;
}

/* gift cards */
#featuredGiftIdeas p{
	font-size: 12px;
}

#featuredGiftIdeas p a.mag-title{
	font-size: 14px;
	color: #333;
}

#featuredGiftIdeas .giftIdea-item{
	padding: 10px 0;
	width: 180px;
}

#giftCards-info{
	float: left;
	width: 510px;
}

#giftCards-right{
	float: right;
	width: 245px;
}

#gift-ad-photo{
	float: left;
	width: 268px;
}

#gift-ad-text{
	float: left;
	width: 222px;
}

#gift-ad-text h1{
	font-size: 36px;
}

#gift-ad-text ul li{
	font-size: 15px;
	margin-bottom: 8px;
}

#gift-redeem .mid,#call-customer .mid{
	padding: 5px 18px;
}

#gift-redeem .mid p{
	margin-bottom: 5px;
}

span.amountValue{
	padding-right: 25px;
}

#giftCards_form td{
	padding: 0 5px 3px 5px;
}

#giftCards_form textarea{
	width: 221px;
	height: 55px;
}

#giftCards_form .calendar{
	position: relative;
	top: 5px;
}

#giftCards_form .removeLink{
	padding-right: 10px;
}

#giftCards_form #or{
	position: relative;
	top: -5px;
}

#giftCards_form #addToCart{
	display: inline-block;
	margin-right: 40px;
}

#redeem_left{
	width: 540px;
	float: left;
}

#redeem #rightbar{
	float: right;
	width: 200px;
}

#giftIdeas ul{
	margin-left: 10px;
}

#giftIdeas ul li{
	margin-bottom: 5px;
}

#giftIdeas ul li a{
	font-size: 12px;
}

.whitebox .tabs .mid{
	background: #fff;
}

#postcard-ad{
	float: right;
	width: 310px;
	padding-left: 15px;
}

/*gift center*/
#giftCenterAd{
	width: 505px;
	float: left;
}

#giftCenterAd img{
	padding-bottom: 5px;
}

#buyGiftCards{
	float: right;
	width: 235px;
}

#buyGiftCards img{
	padding: 5px 0 5px 15px;
}

#buyGiftCards .blue-arrow-link{
	display: inline-block;
	margin-right: 30px;
}

#giftCenterProducts .graybox{
	width: 245px;
	float: left;
	margin-right: 10px;
	display: inline;
}

#giftCenterProducts .graybox h4{
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

#giftCenterProducts .graybox h4 a{
	color: #333;
}

#giftCenterProducts .graybox .mid{
	padding-top: 20px;
}

#giftCenterProducts .graybox .mid .mag-bonus{
	padding-bottom: 8px;
	display: inline-block;
}

#giftCenterProducts .graybox .mag-info{
	width: 130px;
	float: left;
}

#giftCenterProducts .product-item{
	padding-bottom: 25px;
}

/*Account management*/
.accountBreadcrumb{
	float: left;
}

#mainContent p#loginStatus{
	font-weight: bold;
	float: right;
	margin: 0;
}

h2.helpTitle{
	position: relative;
	margin-bottom: 12px;
}

h2.helpTitle .accountHelp{
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 12px;
}

.graylist li a{
	color: #999;
}

#cardBalance{
	background: url(../images/redadbox.gif) left top no-repeat;
	width: 375px;
	height: 97px;
	min-height: 97px;
	float: left;
}

#cardBalance .hr{
	margin-right: 12px;
}

#cardBalance .in{
	padding: 10px 40px 10px 5px;
}

#timeOffer{
	background: url(../images/greenadbox.gif) left top no-repeat;
	width: 375px;
	height: 97px;
	min-height: 97px;
	float: right;
	margin-bottom: 10px;
}

#timeOffer .hr{
	margin-right: 12px;
}

#timeOffer .in{
	padding: 10px 40px 10px 5px;
}

.blueTbl td{
	padding: 10px;
	border-bottom: 1px dotted #d6d6d6;
}

.blueTblHeader td{
	background: #006db5;
	color: #fff;
	font-weight: bold;
	border: 0;
}

.blueTbl .lastRow td{
	border: 0;
}

#magDetailList{
	float: left;
	width: 530px;
	padding-top: 5px;
}

#magDetailList li{
	float: left;
}

#magDetailList li#magphoto{
	padding-right: 15px;
}

#magDetailList li#magInfo{
	padding-right: 60px;
}

#magDetailList li#magInfo h3{
	margin-bottom: 15px;
}

#magDetailList li#status{
	padding-top: 35px;
}

#orderTotal td{
	border: 0;
	padding: 2px;
}

#signinArea{
	width: 355px;
	float: left;
}

#signinForm{
	padding-top: 20px;
}

#accountBenefits{
	width: 375px;
	float: right;
	padding-top: 10px;
}

td.firstlevel{
	padding-left: 20px;
}

td.secondlevel{
	padding-left: 50px;
}

#applygiftForm td p{
	line-height: 1.3;
	margin: 0;
}

#applygiftForm td p input{
	margin: 10px 0 3px 0;
}

#cash-ad{
	width: 425px;
	float: left;
	position: relative;
	height: 210px;
}

#cash-ad h1{
	font-size: 28px;
}

#cash-ad .upto{
	font-size: 18px;
	top: 65px;
	left: 90px;
	position: absolute;
}

#cash-ad .off{
	font-size: 50px;
	top: 60px;
	left: 135px;
	position: absolute;
	color: #006db5;
}

#cash-ad .cover{
	font-size: 26px;
	top: 105px;
	left: 135px;
	position: absolute;
}

#cash-ad .instruct{
	bottom: 5px;
	left: 0;
	position: absolute;
	text-align: center;
	font-size: 14px;
}

#redeemCard .result-list li p{
	margin: 0;
}

/*freegifts page*/
#freegiftTitle{
	padding-bottom: 10px;
}

#freegiftlist{
	padding-top: 10px;
	float: left;
	width: 765px;
}

#freegiftlist li{
	width: 220px;
	float: left;
	margin-right: 48px;
	display: inline;
}

#freegiftlist .mag-info{
	line-height: 1.5;
	width: 105px;
	float: left;
}

#freegiftlist .mag-info h6{
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}

#freegiftlist .mag-photo{
	width: 100px;
	float: left;
	padding-right: 10px;
}

#freegiftlist .mag-info .blueBtn70{
	margin-top: 8px;
}

#freegiftlist  li .whitebox{
	margin-top: 3px;
}

#freegiftlist  li .whitebox .mid{
	padding: 0 5px;
}

#freegiftlist  li .whitebox .mid img{
	margin-top: -5px;
	float: left;
	padding-right: 10px;
}

#freegiftlist  li.last-item{
	margin-right: 0;
}

#freegiftlist  li.separator{
	width: 765px;
	padding-bottom: 5px;
	margin: 0;
}

/*freegift popup window*/
.freegiftPopup{
	position: absolute;
	left: 450px;
	top: 370px;
	border: 4px solid #5e5e5e;
	width: 295px;
	background: #fff;
}

.freegiftPopup .popupHeader{
	padding: 10px 15px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

.freegiftPopup .popupHeader .removeLink{
	position: absolute;
	right: 15px;
	top: 10px;
}

.freegiftPopup .popupContent{
	padding: 10px;
}

.freegiftPopup .popupContent img{
	float: left;
	padding: 0 10px 5px 0;
}

.freegiftPopup .popupContent p{
	width: 190px;
	float: left;
}
.gift-text{
	color: #ff0017;
	font-size: 11px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: -5px;
	padding-left: 24px;
	text-transform: uppercase;
	background: url(../images/gift-small.gif) no-repeat;
}