/*--------------------------
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/headernavbar.gif) top left repeat-x;}

#contentarea, #contentarea-books {
	width: 864px;
	margin-top: 42px;
	font-size: 11px;
	background-image: url(../assets/images/Covermedia/contentarea_bck_main.gif); repeat-y top;}
	
#contentarea_home, #contentarea_cart {
	width: 864px;
	margin-top: 42px;
	font-size: 11px;}
		
#contentarea_cartmore {
	width: 864px;
	margin-top: 84px;
	font-size: 11px;}
	
.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: 868px;
	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 {
	padding-bottom: 18px;
	background: url(../assets/images/Covermedia/dots_hor2.gif) bottom left repeat-x;}
	
.floatleft {
	float: left;
	margin-right: 10px;}
		
#subcontentleft {
	width: 180px;
	float:left;
   overflow: hidden;}
	
#subcontentleftpad {
	padding: 0px 14px 12px 0px;}
	
#maincontent {
	width: 504px;
	float: left;
	line-height: 18px;
   overflow: hidden;}
	
#maincontentpad {
	padding: 0px 28px 40px 32px;}
	
#subcontentright {
	width: 180px;
	float: right;
   overflow: hidden;}

#subcontentrightpad {
	padding: 0px 0px 40px 18px;}
	
/*--------------------------Start footer --------------------------*/

#footer {
	height: 36px;}
	
#footer_background {
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	background-color: #a1a1a1;}
	
#footer_content {
	padding-top: 22px;
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	text-align: center;
	height: 150px;
	width: 864px;
	font-size: 11px;
	background-color: #a1a1a1;}
	
#footer_content li {
	text-align: left;
	list-style: none;
	margin-bottom: 4px;}
	
#footer_content li a {
	text-decoration: none;
	color: #333;}

#footer_content li a:hover {
        text-decoration: underline;}
	
#footer_content ul {
	float: left;}
	
#footer_content ul.products1 {
	margin-right: 20px;}
	
#footer_content ul.products2, #footer_content ul.legal {
	margin-right: 34px;}
	
#footer_content ul strong {
	color: #fff;}
	
ul.socialmedia {
	width: 864px;
	margin-bottom: 10px;
	text-align: center;}
	
ul.social {
	margin-right: 40px;}	

ul.socialmedia2 li {
	float: left;
	text-align: left;
	list-style: none;
	padding: 6px 10px 0 0;}
	
#freeupdate2 {
	border-left: 1px solid #ccc;
	text-align: left;
	float: right;
	height: 120px;
	padding: 0 30px 0 40px;}
	
#freeupdate2 strong {
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;}

.copyright {	
 	text-align: center;
 	background-color: #fff;
 	padding-top: 20px;}

/*--------------------------End Footer --------------------------*/

.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;}


#lefthalf {
	float: left; 
	width: 420px;
	padding-right: 20px;}
	
#righthalf {
	float: left;
	width: 419px;
	padding: 8px 0 0 30px;
	border-left: 1px solid #ccc;}
	
/*--------------------------End Page Structure--------------------------*/



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

#listmenu {
	height: 28px;
	padding-top: 12px;
	padding-left: 30px;}
	
#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 8px;}
	
#listmenu li:first-child {
	padding: 0px;}
	
#navspace {
	margin-left: 20px;}
	
/*--------------------------End Main Navigation--------------------------*/

/*--------------------------Start Design Talk Ticker--------------------------*/
#dt_ticker {
	text-align: center;
	height: 90px;}
	
#dt_ticker img {
	vertical-align: middle;
	padding-bottom: 8px;}
	
#dt_ticker p {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 16px;
	display: inline;
	margin-left: 12px;}
	
/*--------------------------End Design Talk Ticker--------------------------*/

