/* @group CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.52em;
	font-family: inherit;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* @end */

/* @group Structure */

body {
	color: #161616;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	/* background: #fff url(/images/backgr.jpg); */
	background-size: auto;
}

.container {
	text-align: left;
	width: 700px;
	margin: 0 auto;
}

.container, #tagline, #screens, .step {
	display: inline-block;
}

.container, #tagline, #screens, .step {
	display: block;
}

.container:after, #tagline:after, #screens:after, .step:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end */


/* SlideShow */

#slideshow {
    position:relative;
    height:114px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* SlideShow End */

.bottomfield {
	margin-top: 6px;
	width: 700px;
	height: 84px;
	color: #c8c8c8;
	font-size: 11px;
	background-image: url(/images/bottom-field.png);
}

.bottomfield .info {
	width: 164px;
	height: 60px;
	padding: 5px 0px 0px 10px;
	text-align: left;
	float: left;
	display: table;
	vertical-align: middle;
}

.bottomfield .info2 {
	width: 202px;
	height: 60px;
	padding: 5px 0px 0px 10px;
	text-align: left;
	float: left;
	display: table;
	vertical-align: middle;
}

.bottomfield .info3 {
	width: 142px;
	height: 60px;
	padding: 5px 0px 0px 10px;
	text-align: left;
	float: left;
	display: table;
	vertical-align: middle;
}

.bottomfield .line {

	width: 2px;
	height: 60px;
	text-align: left;
	float: left;
	display: table;
	vertical-align: middle;
}

.bottomfield .infomaddog {
	width: 84px;
	height: 60px;
	margin-top: -36px;
	margin-left: 16px;
	text-align: left;
	float: left;
	display: table;
	vertical-align: middle;
	color: #bababa;
}

.bottomfield .logos {
	height: 60px;
	text-align: left;
	float: right;
	margin-top: -3px;
}

#tweetlogo {
padding-right: 5px;
margin-top: 12px;
width: 156px;
text-align: right;
}

#tweet {
right: 18px;
padding-right: 6px;
margin-top: 0px;
width: 154px;
font-size: 9px;
text-align: right;
color: #929292;
position: absolute;
}

#tweetlayer {
right: 18px;
padding-right: 6px;
margin-top: 54px;
width: 156px;
font-size: 9px;
text-align: right;
color: #929292;
position: absolute;
z-index: 2;
}

#emailbutton {
padding-top: 10px;
width: 156px;
font-size: 11px;
text-align: right;
position: absolute;
bottom: 5px;
}

#emailbutton a {
	color: #929292;
	text-decoration: none;	
	}
	
#emailbutton a:hover {
	color: #606060;
	text-decoration: none;
	}
	
	
.topfield {
	width: 700px;
	height: 38px;
	text-align: left;
}

.maddogslogo {
	top: 0px;
	float: left;
	width: 240px;
	height: 128px;
	text-align: right;
	margin-left: 430px;
	margin-top: -74px;
	position: absolute;
	}
	
.maddogsbanner {
	top: 0px;
	float: left;
	width: 460px;
	height: 114px;
	text-align: left;
	margin-right: 30px;
	margin-top: -60px;
	margin-bottom: 6px;
	position: relative;
	}
	
/* @group Header */

#wrap div {
			width: 750px;}

#header-index {
	background-color: #fff;
	border-top: 8px solid #004767;
	min-width: 700px;
}

#header-index .container {
	background: #fff url(/images/header-index.png) no-repeat 337px bottom;
}

#header {
	color: #fff;
	background: #ccff00 url(/images/header.png) repeat-x;
	min-width: 700px;
	min-height: 20px;
	height: auto !important;
	height: 20px;	
	border-bottom: 1px solid #000;
}

#logo-index {
	background: url(/images/maddogs-logo.png) no-repeat 0 0;
	height: 128px;
	margin-top: 21px;
	padding-bottom: 20px;
	float: left;
}

#logo-index a {
	width: 200px;
	height: 0;
	padding-top: 65px;
	display: block;
	overflow: hidden;
}

#logo {
	height: 10px;
	margin-top: 8px;
	padding-bottom: 8px;
	float: left;
}

#logo a {
	width: 200px;
	height: 0;
	padding-top: 0px;
	display: block;
	overflow: hidden;
}

