/*--------------------------
Before & After magazine
323 Lincoln Street
Roseville, CA 95678
916-784-3880 Voicemail
www.bamagazine.com
Version: 2.0
--------------------------*/

/*--------------------------Start Page Structure--------------------------*/
* {
	margin: 0;
	padding: 0;}
body {
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	min-width: 900px;
	background: url(../assets/images/Covermedia/header2.gif) top left repeat-x;}

#contentarea {
	width: 864px;
	margin-top: 42px;
	font-size: 11px;
	background-image: url(../assets/images/Covermedia/contentarea_bck_main.gif); repeat-y top;}
	
#contentarea_home {
	width: 864px;
	margin-top: 0;
	font-size: 11px;
	background-image: url(../assets/images/Covermedia/contentarea_bck_main.gif); repeat-y top;}
	
#contentarea_cart {
	width: 864px;
	margin-top: 42px;
	font-size: 11px;}
		
#contentarea_cartmore {
	width: 864px;
	margin-top: 84px;
	font-size: 11px;}
		
#contentarea-books {
	width: 864px;
	margin-top: 42px;
	font-size: 11px;
	background-image: url(../assets/images/Covermedia/contentarea_bck_main.gif); repeat-y top;}
	
.entry-home, .entry-links {
	float: left;
	width: 444px;

	padding-bottom: 4px;
	margin-bottom: 4px;}
	
.entry-letters {
	float: left;
	width: 444px;
	background: url(../assets/images/Covermedia/dots_hor2.gif) bottom left repeat-x;
	padding-bottom: 8px;
	margin-bottom: 8px;}

.entry-letters-blog {
	float: left;
	width: 444px;
	background: url(../assets/images/Covermedia/dots_hor2.gif) top left repeat-x;
	padding-bottom: 8px;
	margin-bottom: 8px;}
	
.entry-letters-date {
	font-size: 10px;
	color: #8c8c8c;}
	
#mainwrap {
	width: 864px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;}
	
#header {
	height: 138px;
	width: 864px;
	text-align: center;}
	
#introheadline {
	width: 864px;
	height: 142px;
	background-color: white;
	text-align: center;}
	

#introsubs {
	width: 864px;
	height: 122px;
	background-color: white;
	text-align: center;}
	
#introheadline img, #introsubs img {
	margin-top: 44px;}
	
	
.horizontal-dots {
	height: 4px;
	margin-bottom: 4px;
	background: url(../assets/images/Covermedia/dots_hor2.gif) bottom left repeat-x;}
	
.floatleft {
	float: left;
	margin-right: 10px;}
		
#subcontentleft {
	width: 180px;
	float:left;}
	
#subcontentleftpad {
	padding: 0px 14px 12px 0px;}
	
#maincontent {
	width: 504px;
	float: left;
	line-height: 18px;}
	
#maincontentpad {
	padding: 0px 28px 40px 32px;}
	
#subcontentright {
	width: 180px;
	float: right;}

#subcontentrightpad {
	padding: 0px 0px 40px 18px;}
	
#footer {
	margin-top: 25px;
	padding-top: 25px;
	text-align: center;
	color: #444444;
	height: 80px;
	width: 864px;
	font-size: 11px;}

.renewspecial {
	float: left;
	width: 444px;
	background: url(../assets/images/Covermedia/dots_hor2.gif) bottom left repeat-x;
	padding-bottom: 4px;
	margin-bottom: 4px;
	color: #2B8C20;
        }

.renewspecial a {
        text-decoration: none;
	color: #2B8C20;}

.renewspecial a:hover {
        text-decoration: underline;
	color: #0055BB;}

.renewaloffer {
	float: left;
	width: 144px;
	height: 144px;
	margin-bottom: 42px;
        padding: 6px 6px 15px 6px;
	font-size: 11px;
	line-height: 17px;
	background: url(../assets/images/Covermedia/renewalbkgd.gif) top left no-repeat;}


/*--------------------------End Page Structure--------------------------*/
	

/*--------------------------Start Main Navigation--------------------------*/
a {
	text-decoration: none;
	color: #0055BB;}
	
a:hover {
	color: #CC0000;}
	

#listmenu {
	height: 28px;
	padding-top: 12px;
	padding-left: 98px;}
	
#listmenu a {
	text-decoration: none;
	color: white;}
	
#listmenu a:visited {
	color: white;}
	
#listmenu a:hover {
	color: black;}
	
#listmenu li {
	float: left;
	list-style: none;
	padding: 0px 10px;}
	
#listmenu li:first-child {
	padding: 0px;}
	
#navspace {
	margin-left: 32px;}
/*--------------------------End Main Navigation--------------------------*/
/*--------------------------Start Image classes--------------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0 4px 2px 4px;

	margin: 0 0 0 7px;
	display: inline;
	}


img.alignleft {
	padding: 17px 4px 17px 4px;
	margin: 0 7px 0 0;
	display: inline;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/*--------------------------End Image classes--------------------------*/
	
/*--------------------------Start Subscribe Page--------------------------*/

#contentarea_subscription {
	width: 900px;}
	
#sub_options {
	margin-top: 40px;}
	

#contentarea_subs {
	width: 864px;
	margin-top: 0;
	font-size: 11px;
	line-height: 17px;
	background: url(../assets/images/Covermedia/contentarea_bck_subs.gif) top right repeat-y;}
	
#contentleft {
	width: 432px;
	float:left;}
	
#contentleftpad {
	padding: 0px 28px 12px 44px;}
	
#contentright {
	width: 432px;
	float:left;}
	
