/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
}

/* END RESET */

/* GLOBAL ELEMENT STYLES */

body {
  font-family: 'Lucida Grande', Arial, sans-serif;
  text-rendering: optimizeLegibility;
  background-color: #f4f5f9;
  color: #444444;
}

h1, h2, h3, h4, p, ol, ul, blockquote, pre {
  padding-bottom: 16px;
}

h1 {
  font-family: 'Helvetica';
  color: #1d3c83;
  font-size: 20px;
  padding-bottom: 30px;
}

h2 {
  font-family: 'Helvetica';
  color: #2670b7;
  font-size: 16px;
}

h3 {
  font-family: 'Helvetica';
  font-size: 14px;
  color: #2670b7;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 12px;
}

p, ol, ul, li, label, blockquote {
  font-family: 'Lucida Grande';
  font-size: 12px;
  line-height: 1.5em;
}

li {
  list-style: none;
}

a {
  /*color: #0088cc;*/
  color: #2670b7;
  text-decoration: none;
}

a:hover {
  color: #005580;
  text-decoration: underline;
}

h1 a,
h1 a:hover {
  color: #1d3c83;
}

h2 a,
h2 a:hover {
  /*color: #2670b7;*/
}

ol, ul {
  margin-left: 20px;
}

pre {
  font: 11px "Menlo";
  color: #636363;
}

img, video {
  max-width: 100%;
  width: auto;
  height: auto;
}

blockquote {
  font-style: italic;
  padding: 0 0 16px 20px;
}

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

footer {
  border-top: 1px solid #ddd;
  padding-top: 12px;
}

/* END GLOBAL ELEMENT STYLES */

/*NAV*/

#nav {
  width: 980px;
  height: 66px;
  margin: 0px auto;
}

#nav ul {
  margin: 0;
  position: relative;
  padding: 24px 10px 0;
}

#nav li {
  float: left;
}

#nav li a {
  padding: 2px 0;
  margin: 8px 12px;
  font-size: 16px;
  color: white;
}

#nav li.active a,
#nav li a:hover,
#nav li a:focus {
  border-bottom: 2px solid white;
  text-decoration: none;
}

#nav .icon {
  position: absolute;
  float: left;
  width: 64px;
  height: 64px;
  top: 0px;
  background-image: url(http://www.busymac.com/images/icon-64.png);
  background-size: 64px 64px;
  background-image: -webkit-image-set(
    url(http://www.busymac.com/images/icon-64.png) 1x,
    url(http://www.busymac.com/images/icon-128.png) 2x
  );
}

#nav .icon .month {
  position: absolute;
  top: 7px;
  left: 24px;
  font-family: Helvetica, sans-serif;
  font-size: 7px;
  font-weight: normal;
  text-align: center;
  color: #f4f4f4;
  color: rgba(255,255,255,0.8);
  text-shadow: none;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

#nav .icon .date {
  position: absolute;
  top: 26px;
  left: 21px;
  width: 28px;
  font-family: Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #666;
  color: rgba(0,0,0,0.65);
  text-shadow: none;
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  transform: rotate(-11deg);
}

#nav .icon-padding {
  padding-left: 50px;
}

#nav .logo a:hover {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  text-decoration: none;
}

/* END NAV */

/* PAGE WRAPPERS */

#page {
  width: 980px;
  margin: 0px auto;
}

#section {
  padding: 40px 10px;
}

#main {
  width: 720px;
  float: left;
}

#main .subject h2 {
  font-size: 20px;
}

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

#about {
  padding: 40px;
}

#about h1 {
  font-size: 60px;
  text-align: center;
}

#about img {
  padding: 0 80px 0 20px;
}

#home h1 {
  padding: 40px 0;
  font-size: 60px;
  text-align: center;
  letter-spacing: -1px;
}

#home h2 {
  padding: 40px 0;
  text-align: center;
  font-size: 30px;
}