/* @end */

/* @group Showcase */

#showcase {
	min-width: 960px;
	background: #dbdbdb url(/images/showcase.png) repeat-x 0 0;
	padding-bottom: 12px;
	border-bottom: 4px solid #fff;
}

#showcase .container {
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background: url(/images/tagline.png) no-repeat 25px 0;
}

#tagline {
	color: #fff;
	padding: 50px 0 0 725px;
}

#tagline h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 2px;
}

#tagline p {
	font-size: 12px;
	line-height: 1.52em;
	width: 200px;
	padding: 0 0 20px 2px;
}

#start {
	background: url(/images/free-trial.gif) no-repeat;
	margin-right: 8px;
	height: 27px;
	float: left;
}

#start a {
	width: 108px;
	height: 0;
	padding-top: 27px;
	display: block;
	overflow: hidden;
}

p#take-tour {
	font-size: 12px;
	width: 105px;
	padding-top: 6px;
	float: left;
}

#take-tour a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#take-tour a:hover {
	text-decoration: none;
}

/* @end */

/* @group Layout */

#layout {
	background: #fff url(/images/layout.png) repeat-x 0 0;
	padding: 30px 0 5px;
	min-width: 960px;
}

.left-col {
	width: 300px;
	padding-right: 30px;
	float: left;
}

.left-col p {
	color: #666;
	font-size: 12px;
	line-height: 1.52em;
}

.left-col p#overview span {
	color: #161616;
	background-color: #f9fbab;
	line-height: 1.52em;
}

.left-col p#overview a {
	color: #049ed0;
	text-decoration: underline;
	margin-left: 3px;
}

.left-col p#overview a:hover {
	text-decoration: none;
}

.left-col ul {
	margin-top: 30px;
	border-top: 1px solid #e2e2e2;
}

.left-col li {
	background: url(/images/feature-check.gif) no-repeat 0 16px;
	padding: 14px 5px 14px 28px;
	border-bottom: 1px solid #e2e2e2;
}

.left-col li h3 {
	color: #161616;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 1px;
}

.left-col li p {
	color: #999;
	font-size: 12px;
}

.right-col {
	width: 630px;
	float: right;
}

.right-col .screen-left, .right-col .screen {
	width: 300px;
	padding-bottom: 30px;
	float: left;
}

.right-col .screen-left {
	padding-right: 30px;
}

.right-col .screen-left img, .right-col .screen img {
	background-color: #e8e8e8;
	padding: 5px;
}

.right-col .screen-left img:hover, .right-col .screen img:hover {
	background-color: #dbdbdb;
}

.right-col .screen-left p, .right-col .screen p {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.52em;
	padding: 8px 0 0 5px;
}

.right-col .screen-left p a, .right-col .screen p a {
	color: #049ed0;
	text-decoration: underline;
	font-weight: normal;
}

.right-col .screen-left p a:hover, .right-col .screen p a:hover {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.btn {
	font-size: 16px;
	margin-top: 5px;
}

/* @end */

/* @group Subscribe */

#subscribe {
	padding: 40px 0;
	background-color: #e8e8e8;
	min-width: 960px;
}

#testimony {
	padding: 20px 23px 0;
	background: url(/images/bubble.gif) no-repeat;
}

#testimony-down {
	font-size: 12px;
	background: url(/images/bubble.gif) no-repeat 0 bottom;
	padding: 60px 0 0 23px;
}

#testimony-down a {
	color: #049ed0;
	text-decoration: underline;
}

#testimony-down a:hover {
	text-decoration: none;
}

#subscribe-tbl {
	font-size: 12px;
	background-color: #fff;
}

#subscribe-tbl th#features {
	background-color: #e8e8e8;
}

#select-one {
	background: url(/images/select-one.gif) no-repeat;
	height: 27px;
	margin: 12px 0 0 15px;
}

#select-one a {
	text-indent: -9999px;
	width: 121px;
	height: 0;
	padding-bottom: 27px;
	display: block;
	overflow: hidden;
}

#subscribe-tbl th#plan-basic, #subscribe-tbl th#plan-plus, #subscribe-tbl th#plan-premium, #subscribe-tbl th#plan-max {
	background-color: #f5f5f5;
}

