/* CSS Document */
body{
        text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	background:#fff; 
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px 5px 10px 5px;
}
/*ul, ol, dl { position: relative;  }*/
#body a{ text-decoration:none; }
#body li.last{margin:0; padding:0; border:none; }
#body a:hover{ text-decoration:underline;}

/* Wrapper */
#wrapper {width:950px;padding:5px 0px;margin:auto;}

/* Header */
#header{
	width:940px;
	height:168px;
	padding:0;
	margin:0px auto 15px;	
	position:relative;
	text-align:left;
	background:url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/header-bckg.jpg) no-repeat left top;
}

/* Horizontal Store Navigation */
#hor-nav{
	margin:0px;
	padding:0px;
	position:absolute;
	text-align:center;
	top:15px;
        left:605px;
	width:335px;
	height: 20px;
}
#hor-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	display:inline;
}
#hor-nav ul li{
	display:inline;
	text-align:left;
	font-weight:normal;
}
#hor-nav ul li a{
        color:#f394b8; 
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
        padding-left:.5em;
        padding-right:.5em;
	text-decoration:none;
}
#hor-nav ul li a:hover{
        color:#f394b8; 
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
        padding-left:.5em;
        padding-right:.5em;
	text-decoration:underline;
	line-height: 12px;
}

/* Search Section CSS begins */
div#search_box{
	padding:0px;
	margin:0px;
	text-align:left;
	width:448px;
	height:37px;
	position:relative;
}
#display_search_box{
	padding:0px;
	margin:0;
	position:absolute;
	top:108px;
	left: 482px;
	width: 440px;
}
#display_search_box form{ padding:0; margin:0;}
#display_search_box table td{ vertical-align:top;}
#display_search_box input{
	margin:4px 0px 0px 2px;
	padding: 5px 0px 1px 0px;
	border: none;
	vertical-align: top;
	width:407px;
	height: 18px;
	font-size:12px;
	float:left;
	display:inline;
}
#display_search_box img{
	float:right; 
	width:26px; 
	height:26px; 
	padding:0; 
	margin:2px 1px 0px 0px;
	display:inline;
	cursor: pointer;
}

/* Sub Navigation Section CSS begins */
#sub-nav{
	background:url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/Sub-bckg.jpg) no-repeat;
	width:940px;
	height:45px;
	margin:0px auto 15px;
}
ul#topnav {
	margin:0px 0px 0px 10px; 
	padding:0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; 
	padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
       width:940px;
	height: 14px;
	margin-top: 15px;
	text-align:center;
	font-size:11px;
	color:#000;
	border-right: solid 1px #000;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; 	text-decoration: none; } /*--Hover State--*/
ul#topnav a.home {
	width: 60px;
}
ul#topnav a.Playboy-issues-by-year {
	width: 141px;
}
ul#topnav a.Playboy-book-of-lingerie {
	width: 150px;
}
ul#topnav a.Playboy-celebrities {
	width: 120px;
}
ul#topnav a.Playboy-newsstand-specials {
	width: 172px;
}
ul#topnav a.Playboy-special-editions {
	width: 148px;
}
ul#topnav a.Playboy-on-sale {
	width: 100px;
	border-right: none;
}
ul#topnav li .sub {
	z-index:100;
	position: absolute; /*--Important--*/
	top: 40px; left: 0;
	background: #ed7fb4 url(sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 5px 5px 15px 5px;
	float: left;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	overflow:hidden;
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 220px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding:0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../images/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	text-align:left;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
       border:0;
}

ul#topnav .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}

/* Content Section CSS begins */
#content > *{text-align:left; margin-bottom:5px;}
#content #content_area{
	margin:0px;
	padding:5px 0px 0px 0px;
	padding-bottom:1em;
	text-align:left;
	display:block;
	width:775px;
	position:relative;
}
#content #content_area table{text-align:left;}
#content_area p{
	width: 760px;
	height:auto;
	float:left;
	margin-top: 0px;
	margin-left: 5px;
	display: inline;
}
/* Featured Panel */
#featured{
	width:770px;
	position:relative;
	height:330px;
	background:#fff;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0;
	left:720px;
	list-style:none;
	padding:0;
	margin:0;
	width:50px;
} 
#featured ul.ui-tabs-nav img{
	border:none;
}
#featured .ui-tabs-hide{  
    display:none;  
}    
#featured ul.ui-tabs-nav li img{  
    float:left; margin:0px 5px;  
    background:#fff;  
    padding:2px;  
    border:none;  
}
#featured .info h2{  
    font-size:12px;
    width:i22px;
    font-family:Georgia, serif;  
    color:#000; 
    padding:5px; margin:0;
    float:left;
    display:inline;
    overflow:hidden;  
}  
#featured .info p{  
    margin:0 5px;  
    font-family:Verdana; font-size:11px;  
    line-height:15px; color:#f0f0f0;  
}  

