/* 
  Reset, font normalization and some base styles (from HTML5 Boilerplate).
  Note: Credit is left where credit is due.
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

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

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

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

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

/* Inspired by the YUI Library: developer.yahoo.com/yui/ */
body { font:13px/1.231 sans-serif; *font-size:small; }

table { font-size: inherit; font: 100%; }

select, input, textarea { font: 99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

 
/* 
 * =Base styles
 */

/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#333; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }


ul { margin-left: 30px; }
ol { margin-left: 30px; list-style-type: decimal; }
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #f89500; color: #fff; text-shadow: none; }
::selection { background: #f89500; color: #fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent clearfix (renamed to group because I like it better) << */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }
* html .group { height: 1%; } /* Hides from IE-mac \*/
.group { display: block; }

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#8e8e8e;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.right { float: right; }
.left { float: left; }

/** 
 *  Primary Canned Banners Styles
 *  Author: Chris Mears
**/

body { 
	color: #232323;
	background-color: #f0f0f0;
	font-family: Arial, sans-serif;
}

p, pre, dd, ul, ol, hr, legend, 
button, address, table {
  margin-bottom: 1.5em;
}

h1 {
  margin-bottom: 1em;
}

hr { border-style: dotted; }

ol,ul { 
	margin-left: 1.5em;
}

/** =Headings **/

h1, h2, h3, h4, h5 {
  font-weight: bold;
}
h1 { 
  font-size: 1.846em;
}
h2 { 
  font-size: 1.077em; 
  color: #184183;
}
h3 {
  font-size: 1em;
  margin-bottom: 0;
}

/* =Links */

a {
  color: #4d84da;
  text-decoration: none;
	outline: none;
}
  a:hover {
    text-decoration: underline;
  }

/** =Messages **/
#flashMessage, 
#authMessage {
  background-color: #fdefd8;
  color: #222;
}
#orderMessage {
	background-color: #fff9f0;
	font-size: 1.231em;
	padding: 25px 40px;
}
.error, .notice, .success, .message, .password, .admin-toolbar {
  padding: 0.846em;
  margin: 2px 0;
}
.admin-toolbar {
  background: #FFF6BF;
  color: #514721;
  border: 2px solid #FFD324;
}
.input.error, 
.input.notice, 
.input.success, 
.input.message, 
.input.required, 
.input.password {
  padding: 0;
  margin: 0;
}
.error a, .notice a, .success a, .message a {
  color: #006DA5;
}
.input.error .error-message,
.input label.error {
  background-color: #F5DCDC;
	margin-left: 15px;
	padding: 5px;
	position: absolute;
	right: 20px;
	width: 210px;
}
  #OrderUploadForm .input.file div.error {
    background-color: #F5DCDC;
  	margin-left: 15px;
  	padding: 5px;
  	width: 250px;
  }
  .input.error input,
  .input input.error,
  .input textarea.error {
  	border: 1px solid red;
  }
  
.message {
  background: #FFF6BF;
  color: #514721;
}

.error-message {
  width: 400px;
  margin-bottom: 1em;
}

/** =Tables **/

table {
  margin-bottom: 0.5em;
  width: 100%;
}
th, td, caption {
  padding:4px 10px 4px 5px;
}
th {
	height: 16px;
	background: transparent url(http://c973812.r12.cf2.rackcdn.com/table-heading-blue.gif) repeat-x 0 0;
	border-left: 1px solid #fff;
	font-weight: normal;
	text-align: left;
}
  th.sorted-by {
    background-image: url(http://c973812.r12.cf2.rackcdn.com/table-heading-blue-active.gif);
  }
  th a {
    font-weight: normal;
    display: block;
  }
  th a.asc {
    background: url('http://c973812.r12.cf2.rackcdn.com/sort-arrow-asc.gif') no-repeat center right;
  }
  th a.desc {
    background: url('http://c973812.r12.cf2.rackcdn.com/sort-arrow-desc.gif') no-repeat center right;
  }
  th.sorted-by a {
    color: #222;
  }
  th span {
    font-size: 85%;
    color: #717171;
  }
td {
	vertical-align: top;
	background-color: #f0f4f9;
	border-bottom: 3px solid #fff;
	color: #717171;
}
td.actions {
  width: 145px;
}
  td.actions ul {
    height: 20px;
    margin: 0 0 10px 0;
  }
	td.actions ul li {
		list-style: none;
		float: left;
		padding-right: 2px;
	}
  td.actions .tooltip {
    width: 105px;
    height: 1.5em;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
    clear: both;
    color: #717171;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  td.actions .tooltip.active {
    background-color: #f9fbfd;
  }
tfoot {
  font-style:italic;
}
caption {
  background:#eee;
}

/** =Container **/

#container {
  width: 950px;
  margin: 0 auto;
  position: relative;
  padding: 0px 17px;
  background: #FFF url(http://c973812.r12.cf2.rackcdn.com/shadow-bg.gif) repeat-y center top;
}
  .paypal-transfer #container {
    width: 600px;
    background-image: none;
    background-color: transparent;
    text-align: center;
  }
  .comcast #container {
    background-image: none;
    border: 1px solid #d9d9d9;
    border-top-width: 10px;
    padding: 0;
  }
/** =Header **/

#header {
  background:url(http://c973812.r12.cf2.rackcdn.com/header_bg.jpg) no-repeat #fe9900;
  height:139px;
  position:relative;
  width:100%;
}
  #header.private-label {
    background-image: none;
    background-color: transparent;
    height: auto;
    min-height: 75px;
  }
.comcast #header {
  border-bottom: 3px solid #d9d9d9;
}
/** =Branding **/

#branding {
  width:330px;
  height:27px;
  position: relative;
  top:12px;
}
#branding a img {
  position: absolute;
  left: -40px;
}
#branding a strong {
  background:url(http://c973812.r12.cf2.rackcdn.com/logo-words.png) no-repeat;
  display:block;
  height:33px;
  left: 80px;
  position:relative;
  text-indent:-9999px;
  top:45px;
  width:239px;
}
#branding.private-label {
  width: auto;
  height: auto;
  top: 0;
  min-height: 75px;
}
#branding.private-label a img {
  position: relative;
  left: 0;
}
#branding.private-label a strong {
  background-image: none;
  display: inline;
  height: auto;
  left: 0;
  text-indent: 0;
  top: 0;
  width: auto;
}
#branding.private-label .secondary {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#branding.shopify {
  width: auto;
  height: 120px;
  top: 0;
}
  #branding.shopify h1 {
    background: url(http://c973812.r12.cf2.rackcdn.com/shopify-header.jpg) no-repeat 0 0;
    height: 120px;
  }

/** =Forms **/

textarea {
  height: 200px;
}

input[type="text"],
input[type="password"],
textarea {
  border: solid 1px #828282;
  padding: 4px;
  margin: 0;
}

.text-box {
  height: 100px; 
  overflow: auto; 
  border: 1px solid #000; 
  padding: 7px; 
  width: auto;
}

.text-box h1, 
.text-box h2 {
  font-size: 1.5em;
  padding: 25px 0 0 25px;
}

.form .input {
  padding-top: 10px;
}

.form {
  margin:25px;
  position:relative;
}

.form fieldset {
  border: none;
  margin-bottom: 1.5em;
  padding: 0;
}