#subscribe-tbl th#plan-basic, #subscribe-tbl th#plan-plus, #subscribe-tbl th#plan-premium, #subscribe-tbl th#plan-max, #subscribe-tbl td {
	text-align: center;
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
}

#subscribe-tbl th h6 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 11px;
	padding-bottom: 3px;
}

#subscribe-tbl th p {
	padding-bottom: 12px;
}

#subscribe-tbl th p a {
	color: #049ed0;
	text-decoration: underline;
}

#subscribe-tbl th p a:hover {
	text-decoration: none;
}

#subscribe-tbl .feature {
	width: 182px;
	padding: 15px 0 15px 18px;
	text-align: left;
}

#subscribe-tbl td {
	width: 115px;
}

#subscribe-tbl td.check {
	background: url(/images/check.gif) no-repeat center center;
}

#subscribe-tbl td.end {
	border-bottom: 1px solid #c6c6c6;
}

p#details {
	color: #666;
	font-size: 11px;
	line-height: 1.52em;
	padding: 12px 18px 0;
}

/* @end */

/* @group Content */
			
#content {
	width:700px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -250px;
	min-width: 700px;
	border: 0px solid black;
	}

#content .col-left {
	width: 520px;
	float: right;

}

#content .col-left h1 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}

.excerpt {
	color: #666;
	font-size: 12px;
	line-height: 1.52em;
	padding-bottom: 30px;
}

.excerpt a {
	color: #009ed0;
	text-decoration: underline;
}

.excerpt a:hover {
	text-decoration: none;
}

.step {
	background: #edecec url(/images/inline-edit.png) repeat-x 0 0;
	margin-bottom: 35px;
	padding: 15px 25px;
	border: 1px solid #dedede;
}

.step h3 {
	color: #049ed0;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
}

.step h3 a {
    color: #049ed0;
    text-decoration:none;
}

.step h3 a:hover {
    text-decoration:underline;
}

.step h6 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}

.step p {
	font-size: 12px;
	line-height: 1.52em;
	padding-bottom: 10px;
}

.step p.underline {
	margin-bottom: 15px;
	border-bottom: 1px dotted #cacaca;
}

.step #authorize-shopify {
	color: #666;
	font-size: 11px;
	padding-top: 5px;
}

.step p a {
	color: #049ed0;
	text-decoration: underline;
}

.step p a:hover {
	text-decoration: none;
}

.step th {
	font-size: 12px;
	font-weight: bold;
	width: 125px;
	padding: 5px 10px 0 0;
	text-align: right;
	vertical-align: top;
}

.step input.field, .step input.lil-field, .step input.mid-field {
	color: #161616;
	font: 14px "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 2px;
	border: 1px solid #bcbcbc;
}

.step input.field {
	width: 250px;
}

.step input.lil-field {
	width: 50px;
	margin-right: 5px;
}

.step input.mid-field {
	width: 130px;
}

.step td.referral input.field {
	margin-bottom: 3px;
}

.step input.field, .step input.lil-field, .step select {
	margin-bottom: 10px;
}

.step #billing-info, .step #refer {
	margin-top: 5px;
	padding-top: 15px;
	border-top: 1px dotted #cacaca;
}

.step .referral-tbl {
	text-align: left;
	margin-bottom: 10px;
}

.step #referral-code {
	color: #666;
	font-size: 11px;
	vertical-align: top;
}

.signup-tbl .url {
	padding-left: 10px;
	text-align: left;
}

.signup-tbl select {
	margin-left: 10px;
}

.errorExplanation {
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 20px 25px;
}

.errorExplanation h2, .errorExplanation p {
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: none;
}

.errorExplanation li {
	padding: 2px 0;
}

#url_status #not-available, #url_status #available, #shopify_address_status #not-available, #shopify_address_status #available, #referral_status #not-valid, #referral_status #valid-code {
	color: #fff;
	padding: 2px 10px;
	float: left;
}

#url_status #not-available, #shopify_address_status #not-available, #referral_status #not-valid, .errorExplanation {
	background-color: #cc1919;
}

#url_status #available, #shopify_address_status #available, #referral_status #valid-code {
	background-color: #2aa72b;
}

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

#content .col-right {
	width: 180px;
	float: left;
	background-image: url('/images/glider-menu.png');
	height: 350px;
	position: relative;
}