#contentrightpad {
	padding: 0px 30px 12px 28px;}
	
#contentright p, #contentleft p {
	padding-bottom: 12px;}

	
#cat36 {
	width: 864px;
	height: 305px;
	text-align: center;
	background-color: white;
       }

#cat76 {
	width: 864px;
	height: 160px;
	text-align: center;
	background-color: white;
       }

#cat37 {
	width: 864px;
	height: 400px;
	text-align: center;
	background-color: white;
       }

#cat39 {
	width: 925px;
	height: 420px;
        align: center;
	text-align: left;
	background-color: white;
	float:left;
       }

#subscribe {
	width: 864px;
	height: 100px;
	text-align: center;
	background-color: white;}

#subscribe68px {
	width: 864px;
	height: 68px;
	text-align: center;
	background-color: white;}

#subscribe span {
	color: #8C8C8C;}
/*--------------------------End Subscribe Page--------------------------*/
	

/*--------------------------Start Typography--------------------------*/
p {	padding-bottom: 10px;}

.purple-text {
	color: #AD54D5;}
	
.red-text {
	color: #be0033;}
	
.orange-text {
	color: #FB8200;}
	
.yellow-text {
	color: #FDBE00;}
	
.green-text {
	color: #2B8C20;}
	
.blue-text {
	color: #4A6FFF;}
	
.mainheadline {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 24px;
	line-height: 30px;}

.cat36mainheadline {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 21px;
	line-height: 30px;
        color: #505153;}

.cat60mainheadline {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 21px;
	line-height: 30px;
        color: #000000;}

.subs-item {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 20px;
	line-height: 22px;}
	
.subs-item span {
	font-family: georgia, times, times-roman, sans-serif;
	color: #6D6F72;
	font-size: 16px;
	font-style: italic;
	line-height: 22px;}

.headline2130px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 21px;
	line-height: 30px;
        color: #000000;}

.introparter {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 16px;
	line-height: 21px;}

.graytext, .author {
	color: #555555;}
	
.small-text {
	font-size: 10px;}
	
#subcontentright p {
	margin-top: 12px;}


.productnumberpx  {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
        font-weight: normal;
        padding-bottom: 2px;
        color: #000000;}

.productheadpx {
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 21px;
	line-height: 22px;
        font-weight: normal;
        padding-bottom: 4px;
        color: #000000;}

.productdesc {
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 16px;
	line-height: 22px;
        font-weight: normal;
        padding-bottom: 4px;
        color: #000000;}

.productquote {
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 13px;
	line-height: 18px;
        font-style: italic;
        padding-top: 17px;
        color: #666666;}

.productpricepx  {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
        font-weight: bold;
        padding-bottom: 8px;
        color: #000000;}

.productheadpx span {
	color: #666666;}

.producttext1218px, .producttext1218px span {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
        font-weight: normal;
        padding-bottom: 0px;
        padding-right: 30px;
	color: #000000;}

.producttext1117px {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
        position: relative;
        left: 705px;
        bottom: 270px;
	color: #000000;}

.producttext1117px2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
        position: relative;
        left: 705px;
        bottom: 530px;
	color: #000000;}

.producttext1117px3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
        position: relative;
        left: 705px;
        bottom: 450px;
	color: #000000;}

.productsidebar {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 10px;
        vertical-align: bottom;
        padding-left: 30px;

	color: #000000;}



.producthorizontal-line, producthorizontal-line p {
	height: 3px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	background: url(../assets/images/Covermedia/dots_hor2.gif) bottom left repeat-x;}


.bundle_tab {
width: 442px;
height: 26px;
float: left;
margin: 16px 0 14px 0;
background: url(../assets/images/Covermedia/category_tab.gif) no-repeat top left;}

.bundle_tab p {
padding: 4px 0 0 16px;}


.bundle_tab a {
	text-decoration: none;
	color: #ffffff;}
	
.bundle_tab a:hover {
    text-decoration: underline;
	color: #ffffff;}
	
	
/*--------------------------End Typography--------------------------*/


#product_contentleft {
	width: 310px;
	float:left;}
	
#product_contentleftpad {
	padding: 0px 6px 6px 0px;}
	
#product_contentright {
	width: 150px;
	float:right;}
	
#product_contentrightpad {
	padding: 0px 0px 6px 18px;
	background: url(http://www.bamagazine.com/v/vspfiles/emessages/eblastmedia/contentarea_bckshort.gif) repeat-y top left;
}

/*--------------------------End Product description --------------------------*/


#Contact-us-form, #Email-article-form {
	padding-left: 25px;}
	
img {
	border: 0px;}

product_photo {
	padding: 20px 0px 0px 0px;}

	
.georgia16px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 16px;}
	
.morepages ul {
	display: inline;
	text-align: center;}
	
.morepages li {
	float: left;
	list-style: none;
	padding: 0 8px;
	margin: 20px 0px 0px 0px;
	border-right: 1px solid #6D6F72;}
	
.faq-category {
	color: #CC0000;
	padding-top: 15px;}
	
.entry-home img {
	float: left;
	margin-right: 14px;}
	
.entry-links img {
	float: left;
	margin: 6px 14px 5px 0px;}
	
.clearfloat {
	clear: both;
	visibility: none;}
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.product_photo {
	padding-top: 36px;}

.clearfix {
	display: inline-table;}
/* backslash hides from IE mac \*/

* html .clearfix {
	height: 1%;}
	
.clearfix {
	display: block;}


/* -----------end ----------- */


/*--------------------------Start Lightbox--------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*--------------------------End Lightbox--------------------------*/