#busycal-graphic {
  position: relative;
  float: left;
  margin-left: 140px;
  margin-right: 50px;
  width: 320px;
  height: 320px;
  background-image: url(http://www.busymac.com/images/BusyCal2-icon-320.png);
  background-size: 320px 320px;
  background-image: -webkit-image-set(
    url(http://www.busymac.com/images/BusyCal2-icon-320.png) 1x,
    url(http://www.busymac.com/images/BusyCal2-icon-640.png) 2x
  );
}

#busycontacts-graphic {
  position: relative;
  float: left;
  width: 320px;
  height: 320px;
  background-image: url(http://www.busymac.com/images/busycontacts-icon-320.png);
  background-size: 320px 320px;
  background-image: -webkit-image-set(
    url(http://www.busymac.com/images/busycontacts-icon-320.png) 1x,
    url(http://www.busymac.com/images/BusyContacts-icon-640.png) 2x
  );
}

#promo {
  margin: 20px 150px 0px;
}

#promo-badge {
/*  position: relative;*/
  float: left;
  margin-right: 20px;
  width: 160px;
  height: 160px;
  background-image: -webkit-image-set(
    url(http://www.busymac.com/images/promo-badge.png) 1x,
    url(http://www.busymac.com/images/promo-badge@2x.png) 2x
  );
}

#promo h2 {
  padding: 20px 0 10px;
  text-align: left;
  font-size: 24px;  
}

#promo p {
  font-size: 16px;  
}

#promo a,
#promo a:hover {
  color: #444444;
  text-decoration: none;
}

#logs {
  
}

#logs .left-half {
  float: left;
  width: 460px;
}

#logs .right-half {
  float: right;
  width: 460px;
}

#logs img {
  padding-top: 5px;
}

#about {
  
}

#releasenotes {
  
}

#webdav {
  
}

#mini {
  padding: 40px;
}

#intro {
  
}

#intro h1 {
  font-size: 60px;
  text-align: center;
  letter-spacing: -1px;
  padding-bottom: 40px;
}

#intro h2 {
  text-align: left;
  font-size: 24px;
  padding: 30px 0;
}

#intro p {
  font-size: 14px;
}

#intro .aside p {
  font-size: 12px;
  padding-bottom: 12px;
}

#intro form input#order_email {
  margin-bottom: 8px;
  width: 110px;
}

#intro li {
  list-style: disc;
}

#screenshots {
  
}

#screenshots img {
  margin: 20px 0;
  -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5);
}

#screencast {
  margin: 20px auto;
  -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5);
}

#features {
  
}

#features h2 {
  font-size: 24px;
  padding-bottom: 30px;
}

#features li {
  list-style: disc;
}

#logs td {
	width: 33%;
	padding: 20px;
}

#store {
  
}

#store h1 {
  font-size: 60px;
  text-align: center;
  letter-spacing: -1px;
  padding-bottom: 40px;
}

#store h2 {
  text-align: left;
  font-size: 24px;
  padding: 10px 0;
}

#store .aside {
  width: 260px;
}

#store .aside p {
  font-size: 11px;
  padding-bottom: 8px;
  width: 100%;
}

#store .aside h4 {
  font-size: 12px;
  margin: 0;
  padding: 8px 0;
}

#store .aside ul {
  margin-top: 0;
  padding-bottom: 26px;
}

#store .aside li {
  list-style: disc;
  font-size: 11px;
}

#store #catalog {
  width: 600px;
}

#store table {
  width: 100%;
  margin-bottom: 60px;
  background-color: transparent;
}

#store td {
  vertical-align: middle;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

#store td:first-child {
  width: 60px;
}

#store td:last-child {
  text-align: right;
  width: 200px;
}

#store table h3 {
  font-size: 16px;
  padding: 18px 18px 4px 0;
}

#store input {
  width: 100px;
  margin: 3px 0;
}

#store input#order_email, #store input#product_reg_code {
  width: 180px;
}

#releasenotes {
  padding: 20px;
}

#releasenotes h2 span {
  font-size: 11px;
}

#releasenotes h3 {
  font-size: 10px;
}

#releasenotes li {
  list-style: disc;
}

#webdav h2 {
  color: #1d3c83;
  font-size: 14px;
}

#snippet {
  width: 100%;
}

#app_rev_chart_div,
#app_units_chart_div,
#channel_rev_chart_div,
#channel_units_chart_div {
  width: 24%;	
  height: 180px;
  padding-bottom: 20px;
  float: left;
}

