body {font-size:12px;line-height:18px;font-family:'lucide grande', verdana, sans-serif;
background: #fff url(../images/page_body_bg.gif) top left repeat-x;color:#333;
}
body#static-section.index-action {background: #fff url(../images/body_bg.gif) center top repeat-x;}
body#static-section.index-action #main {background: transparent url(../images/home_body_bg.jpg) center top repeat-x;}
p {margin:0.5em 0;}
body#user_sessions-section #main  {background: transparent url(../images/bg_login.png) no-repeat -5px 15px;}
body#users-section #main  {background: transparent url(../images/bg_register.png) no-repeat -5px 15px;position:relative;}
#account-toolbar {
	background:#000;
	color: #fff;
	height:70px;
	padding-right:2em;
	padding-left:2em;
}
body#static-section.tour-action #main {background: #fff url(../images/tour_bg.jpg) center top no-repeat;min-height:1400px;}
#footer {padding:10px 0 10px 0;border-top:1px solid #ccc;}
#footer a {color:#7895A4;text-decoration:none;margin-right:10px;}
#footer a:hover {text-decoration:underline;}
#footer .copyright {float:right;}

#account-toolbar a {color:#fff;text-decoration:none;font-weight:normal;}
#account-toolbar h1 {float:left;width:248px;height:51px;margin-top:18px;background:transparent url(../images/logo.gif) top left no-repeat;text-indent:-9000px;}
#account-toolbar div {position:relative;}
#account-toolbar div span {position:absolute;right:0;bottom:5px;}

#navigation {line-height:39px;padding:0 10px;border-top:1px solid #823e2c;background-color:#4a1f10;}
#navigation ul {line-height:39px;}
#navigation li {float:left;background: #5a1e05 url(../images/header_nav_bg.gif) top left repeat-x;border-right:1px solid #5b2513;border-left:1px solid #562819;}
#navigation li.login, #navigation li.logout {float:right;}
#navigation a {text-decoration:none;color:#E3E3E3;padding:0 20px;line-height:39px;display:block;float:left;}
#navigation li.login a, #navigation li.logout a {background-color:#231f20;}


#main ul.tabs {list-style:none;padding-left:0;}
ul.tabs li {float:left;background:transparent url(../images/tab_off.gif) top left repeat-x;line-height:40px;}
ul.tabs li.selected, ul.tabs .ui-tabs-selected {background-image: url(../images/tab_on.gif);}
#main ul.tabs li a {padding:0 20px;color:#fff;}
#main ul.tabs li.selected a, #main ul.tabs .ui-tabs-selected a {color:#543E36;}
.tab-panel {min-height:400px;padding-top:10px;}

#main {padding:1em 0 2em 0;min-height:400px;}
#template-info h1, #main h1, #template-info h2, #main h2 {color:#507282;font-family: Arial, sans-serif;font-weight:normal;}
#main h1 {font-size:24px;line-height:32px;}
#main h2 {font-size:18px;line-height:32px;}
#template-info ul, #main ul {list-style:disc;padding-left:24px;}
#template-info ol, #main ol {list-style:decimal;padding-left:24px;}

#main .feature p {color:#fff;font-size:16px;line-height:24px;}
#main .feature h1 {color:#fff;font-size:32px;line-height:48px;margin-top:30px;}
body#static-section.index-action #main h2 {font-size:24px;line-height:48px;}
#main .feature a.login, #main .feature a.register {color:#fff;width:194px;height:64px;line-height:64px;font-size:24px;font-weight:bold;border:0;margin-top:15px;margin-right:15px;background: transparent url(../images/button_login.png) top left no-repeat;display:block;text-align:center;color:#fff;text-indent:-9000px;float:left;}
#main .feature a.register {background-image: url(../images/button_signup.png);}
#main a {color:#7895A4;text-decoration:none;}
#main a:hover {color:#335C64;}

#main #cards-list, #main #templates-list, #main #images-list {list-style:none;padding-left:0;}
#cards-list li, #templates-list li, #images-list li {float:left;margin-right:10px;margin-bottom:10px;text-align:center;position:relative;list-style:none;padding-left:0;}
#cards-list li, #images-list li {width:180px;margin: 0 1em 1em 0;height:160px;}
#images-list li a {display:block;height:50px;}
#templates-list .thumbnail {height:137px;width:142px;overflow:hidden;background: transparent url(../images/thumbnail_bg.png) top left no-repeat;padding:15px 4px 0px 4px;}
#templates-list .thumbnail img, #template-info .preview-image img {border:2px solid #e6e5d9;}
#images-list .delete-button, #templates-list .delete-button, #cards-list .delete-button, .email .delete-button, .website .delete-button, .phone_number .delete-button, .address .delete-button {display:none;position:absolute;right:3px;top:3px;height:16px;}
#images-list li:hover .delete-button, #templates-list li:hover .delete-button, #cards-list li:hover .delete-button, .email:hover .delete-button, .website:hover .delete-button, .phone_number:hover .delete-button, .address:hover .delete-button {display:inline;}
#images-list li a.download  {display:none;position:absolute;right:3px;top:24px;;height:16px;}
#images-list li:hover a.download {display:inline;}