.form legend {
  font-size: 1.231em;
  font-weight: bold;
  margin: 0;
  padding-bottom: 1em;
}

.form .input.text label,
.form .input.select label,
.form .input.textarea label,
.form .input.password label,
.form span.label {
  font-weight: normal;
  display: block;
  width: 75px;
  float:left;
}

.form .input.required label {
  font-weight: bold;
}

.form .input,
.form .submit {
  clear: both;
}

.form .input.text input,
.form .input.password input {
  width: 225px;
  background-color: #fff;
  padding: 4px;
  float: left;
}

.form .input input.short {
  width: 20px;
}

.form .checkbox-group {
  float: left;
}
  .form .checkbox-group p {
    margin-top: 1em;
    margin-bottom: 0;
  }

/* >> Clearfix for forms << */
.input:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.input { display: inline-block; }
* html .input { height: 1%; } /* Hides from IE-mac \*/
.input { display: block; }

#UserResetPasswordForm label {
  width: 140px;
}
#UserResetPasswordForm .input.password input {
  width: 190px;
}
#UserResetPasswordForm .input.error .error-message {
  width: 190px;
  margin-left: 0;
  right: -30px;
}
#UserResetPasswordForm .submit {
  float: none;
}

#OrderInfoForm label {
  width: 110px;
}
#OrderInfoForm .submit {
  margin-top: 1em;
}

#ContactPartner {
  border-top: 1px dotted #ccc;
}
#ContactPartner textarea {
  float: left;
}
#ContactPartner textarea.error {
  padding: 4px;
  margin: 0;
}
#ContactPartner label.error {
  width: 170px;
  right: -185px;
  float: none;
  margin: 0;
}

.customfile {
  width: 400px;
  background: #666;
  cursor: pointer;
  overflow: auto;
  padding: 2px;
  border: 1px solid #444;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.customfile-button {
  border: 1px solid #999;
  background: #333 url(http://c973812.r12.cf2.rackcdn.com/bg-submit.gif) bottom repeat-x;
  color: #fff;
  font-weight: bold;
  float: right;
  width: 50px;
  padding: 0.3em 0.6em;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
  .customfile-hover .customfile-button,
  .customfile-focus .customfile-button {
    color: #111;
    background: #aaa url(http://c973812.r12.cf2.rackcdn.com/bg-btn.png) bottom repeat-x;
    border-color: #aaa;
    padding: 0.3em 0.6em;
  }
  .customfile-focus .customfile-button {
    outline: 1px dotted #ccc;
  }
.customfile-feedback {
  display: block;
  margin: 1px 1px 1px 5px;
  color: #fff;
  font-style: italic;
  padding: 0.3em 0.6em;
}
  .customfile-feedback-populated {
    color: #fff;
    font-style: normal;
    font-weight: bold;
    padding-left: 20px;
    background: url(http://c973812.r12.cf2.rackcdn.com/icon-generic.gif) left 4px no-repeat;
  }
.customfile-input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 999999;
}

#edit-draft-form { }
#edit-draft-form .input.textarea {
  position: relative;
}
#edit-draft-form .input.textarea textarea {
  width: 98%;
  padding: 2px 3px;
  height: 440px;
  font-family: Monaco, 'Courier New', monospace;
}
#edit-draft-form .input.textarea .last-modified {
  font-size: 0.83em;
  color: #666;
  text-align: right;
  position: absolute;
  bottom: -16px;
  right: 0;
}
.edit-draft .actions {
  clear: both;
}

/** =Buttons */
.buttons {
  list-style: none;
  clear: both;
  margin: 5px 0;
  padding: 0;
}
.buttons li {
  float: left;
}
.buttons.right li {
  float: right;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons.right a, .buttons.right button {
  float: right;
  margin: 0 0 0 7px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/** =Login Box **/

#account {
  background: transparent url(http://c973812.r12.cf2.rackcdn.com/loginbox-bg.png) no-repeat top left;
  width:291px;
  height:55px;
  position:absolute;
  left:640px;
  top:0px;
  overflow: hidden;
}
  #account form {
    text-align:left;
    margin-left: 15px;
  }
  #account input {
    border:1px solid #828282;
    height:14px;
    margin-top:8px;
    width:72px;
    padding: 2px;
    margin-bottom: 5px;
  }
  #account input[type=text] {
    margin-right:10px;
  }
  #account input[type=password] {
    margin-right:2px;
  }
  #account .input {
    display: inline;
  }
    #account .input:after { 
      content: ""; 
      display: inline; 
    }
  #account .input label {
    padding-right: 5px;
    vertical-align: middle;
    width: 20px;
    font-weight: bold;
  }
  #account .submit {
    border: 0;
    width: 23px;
    height: 16px;
  }
  #account .links {
    margin-left: 5px;
  }
    #account .links a {
      padding: 0 10px;
      font-size: 11px;
    }
  #account .sign-up {
    border-right: 1px solid #ffe8c4;
  }

/** =Account Box **/

#account p {
  margin: 10px 0 5px 10px;
}
	#account p .username {
		font-weight: bold;
	}
#account ul {
  list-style: none;
	margin: 0;
}
#account ul li {
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #ffe8c4;
	font-weight: bold;
	line-height: 1em;
	float: left;
}
	#account ul li.last {
		border-right: none;
	}

/** =Menu **/

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
  .menu li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

#menu {
  margin: 2px 0;
  background: #629ffe url(http://c973812.r12.cf2.rackcdn.com/menu-gradient-bg.gif) repeat-x top left;
  height: 42px;
  overflow: hidden;
  width: 100%;
  line-height: 42px;
}
  #menu.no-menu {
    height: 6px;
    line-height: 6px;
  }

#menu ul {
  margin-left: 75px;
  float: left;
  list-style: none;
  margin: 0;
}

#menu li {
  float: left;
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-button-r.gif) no-repeat right top;
  height: 42px;
  margin: 0;
  padding: 0;
}

#menu a {
  display: block;
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-button-l.gif) no-repeat left top;
  height: 42px;
  padding: 0px 14px;
  color: #000;
  font-weight: 700;
  font-size: 1.231em;
}

#menu a:hover {
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-button-hover-l.gif) no-repeat left top;
  text-decoration: none;
}

#menu li:hover {
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-button-hover-r.gif) no-repeat right top;
}

#menu a:active {
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-button-on-l.gif) no-repeat left top;
}

#menu li:active {
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-button-on-r.gif) no-repeat right top;
}

#menu div.menu-end {
  height: 42px;
  float: left;
}

#menu div.menu-end.left{
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-end-left.gif) no-repeat top left;
  width: 6px;
  margin-left: 62px;
}

#menu .menu-end.right{
  background: url(http://c973812.r12.cf2.rackcdn.com/menu-end-right.gif) no-repeat top left;
  width: 11px;
}

/** =Content Classes **/

.index {
	padding: 40px 20px;
}

.simple-content {
  background-color: #ddeafd;
}

.simple-content > div {
  background-color: #ffffff;
  width: 60%;
  padding: 25px 20px;
}

ul.links {
  list-style: none;
  margin: 0;
}

div.simple-content li {
  position: relative;
}