#bcl_sales_chart_div, 
#bct_sales_chart_div, 
#bcl_rank_chart_div, 
#bct_rank_chart_div, 
#bcl_plist_chart_div, 
#bct_plist_chart_div, 
#subs_chart_div, 
#weather_chart_div, 
#email_chart_div, 
#web_chart_div {
/*  width: 98%;*/
  width: 49%;	
  max-width: 1150px;
  height: 180px;
  padding-bottom: 20px;
  float: left;
}

#help-topics h2 {
	font-size: 20px;
  padding-top: 20px;
}

/* PAGE WRAPPERS */

/* FASTSPRING */

#fastspring h1,
#fastspring h2,
#fastspring h3,
#fastspring h4,
#fastspring p,
#fastspring ol,
#fastspring ul,
#fastspring blockquote,
#fastspring pre {
  padding-bottom: 0
}

#fastspring h2, #fastspring h3 {
  font-family: 'Helvetica';
  color: #2670b7;
  font-size: 24px;
  margin: 20px 0;
}

#fastspring ol,
#fastspring ul {
  margin-left: 0;
}

/*Borders around checkout sections*/
.core-section {
  padding: 0 20px 20px;
  border: 1px solid #ddd;
  background-color: white;
}

/*Padding above subtotals*/
.store-order-price {
  padding-top: 1em;
}

/*Confirm Email width*/
.store-field-contact-email-confirm input {
width: 16em;
}

/*Continue Shopping & Coupon field*/
.store-order-action-list {
  text-align: right;
  padding-top: 2em;
  border-top:1px dotted #ddd;
}

/*Header underline borders*/
.core-body-window .core-section-header {
    border-bottom: none;
}

/*Header all caps*/
.core-form-field-group-header{
	text-transform: none;
}

/*Border above Next button in footer*/
.store-page-navigation {
	border-top: none;
}

/*Order Details header*/
.store-section-customer-details h2 {
  display: none;
}

.ft {
  border-top: 1px solid #ddd;
  padding-top: 12px;
}

/* END FASTSPRING */

/* GLOBAL CLASSES */

.width960 {
  width: 960px;
  margin: 0px auto;
  padding: 40px 0px;
}

.btd-hero {
  width: 960px;
  margin: 0px auto;
  padding: 40px 0 0;
}

.btd-description {
  width: 720px;
  margin: 0px auto;
  padding: 0 0 40px;
}


.btd-app-store {
	text-align: center;
	padding-top: 20px;
}

.btd-description p,
.btd-description li {
	font-size: 16px;
	color: #666;
}

.footer {
  border-top: 1px dotted #ddd;
  padding-top: 12px;
}

.pad-bottom-20 {
  padding-bottom: 20px;
}

/*.bkg-gradient {
  background-color: #f4f5f9;
  background-image: -webkit-linear-gradient(#f4f5f9, #ffffff 20%, #ffffff 100%);
  background-image: linear-gradient(#f4f5f9, #ffffff 20%, #ffffff 100%);
}*/