#signup-sidebar {
	padding-top: 310px;
	background: url(/images/signup-sidebar.png) no-repeat 0 0;
}

#signup-sidebar {
	font-size: 12px;
}

#signup-sidebar h6 {
	font-weight: bold;
	padding-bottom: 7px;
}

#signup-sidebar p {
	color: #666;
	line-height: 1.52em;
	padding-bottom: 25px;
}

#signup-sidebar p a {
	color: #049ed0;
	text-decoration: underline;
}

#signup-sidebar p a:hover {
	text-decoration: none;
}

/* @end */ 

/* @group API */

#message a {
	color: #009ed0;
	text-decoration: underline;
}

#message a:hover {
	text-decoration: none;
}

#message .code {
    font-size: 80%;
    background: #EFEFEF;
    padding: 15px;
}
#message .hint {
    font-size: 60%;
    font-weight:bold;
}

/* @end */

/* @group Glider Tour */

#glider .scroller {	
	width: 520px;
	overflow: hidden;
	background-image: url(/images/glider-bg.png);
	
}

#glider .scroller .section {	
	width: 520px;
	overflow: hidden;
	float: left;
	height: 350px;
}

#glider .scroller .section2 {	
	width: 520px;
	overflow: hidden;
	float: left;
	height: 350px;
	background-image: url(/images/apple-cpu.png);
}

#glider .scroller .content {
	width: 10000px;
}

#glider #section1-img, #glider #section2-img, #glider #section3-img, #glider #section4-img, #glider #section5-img, #glider #section6-img, #glider #section7-img, #glider #section8-img, #glider #section9-img, #glider #section10-img, #glider #section11-img, #glider #section12-img {
	padding-top: 555px;
}

/*#glider #section1-img {
	background: #d8d8d8 url(/images/tour-1.jpg) no-repeat;
}

#glider #section2-img {
	background: #d8d8d8 url(/images/tour-2.jpg) no-repeat;
}

#glider #section3-img {
	background: #d8d8d8 url(/images/tour-3.jpg) no-repeat;
}

#glider #section4-img {
	background: #d8d8d8 url(/images/tour-4.jpg) no-repeat;
}

#glider #section5-img {
	background: #d8d8d8 url(/images/tour-5.jpg) no-repeat;
}

#glider #section6-img {
	background: #d8d8d8 url(/images/tour-6.jpg) no-repeat;
}

#glider #section7-img {
	background: #d8d8d8 url(/images/tour-7.jpg) no-repeat;
}

#glider #section8-img {
	background: #d8d8d8 url(/images/tour-8.jpg) no-repeat;
}
*/
#glider .title-box {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 16px;
}

#glider .description {
	color: #363636;
	font-size: 12px;
	line-height: 1.7em;
	padding-bottom: 20px;
}

#glider .description2 {
	color: #363636;
	font-size: 12px;
	line-height: 1.7em;
	padding-bottom: 20px;
	width:350px;
	}
	
	#glider .description3 {
	color: #363636;
	font-size: 12px;
	line-height: 1.7em;
	padding-bottom: 20px;
	width:350px;
	text-align: center;
}

#glider .features {
	font-size: 12px;
	line-height: 1.52em;
	padding: 20px 0 45px;
}

#glider .features span {
	font-weight: bold;
	padding-left: 3px;
}

#glider .features strong, #glider .features span {
	color: #54780d;
}

#glider .description a, #glider .features a {
	color: #009ed0;
	text-decoration: underline;
}

#glider .description a:hover, #glider .features a:hover {
	text-decoration: none;
}

.controls ul {
	margin-top: 4px;
	border-top: 0px solid #e2e2e2;
}

.controls li {
	text-align: right;
	border-bottom: 0px solid #e2e2e2;
}

.controls li a {
	color: #929292;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	/*background-image: url(/images/control-button1.png);*/
	padding: 6px 24px 5px 5px;
	display: block;
}