.offer {
	float:left;
	width:222px;
	height:285px;
	margin: 0px 10px 0px 10px;
	display:inline;
}
.offer a{
	border:none;
}

.offer img{
	border:none;
	height:285px;
	width:222px;
}
.offer img a{
	border:none;
}
.offer h2{
	width:222px;
	height:30px;
	border:none;
	text-align:center;
	font:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#f394b8;
}
/*coupons */
#coupons {
	width: 770px;
	margin:0;
	padding:0;
}
.breakdown {
	width:255px;
	height:auto;
	float:left;
	display:inline;
	margin:10px 0px 10px 0px;
}
.breakdown img a{
        border: none;
}
.breakdown a{
        border: none;
}

/* Left navigation  */
#left_nav{
	margin:0;
	padding:0;
	
	/* turn the following attribute on if you need to position absolutely inside of the left_nav.  Beware: this will screw up the rollover_color_popouts menu in IE7
	/*position:relative;*/
	height:100%;
	width:160px;
	background:url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/template/left_nav_tile.gif) repeat-y left top;
	padding-top:0px;	
}
#left_nav h2{
	margin:0;
	padding:0;
	width:160px;
	height:35px;
	color:#f07aa8;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
}
#left_nav h3{
	margin:0;
	padding:10px 0 0 10px;
	width:160px;
	height:15px;
	color:#f07aa8;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
        background:url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/template/h3_bg.gif) no-repeat top left; 
}
#left_nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
        padding-top:1em;
	padding-bottom:.5em;
        background: url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/template/ul-bg.gif) repeat-y top left; 
}
.bottom{
    margin:0px;
    padding:0px;
    padding-top:0em;
    padding-bottom:.5em;
    width:160px;
    height:9px;
    background: url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/template/ul-bg-bottom.gif) no-repeat top left; 
}
#left_nav ul li{
	background:transparent url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/template/left_nav_bullet.gif) no-repeat scroll 0pt 4px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	margin:0pt 0pt 0.35em 1em;
	padding-bottom:0.4em;
	padding-left:1em;
}
#left_nav ul li a{ padding-right:.5em;padding-bottom:.1em; color:#6D6D6D;}
#left_nav ul li.nav a{padding-bottom:.1em;color:#6D6D6D;font-weight:normal;}
#left_nav div.nav_section{	padding:0;margin:0;margin-bottom:1em;}
#display_promotions_999{padding:0px;text-align:center;width:165px;margin-top:2em;}
span.ir{display:none;}

/*Footer*/
#footer {
	background:url(http://www.magazineshoponline.com/v/vspfiles/templates/Hooked/images/Footer-bckg.jpg) no-repeat;
	height:48px;
	width:940px;
	clear:both;
}
#footer_top{
	width:940px;
	height:48px;
	color:#000;
	text-align:center;
	margin:0px;
	padding: 15px 0px 5px 0px;
}

#footer_top ul{
	margin:0;
	padding:0;
}
#footer_top ul li {
	display:inline;
}
#footer_top ul li a{
	color:#000;
	font-size: 11px;
	padding:0px 15px 0px 15px;
	border-right:#999 1px solid;
}
#footer_top ul li a:hover{
	color:#777;
	text-decoration:none;
	font-size: 11px;
	padding:0px 15px 0px 15px;
	border-right:#999 1px solid;
}
#footer_top ul li a.last{
	border-right: none;
}
/* #home_page_splash{
	padding:0;
	margin:0 auto;
	width:635px;
	text-align:left;
	font-size:11px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:1em;
}
#home_page_splash #home_page_top{
	width:635px;
	height:258px;
	position:relative;
	background:url(../images/template/home_page_splash.jpg) no-repeat left top;
	margin:0;
	padding:0;
	margin-bottom:1em;
}
.rowcontainer{
	float:left;
	width:635px;
}
.home_page_section{
	width:279px;
	height:100px;
	float:left;
}
#section1{background:url(../images/template/ph-01.jpg) top left no-repeat;}
#section2{background:url(../images/template/ph-02.jpg) top left no-repeat;}
.home_page_section_featured{
	margin-top:1em;
	width:635px;
	height:33px;
	clear:both;
	background:url(../images/template/featured.gif) top left no-repeat;	
}
.home_page_section p{margin-left:9.5em;}
.home_page_section p a{
	color:#F7941D;
	font-weight:bold;
}
*/