.bkg-gradient {
  background-color: #f4f5f9;
	background-image: -webkit-linear-gradient(#f4f5f9, #ffffff 200px, #ffffff 100%);
	background-image: linear-gradient(#f4f5f9, #ffffff 200px, #ffffff 100%);
}

.bkg-white {
  background-color: #ffffff;
}

.bkg-blue {
  /*background-color: #567af1;*/ 
  background-color: #1d3c83;
}

.bkg-gray {
  background-color: #aaa;
}

.bkg-light-gray {
  background-color: #f4f5f9;
}

.smaller {
  font-size: 70%;
}

.mousetype {
  font-size: 10px;
}

.center {
  text-align: center;
}

.bullet ul li {
  list-style: disc;
}

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

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

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

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.bos {
  float: left;
  padding: 0px 10px 10px 0;
}

.left-half {
  float: left;
  width: 420px;
}

.right-half {
  float: right;
  width: 420px;
}

.blue {
  color: blue;
  border-left: 2px solid blue;
  padding-left: 8px;
}

.green {
  color: green;
  border-left: 2px solid green;
  padding-left: 8px;
}

.red {
  color: red;
  border-left: 2px solid red;
  padding-left: 8px;
}

.purple {
  color: purple;
  border-left: 2px solid purple;
  padding-left: 8px;
}

.black {
  color: black;
  border-left: 2px solid black;
  padding-left: 8px;
}

.strong-strike {
  font-weight: bold;
  text-decoration: line-through;
}

.strong-italic {
  font-weight: bold;
  font-style: oblique;
}

.italic {
  font-style: oblique;
}

.strike {
  text-decoration: line-through;
}

.strong {
  font-weight: bold;
}

.width500 {
  width: 500px;
}

.width400 {
  width: 400px;
}

.width300 {
  width: 300px;
}

.width200 {
  width: 200px;
}

.width100 {
  width: 100px;
}

.width90 {
  width: 90px;
}

.width80 {
  width: 80px;
}

.width70 {
  width: 70px;
}

.width60 {
  width: 60px;
}

.width50 {
  width: 50px;
}

.width40 {
  width: 40px;
}

.width30 {
  width: 30px;
}

.width20 {
  width: 20px;
}

.width10 {
  width: 10px;
}

/* END GLOBAL CLASSES */

/* TABLES */

td, th {
  font-size: 12px;
}

td .search-button {
  margin-left: 8px;
}

.table100 {
  width: 100%;
  background-color: transparent;
}

.table-clear {
  background-color: transparent;
}

.table100 th {
  font-weight: bold;
}

.table100 th,
.table100 td {
  padding: 2px 2px;
  text-align: left;
  vertical-align: middle;
}

.table100 td h2,
.table100 td .label {
  margin: 0px 0 1px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
}

.table td {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
  vertical-align: bottom;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f4f5f9;
}

table.table-report {
  color: #636363;
  background-color: white;
}

.table-report th,
.table-report td {
  font-size: 10px;
  padding: 4px 2px;
  border: 1px solid #dddddd;
}

.table-report th {
  font-weight: bold;
}

.top {
  vertical-align: top;
}

/* END TABLES */

/* CUSTOM STYLES */

table.search {
  width: 200px;
  text-align: right;
  float: right;
  background-color: transparent;
}

td .search-query {
  width: 95%;
  vertical-align: baseline;
}

.edit-buttons {
  margin-bottom: 20px;
}

.tag-label {
  font-size: 11px;
  line-height: 1.8em;
  vertical-align: middle;
}

ul.none {
  margin: 0;
  padding-bottom: 0;
}

ul.none li {
  margin-left: 0;
  line-height: 1.8em;
}

li.header {
  display: block;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.aside {
  float: right;
  width: 200px;
  border: 1px solid #ddd;
  padding: 24px;
  margin: 0 0 20px 40px;
  /*background-color: #f5f5f5;*/
  background-color: #f4f5f9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.aside p:last-child {
  padding-bottom: 0;
}

.aside ul {
  margin-top: -10px;
  margin-bottom: -20px;
}

.aside li {
  font-size: 12px;
  padding-top: 4px;
}

.label {
  padding: 1px 4px 3px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.8em;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  border-radius: 3px;
}

/*.well {
  padding: 12px;
  margin: 0 0 20px 0;
  background-color: #f4f5f9;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}*/

.well {
  padding: 12px;
  margin: 0 0 20px 0;
  background-color: white;
  border: 1px solid #ddd;
}

/* green */

.email_header {
  background-color: rgba(220,244,220,0.75);
  color: #636363;
  padding: 2px 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}

.email_header td, 
.email_header th {
  font-size: 11px;
}

/* yellow */

.email_busy {
  background-color: rgba(249,247,194,0.75);
}

/* red */

.email_resolved {
  background-color: rgba(247,210,212,0.75);
}

/* (Busy|Support) */
.email_body, .email_body p {
	  font: 12px "Menlo";
}

.errors {
  padding-bottom: 0;
}

.report p {
  font: 11px "Menlo";
  color: #636363;
}

.report li {
  font-size: 11px;
  color: #636363;
  list-style: disc;
  margin-left: 16px;
  padding-bottom: 4px;
}

.hide_report,
.assets {
  font-size: 12px;
  padding: 12px 0;
}

.attachment-icon a img {
  float: left;
  max-height: 24px;
  margin: -8px 6px 0 0;
}

.rss {
  margin-bottom: 12px;
}

.rss a {
  font-size: 12px;
}

.rss a img {
  margin: 0px 8px -2px 0;
}

img.edit-icon {
  margin: 0 4px 0 0;
  float: left;
}

.list-preview img {
  margin: 0 16px 0 0;
  float: left;
}

h1.search-results {
  font-size: 24px;
}

#ticket_version {
  width: 40px;
}

#ticket_version.sequence {
  width: 100px;
}

#tags {
  width: 100px;
}