.simple-content .example {
  position: absolute;
  top: -140px;
  left: 560px;
  padding: 30px;
  background: transparent url(http://c973812.r12.cf2.rackcdn.com/white-rt-arrow.png) no-repeat center left;
}
.simple-content .example span {
    display: block;
    font-weight: bold;
  }
.simple-content .buttons li {
  position: static;
}

.content .section.sharing p { 
  width: 280px;
  margin: 0;
}
.content .section.sharing a {
  font-weight: bold;
  margin-right: 10px;
}
.content .section.sharing .facebook,
.content .section.sharing .twitter {
  position: absolute;
  top: 1em;
}
.content .section.sharing a.facebook {
  background: url(http://c973812.r12.cf2.rackcdn.com/facebook-like.gif) no-repeat 0 0;
  width: 47px;
  height: 56px;
  right: 160px;
}
.content .section.sharing a.twitter {
  background: url(http://c973812.r12.cf2.rackcdn.com/twitter-tweet.gif) no-repeat 0 0;
  width: 55px;
  height: 56px;
  right: 90px;
}

#container #content #cms-views {
  width: 352px;
}
#container #content .cms-index h1 {
  display: inline;
}

/** =Login & Signup page **/

.login-page.private-label {
  background-color: transparent;
}
.login-page.private-label .login-form {
  margin: 0px auto;
  width: 305px;
}

.signup-page,
.login-page {
	background: #ddeafd url(http://c973812.r12.cf2.rackcdn.com/boy-with-lion.png) no-repeat 98% 90%;
	position: relative;
}
	.signup-page .form,
	.login-page .form {
		background-color: #fff;
		padding: 40px 250px 20px 40px;
		width: 380px;
		margin: 0;
	}
	.signup-page .form h2,
	.login-page .form h2 {
		font-size: 1.538em;
		color: #474747;
		border-bottom: 1px dotted #ccc;
		position: relative;
		margin-bottom: 5px;
	}
		.signup-page .form h2 span,
		.login-page .form h2 span {
			display: block;
			width: 100px;
			font-size: 0.7em;
			text-align: right;
			position: absolute;
			right: 0px;
			bottom: 0px;
		}
	.signup-page .form .quiet,
	.login-page .form .quiet {
		font-size: 0.846em;
	}
	.signup-page .form .input.text label,
	.signup-page .form .input.password label,
	.login-page .form .input.text label,
	.login-page .form .input.password label {
		width: 140px;
	}
	.signup-page .form .input.checkbox,
	.login-page .form .input.checkbox {
		margin-left: 140px;
	}
	.signup-page .sidebar {
		width: 225px;
		position: absolute;
		top: 30px;
		right: 20px;
		color: #474747;
		font-size: 1.154em;
	}
.form .submit {
	margin: 15px 0 40px 0;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}
.form .submit input {
	float: right;
}

#recaptcha_area {
  float: right;
}

/** =Footer **/

#footer {
  background-color:#589aff;
  color:#434240;
  font-size:85%;
  height:30px;
  padding-top:15px;
  margin-top: 2px;
  position:relative;
}
  #footer a {
    color:#434240;
    margin-left:15px;
  }
  #footer .copyright {
    padding-left: 10px;
    width: 25%;
    float: left;
  }
  #footer .menu {
    text-align: right;
    width: 70%;
    float: right;
  }
  #footer .menu ul {
    text-align: right;
    padding-right: 10px;
    margin: 0;
    list-style: none;
  }
  #footer .menu ul li {
    display: inline;
  }

.payments {
  width: 950px;
  min-height: 17px;
  margin: 0 auto 40px auto;
  padding: 0px 17px;
  text-align: right;
  background: url(http://c973812.r12.cf2.rackcdn.com/shadow-footer.gif) no-repeat center top;
}
  .payments img {
    margin-top: 10px;
    margin-right: 5px;
  }

/** =Info Banner **/

.info-banner {
  min-height: 120px;
  margin: 2px 0;
  background-color: #feefd8;
  position: relative;
  clear: both;
  color: #403e3a;
}
  .info-banner .primary {
    float: left;
    width: 65%;
  }
    .info-banner .primary p {
      margin: 58px 0 0 30px;
      font-size: 153.9%;
      font-weight: bold;
    }
    .info-banner.private-label .primary p {
      margin-top: 40px;
    }
    .info-banner .primary span {
      font-size: 61%;
      font-weight: normal;
      display: block;
    }
  .info-banner .secondary {
    float: right;
    width: 31%;
  }
    .info-banner .secondary ul {
      margin: 35px 0;
      font-size: 108%;
    }
    .info-banner .secondary ul li {
      line-height: 2em;
    }
  .info-banner p.text {
    text-indent: -9999px;
    height: 120px;
    margin-bottom: 0px;
    background: transparent url(http://c973812.r12.cf2.rackcdn.com/select-a-template-text.gif) no-repeat 32px 50px;
  }
  .info-banner p.video {
    position: absolute;
    text-align: center;
    padding: 4px;
    width: 140px;
    margin-bottom: 0px;
    top: 10px;
    right: 35px;
  }
  .info-banner .video a {
    background: transparent url(http://c973812.r12.cf2.rackcdn.com/video-preview-small.gif) no-repeat center top;
    display: block;
    padding-top: 55px;
  }
  .info-banner p.video.highlight {
    background-color: #fef9f2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

/** =Home Page **/
.home {
  line-height: 1.539em;
}
.home .container {
  border-bottom: 1px solid #c0d4f3;
}
.home h2 {
  color: #232323;
  margin-bottom: 0.5em;
}
.home .primary {
  margin-top: 40px;
  margin-left: 30px;
  width: 44%;
  float: left;
}
  .home .primary h1 {
    font-weight: bold;
    font-size: 1.847em;
    margin-bottom: 0.5em;
  }
  .home .primary > a {
    display: block;
  }
  .home .primary p {
    font-size: 1.077em;
    width: 350px;
  }
  .home .primary .video {
    width: 360px;
    padding: 20px 20px 5px 20px;
    height: 100px;
    margin-bottom: 0.5em;
  }
  .home .primary .video.highlight {
    background-color: #e1ecfe;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .home .primary .video a {
    color: #474747;
    font-size: 1.231em;
    font-weight: bold;
  }
  .home .primary .video a:hover {
    text-decoration: none;
    color: #232323;
  }
  .home .primary .video a img {
    border: none;
    padding-right: 20px;
    float:  left;
  }
  .home .primary .video a span {
    float: left;
    display: block;
    margin-top: 20px;
    margin-left: 30px;
    width: 165px;
  }
  .home .primary .get-started {
    text-indent: -9999px;
    display: block;
    width: 198px;
    height: 48px;
    background: transparent url(http://c973812.r12.cf2.rackcdn.com/get-started-button.gif) no-repeat top left;
  }

.home .secondary {
  width: 50%;
  float: right;
  border-left: 1px dotted #ccc;
  margin-left: -1px;
  margin-bottom: 2px;
}
  .home .secondary .pricing {
    margin: 0;
    padding: 40px 40px 20px 30px;
    position: relative;
  }
    .home .secondary .pricing h2 {
      font-size: 1.154em;
      font-weight: bold;
    }
    .home .secondary .pricing p {
      font-size: 1.077em;
      width: 70%;
    }
    .home .secondary .pricing a.badge {
      display: block;
      width: 99px;
      height: 99px;
      position: absolute;
      top: 40px;
      right: 40px;
    }
  .home .secondary .showcase {
    border-top: 1px solid #c0d4f3;
    padding: 20px 30px 20px 30px;
  }
    .home .secondary .showcase div {
      text-align: right;
    }
.home .foot {
  clear: both;
  margin-top: 1px;
  background-color: #ddeafd;
}
#use-it-anywhere {
  width: 47%;
  float: left;
}
  #use-it-anywhere div {
    padding: 20px 0 20px 30px;
  }
  #use-it-anywhere h2 {
    width: 125px;
    float: left;
    margin: 0;
  }
  #use-it-anywhere p {
    width: 180px;
    line-height: 1.231em;
    margin: 0.5em 0 0;
    float: left;
  }
#partnership-opportunities {
  width: 50%;
  float: right;
  border-left: 1px solid #fff;
}
  #partnership-opportunities div {
    padding: 20px;
  }
  #partnership-opportunities p {
    margin-bottom: 0;
  }
  #partnership-opportunities ul {
    margin-bottom: 0;
    width: 45%;
    float: left;
  }