/*--------------------------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: #FA0000;}
	
.orange-text {
	color: #FB8200;}
	
.yellow-text {
	color: #FDBE00;}
	
.green-text {
	color: #2B8C20;}
	
.yellowgreen-text {
	color: #7fbd36;}
	
.gray-text {
	color: #969696;}
	
.blue-text {
	color: #4A6FFF;}
	
.ba-purple {
	color: #7a3fc8;}
	
.ba-red {
	color: #ff2600;}
	
.ba-orange {
	color: #ff6100;}
	
.ba-yellow {
	color: #ffb000;}
	
.ba-green {
	color: #00892a;}
	
.ba-blue {
	color: #0066ff;}
	
.sidebarhead {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 11px;
	letter-spacing: 4px;
	text-align: center;
	text-transform: uppercase;
	color: #ff0000;
	height: 10px;
	margin: 10px 0 12px 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;}
	
.mainheadline {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: -14px;}

.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;}
        
 .cat130mainheadline {
	font-family: georgia, times, times-roman, sans-serif; 
	font-size: 32px; 
	line-height: 40px; 
	margin-top: 34px;}

.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;}
        
.headline2428px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 24px;
	line-height: 28px;
        color: #ff2600;}

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

.graytext, .author, #master-collection .contentrow ul {
	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, .productpricepx span, .productnumberpx 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;}

.first_tab {
width: 440px;
height: 26px;
float: left;
margin-bottom: 14px;
background: url(../assets/images/Covermedia/category_tab.gif) no-repeat top left;}

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

.first_tab p, .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;
	position:relative;
	float:left;

}
	
#product_contentleftpad {
	padding: 0px 12px 6px 0px;}
	
#product_contentright {
	width: 150px;
	float: right;
	clear:right;
}

#product_contentright1 {
	width: 150px;
	position:absolute;
	left: 300px;
	top:48px;
	z-index:1
}

#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;}


.agreement {
        margin: 18px 0;
}

.agreement p {
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 16px;
	line-height: 22px;
        font-weight: normal;
        margin-bottom: 14px;
        color: #000000;
}

.agreement span {
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 16px;
	line-height: 22px;
        font-weight: normal;
        margin-bottom: 3px;
        color: #000000;
}

.agreement ul {list-style-type:disc;
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 16px;
	line-height: 22px;
        margin-left: 18px;
        margin-bottom: 14px;
}
.agreement ol {list-style-type:none;
        margin-left: 18px;
	font-family: georgia, times, times-roman, sans-serif;
        font-size: 16px;
	line-height: 22px;
}
	
.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 Free Update ----------------------*/

#freeupdate {width: 180px; height: 200px; background-image: url(../assets/images/Covermedia/freeupdate_tab.gif);}
#freeupdate #freeupdateform {padding: 2px 0 10px 18px;}
#freeupdate .mainheadline {font-size: 22px; color: #039ba9; font-weight: normal;}
#freeupdate p {color: #000;}

/*---------------------- End Free Update ----------------------*/


/*---------------------- Start Master Collection ---------------------*/

/*----- Home and Sidebar ad -----*/
#dvd-ad, #dvd-ad-main {text-align: center; height: 102px; 
	margin-left: auto;
	margin-right: auto;
}

#dvd-ad p {margin: 0; padding: 0;}

#dvd-ad p.mcheadline {font-size: 22px; line-height: 25px; font-family: georgia, times, times-roman, sans-serif; text-transform: uppercase; padding-top: 10px;}

#dvd-ad p.mcdescription {font-size: 15px; font-family: georgia, times, times-roman, sans-serif; font-style: italic; color: #FA0000; padding: 12px 0;}

#dvd-ad p.mcdescription_home {font-size: 18px; font-family: georgia, times, times-roman, sans-serif; font-style: italic; color: #FA0000; padding: 12px 0;}

/*----- End Home and Sidebar ad -----*/

#master-collection-banner {margin-bottom: 30px; text-align: center;}

#mc-nav {padding-top: 20px; height: 24px; width: 834px; text-align: center; border-top: 1px solid #999;}

#master-collection {margin-top: 30px;}

/*----- Start Master Collection Overview Page -----*/