.flash {
  background-color: lightyellow;
  font-size: 12px;
  padding: 3px;
  margin: -30px 0 6px;
  text-align: center;
}

#alert {
  background-color: #f5d2dc;  
}

/*Help page callout re: Mavericks compatibility*/

.mavericks {
  padding: 12px;
  margin: 0 0 20px 0;
  background-color: lightyellow;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.logout {
  font-size: 10px;
  float: right;
  text-align: right;
  display: block;
  margin: 10px 10px 0 0;
}

.logout a {
  /*color: white;*/
}

.full-width-button form div input {
  margin-bottom: 20px;
  width: 100%;
}

.highlight {
  background-color: yellow;
}

.label > .highlight {
  color: yellow;
  background-color: #999999;
}

#email_to_address, #email_from_address, #email_cc, #email_bcc, #email_subject, #email_body, #tag_description {
  width: 100%;
  font: 1em "Menlo";
}

.show-markdown {
  padding: 10px 60px 50px;
}

.show-mono p, 
.show-mono ul, 
.show-mono ol {
  padding: 0;
  margin: 14px 0;
  line-height: 15px;
}

.show-markdown h1 {
  font-size: 20px;
  padding-bottom: 20px;
}

.show-markdown h2,
.show-markdown h2 a,
.show-markdown h2 a:hover {
  font-size: 16px;
  color: #1d3c83;
}

.show-markdown ul {
  margin-left: 32px;
}

.show-markdown ul li {
  list-style: disc;
}

.show-markdown ol li {
  list-style-type: decimal;
}

.show-markdown p:last-child {
  padding-bottom: 0;
}

.show-tag p {
  padding-right: 8px;
}

.show-tag h2, .show-tag p {
  font: 12px "Menlo";  
}

.show-tag h2 {
  font-weight: bold;
  color: #444;
}

.new-tag {
  padding-top: 16px;
  font-weight: bold;
}

.email_links {
  margin-bottom: 6px;
}

.email_links a {
  font-size: 12px;
  padding: 12px 12px 0 0;
}

.preview_links {
  margin: -12px 0 16px 0;
}

.preview-tags {
  float: right;
  margin-top: -2px;
}

.preview-emails {
  border-top: 1px dotted #ccc;
  padding-top: 10px;
}

.preview-email-summary {
  font-weight: bold;
}

.pagination {
  font-size: 12px;
  width: 200px;
  text-align: center;
  float: right;
  padding-bottom: 20px;
}

.pagination a {
  font-weight: bold;
}

.admin-pagination {
  margin-bottom: 20px;
}

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

.prevnext a {
  padding: 10px 0;
}

.badge {
  padding: 1px 8px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3em;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  border-radius: 9px;
}

.starburst {
  float: right;
  margin: -20px -15px -10px -15px;
}

.half-left {
  width: 47%;
  margin-right: 3%;
  float: left;
}

.half-right {
  width: 47%;
  margin-left: 3%;
  float: right;
}

.third-left {
  width: 30%;
  margin-right: 5%;
  float: left;
}

.quarter-left {
  width: 22%;
  margin-right: 4%;
  float: left;
}

.quarter-right {
  width: 22%;
  margin-left: 4%;
  float: right;
}

.third-right {
  width: 30%;
  margin-left: 5%;
  float: right;
}

.two-third-left {
  width: 65%;
  margin-right: 5%;
  float: left;
}

.two-third-right {
  width: 65%;
  margin-left: 5%;
  float: right;
}

.no-right-margin {
  margin-right: 0;
}

p.image-links {
  clear: left;
}

.image-links img {
  float: left;
  padding: 0 10px 18px 0;
}

.image-links a span.title {
  display: block;
  font-weight: bold;
  line-height: 1.4em;
}

.image-links a span.subtitle {
  display: block;
  font-size: 11px;
  line-height: 1.4em;
}

.buy {
  padding: 0;
}

/* END CUSTOM STYLES */
