* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #616161;
	text-align: left;
	background: #e4e1da;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { overflow: hidden; } 

a { color: #0188B7; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }

.ar { text-align: right; display: block; }
ul {list-style-type: none;}
.al { text-align: left; display: block; }
.ac { text-align: center; display: block; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { width: 1021px; margin: 0 auto; }

#header-holder,
#header-holder .shell { background: #25aee5; height: 55px; }

#header { padding: 13px 25px 0; }

#navigation { float: left; display: inline; height: 13px;
	margin-top: 4px;
}
#navigation ul { list-style-type: none; padding-top: 5px; }
#navigation ul li { float: left; display: inline; margin-right: 35px; }
#navigation ul li a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/navigation.gif) no-repeat 0 0; height: 13px;  }
#navigation ul li a.home-link { background-position: 0 0; width: 51px; }
#navigation ul li a.features-link { background-position: -84px 0; width: 84px; }
#navigation ul li a.stores-link { background-position: -201px 0; width: 64px; }
#navigation ul li a.help-link { background-position: -298px 0; width: 41px; }
#navigation ul li a.sign-up-link { background-position: right 0; width: 74px; }

.login-form { float: right; display: inline; width: 393px; }
.login-form input { float: left; display: inline; }
.login-form .field { border: 0; color: #606060; padding: 7px 15px 8px; background: transparent; }
.password-field { width: 85px; }
.email-field { width: 141px; }
.login-form #email { margin-right: 20px; background: url(images/email.gif) no-repeat 0 0; width: 171px; float: left; display: inline; }
.login-form #password { background: url(images/pass.gif) no-repeat 0 0; width: 115px; margin-right: 15px; float: left; display: inline; }
.login-form .login-btn { border: 0; background: url(images/login.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; width: 72px; height: 30px; cursor: pointer; }

#main { padding-top: 45px; } 
.home-main { padding-left: 114px; }

.white-box { background: #fff url(images/top.gif) no-repeat 0 0; height: 100%; width: 758px; margin-bottom: 41px; }
.white-box-bottom { background: url(images/bottom.gif) no-repeat 0 bottom; padding: 23px 0 5px 40px; }

.top-row { padding-bottom: 25px; }

h1#logo { width: 332px; float: left; display: inline; margin-right: 55px; }
h1#logo a { display: block; background: url(images/logo.gif); height: 88px; }

h2#slogan { font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/slogan.gif) no-repeat 0 0; width: 279px; height: 31px; float: left; display: inline; margin-top: 28px; }

.blue-line { position: relative; width: 757px; height: 47px; margin-bottom: 40px; }


.tabs-row ul { list-style-type: none; height: 41px; }
.tabs-row ul li { float: left; display: inline; height: 41px; }
.tabs-row ul li a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 11px; background: #999999; width: 121px; text-align: center; }
.tabs-row ul li a span { float: left; display: inline; background-repeat: no-repeat; background-position: center 10px; height: 30px; margin-left: 22px; }
.tabs-row ul li a span.works-tab { background-image: url(images/works-tab.gif); width: 108px; }
.tabs-row ul li a span.testimonial-tab { background-image: url(images/testimonial-tab.gif); width: 89px; }
.tabs-row ul li a span.products-tab { background-image: url(images/products-tab.gif); width: 71px; }
.tabs-row ul li.first a { background: #999999 url(images/left.gif) no-repeat 0 0; }
.tabs-row ul li.last a { background: #999999 url(images/right.gif) no-repeat right 0; }
.tabs-row ul li a.active { background: #fff url(images/tabs-top.gif) no-repeat 0 0; padding-top: 11px; margin: 0;color: #0188B7; width: 157px; }
.tabs-row ul li a.active span { margin-left: 23px; }

.tab-content {  }
.tab-content .white-box { background: #fff url(images/tabs-cnt-corner.gif) no-repeat right 0; }
.tab-content .white-box-bottom { padding: 35px 45px 50px 38px; }

.cols-holder { border-top: 6px solid #0188B7; position: relative; background: url(images/cols-holder-bg.gif) repeat-y 0 0; }
.cols-holder .last { margin-right: 0 !important; padding-right: 0 !important; }
.cols-holder h3.content-title { position: absolute; top: -21px; left: 0; line-height: 40px; background: url(images/works-title.gif) no-repeat 0 0; border-right: 7px solid #fff; font-size: 0; line-height: 0; text-indent: -4000px; width: 240px; height: 53px }
.cols-holder h3.content-title span { background: url(images/h4-arrow.gif) no-repeat 22px 0; line-height: 40px; display: block; padding: 0 45px 14px 40px; }
.cols-holder .col { width: 205px; padding-right: 7px; padding-top: 33px; float: left; display: inline; margin-right: 20px; position: relative; z-index: 10; }
.cols-holder .col .col-img { border-bottom: 1px solid #585858; }
.cols-holder .col .col-content { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; background-position: 0 0; height: 106px; }
.cols-holder .col .design-content { background-image: url(images/design-text.gif); }
.cols-holder .col .sell-content { background-image: url(images/sell-text.gif); }
.cols-holder .col .profit-content { background-image: url(images/profit-text.gif); }

.home-img img {
	margin-bottom: -5px;
}

/* = Features (leads in to Sign Up)
ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ*/


#sign-up {
	padding: 25px;
}


#sign-up-steps {
	width: 646px;
	padding-top: 20px;
	margin-right: 15px;
	list-style-type: none;
}

#get-started {
	padding-top: 10px;
	margin-top: 20px;
	border-top: 2px solid #d5d5d5;
}

#sign-up-steps li ul {
	margin-bottom: 14px;
	border-bottom: 3px solid #f4f4f4;
	padding-bottom: 15px;
	font-size: 11px;
	list-style-type: none;
}

#sign-up-steps li ul li {
	float: left;
}

#sign-up-steps li ul li.info {
	padding-top: 10px;
	margin-right: 20px;
	width: 213px;
}

#sign-up-steps li ul li.info p {
	line-height: 15px;
	font-size: 1.1em;
}

#sign-up-steps li ul li img {
	border: 3px solid #d1d1d1;
}

#sign-up-steps li ul li.info h3 {
	margin-bottom: 5px;
	font-size: 12px;
	color: #24517b;
}

#sign-up-steps li ul li.number {
	font-size: 28px;
	margin-right: 20px;
	padding-left: 5px;
	padding-top: 20px;
	color: silver;
}

/* Stores */

#stores-directory {
}