/** =How Banners Work **/

#flash_example {
  width: 300px;
}

/** =Gallery **/

.gallery {
  margin: 0 1px;
  padding: 5px;
  position:relative;
}
.banner-container {
  width: 312px;
  height: 320px;
  float: left;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #eee;
}
  .banner-container.cell-1,
  .banner-container.cell-2 {
    border-right: 1px solid #eee;
  }
  .banner-container.last {
    border-bottom: none;
  }
  .banner-container .customize-button {
    display: block;
    width: 89px;
    height: 25px;
    text-indent: -9999em;
    background: url(http://c973812.r12.cf2.rackcdn.com/customize-button.png) no-repeat 0 0;
    position: absolute;
    bottom: 5px;
    right: 10px;
  }
    .banner-container .customize-button:hover,
    .banner-container .customize-button.hover {
      background-position: 0 -25px;
    }
.banner-container .badge {
  z-index: 999;
  position: absolute;
  width: 101px;
  height: 101px;
  top: 0;
  right: 0;
}
  .banner-container .badge a {
    display: block;
    background: url('http://c973812.r12.cf2.rackcdn.com/the-free-banner-badge.png') no-repeat 0 0;
    text-indent: -9999em;
    width: 101px;
    height: 101px;
  }
.banner-wrap {
  width: 274px;
  margin: 30px auto 0 auto;
  padding: 10px 0;
  background-color: #fff;
  text-align: left;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
  .banner-container.free-banner .banner-wrap,
  .banner-wrap.hover {
    background-color: #bad5fd;
  }
.banner-container .banner {
  margin: 0 auto;
  padding: 1px;
  width: 250px;
  height: 209px;
  background-color: #fff;
}
  .banner-container .banner img.thumb {
    cursor:pointer;
  }
.banner-container .footer .banner-sizes {
  width: 200px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #bbb;
  font-size: 85%;
}
  .banner-container.hover .banner-wrap .footer .banner-sizes {
    color: #777;
  }
.banner-container.free-banner .banner-wrap .footer a {
  color: #333;
  display: block;
  padding: 5px 10px 0 12px;
  font-size: 93%;
}

/* =Preprocess */
body.paypal-transfer {
  background-color: #f0f0f0;
}

body.paypal-transfer #container {
  margin: 20px auto;
}

body.paypal-transfer h1 {
  text-indent: -9999px;
  background: transparent url(http://c973812.r12.cf2.rackcdn.com/transferring-to-paypal-header.png) no-repeat 50% 0px;
  width: 600px;
  height: 164px;
  margin: 0px;
  padding: 0px;
}

body.paypal-transfer .flash-message {
  width: 430px;
  margin: 0px auto;
  padding: 30px 0px;
  font-size: 1.225em;
  text-align: center;
  background: transparent url(http://c973812.r12.cf2.rackcdn.com/dots32.gif) no-repeat 50% 0px;
}
  body.paypal-transfer p.flash-message a {
    color: #222;
    text-decoration: none;
  }
  
/* =Edit User Form */
#UserEditForm .error-message {
  width: 190px
}

/** =Pages **/
.page,
.legal,
.partner,
.about {
	background-color: #ddeafd;
	position: relative;
}
.legal .sub-nav,
.partner .sub-nav,
.about .sub-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 0;
	width: 190px;
}
	.legal .sub-nav li,
	.partner .sub-nav li,
  .about .sub-nav li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.legal .sub-nav li a,
	.partner .sub-nav li a,
  .about .sub-nav li a {
		padding: 10px 15px 10px 40px;
		width: 135px;
		display: block;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-top: -1px;
		font-size: 1.231em;
	}
	.legal .sub-nav li a:hover,
	.partner .sub-nav li a:hover,
  .about .sub-nav li a:hover {
		text-decoration: none;
	}
.legal .content,
.partner .content,
.about .content {
	position: relative;
	background-color: #fff;
	margin-left: 190px;
	padding: 30px 150px 30px 50px;
}
  .about.pricing .content {
    padding-right: 50px;
  }
  .partner .content {
    min-height: 500px;
  }
	.content.right-gutter {
		padding-right: 280px;
	}
	.content.wide-right-gutter {
		padding-right: 380px;
	}
	.legal .content .image,
	.partner .content .image,
  .about .content .image {
		position: absolute;
		right: 20px;
	}
.about .team-member {
	position: relative;
	min-height: 120px;
}
	.about .team-member .profile-pic {
		position: absolute;
		width: 120px;
		height: 120px;
		top: 0;
		left: 0;
	}
	.about .team-member .info {
		margin-left: 150px;
	}
		.about .team-member .info .name,
		.about .press-list .title {
			color: #184183;
			font-weight: bold;
			font-size: 1.077em;
		}
		.about .team-member .info .title {
			font-weight: bold;
		}
		.about .team-member .info p {
			margin-top: 1em;
			margin-bottom: 0;
		}
.about .company-list,
.about .press-list {
	margin: 30px 0;
}
	.about .company-list li,
	.about .press-list li {
		border-top: 1px dotted #ccc;
		min-height: 60px;
		padding: 20px 20px 20px 0;
		position: relative;
	}
	.about .company-list li.last,
	.about .press-list li.last {
		border-bottom: 1px dotted #ccc;
	}
	.about .company-list .logo,
	.about .press-list .logo {
		position: absolute;
		display: block;
		width: 195px;
		height: 85px;
		top: 1em;
		left: 0;
	}
	.about .company-list p,
	.about .press-list p {
		margin-left: 225px;
		margin-bottom: 0;
	}
	.about .press-list .date {
		color: #8d8d8d;
		font-style: italic;
	}
	
.legal.terms .terms-link,
.legal.copyright .copyright-link,
.legal.privacy .privacy-link,
.partner.overview .overview-link,
.partner.ad-networks .ad-networks-link,
.partner.online-ad-sales .online-ad-sales-link,
.partner.corporate-marketing .corporate-marketing-link,
.partner.publisher-websites .publisher-websites-link,
.partner.newspapers .newspapers-link,
.partner.private-label .private-label-link,
.partner.affiliate .affiliate-link,
.partner.contact .contact-link,
.about.cb .about-link,
.about.pricing .pricing-link, 
.about.team .team-link, 
.about.partners .partners-link, 
.about.press .press-link, 
.about.contact .contact-link { 
	background: url(http://c973812.r12.cf2.rackcdn.com/arrow-left.png) no-repeat center right; 
}

.partner.contact .content,
.about.contact .content {
	padding-right: 350px;
}
.partner.contact .form,
.about.contact .form {
	margin: 30px 0;
}
.partner.contact .form label,
.partner.contact .form span.label,
.about.contact .form label {
  width: 120px;
}
.partner.contact .form textarea,
.about.contact .form textarea {
  height: 150px;
  width: 225px;
}
.partner.contact #feedback-message,
.about.contact #feedback-message {
  width: 70%;
  float: left;
}
.partner li h4 {
  margin-top: 1em;
}
.partner ul li,
.partner ol li {
  margin-top: 1em;
}
.partner ul.partners {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 0;
  width: 490px;
}
  .partner ul.partners li {
    display: block;
    float: left;
  }
  .partner ul.partners li a {
    padding: 20px;
    display: block;
    width: 195px;
    height: 50px;
    text-indent: -9999em;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .partner ul.partners .adroll { background-image: url(http://c973812.r12.cf2.rackcdn.com/logos/adroll.jpg); }
  .partner ul.partners .digitalthrottle { background-image: url(http://c973812.r12.cf2.rackcdn.com/logos/digitalthrottle.jpg); }
  .partner ul.partners .retargeter { background-image: url(http://c973812.r12.cf2.rackcdn.com/logos/retargeter.jpg); }
  .partner ul.partners .realm { background-image: url(http://c973812.r12.cf2.rackcdn.com/logos/realmnetwork.gif); }

/** =Pricing page */
.pricing-groups {
  list-style: none;
  margin: 0;
  margin-bottom: 50px;
}
.pricing-groups li {
  list-style: none;
  margin: 0;
  float: left;
  width: 45%;
  padding: 0px;
}
.pricing-groups .free-template {
  padding-right: 20px;
}
.pricing-groups .professional-templates {
  padding-left: 20px;
  border-left: 1px dotted #ccc;
}
.pricing-groups li .wrapper {
  padding: 20px;
  background-color: #f2f2f2;
  height: 230px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
  .pricing-groups li .wrapper p {
    margin-bottom: 0.539em;
  }
.pricing-groups .cta {
  position: absolute;
  margin: 0;
  bottom: 10px;
  left: 20px;
  width: 100%;
}

dl.pricing-list {
  width: 95%;
  margin: 0;
}
dl.pricing-list dt, 
dl.pricing-list dd {
  border-bottom: 1px solid #fff;
  margin: 0;
  padding-top: 0.385em;
  padding-bottom: 0.385em;
  font-size: 1.077em;
  overflow: hidden;
}
dl.pricing-list dt {
  width: 80%;
  float: left;
	font-weight: normal;
}
dl.pricing-list dd {
  width: 20%;
  float: right;
  text-align: right;
	font-weight: bold;
}
dl.pricing-list .currency {
	vertical-align: top;
	font-size: 0.77em;
	padding-right: 2px;
}

/** =Miscellaneous **/

.return-url {
	font-size: 1.5em;
}

.empty-set {
	text-align: center;
	font-size: 1.5em;
}

dl.file-types dt {
  width: 80px;
  float: left;
  clear: both;
  margin-top: 0.5em;
  font-weight: normal;
}
dl.file-types dd {
  float: left;
  margin: 0.5em 0 0 0;
}

ul.share-icons {
  margin: 0;
  list-style: none;
}
  ul.share-icons li {
    margin: 0;
    margin-right: 10px;
    float: left;
  }

/** =Saved Banners **/

.saved-banners.index p.intro {
	width: 600px;
}
#saved-banners ol {
	margin: 0px 0.5em 0.5em 1.5em;
}
#saved-banners ul {
	margin: 0;
}
  #saved-banners ul li {
  	list-style: none;
  	margin: 0;
  }
#saved-banners td {
  padding: 10px 10px 5px 5px;
  background-color: #dfe9f5;
  border: 1px solid #fff;
  border-bottom-width: 3px;
}
  #saved-banners tr.completed td {
    background-color: #f1f1f1;
  }
#saved-banners td.date {
  width: 75px;
  font-size: 85%;
}
  #saved-banners td.date .date,
  #saved-banners td.date .time {
    display: block;
  }
  #saved-banners td.info > div {
    position: relative;
    min-height: 90px;
  }
  #saved-banners td.info .name,
  #saved-banners td.info a {
  	font-weight: bold;
  }
  #saved-banners td.info .name {
    width: 98%;
  }
  #saved-banners td.info .edit form {
    background-color: #f0f4f9;
  }
  #saved-banners td.info .status,
  #saved-banners td.info .action {
    position: absolute;
    bottom: 0;
  }
  #saved-banners td.info .action {
    right: 0;
  }
  #saved-banners td.info .status {
    left: 0;
    text-transform: capitalize;
  }
  #saved-banners td.info .status .order {
    display: block;
    font-size: 85%;
  }