.dropdown_select{margin-bottom:1em;}
.dropdown_select select{
	width:145px;
	margin:0;
	padding:0;
	margin-left:10px;
	font-size:9px;
	border:1px solid #ccc;
	}

/* this is for the rollover_colors_popout link color */
#left_nav .nav_section table td a{color:#777777;}
#left_nav table.milonictable tr td a{color:#333;}
#display_menu_1 div.subnav {cursor:pointer; background-color:#fff;}
#display_menu_1 div.subnav table.milonictable tr td{ padding:5px;}
/* typography */
h1 {
      font-family:Verdana, Geneva, sans-serif;
      font-weight:bold;
      font-size: 14px;
      color:#36125A; 
}
h2 {
      font-family:Verdana, Geneva, sans-serif;
      font-weight:bold;
      font-size: 14px;
      color:#36125A; 
}
h1 .pro-des {
      font-family:Verdana, Geneva, sans-serif;
      font-weight:bold;
      font-size: 12px;
      line-height:12px;
      color:#f394b8; 
}
h2 .pro-des {
      font-family:Verdana, Geneva, sans-serif;
      font-weight:bold;
      font-size: 12px;
      line-height:12px;
      color:#f394b8; 
}
.pro-des li {margin:0 0 0 15px;list-style:none; }