#stores-nav {
	margin-top: 15px;
}

#stores-nav li {
	float: left;
	margin-right: 35px;
}

#stores-nav li a {
	text-decoration: none;
	font-weight: bold;
	color: #2c609b;
}

#stores-nav li a.active {
	text-decoration: underline;
	color: black;
}

#stores-directory h3 {
}

#stores-directory div.right {
	width: 713px;
	margin-top: 30px;
	margin-right: 4px;
}

#stores-directory div.right ul {
	margin-bottom: 10px;
}

#stores-directory div.right ul li {
	float: left;
	margin-right: 15px;
}

#stores-directory div.right ul li p {
	width: 253px;
	margin-top: 8px;
}

#stores-directory div.right ul li h3 {
	color: #2c609b;
}

#stores-directory div.right ul li img {
	border: 2px solid #eaf2fd;
}

#stores-directory ul.left {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 3px solid #dee2fd;
}

#stores-directory ul.left li input {
	margin-top: 10px;
}

/* Sign Up */

#sign-up-details, #sign-up-payment {
	width: 400px;
	border: solid 2px #25AEE5;
	padding: 0 5px 10px 40px;
	background-color: #F6F6F6;
	margin-bottom: 20px;
}

#sign-up-details h3, #sign-up-payment h3 {
	color: #2774f9;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#sign-up-container td.label {
	text-align: right;	
	width: 120px;
	padding-right: 10px;
	font-weight: bold;
	color: #272727;
	font-size: 15px;
}

#sign-up-container tr td{
	padding-bottom: 10px;
	color: black;
}

#sign-up-container input {
	font-size: 16px;
	padding: 4px;
}

#uniform-credit_card_card_expires_on_2i span{
	width: 31px;
}

#loves {
	text-align: center;
}

#loves .quote{
	width: 150px;
	margin: 30px 25px 0 20px;
}

#loves .last{
	margin: 0 !important;
}

#loves .quote .author{
	display: block;
	height: 18px;
	background: transparent  6px 38px no-repeat;
	padding: 0 0 10px 0;
}

#loves .quote a.avatar img{
	float: left;
	border: 0;
}

 #loves .quote .name{
	height: 28px;
	float: left;
	width: 112px;
	margin: 0 0 0 10px;
	line-height: 28px;
	font-weight: bold;
	text-align: left;
	display: block;
}

.quote span a {
	text-decoration: none;
}

 #loves .quote .withsource{
	line-height: 14px;
}

#loves .quote .withsource .source{
	font-size: 0.85em;
	text-transform: uppercase;
	color: #999;
	display: block;
}

#loves .quote p{
	background: #f1f1f1;
	padding: 8px 9px;
	font-size: .88em;
	line-height: 1.55em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Plans table */

table#plans {
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-left: 50px;
	color: #798691;
}


#plans tbody tr th {
		text-align: center;
		padding-top: 10px;
	    padding-bottom: 8px;
	    background-color: white;
	font-size: 14px;
}

#plans tbody tr td {
	width: 150px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}

#plans tbody tr td.label {
	width: 215px;
	text-align: right;
	padding-right: 20px;
}

#plans tbody tr td.price_total {
	background-color: #9CC1E3;
	color: white;
	font-size: 14px;
	font-weight: bold;
}

.borders {
	border-left: 1px solid #7d90fb;
}

.border {
	border-left: 1px solid #7d90fb;
	border-right: 1px solid #7d90fb;
}

#plans tbody tr td.sign_up {
	padding-top: 15px;
	padding-bottom: 30px;
	background-color: white;
}


.notice {
  width: 400px;
  text-align: center;
  margin: 9px auto -35px;
  background: #ffffff;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#warning {
  font-weight: bold;
  color: #993E40;
}