#saved-banners td.actions {
  width: 110px;
  font-size: 93%;
}
  #saved-banners td.actions ul {
    margin-left: 1em;
    height: auto;
  }
  #saved-banners td.actions ul li {
    list-style-type: disc;
    float: none;
  }
#saved-banners td.sizes {
  width: 45px;
  font-size: 85%;
}
#saved-banners td.banner-text {
  width: 180px;
  font-size: 85%;
}
#saved-banners td.banner-images {
  width: 160px;
}
	#saved-banners td.banner-images ul li {
	  float: left;
		background-color: #fff;
		width: 48px;
		height: 48px;
		border: 1px solid #d6d6d6;
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 3px;
	}

/** =Action Icons **/

.actions ul li .icon {
	display: block;
	width: 22px;
	height: 20px;
	text-indent: -9999em;
	background-image: url(http://c973812.r12.cf2.rackcdn.com/action-icons-sm.png);
	background-repeat: no-repeat;
}
.actions ul li .icon.edit {	background-position: -5px -4px; }
.actions ul li .icon.duplicate { background-position: -30px -4px; }
.actions ul li .icon.delete { background-position: -57px -4px; }
.actions ul li .icon.settings {	background-position: -83px -4px; }
.actions ul li .icon.share { background-position: -110px -4px; }
.actions ul li .icon.view { background-position: -138px -4px; }
.actions ul li .icon.approve { background-position: -163px -4px; }
.actions ul li .icon.edit.disabled {	background-position: -5px -30px; }
.actions ul li .icon.duplicate.disabled { background-position: -30px -30px; }
.actions ul li .icon.delete.disabled { background-position: -57px -30px; }
.actions ul li .icon.settings.disabled {	background-position: -83px -30px; }
.actions ul li .icon.share.disabled { background-position: -110px -30px; }
.actions ul li .icon.view.disabled { background-position: -138px -30px; }
.actions ul li .icon.approve.disabled { background-position: -163px -30px; }

/** =Customizer **/
	
#customizer {
  margin-top: 20px;
}