#master-collection .section {width: 834px; height: 224px; margin-bottom: 0;}

#master-collection .description p span {font-family: georgia; font-size: 22px; line-height: 24px; font-weight: normal; display: block;}

#master-collection .description p.logos span {font-family: georgia; font-size: 22px; line-height: 24px; font-weight: normal; display: block;}

#master-collection .description.logo {padding-top: 150px; width: 600px;}

#master-collection .description.toc {padding-top: 30px; width: 390px;}

#master-collection .description.monitor {padding-top: 10px;}

#master-collection .section .leftimage {float: left; margin-right: 34px; width: 400px;}

#master-collection .description p {padding-top: 50px;}

#master-collection .section .rightimage {clear: both; float: right; margin-right: 0; margin-left: 34px; width: 400px;}

/*----- End Master Collection Overview Page -----*/

/*----- Start Contents Page -----*/

#master-collection .contentrow p span {font-family: georgia; font-size: 22px; line-height: 24px; font-weight: normal; display: block;}

#master-collection .contentrow {width: 834px; height: 244px; margin-bottom: 40px;}

#master-collection .contentrow .issueleft {float: left; margin-right: 34px; width: 400px;}

#master-collection .contentrow .issueright {float: left; width: 400px;}

#master-collection .contentrow .issueright img, #master-collection .contentrow .issueleft img {float: left; margin-right: 12px;}

#master-collection .contentrow ul{
list-style: url("http://www.bamagazine.com/v/vspfiles/assets/images/Covermedia/bullet.gif");margin: 0; padding: 0;}

#master-collection .contentrow ul {padding-left: 216px;}

#master-collection .section.toc {background-image:url('https://www.bamagazine.com/v/vspfiles/assets/images/Covermedia/mc_toc.jpg'); height: 427px; width: 834px; margin: 40px 0 20px 0;}

#master-collection .section.toc p {padding-top: 0px;}


/*----- End Contents Page -----*/

/*---------------------- End Master Collection ----------------------*/
/*------------------- Start CSS Buttons styled originally by webdesignerwall.com/tutorials/css3-gradient-buttons -------------------*/

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Verdana, Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .3em 1em .375em;
}

/* green button */
.green {
	color: #FDFDFD;
	font-weight: bold;
	border: solid 1px #80BD36;
	background: #96D050;
	background: -webkit-gradient(linear, left top, left bottom, from(#B4D862), to(#6CA42D));
	background: -moz-linear-gradient(top,  #B4D862,  #6CA42D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4D862', endColorstr='#6CA42D');
}
.green:hover {
	background: #538018;
	color: #e8f0de;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #505050;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}





/*------------------- End CSS Buttons  -------------------*/

/*---------------------- Start Master Collection Q&A ----------------------*/

a.mc_quiz {
	display: block;
	width: 876px;
	height: 102px;
	text-decoration: none;
	background: url("http://www.bamagazine.com/v/vspfiles/assets/images/Covermedia/QA_rollover20110817.jpg");
	background-repeat: no-repeat;
	}

a.mc_quiz:hover {
	background-position: 0 -102px;
	}

.MCdisplace {
	position: absolute;
	left: -5000px;
	}

/*---------------------- End Master Collection Q&A ----------------------*/


/*--------------------------Start Free stuff--------------------------*/

ul.freestuff {
	width: 864px;
	margin: 0px 0 0px 0;
	float: left;
	clear: both;}

ul.freestuff li {
	display: block;
	width: 288px;
	text-align: left;
	list-style: none;
	float: left;}
	
ul.freestuff li p {
	width: 255px;
	margin: 10px 0 26px 0;}
	
	
/*--------------------------End Free stuff--------------------------*/


/*--------------------------Start Social media--------------------------*/

#socialmedia {
	width: 864px;
	margin-bottom: 10px;
	text-align: center;}
	
#socialmedia img {
	margin-right: 8px;
	width: 32px;}
	

/*--------------------------End Social media--------------------------*/


/*--------------------------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--------------------------*/


/*------------- Start Introduction to Before & After -------------*/


#introvideocontainer {
	text-align: center;
	width: 864px;
	margin-bottom: 30px;
	background-color: #fff;}

.headline50px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 50px;
	line-height: 60px;
	text-align: center;
	margin: 6px 0 4px 0;
	letter-spacing: -1px;
    color: #999;}
    
.headline2710px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 27px;
	line-height: 10px;
	margin-bottom: 12px;
	text-align: center;
	letter-spacing: -1px;}
   
.headline1824px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
	text-align: center;}
	