#main .message {width:auto;height:auto;display:block;padding:10px;border:1px solid #9e9e8f;background-color:#e3e3ca;margin:20px auto 10px auto;float:none;}
#main .message p {font-size:12px;text-align:left;}

.email .delete-button, .website .delete-button, .phone_number .delete-button, .address .delete-button {text-indent:-9000px;width:16px;height:16px; background-image: url(/images/icons/delete.png);margin-top:2px;}
.edit .add-button {display:block;text-indent:-9000px;width:16px;height:16px; background-image: url(/images/icons/add.png);margin-bottom:4px;}
.edit .controls {vertical-align:bottom;padding-left:0;width:30px;}
.edit td {padding:4px 2px;}
.edit select {margin-top:3px;width:100%;}
.edit label {width:120px;float:left;}
.edit .grid_2 {margin-left:0;}
.email .grid_5, .website .grid_5, .phone_number .grid_5, .address .grid_5 {position:relative;width:265px;}
#emails, #websites, #phone_numbers, #addresses {width:400px;}

#main .sidebar {background:transparent url(../images/sidebar_top_bg.gif) top left no-repeat;width:288px;margin-right:0;padding-top:6px;}
#main .sidebar.square {
	background:none;border-top:1px solid #B0A690;padding-top:0;
}
#main .sidebar .content {background:#fff url(../images/sidebar_extend_bg.gif) bottom left no-repeat;padding:10px 20px 20px 20px;min-height:240px;}
body .bt-wrapper {color:#fff;}

.sidebar {font-size:16px;}
.sidebar p {color:#999889;}

#main p, #main ul, #main ol {font-size:12px;}

#preview-window {background-color:#fff;}

.orders-list {width:100%;}
.orders-list th, .orders-list td {padding:4px 8px;border:1px solid #ddd;background-color:#fff;}
.orders-list th {background-color:#6E2405;color:#fff;border:1px solid #6E2405;}
.pagination {margin-top:10px;}
.pagination span, .pagination a {border:1px solid #ddd;padding:2px 4px;margin-right:4px;}
.pagination .current {font-weight:bold;}
.pagination .disabled {color:#ccc;}

#main .currency {font-size:12px;color:#000;}
.sidebar .currency span {color:#000;float:right;}
.sidebar .currency label {color:#000;float:left;font-weight:normal;}
#main .sidebar .currency.total {border-top:1px solid #ccc;font-weight:bold;font-size:14px;}
.sidebar .total label {font-weight:bold;}
#main .sidebar #cart-items {padding-left:0;list-style:none;}
#main .sidebar #cart-items .price {float:right;}
#cart-items .currency-header {text-align:right;font-weight:bold;}

.template .title {font-weight:bold;color:#6E2405;}
#templates-list li.template {margin-bottom:30px;}
td.currency {text-align:right;}
td.icon {text-align:center;}
#total-cost {font-weight:bold;}

div.login-form, div.register-form {padding-top:30px;padding-left:65px;}

#email_template_template_content, #email_template_about_content {font-family: menlo, monaco, 'courier new', monospace;font-size:12px;line-height:16px;}

#fancy_content {background: #f7f6f2;border:2px solid #e6e5d9;}
#template-info {padding:10px 10px;}
#template-info h1 {margin-bottom:10px;}
#template-info .preview-image {max-height:360px;width:360px;float:left;margin-right:20px;margin-bottom:20px;}
#template-info .info {width:290px;float:right;}

/* FORMS */
label {display:block;font-weight:bold;margin-top:5px;}
#orders-search-form label {display:inline;}
#orders-search-form {margin-bottom:10px;}
form.button-to {display:inline;}
form input[type="text"], form input[type="password"], form input[type="file"] {background-color:#99998a;color:#fff;padding:2px 4px;font-size:12px;width:224px;border:1px solid #757756;margin:2px 0;}
form input[type="text"].example {color:#ccc;font-style:italic;}
#main a.submit, input.submit {color:#fff;width:119px;height:37px;line-height:37px;font-size:12px;font-weight:bold;border:0;margin-top:10px;background: transparent url(../images/button_brown.png) top left no-repeat;display:block;text-align:center;color:#fff;}
a.submit:hover, input.submit:hover {cursor:pointer;}
a.submit.add, input.submit.add {background: transparent url(../images/button_blue.png) top left no-repeat;}

div.errorExplanation, p.error {background-color:#ffdddd;padding:5px 10px;border:1px solid #ff7755;font-weight:bold;margin-bottom:10px;}
#main div.errorExplanation h2 {font-size:14px;line-height:18px;}
p.notice {background-color:#dccfce;padding:5px 10px;border:1px solid #6a5454;font-weight:bold;margin-bottom:10px;}
.ui-tabs-hide {display:none;}

.tour-box {width:380px;position:absolute;}
#step-1 {left:550px;top:100px;}
#step-2 {left:550px;top:350px;}
#step-3 {left:50px;top:700px;}
#step-4 {left:50px;top:950px;}