/* Issues by Year */
#category-wrapper {width:640px;margin:0px;padding: 0px 4px 0px 4px;}
#category-wrapper h1 {font: 20px Verdana, Geneva, sans-serif;line-height: 16px;color:#3f2b5e;	}
#category-wrapper h2 {background-image: url(/v/images/h2-bar.jpg);background-repeat:no-repeat;margin:0px 0px 5px 0px;padding: 9px 5px 0px 8px;height:35px;font: 18px Verdana, Geneva, sans-serif;line-height: 14px;color:#3f2b5e;	}
#category-wrapper p {font:12px Verdana, Geneva, sans-serif;color:#000;margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;}
.general-holder {width: 632px;height: 110px;margin:0px;padding:0px;}
.cat-breakdown {width: 158px;float:left;display:inline;}
.cat-breakdown img{width: 158px;height:90px;margin:0;padding:0px 0px 15px 0px;}
.cat-breakdown ul{margin:0;padding:0px 0px 15px 5px;}
.cat-breakdown ul li {font: 12px Verdana, Geneva, sans-serif;line-height:14px;margin:0;padding-bottom:10px;list-style:none;float:left;display:inline;}
.cat-breakdown ul li a{color:#000000;text-decoration:none;}
.cat-breakdown ul li a:hover{color:#f394b8;text-decoration:underline;	}
.seperator {width:630px;height:10px;clear:both;}

 /* COLOR CSS */
A {color:#f07aa8}
A:hover {color:#f07aa8}
TD {color:#000000}
.colors_background_main {background-color:#ffffff}
.colors_background1 {background-color:#f07aa8}
.colors_background1_text {color:#ffffff}
.colors_background2 {background-color:#0055bb}
A.colors_background2_text:hover {color:#ffffff}
.colors_background2_text {color:#ffffff}
.colors_background3 {background-color:#000099}
A.colors_background3_text:hover {color:#ffffff}
.colors_background3_text {color:#ffffff}
.colors_backgroundlight {background-color:#000000}
.colors_backgroundlight_dark {background-color:#f07aa8}
.colors_backgroundneutral {background-color:#000000}
.colors_backgroundneutral_dark {background-color:#f07aa8}
.colors_descriptionbox {background-color:#eeeeee}
.colors_highlight {background-color:#ffbb00}
.colors_lines {background-color:#000000}
.colors_lines_light {background-color:#f07aa8}
.colors_links {color:#0033bb}
A.colors_links:hover {color:#0033bb}
.colors_menutitle {background-color:#000000}
.colors_menutitletext {color:#ffffff}
.colors_pricebox {background-color:#eeeeee}
.colors_productname {color:#f07aa8}
A.colors_productname:hover {color:#000000}
.colors_productprice {color:#cc0000}
A.colors_text:hover {color:#000000}
.colors_text {color:#000000}
.colors_homepage_title{color:#4A47AA}

 /* CONTENT AREA CSS */
TABLE, TD { FONT: 11px Verdana;  }
TEXTAREA, INPUT { FONT: 12px Verdana; COLOR: #000; }
FORM { MARGIN: 0px }
.bgcolor1 {	 FONT: bold 11px Arial;  }
.bgcolor3 {	 FONT: bold 11px Arial;  }
.bglinecolor {  }
.productnamecolorLARGE, A.productnamecolorLARGE { FONT: bold 14px Verdana;  TEXT-DECORATION: none; }
A.productnamecolorLARGE:hover { FONT: bold 14px Verdana;  TEXT-DECORATION: none; }
.productnamecolor, A.productnamecolor {	FONT: bold 11px Verdana;  TEXT-DECORATION: none; }
A.productnamecolor:hover {  TEXT-DECORATION: none; }
.productnamecolorSMALL { FONT: bold 10px Verdana;  }
A.productnamecolorSMALL { FONT: bold 10px Verdana;  TEXT-DECORATION: none; }
A.productnamecolorSMALL:hover {	 TEXT-DECORATION: none; }
.pricecolor { FONT: bold 11px Verdana;  }
A.pricecolor, A.pricecolor:hover { FONT: bold 11px Verdana;  TEXT-DECORATION: none; }
.pricecolorSMALL { FONT: bold 10px Verdana;  }
A.pricecolorSMALL, A.pricecolorSMALL:hover { FONT: bold 10px Verdana;  TEXT-DECORATION: none; }
A.RegularLink { FONT: 11px Verdana;  TEXT-DECORATION: none; }
A.RegularLink:hover {  TEXT-DECORATION: underline; }
.smalltext { FONT: 10px Verdana;  }
A.smalltext, A.smalltext:hover { FONT: 10px Verdana;  TEXT-DECORATION: none; }
.nav1, A.nav1 { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.nav1:hover {  TEXT-DECORATION: none; }
.nav1_selected, A.nav1_selected { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.nav1_selected:hover {  TEXT-DECORATION: none; }
.nav2, A.nav2 { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.nav2:hover {  TEXT-DECORATION: none; }
.nav2_selected, A.nav2_selected { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.nav2_selected:hover {  TEXT-DECORATION: none; }
.nav3, A.nav3 { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.nav3:hover {  TEXT-DECORATION: none; }
.nav3_selected, A.nav3_selected { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.nav3_selected:hover {  TEXT-DECORATION: none; }
.carttext { FONT: 10px Verdana;  TEXT-DECORATION: none; }
A.carttext { FONT: 10px Verdana;  TEXT-DECORATION: none; }
A.carttext:hover { FONT: 10px Verdana;  TEXT-DECORATION: underline; }

 /* NAVIGATION CSS */
#display_menu_1 .nav {background-color:transparent;cursor:pointer; }
#display_menu_1 .nav a { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
#display_menu_1 .nav_hover {cursor:pointer; background-color:transparent;}
#display_menu_1 .nav_hover a { text-decoration:none; font:bold 11px arial; }
#display_menu_2 .nav {cursor:pointer; background-color:transparent; padding-right: 5px;}
#display_menu_2 .nav a { FONT: bold 11px Arial;  TEXT-DECORATION: none; padding-right: 5px; }
#display_menu_2 .nav_hover {cursor:pointer; background-color:transparent; padding-right:5px;}
#display_menu_2 .nav_hover a { text-decoration:none; font:bold 11px arial; padding-right:5px;}
#display_menu_3 .nav {cursor:pointer; background-color:transparent;}
#display_menu_3 .nav a { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
#display_menu_3 .nav_hover {cursor:pointer; background-color:transparent;}
#display_menu_3 .nav_hover a { text-decoration:none; font:bold 11px arial; }
#display_menu_4 .nav a {color:transparent;}
#display_menu_4 .nav_hover a {color:transparent;}
#display_menu_4 .nav {background-color:transparent;}
#display_menu_4 .nav_hover {background-color:transparent;}
#display_menu_5 .nav a {color:transparent;}
#display_menu_5 .nav_hover a {color:transparent;}
#display_menu_5 .nav {background-color:transparent;}
#display_menu_5 .nav_hover {background-color:transparent;}
#display_menu_6 .nav a {color:transparent;}
#display_menu_6 .nav_hover a {color:transparent;}
#display_menu_6 .nav {background-color:transparent;}
#display_menu_6 .nav_hover {background-color:transparent;}
#display_menu_7 .nav a {color:transparent;}
#display_menu_7 .nav_hover a {color:transparent;}
#display_menu_7 .nav {background-color:transparent;}
#display_menu_7 .nav_hover {background-color:transparent;}
#display_menu_8 .nav a {color:transparent;}
#display_menu_8 .nav_hover a {color:transparent;}
#display_menu_8 .nav {background-color:transparent;}
#display_menu_8 .nav_hover {background-color:transparent;}
