
/*******************************************
    Default/Common Setup
*******************************************/

body,html{
    height:100%;
    width:100%;
}
body{
    font-size: 13px;
    font-family:verdana,arial,sans-serif;
    border:0;
    margin:0;
    padding:0;
    line-height: 1em;
    width:100%;
	background-color:white;
}

a {
    text-decoration: none;
    COLOR:#7394A3;
    color:#2f95c4;
}
a:hover {
    text-decoration: underline;
}
a.signup-link {
    /*text-transform:uppercase;*/
    color:#2f95c4;
	font-size:22px;
	font-weight: bold;
}
a.large-signup-link {
    background: url('../images/signup-startmaking-large.png') no-repeat center ;
	display: block;
	/*border:1px solid white;*/
	width:348px;
	height: 132px;
	margin-top:45px;
}
a.large-signup-link:hover {
    background: url('../images/signup-startmaking-large-active.png') no-repeat center ;
}
a.viewsite-link {
    /*text-transform:uppercase;*/
    color:grey;
    font-style: italic;
}
a.viewsite-link-extrapadbot {
    /*text-transform:uppercase;*/
    color:grey;
    font-style: italic;
	display:block;
}
a.moreinfo-link {
    /*
    color:grey;
    font-style: italic;
    */
	font-weight: bold;
}
h1 {
	color:#7c7970;
	font-size:26px;
}
h1.top {
	margin-top:0;
	padding-top:0;
}
h2 {
	font-size:20px;
}
hr.white-line {
	color:white;
	height:1px;
	border:0;
	border-top: 1px solid white;
}
ul.blue-bullet {
  margin-left:10px;
  padding-left:10px;
}
ul.blue-bullet li {
  list-style: none;
  margin-left:0;
  padding-left:0;
  padding-bottom:8px;
}
ul.blue-bullet li:before {
  /* For a round bullet */
  content:'\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -15px;
  top: -0px;
  color: #2f95c4;
  font-size: 20px;
}


.initial-load {
    color:silver;
    font-style: italic;
}
.clear {
    clear:both;
}
.page-width-centered {
    width:960px;
    margin:0 auto;
    padding:0;
}
.shared-bg-shadow-top {
    background: url('../images/bg-gradiant-top.png') repeat-x top;
    margin:0;
    padding:0;
}
.shared-bg-shadow-bot {
    background: url('../images/bg-gradiant-bot.png') repeat-x bottom;
    margin:0;
    padding:0;
}
.shared-half-page {
    float:left;
    width:48%;
    margin-right:1%;
}
.smaller-text {
    font-size: 11px;
}
.smaller-form-row {
	clear:both;
	margin-bottom:6px;
}
.smaller-form-left-column {
	float:left;
	width:18%;
	text-align:right;
	margin-right:15px;
	margin-top:5px;
}
.smaller-form-right-column {
	float:left;
	width:77%;
}
.smaller-form-right-column input {
	width:300px;
	background: #D3CAB3;
	border: 1px solid #BAAF93;
	font-size: 1.1em;
   padding: 5px;
}
.smaller-form-right-column select {
	background: transparent;
	background: #D3CAB3;
	border: 1px solid #BAAF93;
	width:310px;
	padding: 5px;
	font-size: 1.1em;
	height: 34px;
}
.form-error {
	color:#8E0000;
	padding-bottom:4px;
	margin-bottom:4px;
}





/*******************************************
    Header
*******************************************/
#header {
    height:146px;
    background-color:white;
}
#header .left-column {
    float:left;
    height:146px;
    width:350px;
    margin:0;
    padding:0;
}

#header .left-column .logo {
    margin-top:25px;
    height:93px;
    width:310px;
    display:block;
    background: url('../images/logo-pbw-large.png') no-repeat center left;
}
#header .right-column {
    float:right;
    width:390px;
    height:146px;
    margin:0;
    padding:0;
}
#header .right-column .login {
    width:390px;
    height:118px;
    background-color:#e0eff6;
}
#header .right-column .pointer {
    width:390px;
    height:28px;
    display:block;
    background: url('../images/login-pointer.png') no-repeat top right;
}
#header .right-column .login .row-text {
    padding:25px 0 10px 20px;
    display:block;
    clear:left;
}
#header .right-column .login .row-text .logo {
    width:22px;
    height:33px;
    background:  url('../images/logo-bunny-small.png') no-repeat;
    float:left;
    display:block;
}
#header .right-column .login .row-text .text {
    color:#6ab2d8;
    color:#7394A3;
    padding:20px 0 0 10px;
    font-style: italic;
}




#header .right-column .login .row-form {
    display:block;
    clear:both;
}