/** =Download Page **/
.orders.download {
  padding: 40px 0 40px 30px;
}
  .orders.download .primary {
    width: 400px;
    float: left;
  }
    .orders.download .primary .please-wait .loading-indicator {
      padding-left: 58px;
      color: #333;
      background: url(http://c973812.r12.cf2.rackcdn.com/loading-indicator-circles.gif) no-repeat 0 10px;
    }
      .orders.download .primary .please-wait .loading-indicator span {
        display: block;
        font-size: 18px;
        margin-bottom: 5px;
      }
    .orders.download .primary .download-ready .download-button {
      display: block;
      text-indent: -9999em;
      width: 234px;
      height: 50px;
      margin-bottom: 1.5em;
      background: url(http://c973812.r12.cf2.rackcdn.com/download-button.png) no-repeat 0 0;
    }
      .orders.download .primary .download-ready .download-button:hover {
        background-position: 0 -50px;
      }
  .orders.download .secondary {
    width: 390px;
    float: right;
  }
    .orders.download .secondary .group {
      background-color: #d2e3fe;
      margin-bottom: 1px;
      padding: 20px;
      position: relative;
    }
    .orders.download .secondary .coupon p {
      width: 230px;
    }
    .orders.download .secondary .coupon .coupon-badge {
      position: absolute;
      top: 3px;
      right: 15px;
      padding-top: 75px;
      background: url(http://c973812.r12.cf2.rackcdn.com/20-percent-off.gif) no-repeat top center;
      text-align: center;
      width: 100px;
    }
    .orders.download .secondary .share p {
      margin-bottom: 15px;
      width: 90%;
    }
    .orders.download .secondary .share-icons a {
      display: block;
      text-indent: -9999em;
      width: 25px;
      height: 25px;
      opacity: 0.65;
    }
      .orders.download .secondary .share-icons a:hover {
        opacity: 1.0;
      }
    .orders.download .secondary .share-icons .facebook { background: url(http://c973812.r12.cf2.rackcdn.com/icon-share-facebook.png) no-repeat 0 0;}
    .orders.download .secondary .share-icons .twitter { background: url(http://c973812.r12.cf2.rackcdn.com/icon-share-twitter.png) no-repeat 0 0;}
    .orders.download .secondary .share-icons .email { background: url(http://c973812.r12.cf2.rackcdn.com/icon-share-email.png) no-repeat 0 0;}

/** =Shopify **/
#shopify-menu {
  position: absolute;
  top: 0px;
  padding: 7px 15px 5px 15px;
  right: 34px;
  font-weight: bold;
  background-color: #f9d091;
  border: 1px solid #fff;
  border-top: none;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
  #shopify-menu ul li {
    float: left;
    padding-right: 15px;
  }
  #shopify-menu ul li.last {
    padding-right: 0;
  }
.shopify.page {
  background-color: #ddeafd;
  position: relative;
}
.shopify.page .content {
  background-color: #ffffff;
  width: 530px;
  padding: 50px 30px 50px 20px;
  margin: 0;
}
  .shopify.page .content .section {
    position: relative;
  }
  .shopify.page.thankyou .content {
    min-height: 350px;
  }
  .shopify.page.declined .content {
    min-height: 350px;
  }
.shopify.page .content h1,
.shopify.page .content p {
  width: 470px;
}
  .shopify.page .content .section.sharing p,
  .shopify.thankyou .content .section.rate p {
    width: 280px;
  }
  
.shopify.thankyou .content .section.rate {
  background: url(http://c973812.r12.cf2.rackcdn.com/four-star-crown.gif) no-repeat center right;
}
.shopify.thankyou .content .section.rate .star-rating {
  width: 120px;
  height: 29px;
  background: url(http://c973812.r12.cf2.rackcdn.com/4-out-of-5-stars.gif) no-repeat 0 0;
  border: none;
  position: absolute;
  bottom: 0;
  left: 150px;
}

.shopify.thankyou .download-button {
  display: block;
  text-indent: -9999em;
  width: 234px;
  height: 50px;
  margin-bottom: 1.5em;
  background: url(http://c973812.r12.cf2.rackcdn.com/download-button.png) no-repeat 0 0;
}
  .shopify.thankyou .download-button:hover {
    background-position: 0 -50px;
  }

.shopify .button.rate-app {
  width: 136px;
  height: 34px;
  background: url(http://c973812.r12.cf2.rackcdn.com/rate-app-button.gif) no-repeat 0 0;
}
.shopify .button.rate-app:hover { background-position: 0 -34px; }
.shopify .button.get-started { 
  width: 154px;
  height: 40px;
  background: url(http://c973812.r12.cf2.rackcdn.com/get-started-button.png) no-repeat 0 0; 
}
.shopify .button.get-started:hover { background-position: 0 -40px; }
.shopify .button.make-a-new-banner { 
  width: 195px;
  height: 40px;
  background: url(http://c973812.r12.cf2.rackcdn.com/make-a-new-banner-button.png) no-repeat 0 0; 
}
.shopify .button.make-a-new-banner:hover { background-position: 0 -40px; }
.content .section.sharing {
  position: relative;
  margin-bottom: 1.5em;
}
.shopify .secondary {
  width: 370px;
  position: absolute;
  top: 50px;
  right: 0;
}
  .shopify .secondary .section h2 a,
  .shopify .secondary .section h2 a:visited,
  .shopify .secondary .section h2 a:active {
    color: #184183;
  }
  .shopify .secondary .section {
    position: relative;
    padding: 20px;
    margin-top: -1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .shopify .secondary .section.ad-networks {
    padding-right: 180px;
  }
  .shopify .secondary .section.ad-networks .ad-network-diagram {
    background: url(http://c973812.r12.cf2.rackcdn.com/ad-network-diagram-small.gif) no-repeat top left;
    width: 162px;
    height: 80px;
    position: absolute;
    top: 20px;
    right: 10px;
  }
  .shopify .secondary .section.coupon {
    padding-right: 130px;
  }
  .shopify .secondary .section.coupon .shopify-coupon {
    display: block;
    background: url(http://c973812.r12.cf2.rackcdn.com/fifteen-dollars-off.gif) no-repeat top center;
    width: 100px;
    position: absolute;
    top: 20px;
    right: 10px;
    text-align: center;
    padding-top: 68px;
    color: #232323;
    text-decoration: none;
  }
  .shopify .secondary .section.more-banners {}
  .shopify .secondary .section.more-banners p {
    padding-left: 80px;
  }
  .shopify .secondary .section.more-banners h2 {
    margin-bottom: 1em;
  }
  .shopify .secondary .section.more-banners .can-icon {
    position: absolute;
    top: 40px;
    left: 0;
    background: url(http://c973812.r12.cf2.rackcdn.com/can-icon-white-glow.png) no-repeat top left;
    width: 119px;
    height: 119px;
  }
  
/** =Landing Page **/

.landing.container {
	width: 688px;
	margin: 0 auto;
}
.landing #header {
	width: 656px;
	height: 127px;
	padding: 0 16px;
	background: #fe9900 url(http://c973812.r12.cf2.rackcdn.com/landing-page-top.png) no-repeat 50% 0;
	position: relative;
}
	.landing #header a {
		display: block;
		text-indent: -9999em;
		width: 250px;
		height: 90px;
		position: absolute;
		top: 25px;
		left: 35px;
	}
.landing #content {
	padding: 0 16px;
	background: #fff url(http://c973812.r12.cf2.rackcdn.com/landing-page-middle.png) repeat-y 50% 0;
}
.landing #main {
	padding: 50px 30px 0 30px;
	width: 360px;
	float: left;
}
	.landing #main p { 
		font-size: 1.308em; 
		margin-bottom: 1em;
	}
	.landing { color: #474747; }
	.landing h1 { 
		font-size: 1.769em;	
		margin-bottom: 35px;
	}
	.landing h2 { 
		font-size: 1.308em; 
		margin: 0;
		margin-bottom: 1em;
	}
	.landing #main ul {
		margin-left: 1.5em;
		font-size: 1.1666em;
	}
	.landing #main ins {
	  text-decoration: none;
	  color: #F00;
	}
	.landing #main > div span {
		font-size: 1em;
	}
	.landing #main > div em {
		font-weight: bold;
		font-style: normal;
	}
.landing a.button {
	display: block;
	text-indent: -9999em;
	width: 173px;
	height: 36px;
	margin: 30px 0;
	overflow: hidden;
	background-image: url(http://c973812.r12.cf2.rackcdn.com/create-a-banner-button.png);
	background-position: 0 0;
}
	.landing a.button:hover {
		background-position: 0 -36px;
	}	
.landing #secondary {
	width: 220px;
	float: right;
	border: none;
}
	.landing #secondary > div {
		background-color: #e1ecfe;
		padding: 25px 10px 25px 25px;
		margin-top: 1px;
		margin-right: 1px;
	}
	.landing #secondary h2 {
		font-size: 1.462em;
	}
.landing #secondary .partnership .logo {
	margin-top: 10px;
}
.landing #secondary .promotion {
  margin-bottom: 10px;
  position: relative;
}
	.landing #secondary .promotion h2 {
	  height: 95px;
	  width: 95px;
	  position: absolute;
	  top: 20px;
	  left: -25px;
	}
	  .landing #secondary .promotion h2 a {
	    display: block;
      height: 95px;
  	  width: 95px;
  	  text-indent: -9999em;
      background: url(http://c973812.r12.cf2.rackcdn.com/test-drive-stamp.png) no-repeat top left;
	  }
	.landing #secondary .promotion p {
	  margin-left: 55px;
	  margin-bottom: 1em;
	  font-size: 1.077em;
	}
	  .landing #secondary .promotion p.link {
	    margin-bottom: 0;
	  }
	.landing #secondary .promotion .coupon-code {
		font-weight: bold;
	}
	.landing #secondary .feature-list ul {
		margin: 0;
		margin-left: 1em;
	}
	.landing #secondary .feature-list ul li {
		margin-bottom: 0.5em;
		font-size: 1.083em;
	}
