/* If you make a mess of this stylesheet Mark will super glue your macbook lid and Daniel will watch! */

/* SWATCHES 
#333333 - [dark grey] body text
#3084ca - [blue] link colour
#78b9e7 - [ dark blue ] hover link
#d9d9d9 - [light grey] borders
#48860b - [green]
*/

/* =============== */
/* = Global CSS = */
/* =============== */

*
{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

html, body
{
    height: 100%;
}
/* sticky footer */

body
{
    background: #FFF;
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' ,sans-serif;
    font-size: 13px;
    color: #434343;
    margin: 0;
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode';
    font-weight: normal;
    color: #000;
}
h1
{
	text-shadow: 2px 2px 2px #082845;
	font-weight: 800;
	font-size: 52px;
	color: #FFF;
	letter-spacing: -1px;
	margin-top: 0px;
	float: left;
	line-height: normal;
}
h2
{
	font-size: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
h2.small
{
    font-size: 22px;
    margin-bottom: 15px;
}
h3
{
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: bold;
}
h4
{
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: bold;
}

input
{
    vertical-align: middle;
    margin: 8px 5px 10px 0;
}
p
{
    line-height: 18px;
    margin: 0 0 15px 0;
}
ul
{
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
ul li
{
    margin: 0 15px 10px 0;
    padding: 0 0 0 15px;
    list-style-type: none;
}
a
{
    color: #3084ca;
    text-decoration: none;
    font-weight: normal;
}
a:hover
{
    color: #78b9e7;
}
img
{
    border: none;
}

form
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/*used for contact.html*/
form label
{
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
form textarea
{
    width: 98%;
    font-family: helvetica, arial, sans-serif;
    padding: 7px;
    font-size: 14px;
}
form select
{
	padding: 2px;
	margin: 4px 0 10px 0;
	font-size: 90%;
}
form input[type="text"], form input[type="password"]
{
    padding: 2px;
    font-size: 1.2em;
}
form input[type="image"]
{
    margin: 10px 0 0 0;
    display: block;
}

/* custom classes */
.screenshot
{
    margin-bottom: 18px;
}
img.screenshot
{
    max-width: 675px;
    border: 3px solid #ccc;
}
.icon
{
    margin: 0 10px 10px 10px;
}
/* DEPRECATED - use icon-left or icon-right */
.icon-left
{
    float: left;
    margin: 0 10px 10px 0;
}
.icon-right
{
    float: right;
    margin: 0 0 10px 10px;
}

.quote
{
	clear: left;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-top: 0px;
	font-size: 90%;
}
.quote blockquote
{
	font-size: 20px;
	font-style: italic;
	font-family: Georgia, "Times New Roman" , Times, serif;
	margin-bottom: 7px;
	color: #555;
}
.quote img
{
	float: left;
	margin-right: 15px;
	margin-bottom: 50px;
}
.quote p
{
    text-align: right;
    color: #999;
}
.box
{
    background: #f2f2f2;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
.block
{
    background: #efefef;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
}

.highlight-box
{
    border: 1px solid #e0bb3e;
    background: #fffcd7;
    margin: 0 0 25px 0;
}
/* yellow box on sign up */
.highlight-box h2
{
    margin: 0 0 10px 0;
}
.highlight-box p
{
    margin: 0 0 5px 0;
    font-size: 16px;
}
.highlight-box p.notes
{
    font-size: 11px;
}
.highlight-box-wrapper
{
    padding: 15px;
}

.date
{
    color: #4aa40d;
    font-weight: bold;
}
.arrow-link
{
    padding-left: 18px;
}

/* typography related */
.light, .note, .hint
{
    color: #777;
}
.lighter
{
    color: #ccc;
}
.center
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.big
{
    font-size: 150%;
}

.code
{
    margin-bottom: 20px;
    background: #333;
    padding: 7px;
}
.code-example
{
    background: #fffbdf;
    border: 1px solid #ffdeb7;
    font-family: "Monoco" , "Lucida Console" , sans-serif;
    margin-bottom: 18px;
}
.code-example .highlight
{
    color: #59a322;
    font-weight: bold;
}
.code-example em
{
    color: #747474;
    font-weight: normal;
    font-style: normal;
}
.code-example-wrapper
{
    padding: 15px;
}

.code-tag
{
    color: #069cc1;
}
.code-liquid
{
    color: #a0dde6;
}
.code-liquid2
{
    color: #fff;
}
.code-quot
{
    color: #bedc77;
}

.interview p
{
    margin-bottom: 32px;
}

/* the grid */
.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{
	margin-right: 25px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
}
.col-12
{
    margin-right: 0px;
}

.col-12
{
    width: 925px;
}
.col-11
{
    width: 845px;
}
.col-10
{
    width: 765px;
}
.col-9
{
    width: 685px;
}
.col-8
{
    width: 605px;
}
.col-7
{
    width: 525px;
}
.col-6
{
    width: 445px;
}
.col-5
{
    width: 365px;
}
.col-4-5
{
    width: 307px;
}
.col-4
{
    width: 285px;
}
.col-3
{
    width: 205px;
}
.col-2
{
    width: 125px;
}
.col-1
{
    width: 45px;
}

.last
{
    margin-right: 0 !important;
}

.margin-bottom
{
    margin-bottom: 10px;
}


.l
{
    text-align: left;
}
.r
{
    text-align: right;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.clear
{
    clear: both;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

hr
{
    color: #d9d9d9;
    background: #d9d9d9;
    border: 0px;
    height: 1px;
    margin-bottom: 25px;
    clear: both;
}
.screenshot
{
    margin-bottom: 25px;
}

/* ========== */
/* = Layout = */
/* ========== */

/* all content areas that are outside of grid but need to be centered with correct width */
.content
{
	width: 925px;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.content:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

#wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -375px; /* neg val of footer height*/
}

#header.twitter
{
    background-color: #53a70f;
    height: 260px;
    text-align: center;
}

#container.frontpage
{
	border-top: 1px solid #fff;
	padding-top: 30px;
}
#container #video
{
    margin-bottom: 30px;
    background-image: url(../images/preview.jpg);
    height: 320px;
    width: 480px;
}

#masthead
{
    height: 41px;
    padding-top: 13px;
    background-color: #082845;
    background-repeat: repeat-x;
}
/* this contains the main nav */
#masthead img.shopify-logo
{
    display: block;
    float: left;
    position: relative;
    bottom: 5px;
}
#masthead ul#nav-primary
{
    float: right;
    margin: 0;
}
#masthead ul#nav-primary li
{
	float: left;
	list-style-type: none;
	height: 27px;
	background: none;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
}
#masthead ul#nav-primary li a
{
    padding: 7px 8px 0px 6px;
    color: #ddd;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    text-shadow: 1px 1px 1px #222;
    outline: none;
}
#masthead ul#nav-primary li a:hover
{
    color: #fff;
    text-decoration: none;
}
#masthead ul#nav-primary li a:active, #masthead ul#nav-primary li a:focus
{
    color: #FFF;
}
#masthead ul#nav-primary li.current
{
    background: url('../images/btn-currentpage-left.png') center left no-repeat;
    padding: 1px 0 0 4px;
    line-height: 12px;
    margin-top: 2px;
}
#masthead ul#nav-primary li.current a
{
    background: url('../images/btn-currentpage-right.png') center right no-repeat;
    display: block;
    height: 19px;
}
#masthead ul#nav-primary li.login
{
    background: url('../images/decal-masthead.gif') center left no-repeat;
    padding-left: 18px;
}
#masthead ul#nav-primary li.login a
{
    color: #999;
}
#masthead ul#nav-primary li.login a:hover
{
    color: #fff;
}


#banner
{
	height: 75px;
	background-image: url(../images/bg-subpagebanner.gif);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
/* green banner used on all sub-pages */
/*#banner .subpage-header { text-shadow: 2px 2px 2px #3c7710;  font-weight: 800;font-size:50px; color:#FFF; letter-spacing:-1px; margin-top:-5px; float:left; line-height:normal; }*/

/* the contact info on the green banner */
#banner #contact-us
{
    width: 300px;
    float: right;
    margin-top: 5px;
}
#banner #contact-us img
{
    display: block;
    float: right;
}
#banner #contact-us p
{
	margin: 0 0 5px 0;
	font-size: 22px;
	color: #FFF;
	text-shadow: 1px 1px 2px #082845;
	font-family: "Helvetica Neue" , sans-serif;
	font-weight: 200;
	text-align: right;
}
#banner #contact-us a.livechat
{
    height: 22px;
    width: 82px;
    position: relative;
    left: 7px;
    float: right;
    overflow: hidden;
    text-indent: -99999px;
}
#banner #contact-us a.livechat:hover
{
    background-position: 0px -31px;
}
#banner #contact-us a.emailus
{
    height: 22px;
    width: 68px;
    clear: both;
    float: right;
    overflow: hidden;
    text-indent: -99999px;
    background-image: url(../images/btn-emailus.gif);
    background-repeat: no-repeat;
}
#banner #contact-us a.emailus:hover
{
}

#banner #chat-off
{
}


#content
{
    padding: 20px 0 0;
}

#footer, #push
{
    clear: both; /* .push must be the same height as .footer */
}
#push
{
    height: 375px;
}

#footer-wrapper
{
	width: 925px;
	margin: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer
{
    color: #eeeeee;
    border-top: 1px solid #444;
    font-size: 11.5px;
    background-color: #082845;
}
#footer.frontpage
{
}
#footer h3
{
    color: #fff;
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    font-size: 13px;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #073054;
}
#footer a
{
    color: #777;
}
#footer a:hover
{
    color: #cdcdcd;
}
#footer ul
{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#footer ul li
{
    margin-bottom: 5px;
    font-size: 11.5px;
    background: none;
    padding: 0;
}
#footer ul li a
{
    color: #999999;
}
#footer ul li a:hover
{
    color: #3084ca;
}

#footer .content
{
    margin-top: 20px;
}
#footer .copyright
{
    margin-top: 20px;
}

#footer .contact-us img
{
    margin-right: 4px;
}
#footer .contact-us li
{
    margin-bottom: 7px;
}
#footer .contact-us, #footer .contact-us a
{
    color: #cdcdcd;
}
#footer .contact-us *
{
    vertical-align: middle;
}
#footer .contact-us a:hover
{
}
/*#footer ul.post-list   { margin:0 0 20px 0; }
#footer ul.post-list  li { border-bottom: 1px solid #444; padding:0 0 7px 0; }*/

/*#footer #twitter_update_list ul li { background:none; padding:0; margin-bottom:15px; }*/
#footer #copyright
{
    text-align: center;
    font-size: 11px;
    color: #CCCCCC;
    margin: 15px 0 10px 0;
}

/* ================ */
/* =     INDEX    = */
/* ================ */


#header.frontpage
{
    background-image: url(../images/bg-header-frontpage.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
#header.frontpage h1
{
    margin: 0;
    padding: 0;
    float: none;
}
#header.frontpage .banner
{
    margin: auto;
    width: 925px;
}

/* banners */
#header.frontpage .createyourown-bottom
{
    height: 400px;
}
#header.frontpage .createyourown-bottom h1
{
    position: relative;
    top: 260px;
}
#header.frontpage .createyourown-bottom a
{
    position: relative;
    top: 150px;
    left: 695px;
}
#header.frontpage .createyourown-bottom p
{
    color: #fff;
    position: relative;
    top: 260px;
    left: 10px;
    font-size: 17px;
    line-height: 20px;
}
#banner-home
{
	height: 332px;
	width: 925px;
}
#header.frontpage .createyourown-top
{
	height: 332px;
}
#header.frontpage .createyourown-top h1
{
    position: relative;
    top: 30px;
}

#header.frontpage .checklist
{
    height: 332px;
}
#header.frontpage .checklist h1
{
    position: relative;
    top: 20px;
}
#header.frontpage .checklist #signup-btn
{
    position: relative;
    top: 144px;
}

#header.frontpage .threesteps
{
    height: 410px;
}
#header.frontpage .threesteps h1
{
    position: relative;
    top: 25px;
}
#header.frontpage .threesteps ul li
{
    background: none;
    list-style-type: none;
    position: relative;
    color: #FFF;
    font-size: 14px;
}
#header.frontpage .threesteps ul li.step1
{
    top: 43px;
    left: -299px;
    text-align: center;
}
#header.frontpage .threesteps ul li.step2
{
    top: 0px;
    left: 30px;
    text-align: center;
}
#header.frontpage .threesteps ul li.step3
{
    top: -43px;
    right: 30px;
    text-align: right;
}

#subheader.subheader-3steps
{
    text-align: center;
}
#subheader.subheader-3steps p, #subheader.subheader-3steps img
{
    display: inline;
    vertical-align: middle;
    font-size: 14px;
}
#subheader.subheader-3steps img
{
    margin: 0 10px;
}
#subheader.subheader-3steps a
{
    color: #FFF;
    text-decoration: underline;
}
#subheader.subheader-3steps a:hover
{
    color: gray;
    text-decoration: none;
}

#subheader
{
    height: 90px;
    text-align: right;
    padding: 18px 10px 3px 10px;
    text-shadow: 1px 1px 1px #222;
    background-color: #082845;
}
#subheader h2
{
    font-size: 21px;
    color: #eee;
    margin-bottom: 12px;
    padding-top: 4px;
}
#subheader p
{
    font-size: 16px;
    color: #ddd;
}



#feature-bar
{
    height: 145px;
    padding-top: 6px;
    font-size: 12px;
    background-color: #eeeeee;
    background-repeat: repeat-x;
    background-position: left top;
}
#feature-bar .col-3
{
    width: 220px;
    margin-right: 15px;
}
#feature-bar .feature
{
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 5px;
}
#feature-bar .feature:hover p.light
{
    color: #555;
}
#feature-bar .feature:hover h3
{
    color: #111;
}


#feature-bar h3
{
    font-weight: lighter;
    color: #444;
    font-size: 17px;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0px;
}
#feature-bar h3.title-storefront
{
    background: url('../images/storefront32.gif') center left no-repeat;
}
#feature-bar h3.title-shoppingcart
{
}
#feature-bar h3.title-customizable
{
    background: url('../images/colorwheel32.gif') center left no-repeat;
}
#feature-bar h3.title-secure
{
    background: url('../images/safe32.gif') center left no-repeat;
}


#feature-bar.dark .feature:hover
{
    background: none;
}
#feature-bar.dark .feature:hover p.light
{
    color: #aaa;
}
#feature-bar.dark .feature:hover h3
{
    color: #111;
}
#container #feature-bar .feature
{
    margin: 20px 0 0 0;
}
#container #feature-bar .feature:hover
{
    background: none;
}
#container #feature-bar.dark .feature:hover p.light
{
    color: #000;
}

#signup-big
{
    float: right;
    margin: 0 0 0 20px;
    text-align: center;
}
#signup-big p
{
    font-size: 12px;
    color: #999;
}
#signup-big a
{
    color: #ddd;
}
#signup-big a:hover
{
    color: #fff;
}

#clients, #contest-bottom
{
	padding-top: 20px;
	border-top: 1px solid #d5d5d5;
	background-color: #FFFFFF;
	padding-bottom: 0px;
}
#title-appstore
{
    background: url('../images/box16.gif') center left no-repeat;
    font-size: 16px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 0;
}
#title-partner
{
    background: url('../images/people16.gif') center left no-repeat;
    font-size: 16px;
}
#client-logos
{
    margin: 0px 0 40px 0;
}
#client-logos img
{
    margin: 10px -5px 0 0;
}
.client
{
	clear: both;
	margin-bottom: 20px;
	font-size: 13px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.client p
{
    color: #555;
    margin-bottom: 7px;
}
.client img
{
    float: left;
    margin-right: 10px;
}
.client a
{
    float: right;
    font-size: 11px;
}
.client span
{
    color: #999;
    font-size: 11px;
}

#bottom-signup
{
    padding: 15px 0 14px 0;
    margin-top: 30px;
    border-bottom: 1px solid #222;
    text-align: center;
    font-size: 16px;
    color: #999;
    background-color: #eeeeee;
}
#bottom-signup *
{
    vertical-align: middle;
}
#bottom-signup a
{
    color: #eee;
}
#bottom-signup a:hover
{
    color: #fff;
}
#bottom-signup span
{
    margin: 0 5px;
}

#footer-news h3, #footer-twitter h3, #footer-contact h3
{
	padding: 5px 0 0 25px;
	height: 22px;
	background: url('../images/mail16.gif') center left no-repeat;
}
#footer-news h3
{
    background: url('../images/rss_piccola.gif') center left no-repeat;
}
#footer-twitter h3
{
    background: url('../images/twitter21.gif') center left no-repeat;
}
#footer-twitter .datetime
{
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
    font-size: 11px;
}
#footer-twitter .tweet_avatar
{
    float: left;
    margin-left: 5px;
}

#footer-news a, #footer-twitter a
{
    color: #81b2de !important;
}
#footer-news a:hover, #footer-twitter a:hover
{
    color: #3084ca !important;
}

#footer-contact
{
    font-size: 13.5px;
}
#footer-contact h3
{
}
#footer-contact p
{
    padding: 2px 0 0 25px;
    height: 22px;
    color: #fff;
    margin-bottom: 10px;
}

.footer-phone
{
    background: url('../images/phone16.gif') center left no-repeat;
    color: #fff;
}
#footer-contact #chat-on
{
    background: url('../images/chat16.gif') center left no-repeat;
}
.footer-email
{
    background: url('../images/email16.gif') center left no-repeat;
}

#footer-news li
{
    margin: 0 !important;
    padding: 10px 0 !important;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #08355F;
    border-bottom-color: #08355F;
}
#footer-news li p
{
    margin-bottom: 0;
}
#footer-news ul li:first-child
{
    border-top: none;
}

/* ================ */
/* = Feature Tour = */
/* ================ */

#sidebar-features
{
	margin-top: 0px;
	background-image: url(../images/bg-sidebar-feature.jpg);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	min-height: 700px;
}
#sidebar-features ul
{
    padding: 15px 0 0 0;
    margin: 0;
}
#sidebar-features ul li
{
    list-style: none;
    font-family: 'lucida grande' , 'Lucida Sans Unicode' , sans-serif;
    margin-bottom: 20px;
    padding: 0 0 10px 20px;
    background: none;
}
#sidebar-features ul li a
{
    color: #5b5b5b;
    display: block;
    background: transparent;
    outline: none;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 15px;
}
#sidebar-features ul li a:active, #sidebar-features ul li a:focus
{
    color: #000;
}

#sidebar-features ul li.current
{
    line-height: 55px;
    border-width: 0px;
    background-image: url(../images/btn-nav-currentfeature.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 11px;
    padding-left: 20px;
}
#sidebar-features ul li.current a
{
    color: #000;
    font-weight: normal;
}
#wrapper #sidebar-features .current *
{
    background-position: 0 -89px;
}

#sidebar-features ul.list-secondary-features
{
    margin: -12px 0 0 -5px;
    padding: 8px 0px 0px;
}
#sidebar-features ul.list-secondary-features li
{
    margin: 0;
    border-width: 0px;
    padding: 0;
}
#sidebar-features ul.list-secondary-features li a
{
    font-weight: bold;
    padding: 0 0 0 15px;
    margin: 5px 0 10px 0;
}
#sidebar-features ul.list-secondary-features li a:hover
{
    color: #78b9e7;
}
#sidebar-features ul.list-secondary-features li a.current
{
    color: #000;
}

.feature-subheading
{
    color: #777;
    font-size: 17px;
    text-align: center;
    margin: -18px 0 30px 0;
}

ul.screenshot-featurelist
{
    margin: 20px 0 25px 0;
    padding: 0;
}
ul.screenshot-featurelist li
{
    list-style-type: none;
    margin: 0 0 15px 0;
    line-height: 18px;
    padding: 0;
    background: none;
    clear: both;
}
ul.screenshot-featurelist li strong
{
    font-size: 13px;
}
ul.screenshot-featurelist li:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.feature
{
    margin-bottom: 18px;
}
/* applied to any feature box that doesn't have a top,middle and bottom */
.feature-box-top
{
    height: 19px;
    clear: both;
    margin-top: 15px;
}
.feature-box-middle
{
    padding: 0 20px;
    font-size: 12.5;
    line-height: 15px;
}
.feature-box-middle p
{
    margin: 0;
    padding: 0 0 18px 0;
}
.feature-box-bottom
{
    height: 19px;
    margin: 0 0 25px 0;
}

/* App Store */
ul.app-examples
{
    margin: 20px 0 5px 0;
    padding: 0;
}
ul.app-examples li
{
    clear: both;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    background: none;
}
ul.app-examples li img
{
    float: left;
    margin: -2px 15px 0 0;
}
ul.app-examples li strong
{
    font-weight: bold;
}



/* Customization */
ul.designer-list
{
    padding: 0 0 1px 0;
    margin: 17px 0 15px 0;
    height: inherit;
}
ul.designer-list li
{
    width: 310px;
    height: 150px;
    float: left;
    margin: 0 20px 25px 0;
    padding: 0 0 0 0;
}
ul.designer-list img
{
	float: left;
	border: 2px solid #CCCCCC;
	margin-right: 10px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
ul.designer-list a
{
}
ul.designer-list strong
{
    display: block;
    color: #000;
}
ul.designer-list em
{
    font-size: 11px;
    color: #4e4e4e;
    font-style: normal;
    display: block;
    margin-top: 4px;
}

/* All Features */
.feature-list h3 img
{
    margin: 1px 4px 0 0;
    position: relative;
    top: 1px;
}
.feature-list
{
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 13px 0;
}
.feature-list h3
{
    margin: 0 0 10px 0;
}
.feature-list ul
{
    margin: 0px 0 0 0px;
    padding: 0 0 0px 10px;
    border-bottom: 1px solid #;
    float: left;
}
.feature-list ul:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.feature-list ul li
{
    float: left;
    width: 307px;
    margin: 0 15px 10px 0;
    padding: 0 0 0 15px;
    list-style-type: none;
}


/* ================ */
/* =   Examples   = */
/* ================ */

#examples-box
{
    height: 374px;
    padding: 15px 0 15px 20px;
    margin: 40px 0;
}
#examples-box h2
{
    width: 550px;
    font-size: 22px;
}
#examples-box p
{
    width: 550px;
    margin-bottom: 20px;
}
#examples-box .theme-name
{
    margin: 5px 0 0 70px;
    color: #555;
}

#masthead.examples
{
    height: 56px;
}
#masthead.examples img
{
    margin: -3px 50px 0 0;
}
#masthead.examples .content
{
    width: auto;
    padding: 0 20px;
}
#examples-signup
{
    display: block;
    text-indent: -32000px;
    width: 156px;
    height: 28px;
    float: right;
    position: relative;
    bottom: 3px;
    overflow: hidden;
}
#nav-examples li
{
    float: left;
    margin: 0;
    padding: 0;
    background: none;
}
#nav-examples a
{
    color: #fff;
    text-decoration: underline;
}
#nav-examples a:hover
{
    color: #78b9e7;
}
#nav-examples a, #nav-examples #themes
{
    margin: 0 20px 0 0;
}
#nav-examples
{
    margin: 0px;
    padding: 0;
}
#next-example
{
    height: 23px;
    width: 65px;
    margin: 0 20px 0 0 !important;
}
#prev-example
{
    height: 23px;
    width: 67px;
    margin: 0 !important;
}
#next-example, #prev-example
{
    text-indent: -32000px;
    display: block;
    float: left;
    overflow: hidden;
}
#next-example:hover, #prev-example:hover
{
    background-position: 0 -23px;
}

.shop
{
    float: left;
    margin: 0 20px 15px 0;
    color: #555;
    text-align: center;
}
.shop-thumb img
{
    margin-bottom: 5px;
    width: 200px;
    border: 3px solid #ddd;
}


/* =========== */
/* = Support = */
/* =========== */
ul#support-icons li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}
ul#support-icons li a
{
    width: 185px;
    height: 190px;
    float: left;
    padding: 0 16px 15px 17px;
    margin-right: 14px;
    text-align: center;
}
ul#support-icons li a img
{
    display: block;
    margin: 10px auto 0 auto;
}
ul#support-icons li a strong
{
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
    color: #585858;
}

/* =========== */
/* = Sign up = */
/* =========== */
table.price-chart
{
    padding: 0;
    margin: 0 0 25px 0;
    border-collapse: collapse;
}
table.price-chart th img
{
    margin-top: 160px;
}
/* sign up button */

table.price-chart th.heading
{
    width: 135px;
}
table.price-chart th.basic
{
    width: 154px;
    height: 208px;
}
table.price-chart th.professional
{
    width: 154px;
    height: 208px;
}
table.price-chart th.business
{
    width: 170px;
    height: 208px;
}
table.price-chart th.enterprise
{
    width: 154px;
    height: 208px;
}
table.price-chart th.premier
{
    width: 154px;
    height: 208px;
}

table.price-chart th, table.price-chart td
{
    border-right: 1px solid #FFF;
    text-align: center;
}
table.price-chart td
{
    padding: 10px;
}

table.price-chart .even td
{
    background-color: #eeeeee;
}

table.price-chart .odd .table-col-0
{
    background: #e4f0d5;
}
table.price-chart .odd .table-col-1
{
    background-color: #d8ebd3;
}
table.price-chart .odd .table-col-2
{
    background: #d3e7de;
}
table.price-chart .odd .table-col-3
{
    background-color: #d4e7df;
}
table.price-chart .odd .table-col-4
{
    background: #daeefb;
}

table.price-chart .even .table-col-0
{
    background: #cbe1ab;
}
table.price-chart .even .table-col-1
{
    background-color: #b1d7a7;
}
table.price-chart .even .table-col-2
{
    background: #a7cfbd;
}
table.price-chart .even .table-col-3
{
    background-color: #a9cdd9;
}
table.price-chart .even .table-col-4
{
    background: #7cb4e0;
}

#errorExplanation
{
    padding: 5px 10px 5px 60px;
    background-color: #FCF7DC;
    margin-bottom: 25px;
}
#errorExplanation h3
{
    margin-top: 5px !important;
}
#errorExplanation p
{
    margin-bottom: 5px !important;
}


/* ================ */
/* = Sign up form = */
/* ================ */

#signup form
{
    background: none;
    border: none;
}
#signup form input[type="text"], #signup form input[type="password"]
{
    width: auto;
    margin-bottom: 3px;
}
#signup h3
{
    margin: 32px 0 8px;
}
#signup label
{
    display: inline;
}
#signup td
{
    padding: 5px 15px 5px 0;
}
#signup #preview-availability
{
    display: inline;
}
#signup #available
{
    display: inline;
    margin-left: 10px;
}
#signup #available .positive
{
    padding-left: 20px;
    color: #3f8916;
}
#signup #available .negative
{
    padding-left: 20px;
    background: #fcf7dc;
    color: #222;
}
#signup .inactive
{
    -moz-opacity: 0.25;
    opacity: .25;
    filter: alpha(opacity=25);
}
#signup img.credit-card
{
    margin-left: 3px;
    vertical-align: top;
}
#signup #themes
{
    margin: 0px 0;
}
#signup #themes .theme
{
    padding: 15px;
    font-size: 9pt;
    border: 4px solid #fff;
    background: #f8f8f8;
    border: 1px solid #eee;
}

.jcarousel-control
{
    padding: 0;
}
.jcarousel-control li
{
    background: #f2f2f2;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    margin: 0;
}
#signup #themes a
{
    display: block;
    padding: 8px;
}
#signup #themes .active
{
    background: #78B9E7;
    border-top: 1px solid #6aa3cc;
    border-bottom: 1px solid #78B9E7;
}
#signup #themes .active a
{
    font-weight: bold;
    color: #fff;
}

#theme-carousel
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#theme-carousel li
{
    background: none;
    margin: 0;
    padding: 0;
}
.jcarousel-container
{
    position: relative;
    width: 380px;
    height: 380px;
}
.jcarousel-clip
{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 380px;
    height: 380px;
}
.jcarousel-list
{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li, .jcarousel-item
{
    float: left;
    list-style: none;
    margin-bottom: 10px; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 380px;
    height: 380px;
}
.jcarousel-next, .jcarousel-prev
{
    z-index: 3;
    display: none;
}

#signup #spinner
{
    position: absolute;
}
#signup #spinner img
{
    position: relative;
    right: 25px;
    top: 7px;
}
#shop_submit
{
    font-size: 13px;
}

/* =========== */
/* = Contact = */
/* =========== */

form#standard-form
{
    width: 555px;
    margin-bottom: 25px;
}
form#standard-form input[type="text"]
{
    width: 350px;
}
form#standard-form textarea
{
    width: 340px;
}
form#standard-form input[type="image"]
{
}

ul#social-media-icons
{
}
ul#social-media-icons li
{
    float: left;
    list-style-type: none;
    width: 113px;
    padding: 0 0px 0 24px;
    height: 15px;
    margin: 8px 0 0px 0;
    padding-top: 1px;
    padding-bottom: 4px;
}

.sidebar-form
{
    background: #efefef;
    border: 1px solid #d9d9d9;
    padding: 10px 10px 12px 10px;
    margin: 10px 0 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/*support redirect on contact.html*/
.sidebar-form p
{
    margin-bottom: 5px;
}
.sidebar-form label
{
    font-size: 12px;
    margin-left: 4px;
    display: inline;
    line-height: 23px;
}
.sidebar-form input[type="image"]
{
    display: block;
    margin: 3px 3px 0px 0px;
    clear: both;
    float: left;
}
.sidebar-form input[type="text"]
{
    width: 120px;
    padding: 1px;
    float: left;
    margin: 0 5px 10px 0px;
}

.contactsales
{
    padding: 0px 0 0 0;
}

/* ================= */
/* = Landing Pages = */
/* ================= */
.highlight-background
{
    background: #f0f0aa;
}

/* old form on boagworld */
/*.miniform { background:green url('../images/background/bg-miniform.jpg'); -moz-box-shadow: 0px 0px 11px #000; 
-webkit-box-shadow: 0px 0px 11px #000; margin:0 0 25px 0;  }
.miniform h3 { color:#FFF; font-size:30px; text-align:center;  margin:15px 0 0 0;}
.miniform p { color: #FFF; }
.miniform p.subheading { margin:0 0 15px 0; text-align:center;}
.miniform .example { color: #ababab; font-size:11.5px;}
.miniform p.note  { margin:-7px 0 5px 0; padding:0;}
.miniform p.note a { text-transform: uppercase; font-size: 11px; }*/

.icon-list
{
    padding: 0;
    margin: 10px 0 18px 0;
    vertical-align: bottom;
}
.icon-list li
{
    background: none;
    padding: 0;
    margin: 0 0 25px 0;
}
.icon-list img
{
    padding: 0 13px 0px 0;
    float: left;
}
.icon-list strong
{
    color: #000;
}
.icon-list .lastlink
{
    margin: -10px 0 25px;
    padding: 5px 0 0 0;
    border-top: 1px solid #d9d9d9;
    display: inline;
}

form#miniform
{
    background: transparent;
    border: 0px;
    margin: 40px 0 0 0;
}
form#miniform label
{
    color: #cacaca;
    font-weight: normal;
    font-size: 13px;
    margin: 0 0 7px 0;
}
form#miniform input[type="text"]
{
    width: 100%;
    padding: 2px 1px;
    margin: 0 0 17px 0;
}
form#miniform input[type="image"]
{
    margin-top: 10px;
}

/* ========== */
/* = FAQ = */
/* ========== */
.paymentprocessors ul li
{
    width: 245px;
    margin-right: 20px;
    float: left;
}


/* ======= */
/* = 404 = */
/* ======= */
.missingpage
{
    width: 535px;
    margin: auto;
    margin-top: 50px;
}
.missingpage ul
{
    width: 125px;
    float: left;
    margin-right: 25px;
    padding: 0;
}
.missingpage ul li
{
    background: 0;
    padding: 0;
}
.missingpage .last
{
    width: 85px;
}
.missingpage .super
{
    vertical-align: super;
    font-size: 14px;
    color: #aaa;
    margin-left: 5px;
}
.missingpage .note
{
    font-size: 12px;
    color: #787878;
    margin-top: -10px;
}

/* ============ */
/* = Congrats = */
/* ============ */
.storeinfo
{
    padding: 0px 25px 20px 25px;
    text-align: left;
}
.storeinfo h3
{
    font-size: 18px;
    margin: 25px 0 12px 0;
    padding: 0;
    font-weight: normal;
}
.storeinfo span.subheader
{
    font-size: 13px;
    color: #a88c2f;
}
.storeinfo a
{
    font-size: 19px;
    margin: 0;
    padding: 0;
}
.storeinfo .bookmark
{
    padding-left: 14px;
    text-decoration: underline;
    font-size: 11.5px;
}

ul.nextsteps
{
    margin: 20px 0 0 0;
    padding: 0;
}
ul.nextsteps li
{
    margin: 0;
    padding: 0;
    background: none;
    vertical-align: middle;
    margin-bottom: 15px;
}
ul.nextsteps li img
{
    vertical-align: middle;
    margin: -4px 6px 0 0;
}


/* ============== */
/* = Interviews = */
/* ============== */

#interview h3
{
    color: #1E5171;
    margin: 35px 0 8px;
}
#interview .shopify h3
{
    color: #6F8726;
}
#interview p
{
    color: #607178;
}
#interview .shopify p
{
    color: #91AD3C;
}


/* ============ */
/* = About Us = */
/* ============ */

.portrait
{
    background-color: #d2d2d2;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 20px;
    width: 147px;
}
.portrait img
{
    border: 1px solid #FFFFFF;
    height: 188px;
    padding: 10px;
    width: 125px;
}
.person-desc
{
    width: 420px;
    margin-right: 20px;
}
.person-desc .title
{
    color: #999;
    font-weight: normal;
}
#team li
{
    list-style-type: none;
    margin: 30px 0;
    background: none;
    float: left;
}

/* ========= */
/* = login = */
/* ========= */

.loginarea
{
    width: 765px;
    margin: auto;
}
.loginarea .secondcol
{
    border-left: 1px solid #d9d9d9;
    width: 320px;
    padding: 0px 0 0 35px;
    margin: 40px 0 0 0;
}

.loginarea form
{
    margin: 40px 0 20px 0;
}
.loginarea label
{
    clear: both;
}


.loginarea input[type="text"]
{
    display: inline;
    vertical-align: middle;
    margin: 0;
}
.loginarea span.formnote
{
    color: #434343;
    margin-left: 9px;
    padding: 0;
    display: inline;
}
.loginarea input[type="text"].formnote, .loginarea input[type="password"].formnote
{
    width: 55%;
}
.loginarea input[type="image"]
{
    display: block;
    clear: both;
}

/* ========== */
/* = Contest = */
/* ========== */
#contest-rules
{
    position: relative;
    top: 100px;
    left: 85px;
    width: 400px;
}
#contest-rules h3
{
    color: #113a5a;
}
#contest-rules h3 a
{
    color: #02181d;
    font-weight: bold;
}
#contest-rules p
{
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

#rankings
{
    width: 100%;
}
#rankings *
{
    vertical-align: middle;
}
#rankings td
{
    padding: 7px 3px 7px 5px;
    cursor: pointer;
}
#rankings td.position
{
    font-size: 28px;
    color: #a8a8a8;
    font-weight: bold;
    font-family: Times, 'Times New Roman' , Serif;
}
#rankings tr:hover td
{
    background: #f2f2f2;
}
#nominate
{
    height: 283px;
    width: 310px;
    padding: 20px;
    position: relative;
    top: 50px;
}
#nominate h3
{
    color: #178eb9;
    font-size: 18px;
}
#nominate dt
{
    font-size: 12px;
    font-weight: bold;
}
#nominate form
{
    background: none;
    border: none;
    margin: 0;
}
#nominate form label
{
    font-size: 11px;
}

#vote-link
{
    width: 197px;
    height: 34px;
    display: block;
    text-indent: -32000px;
    position: relative;
    bottom: 5px;
}
#vote-link:hover
{
    background-position: 0 -34px;
}

#contest-link
{
    width: 181px;
    height: 34px;
    display: block;
    text-indent: -32000px;
    position: relative;
    bottom: 5px;
    margin-left: 20px;
}
#contest-link:hover
{
    background-position: 0 -34px;
}

#contest-links
{
    position: relative;
    bottom: 5px;
}

/* ============ */
/* = Lightbox = */
/* ============ */
/* Using the awesome lightbox by colorpowered.com */

#colorbox, #cboxOverlay, #cboxWrapper
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxOverlay
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000 !important;
    opacity: 0.5 !important;
}
#cboxMiddleLeft, #cboxBottomLeft
{
    clear: left;
}
#cboxContent
{
    position: relative;
    overflow: visible;
}
#cboxLoadedContent
{
    overflow: auto;
}
#cboxLoadedContent iframe
{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
#cboxTitle
{
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
    cursor: pointer;
}

#cboxOverlay
{
    background: #fff;
}

#colorBox
{
}
#cboxTopLeft
{
    width: 25px;
    height: 25px;
}
#cboxTopCenter
{
    height: 25px;
}
#cboxTopRight
{
    width: 25px;
    height: 25px;
}
#cboxBottomLeft
{
    width: 25px;
    height: 25px;
}
#cboxBottomCenter
{
    height: 25px;
}
#cboxBottomRight
{
    width: 25px;
    height: 25px;
}
#cboxMiddleLeft
{
    width: 25px;
}
#cboxMiddleRight
{
    width: 25px;
}
#cboxContent
{
    background: #fff;
}
#cboxLoadedContent
{
    margin-bottom: 0px;
}
#cboxTitle
{
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999;
}
#cboxCurrent
{
    position: absolute;
    bottom: 0px;
    left: 100px;
    color: #999;
}
#cboxSlideshow
{
    position: absolute;
    bottom: 0px;
    right: 42px;
    color: #444;
}
#cboxPrevious
{
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #444;
}
#cboxNext
{
    position: absolute;
    bottom: 0px;
    left: 63px;
    color: #444;
}
#cboxClose
{
    position: absolute;
    top: -28px;
    right: -32px;
    display: block;
    color: #444;
    text-indent: -999999px;
    height: 47px;
    width: 44px;
    cursor: pointer;
}
.single
{
}
/* empty class for lightbox */



.combo
{
    width: 300px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 110%;
}
#video #player
{
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}




#pagine-localita li
{
    float: left;
    width: 216px;
}
.socialbookmarks
{
    text-align: right;
    padding: 10px 0;
    margin: 10px 0;
}

#banner h1
{
    font-size: 32px;
    width: 610px;
}
#modulo-ricerca table
{
	width: 100%;
	font-size: 90%;
}
#modulo-ricerca table tr td.label
{
    text-align: right;
    font-weight: bold;
    width: 150px;
}
#modulo-ricerca table tr:first-child td
{
    text-align: center;
    font-weight: normal;
}
#modulo-ricerca table tr td
{
	height: 25px;
	padding: 0 5px 0 0;
	border: 1px dotted #ccc;
	min-width: 150px;
}
#modulo-ricerca input[type=radio]
{
    margin-top: 5px;
    margin-left: 50px;
}
#modulo-ricerca-buttons
{
    text-align: right;
}
#modulo-ricerca input[type=checkbox]
{
}
#modulo-ricerca button[type=reset]
{
    margin-left: 30px;
}
#modulo-ricerca button
{
    padding: 5px 10px;
}

#risultati-ricerca ul.designer-list li
{
    width: 285px;
}
.datapager
{
    margin: 10px 0;
    float: right;
}
.datapager-link
{
    width: 32px;
    height: 32px;
    padding: 8px 20px;
    background-repeat: no-repeat;
}
.datapager-prev
{
    background-image: url('/content/images/gnome/go-previous.png');
}
.datapager-first
{
    background-image: url('/content/images/gnome/go-first.png');
}
.datapager-next
{
    background-image: url('/content/images/gnome/go-next.png');
}
.datapager-last
{
    background-image: url('/content/images/gnome/go-last.png');
}


#risultati-ricerca .nodata
{
    margin: 15px 0 0 0;
    padding: 15px;
    background: #efefef;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    font-weight: bold;
}

label.error
{
    float: right;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

#info-amministrative
{
    width: 100%;
    margin: 5px 0 20px 0;
}
#info-amministrative td
{
    border-top: dashed 1px #ccc;
}

#info-amministrative td
{
    padding: 4px;
}
#info-amministrative td.label
{
    width: 20%;
    font-weight: bold;
    text-align: right;
}
#search-bar {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#richiesta-form-container {
	padding: 40px;
	background-image: url(../Images/pageoverlay.png);
	background-repeat: repeat;
}
.imm-prestigio {
	padding-top: 5px;
}
.quote .imm-prestigio a {
	color: #CC9900;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 120%;
}
.content subpage .col-9 ul li {
	list-style-type: disc;
}
.content subpage .col-9 ul {
	list-style-type: disc;
	padding-left: 20px;
}
.ad-thumbs ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.riferimento {
	padding-top: 20px;
	padding-bottom: 10px;
}
.col-6 h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}