#header .right-column .login .row-form .form-username {
	margin-top:3px;
    width:140px;
    height:35px;
    float:left;
    display:block;
	text-align: center;
}
#header .right-column .login .row-form .form-password {
	margin-top:3px;
    width:140px;
    height:35px;
    float:left;
    display:block;
	text-align: center;
}
#header .right-column .login .row-form .form-username input,
#header .right-column .login .row-form .form-password input {
	width:110px;
	background: #fff;
	border: 1px solid silver;
	font-size: 1.1em;
   padding: 5px;
}

#header .right-column .login .row-form .form-submit {
    background:  url('../images/login-button.png') no-repeat;
    width:108px;
    height:35px;
    float:right;
    display:block;
	border: 0 none;
	cursor: hand; cursor: pointer;
}
#header .right-column .login .row-form .form-submit:hover {
    background:  url('../images/login-button-active.png') no-repeat;
}




.inner-login-form {
	margin:0 auto;
	width:400px;
    height:150px;
    background-color:#e0eff6;
    display:block;
    clear:both;
	padding:25px 0 0 0;
}

.inner-login-form .message {
	padding:0 0 10px 0;
	text-align: center;
	color:red;
}

.inner-login-form .form-username {
	margin-top:3px;
    width:140px;
    height:35px;
    float:left;
    display:block;
	text-align: center;
}
.inner-login-form .form-password {
	margin-top:3px;
    width:140px;
    height:35px;
    float:left;
    display:block;
	text-align: center;
}
.inner-login-form .form-username input,
.inner-login-form .form-password input {
	width:110px;
	background: #fff;
	border: 1px solid silver;
	font-size: 1.1em;
   padding: 5px;
}

.inner-login-form .form-submit {
    background:  url('../images/login-button.png') no-repeat;
    width:108px;
    height:35px;
    float:right;
    display:block;
	border: 0 none;
}


.inner-login-form .smaller-form-row {
	clear:both;
	margin-bottom:6px;
}
.inner-login-form .smaller-form-left-column {
	float:left;
	width:18%;
	text-align:right;
	margin-right:15px;
	margin-top:5px;
}
.inner-login-form .smaller-form-right-column {
	float:left;
	width:77%;
}
.inner-login-form .smaller-form-right-column input {
	width:200px;
	background: #fff;
	border: 1px solid silver;
	font-size: 1.1em;
   padding: 5px;
}




/*******************************************
    Navigation
*******************************************/
#navigation {
    margin:0;
    padding:0;
    width:100%;
}
#navigation ul.main-nav-list {
    list-style-type:none;
    margin:0;
    padding:0;
    z-index:5000px;
}
#navigation ul.main-nav-list li {
    margin:0;
    padding:0;
    margin-right:1px;
    float:left;
}
#navigation ul.main-nav-list li.last {
    margin:0;
}
#navigation ul.main-nav-list li a {
    display:block;
    /*height:37px;*/
    height:52px;
    height:56px;
    background: no-repeat top left;
}
#navigation ul.main-nav-list li a span {
    display:none;
}
#navigation ul.main-nav-list li.nav-home a {
    width:109px;
    background-image: url('../images/nav-home.png');
}
#navigation ul.main-nav-list li.nav-home a:hover {
    background-image: url('../images/nav-home-bl.png');
}
#navigation ul.main-nav-list li.nav-prog a {
    width:124px;
    background-image: url('../images/nav-program.png');
}
#navigation ul.main-nav-list li.nav-prog a:hover {
    background-image: url('../images/nav-program-bl.png');
}
#navigation ul.main-nav-list li.nav-promo a {
    width:154px;
    background-image: url('../images/nav-promo.png');
}
#navigation ul.main-nav-list li.nav-promo a:hover {
    background-image: url('../images/nav-promo-bl.png');
}
#navigation ul.main-nav-list li.nav-sites a {
    width:129px;
    background-image: url('../images/nav-oursites.png');
}
#navigation ul.main-nav-list li.nav-sites a:hover {
    background-image: url('../images/nav-oursites-bl.png');
}
#navigation ul.main-nav-list li.nav-terms a {
    width:199px;
    background-image: url('../images/nav-terms.png');
}
#navigation ul.main-nav-list li.nav-terms a:hover {
    background-image: url('../images/nav-terms-bl.png');
}
#navigation ul.main-nav-list li.nav-contact a {
    width:123px;
    background-image: url('../images/nav-contact.png');
}
#navigation ul.main-nav-list li.nav-contact a:hover {
    background-image: url('../images/nav-contact-bl.png');
}
#navigation ul.main-nav-list li.nav-signup a {
    width:116px;
    background-image: url('../images/nav-signup.png');
}
#navigation ul.main-nav-list li.nav-signup a:hover {
    background-image: url('../images/nav-signup-bl.png');
}