.landing #content hr {
	background: #e1ecfe;
	color: #e1ecfe;
	margin-bottom: 0px;
	border: none;
	clear: both;
}
.landing #content .examples {
	padding: 0 10px;
}
	.landing #content .examples h2 {
		margin: 0;
		height: 0px;
		text-indent: -9999px;
	}
	.landing #content .examples ul {
		margin: 0;
		width: 100%;
	}
	.landing #content .examples ul li {
		list-style: none;
		margin: 0;
		float: left;
		padding: 20px;
	}
.landing #footer {
	padding: 0 16px;
	margin: 0;
	height: 28px;
	clear: both;
	background: transparent url(http://c973812.r12.cf2.rackcdn.com/landing-page-bottom.png) no-repeat 0 0;
}

/** =Dialog **/

.ui-dialog {
  border: 1px solid #6aa4fd;
  background-color: #f0f4f9;
  width: 420px !important;
  box-shadow: 0 0 7px #666;
  -moz-box-shadow: 0 0 7px #666;
  -webkit-box-shadow: 0 0 7px #666;
}
  .ui-dialog .ui-dialog-titlebar {
    width: auto;
    height: 22px;
    background-color: #63a0ff;
    position: relative;
    color: #fff;
    font-weight: bold;
    cursor: move;
    padding: 4px 0 0 8px;
  }
    .ui-dialog .ui-dialog-titlebar-close {
      display: block;
      background: url(http://c973812.r12.cf2.rackcdn.com/close-dialog.png) no-repeat 0 0;
      width: 15px;
      height: 18px;
      text-indent: -9999em;
      position: absolute;
      right: 3px;
      top: 0px;
    }
  .ui-dialog .ui-dialog-content {
    color: #333;
    padding: 15px;
  }
  .ui-dialog .ui-dialog-content p {
    margin-bottom: 1em;
  }
  .ui-dialog .ui-dialog-content .title {
    font-size: 1.182em;
    font-weight: bold;
  }
  .ui-dialog .ui-dialog-content .name {
    color: #717171;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .ui-dialog .ui-dialog-content .help-text {
    display: block;
    color: #717171;
    font-size: 0.917em;
  }
  .ui-dialog .ui-dialog-content label {
    font-weight: normal;
  }
  .ui-dialog .ui-dialog-content input.text.readonly {
    color: #717171;
    width: 350px;
  }
  .ui-dialog .indicator {
    background-color: #f2f4d3;
  }

#dialog-share .share-links {
  list-style: none;
  margin: 1em 0 0 0;
  font-size: 0.917em;
  line-height: 1.167em;
  border-top: 1px solid #b8d2fb;
  padding-top: 1em;
}
#dialog-share .share-links li {
  float: left;
}
#dialog-share .share-links .facebook a {
  display: block;
  background: url(http://c973812.r12.cf2.rackcdn.com/icon-share-facebook.png) no-repeat 0 0;
  padding-left: 35px;
  margin-right: 80px;
  width: 80px;
  height: 30px;
}
#dialog-share .share-links .twitter a {
  display: block;
  background: url(http://c973812.r12.cf2.rackcdn.com/icon-share-twitter.png) no-repeat 0 0;
  padding-left: 35px;
  width: 80px;
  height: 30px;
}

.ui-dialog .input {
  margin-bottom: 0.5em;
}
.ui-dialog .input input {
  margin: 3px 0;
}
.ui-dialog .input.checkbox input {
  width: 20px;
}
.ui-dialog .input.checkbox label {
  margin-left: 0.25em;
}
.ui-dialog .input.checkbox span {
  margin-left: 2.75em;
}
.ui-dialog .submit {
  margin: 1em 0 0 0;
}
.ui-dialog .submit .cancel {
  font-size: 0.833em;
  margin-left: 0.5em;
  vertical-align: bottom;
}

/** =Toggles **/

.toggle-container {
  display: none;
  width: 95%;
  margin: 10px auto;
  overflow: auto;
}
.toggle-container.open {
  display: block;
}

/** =Pagination **/

.paging {
  padding-bottom: 0.5em;
}
  .paging .paging-status {
    float: left;
    width: 48%;
    overflow: hidden;
    color: #ccc;
    font-size: 11px;
  }
  .paging .paging-nav {
    float: right;
    width: 48%;
    text-align: right;
  }
    .paging .paging-nav span {
      
    }
    .paging .paging-nav span a {
      padding: 3px 4px;
      margin: 0px 1px;
      border: 1px solid #eee;
    }
    .paging .paging-nav span.current {
      margin: 0px 1px;
      padding: 3px 2px;
      border: 1px solid #ccc;
      background: #eee;
    }
    .paging .paging-nav span a:hover {
      border: 1px solid #ccc;
      background-color: #eee;
      text-decoration: none;
    }
  .paging .disabled {
    display: none;
  }