/*.controls li#control1 a, .controls li#control2 a, .controls li#control3 a, .controls li#control4 a, .controls li#control5 a, .controls li#control6 a, .controls li#control7 a, .controls li#control8 a {
	background: url(/images/tour-nav.gif) no-repeat;
}

.controls li#control1 a {
	background-position: -361px 5px;
}

.controls li#control1 a.active, .controls li#control1 a:hover.active  {
	background-position: 14px 5px;
}

.controls li#control2 a {
	background-position: -361px -42px;
}

.controls li#control2 a.active, .controls li#control2 a:hover.active  {
	background-position: 14px -42px;
}

.controls li#control3 a {
	background-position: -361px -91px;
}

.controls li#control3 a.active, .controls li#control3 a:hover.active  {
	background-position: 14px -91px;
}

.controls li#control4 a {
	background-position: -361px -139px;
}

.controls li#control4 a.active, .controls li#control4 a:hover.active  {
	background-position: 14px -139px;
}

.controls li#control5 a {
	background-position: -361px -187px;
}

.controls li#control5 a.active, .controls li#control5 a:hover.active  {
	background-position: 14px -187px;
}

.controls li#control6 a {
	background-position: -361px -235px;
}

.controls li#control6 a.active, .controls li#control6 a:hover.active  {
	background-position: 14px -235px;
}

.controls li#control7 a {
	background-position: -361px -283px;
}

.controls li#control7 a.active, .controls li#control7 a:hover.active  {
	background-position: 14px -283px;
}

.controls li#control8 a {
	background-position: -361px -331px;
}

.controls li#control8 a.active, .controls li#control8 a:hover.active  {
	background-position: 14px -331px;
}*/

.controls li#control1 a.active, .controls li#control1 a:hover.active, .controls li#control2 a.active, .controls li#control2 a:hover.active, .controls li#control3 a.active, .controls li#control3 a:hover.active, .controls li#control4 a.active, .controls li#control4 a:hover.active, .controls li#control5 a.active, .controls li#control5 a:hover.active, .controls li#control6 a.active, .controls li#control6 a:hover.active, .controls li#control7 a.active, .controls li#control7 a:hover.active, .controls li#control8 a.active, .controls li#control8 a:hover.active, .controls li#control9 a.active, .controls li#control9 a:hover.active, .controls li#control10 a.active, .controls li#control10 a:hover.active, .controls li#control11 a.active, .controls li#control11 a:hover.active, .controls li#control12 a.active, .controls li#control12 a:hover.active  {
	text-decoration: none;
	background-image: url(/images/control-button2.png);
	color: #34ccff;
}

.controls li#control1 a:hover, .controls li#control2 a:hover, .controls li#control3 a:hover, .controls li#control4 a:hover, .controls li#control5 a:hover, .controls li#control6 a:hover, .controls li#control7 a:hover, .controls li#control8 a:hover, .controls li#control9 a:hover, .controls li#control10 a:hover, .controls li#control11 a:hover, .controls li#control12 a:hover {
	background-image: url(/images/control-button3.png);
	color: #606060;
	
}

#trial {
	background: url(/images/trial.png) no-repeat 0 0;
	height: 100px;
	margin-top: 40px;
}

#trial a {
	background: url(/images/trial.png) no-repeat 0 0;
	width: 300px;
	height: 0;
	padding-top: 100px;
	display: block;
	overflow: hidden;
}

#trial a:hover {
	background-position: -300px 0;
}

/* @end */

/* @group Wide Content */

#wide {
	padding-bottom: 25px;
}

#wide h1 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 25px;
}

#wide .qa {
	padding-bottom: 15px;
}

#wide h6 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

#wide p {
	font-size: 12px;
	line-height: 1.62em;
	padding-bottom: 15px;
}

#wide pre {
	font-size: 11px;
	background-color: #f5f5f5;
	margin: 5px 0 20px;
	padding: 20px;
	overflow: hidden;
	border-left: 8px solid #e2e2e2;
}

#wide code {
	font-family: monospace;
}

#wide a {
	color: #009ed0;
	text-decoration: underline;
}

#wide a:hover {
	text-decoration: none;
}

/* @end */

/* @group Footer */

#footer {
	color: #666;
	font-size: 11px;
	min-width: 960px;
	padding: 25px 0 85px;
	border-top: 1px solid #d5d5d5;
}

#footer p {
	line-height: 1.92em;
}

#footer a {
	color: #666;
	text-decoration: underline;
}

#footer a:hover, #footer a.undernot {
	text-decoration: none;
}

#footer a:hover.undernot {
	text-decoration: underline;
}

/* @end */