.page-program #navigation ul li.nav-prog a,
.page-program #navigation ul li.nav-prog a:hover {
    background-image: none;
}
.page-program #navigation {
    background: url('../images/nav-program-active.png') no-repeat 98px 0;
}


.page-promo-tools #navigation ul li.nav-promo a,
.page-promo-tools #navigation ul li.nav-promo a:hover {
    background-image: none;
}
.page-promo-tools #navigation {
    background: url('../images/nav-promo-active.png') no-repeat 225px 0;
}


.page-our-sites #navigation ul li.nav-sites a,
.page-our-sites #navigation ul li.nav-sites a:hover {
    background-image: none;
}
.page-our-sites #navigation {
    background: url('../images/nav-oursites-active.png') no-repeat 380px 0;
}


.page-terms #navigation ul li.nav-terms a,
.page-terms #navigation ul li.nav-terms a:hover {
    background-image: none;
}
.page-terms #navigation {
    background: url('../images/nav-terms-active.png') no-repeat 510px 0;
}


.page-contact #navigation ul li.nav-contact a,
.page-contact #navigation ul li.nav-contact a:hover {
    background-image: none;
}
.page-contact #navigation {
    background: url('../images/nav-contact-active.png') no-repeat 710px 0;
}


.page-signup #navigation ul li.nav-signup a,
.page-signup #navigation ul li.nav-signup a:hover {
    background-image: none;
}
.page-signup #navigation {
    background: url('../images/nav-signup-active.png') no-repeat 834px 0;
}



.page-home #navigation  {
    /*
    background:  url('../images/page-home-top-1.png') no-repeat;
    width:960px;
    height:283px;
    */
    height:400px;
    height:283px;
	position:relative;
}
.page-home #navigation #slider {
	margin:0;
	padding:0;
}
.page-home #navigation ul.main-nav-list {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}

.page-home #navigation #slider ul, .page-home #navigation #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
.page-home #navigation #slider li { 
    /* 
    	define width and height of list item (slide)
    	entire slider area will adjust according to the parameters provided here
    */ 
    width:960px;
    height:283px;
    overflow:hidden; 
}
#prevBtn, #nextBtn {
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}


.page-home #navigation #prevBtn, .page-home #navigation #nextBtn{ 
	display:block;
    width: 34px;
    height: 53px;
	position:absolute;
	top:125px;
    left:-22px;
}	
.page-home #navigation #nextBtn{ 
	left:948px;
}														
.page-home #navigation #prevBtn a, .page-home #navigation #nextBtn a{  
	display:block;
    width: 34px;
    height: 53px;
	background: url(../images/page-home-arrow-left.png) no-repeat 0 0;
}	
.page-home #navigation #nextBtn a{ 
	background: url(../images/page-home-arrow-right.png) no-repeat 0 0;	
}










/*******************************************
    Content
*******************************************/
#content-wrapper {
    background: url('../images/bg-content-primary.png');
	overflow:hidden;
}
#content-main {
    margin:0;
    padding:25px 0;
}

.two-column-container {
	clear:both;
}
.two-column-container hr {
	color:white;
	height:1px;
	border:0;
	border-top: 1px solid white;
}
.two-column-container .text-centered {
	text-align: center;
}
.two-column-container .left-column {
	float: left;
	width:280px;
}
.two-column-container .right-column {
	float: left;
	width:450px;
}
.two-column-container .one-full-column {
	float: left;
	width:730px;
}

/* Override left/right column */
.page-our-sites .two-column-container .left-column {
	float: left;
	width:320px;
}
.page-our-sites .two-column-container .right-column {
	float: left;
	width:450px;
}
.page-our-sites .two-column-container .one-full-column {
	float: left;
	width:770px;
}


.right-side-girl-wrapper {
	display:none;
}
.right-side-girl-bg {
	display:none;
}

.page-signup .right-side-girl-wrapper,
.page-contact .right-side-girl-wrapper,
.page-our-sites .right-side-girl-wrapper,
.page-program .right-side-girl-wrapper,
.page-promo-tools .right-side-girl-wrapper {
	position:relative;
	display:block;
}
.page-signup .right-side-girl-bg,
.page-contact .right-side-girl-bg,
.page-our-sites .right-side-girl-bg,
.page-program .right-side-girl-bg,
.page-promo-tools .right-side-girl-bg {
	position:absolute;
	display:inline;
	width:150px;
	height:900px;
	top:-50px;
	right:-370px;
    width:536px;
    height:1062px;
}

	

.page-program .right-side-girl-bg {
    background-image: url('../images/girls-hope.png');
}
.page-promo-tools .right-side-girl-bg {
    background-image: url('../images/girls-angie.png');
}
.page-our-sites .right-side-girl-bg {
    background-image: url('../images/girls-addison.png');
}
.page-contact .right-side-girl-bg {
    background-image: url('../images/girls-yevgeniya.png');
}
.page-signup .right-side-girl-bg {
    background-image: url('../images/girls-inna.png');
}