.headline1826px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
	text-align: center;
	color: #000;}
 
#introvideoexcerptscontainer {
	padding-left: 92px;}
	
.introvideoexcerpts {
	width: 864px;
	height: 100px;}
	
.introvideoexcerpts li {
	float: left;
	list-style: none;
	margin-right: 10px;
	text-align: left;}
	
#buying_guide_btn {
	text-align: center;
	margin: 14px 0;}
	

#contentarea_downloadbuy {
	width: 864px;}
	
#contentarea_downloadbuy #download {
	width: 416px;
	float:left;
	height: 190px;
	padding: 14px 16px 0 0;
	background-color: #fff;}
	
#contentarea_downloadbuy #buy {
	width: 395px;
	float:left;
	border-left: 1px solid #ccc;
	height: 190px;
	padding: 14px 0 0 36px;
	background-color: #fff;}
	
.headline2426px {
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;}
	
.downloadbuycopy {
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;}

#contentarea_downloadbuy img {
	padding-top: 5px;}
	
/*------------- End Introduction to Before & After -------------*/


/*------------------- Start Buying Guide -------------------*/

#product-overview {margin-top: 0px;}

#product-overview .section {
	width: 834px; 
	margin-bottom: 0; 
	padding-bottom: 70px;}

.headline3024px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: #FA0000;}

#thegrid {
	text-align: center;
	clear: both;}

.gridcategory {
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin: 0 60px; 
}
.gridproduct {
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}	

.thegridtitle {	
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 18px; 
	line-height: 10px;
	text-align: center;}
	
#product-overview .title {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 18px; 
	line-height: 10px;}

#product-overview .section .leftimage {float: left; margin-right: 34px;}

#product-overview .section .rightimage {clear: both; float: right; margin-right: 0; margin-left: 34px;}
	
#buying_guide {
	padding: 0 0 0 86px;
	margin-bottom: 20px;
	text-align: center;}
	
#buying_guide li {
	float: left;
	text-align: center;
	list-style: none;
	margin-right: 20px;
	margin-bottom: 10px;}
	
#buying_guide li p, #buying_guide li span {
	font-weight: bold;}
	
/*------------------- End Buying Guide -------------------*/


/*------------------- Start Video Narrative -------------------*/

#introvideo_narrative {
	width: 864px;
	text-align: center;
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;}

#introvideo_narrative strong, #introvideo_narrative .headline1824px {
	color: #000;}

#introvideo_narrative p {
	width: 672px;
	padding-left: 122px;
	padding-right 70px;
	text-align: left;}
	
#introvideo_narrative img {
	margin: 34px 0 22px 0;}
	
#introvideo_narrative #buying_guide img {
	margin: 20px 0 0 0;}
	
#introvideo_narrative img.last {
	margin: 22px 0 36px 0;}
	
#introvideo_narrative #buying_guide {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	line-height: 17px;}
	
/*------------------- End Video Narrative -------------------*/

.gridcopytest {
font-family: "lucida grande", arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;}
	
	
/*------------------- Start revised homepage -------------------*/

.headline4855px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 48px;
	line-height: 55px;
	text-align: center;
	margin: 6px 0 4px 0;
	letter-spacing: -1px;
    color: #ed1b34;}
    
.headline1827px {
	font-family: georgia, times, times-roman, sans-serif;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 10px;
	text-align: center;}
	
/*------------------- End revised homepage -------------------*/