.nav.back {
  display: block;
  padding-bottom: 1em;
}

/** =Feedback Slide-out **/

.slide-out {
  padding: 20px;
  width: 250px;
  background: #fff;
  border: 2px solid #000;
  height: 330px !important;
}
  .slide-out .handle {
    top: -2px !important;
  }
  .slide-out h3 {
    font-size: 16px;
    padding-bottom: 1em;
  }
  .slide-out p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
  }
  .slide-out form {
    padding-bottom: 10px;
  }
  .slide-out label {
    display: block;
    padding-bottom: 6px;
  }
  .slide-out input[type=text] {
    width: 225px;
  }
  .slide-out textarea {
    width: 225px;
    height: 100px;
  }
#feedback .form {
  margin: 0;
}
#feedback .form .submit {
  margin-bottom: 0;
}
#feedback-privatelabel {
  height: 325px !important;
}

/** =Private Label **/
.private-label .auth {
  position: absolute;
  top: 10px;
  right: 10px;
}
#branding.private-label {
  background: transparent url(http://c973812.r12.cf2.rackcdn.com/bg-gradient-grey.gif) repeat-x bottom left;
  height: 109px;
  position: relative;
}
  #branding.private-label .secondary a {
		position: absolute;
    bottom: 10px;
    right: 10px;
		text-indent: -9999px;
    background: transparent url(http://c973812.r12.cf2.rackcdn.com/powered-by-cb-sm.png) no-repeat center center;
    width: 113px;
    height: 29px;
	}
.comcast #branding.private-label {
  background-image: none;
  height: 125px;
}
.private-label-clickthrough-message {
  padding-top: 1em;
  clear: both;
}

/** =Shadowbox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(http://c973812.r12.cf2.rackcdn.com/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-info{margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:24px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(http://c973812.r12.cf2.rackcdn.com/close.png);}
#sb-nav-next{background-image:url(http://c973812.r12.cf2.rackcdn.com/next.png);}
#sb-nav-previous{background-image:url(http://c973812.r12.cf2.rackcdn.com/previous.png);}
#sb-nav-play{background-image:url(http://c973812.r12.cf2.rackcdn.com/play.png);}
#sb-nav-pause{background-image:url(http://c973812.r12.cf2.rackcdn.com/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
#sb-nav-close{position: absolute;top:5px;right:0px;}

/** =Smoke.js */
.smoke-base {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all .3s;
  -webkit-transition: opacity .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.smoke-base.smoke-visible {
  opacity: 1;
  visibility: visible;
}

.smokebg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.smoke-base .dialog {
  position: absolute
}

.dialog-prompt {
  margin-top: 5px;
  text-align: center;
}

.dialog-buttons {
  margin: 10px 0 5px 0
}

.smoke {
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  line-height: 130%;
}

.dialog-buttons button {
  display: inline-block;
  vertical-align: baseline;
  cursor: pointer;
  font-family: sans-serif;
  font-style: normal;
  text-decoration: none;
  border: 0;
  outline: 0;
  margin: 0 5px;
  -webkit-background-clip: padding-box;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  padding: 9px 12px;
}

.dialog-prompt input {
  margin: 0;
  border: 0;
  font-family: sans-serif;
  outline: none;
  border: 1px solid #333;
  width: 97%;
  background-color: #fff;
  font-size: 15px;
  padding: 5px;
}

.smoke-base {
  background: rgba(0,0,0,.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#900000000);
}

.smoke-base .dialog {
  top: 25%;
  left: 25%;
  width: 50%;
}

.smoke-base .dialog-inner {
  padding: 15px
}

.smoke {
  text-transform: uppercase;
  background-color: rgba(255,255,255,1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff);
}

.dialog-buttons button {
  border-radius: 5px;
  text-transform: uppercase;
  background-color: rgba(0,0,0,.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#222222,endColorstr=#222222);
  color: #fff;
}

button.cancel {
  background-color: rgba(0,0,0,.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444,endColorstr=#444444);
}

.queue{
	display:none;
}

@import url("http://fonts.googleapis.com/css?family=Rokkitt&v1");

.smoke-base { 
	background: none; 
}

.smoke-base .dialog {
  top: 15%;
  left: 0;
  width: 100%;
}

.smoke-base .dialog-inner { 
	padding: 15px;
}

.smoke {
		font-family: 'Rokkitt', arial, serif;
    text-transform: none;
		color:#eee;
		font-weight: normal;
    background-color: rgba(0,0,0,.75);
    font-size:35px;
		border-radius: 0;
}
.dialog-buttons {
	margin: 0px 0 5px 0;
}

.dialog-buttons button {
    border-radius: 3px;
    text-transform: none;
    background-color: #ebebeb;
    color: #333;
    font-size:13px;
    padding:7px 10px;
    margin:0 10px;
}

button.cancel { 
	background-color: #999; 
	color:#222
}

.dialog-prompt{
	margin-top:0;
}
.dialog-prompt input{
	width:300px;
	text-align:center;
	background-color:#ccc;
}


/* =Filetree */
ul.file-tree {
	line-height: 18px;
	padding: 0;
	margin: 0;
	width: 350px;
	min-height: 450px;
	/*overflow: auto;*/
	border: 1px solid #ddd;
	clear: both;
}
  ul.file-tree li ul {
    margin: 0;
  }

ul.file-tree li {
	list-style: none;
	padding: 2px 0;
	margin: 0 20px 0 5px;
	white-space: nowrap;
}
  ul.file-tree li ul li {
    margin: 0 0 0 20px;
  }

ul.file-tree a {
	color: #333;
	text-decoration: none;
	height: 16px;
	display: block;
	padding: 0 2px 0 20px;
}

ul.file-tree a:hover {
	background-color: #BDF;
}
li.file a, 
li.directory a {
  background: url(http://c973812.r12.cf2.rackcdn.com/file-icon-sprite.png) no-repeat 0 0;
}
li.directory a.directory { background-position:  -0px -62px; }
li.file a.application { background-position:  -0px -0px; }
li.file a.code { background-position:  -0px -14px; }
li.file a.css { background-position:  -0px -32px; }
li.file a.db { background-position:  -0px -48px; }
li.file a.doc { background-position:  -0px -80px; }
li.file.file { background-position:  -0px -96px; }
li.file.film { background-position:  -0px -112px; }
li.file.flash { background-position:  -0px -128px; }
li.file.folder_open { background-position:  -0px -144px; }
li.file.html { background-position:  -0px -160px; }
li.file.java { background-position:  -0px -176px; }
li.file.linux { background-position:  -0px -192px; }
li.file.music { background-position:  -0px -208px; }
li.file.pdf { background-position:  -0px -224px; }
li.file.php { background-position:  -0px -240px; }
li.file.picture { background-position:  -0px -256px; }
li.file.ppt { background-position:  -0px -272px; }
li.file.psd { background-position:  -0px -288px; }
li.file.ruby { background-position:  -0px -304px; }
li.file.script { background-position:  -0px -320px; }
li.file.spinner { background-position:  -0px -336px; }
li.file.txt { background-position:  -0px -352px; }
li.file.xls { background-position:  -0px -368px; }
li.file.zip { background-position:  -0px -384px; }


/** =Print */

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}

/** =Media Queries **/

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}