/*******************************************
    Footer
*******************************************/
#footer {
    padding-top:24px;
    z-index: 5;
}               
#footer .left-column {
    float:left;
    width:198px;
    margin:0;
    padding:0;
}
#footer .left-column .logo {
    height:59px;
    width:198px;
    display:block;
    background: url('../images/logo-pbw-small.png') no-repeat center left;
}
#footer .right-column {
    float:left;
    width:700px;
    height:66px;
    margin:0 0 0 15px;
    border-left:1px solid #7394A3;
    border-left:1px solid #6ab2d8;
    padding:8px 0 0 15px;
}
#footer .right-column a  {
    font-size:.9em;
}
#footer .right-column .spacer  {
    font-size:.9em;
    padding:0 0 0 5px;
}
#footer .right-column .copyright  {
    font-size:.9em;
    color:grey;
}
#footer .right-column .row-one,
#footer .right-column .row-two,
#footer .right-column .row-three  {
    padding:0 0 6px 0;
}






/*******************************************
    Page: Home
*******************************************/

/* Override h2 padding */
.page-home h2 {
	font-size:17px;
}
/* Override content-main padding */
.page-home #content-main {
    margin:0;
    padding:0 0 25px 0 ;
    line-height:1.7em;
    font-size:14px;
}
/* Override shared-half-page padding */
.page-home .smaller-left-column {
    width:45%;
    margin-right:4%;
}
.page-home .larger-right-column h2 {
	margin-bottom:0;
}

.page-home .row-one-container  {
    /*
    background:  url('../images/page-home-top-1.png') no-repeat;
    width:960px;
    height:283px;
    */
    margin-bottom:30px;
    border-bottom:1px solid white;
    clear:both;
}
.page-home .row-one-container .sixty-rev  {
    background:  url('../images/page-home-row1-60rev.png') no-repeat 0 0;
    width:185px;
    height:148px;
    border-right:1px solid white;
    display:block;
    float:left;
}
.page-home .row-one-container .sixty-rev:hover  { background:  url('../images/page-home-row1-60rev-active.png') no-repeat 0 0; }

.page-home .row-one-container .thirty5-pps  {
    background:  url('../images/page-home-row1-thirty5pps.png') no-repeat 0 0;
    width:172px;
    height:148px;
    border-right:1px solid white;
    display:block;
    float:left;
}
.page-home .row-one-container .thirty5-pps:hover  { background:  url('../images/page-home-row1-thirty5pps-active.png') no-repeat 0 0; }

.page-home .row-one-container .promocnt  {
    /*background:  url('../images/page-home-row1-pbpromocnt-active.png') no-repeat center;*/
    background:  url('../images/page-home-row1-pbpromocnt.png') no-repeat center;
    width: 238px;
    height: 148px;
    border-right:1px solid white;
    display:block;
    float:left;
}
.page-home .row-one-container .promocnt:hover { background:  url('../images/page-home-row1-pbpromocnt-active.png') no-repeat center; }

.page-home .row-one-container .signup  {
    background:  url('../images/page-home-row1-signup.png') no-repeat center;
    width: 361px;
    height: 148px;
    display:block;
    float:left;
}
.page-home .row-one-container .signup:hover  { background:  url('../images/page-home-row1-signup-active.png') no-repeat center; }

.page-home .row-two-container  {
    margin-top:15px;
}
.page-home .row-two-container .prog-highlights {
    background:  url('../images/graphic-moneybag.png') no-repeat right center;
}
.page-home .row-two-container .promo-contest {
    background:  url('../images/graphic-laptop.png') no-repeat right center;
}

.page-home .row-two-container .site-pbplus {
    background:  url('../images/graphic-site-playboyplus.png') no-repeat 0 15px;
    border-bottom:1px solid white;
    height:265px;
    margin-bottom:25px;
    padding-bottom:0;
}
.page-home .row-two-container .site-pbtv {
    background:  url('../images/graphic-site-playboytv.png') no-repeat 0 15px;
    border-bottom:1px solid white;
    height:265px;
    margin-bottom:25px;
    padding-bottom:0;
}
.page-home .row-two-container .site-pbmobi {
    background:  url('../images/graphic-site-playboymobi.png') no-repeat 0 35px;
    height:200px;
    margin-bottom:0;
    padding-bottom:0;
}


.page-home .row-two-container .site-pbplus span,
.page-home .row-two-container .site-pbtv span,
.page-home .row-two-container .site-pbmobi span {
    float:right;
    width:150px;
}







