@import url(reset.css);
@import url(custom-theme/jquery-ui-1.7.2.custom.css);

body {
	font: 13px Helvetica, Arial, sans-serif;
	color: #333;
	background: url("../img/background.jpg") no-repeat scroll 0 0 transparent;
}
p {
	margin: 0 0 1em;
	line-height: 1.4em;
}
a {
	text-decoration: underline;
	color: #6F8809;
}
a:hover {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}

/* HEADERS */

h2 {
	margin: 0 0 .8em;
	font-size: 2em;
}
h3 {
	margin: 1.6em 0 .4em;
	font-size: 1.4em;
}
h4 {
	margin: 0 0 .4em;
	font-size: 1em;
}

/* LISTS */

ul {
	margin: 0 0 1em;
	list-style: disc;
}
ul ul {
	margin: 1em 0 0 1em;
}
li {
	margin: 0 0 .7em 16px;
	line-height: 1.4em;
}
ol li {
	margin-left: 20px;
	list-style: decimal;
}
dl {
	margin: 0 0 1em;
}
dt {
	margin: 0 0 .4em;
	font-weight: bold;
}
dd {
	margin: 0 0 0.8em;
	line-height: 1.4em;
}

/* TABLES */

table {
	margin: 0 0 1em;
}
th, td {
	padding: 9px 5px;
	text-align: left;
	vertical-align: top;
}
th.center, td.center {
	text-align: center;
}
th.right, td.right {
	text-align: right;
}
table.style {
	width: 100%;
	background: #fff;
}
table.style th {
	padding: 11px 5px;
	color: #000;
	background: #EAECD5;
	border-bottom: 2px solid #BABBAA;
}
table.style td {
	border-bottom: 1px solid #BABBAA;
}
table.style tr.hover td {
	background-color: #EAECD5;
}
table.style tfoot td,
table.style tfoot th {
	background: #fff;
	border-bottom: none;
}
table.style tfoot th {
	text-align: right;
}
.borderstyle {
	border: 1px;
	
}
/* FORMS */

form {
	margin: 0 0 1em;
}
fieldset {
	margin: 0 0 1em;
	padding: 20px 1px;
	background: #fff;
	border: 1px solid #BABBAA;
}
input, select, textarea {
	font-size: 13px;
	padding: 3px;
	color: #555;
	background: #F3F4EA;
	border: 1px solid #BABBAA;
}
input.readonly {
	padding: 0;
	font-size: inherit;
	background: transparent;
	border: none;
}
input.inlinelabel {
	color: #888;
}
label {
	margin: 0 .8em 0 0;
	padding: 2px 0 0;
	text-align: right;
	float: left;
}
label.radio {
	width: auto !important;
}
button {
	cursor: pointer;
}
form .row {
	margin: 0 0 .8em;
	overflow: hidden;
}
.buttonrow {
	margin: 1.3em 0 1em;
	clear: both;
}
.buttonrow button {
	margin: 0 3px 0 0;
}

/*******************************************************************/

/* WRAP */

.wrap {
	margin: 0 auto;
	padding: 15px 15px;
	width: 980px;
	position: relative;
	overflow: hidden;
}

/* HEADER */

#header {
	/*background: #73880a;*/
	color: #fff;
}
#header a {
	color: #fff;
}
#header h1 a {
	width: 334px;
	height: 85px;
	text-indent: -9000px;
	background: url(../img/logo.png) no-repeat;
	float: left;
}
#header ul {
	margin: 10px 0 0;
	list-style: none;
	float: right;
}
#header li {
	margin: 0 0 0 25px;
	float: left;
}
#header li a {
	padding: 10px 0 0;
	float: left;
}
li#cart a {
	padding: 10px 0 5px 45px;
	background: url(../img/cart.png) no-repeat;
}
span#cart-qty {
	padding: 10px 0 0 .5em;
	float: left;
	font-size: .9em;
	color: #eee;
}

/* NAV */

#nav {
	background: #000;
}
#nav ul {
	padding: 8px 0 0;
	list-style: none;
}
#nav li {
	margin: 0 10px 0 0;
	float: left;
}
#nav a {
	padding: 7px 15px 10px;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
li#nav-pricesigns a {
	padding-left: 0;
}
body.pricesigns li#nav-pricesigns a,
body.custom li#nav-pricesigns a {
	padding-left: 15px;
}
/* hover */
#nav a:hover {
	text-decoration: underline;
}
/* active */
body.pricesigns li#nav-pricesigns a,
body.custom li#nav-pricesigns a,
body.signstock li#nav-signstock a,
body.signage li#nav-signage a,
body.faq li#nav-faq a,
body.contact li#nav-contact a,
body.events li#nav-events a,
body.admin li#nav-admin a {
	text-decoration: none;
	background: #fafde8;
	font-weight: bold;
	color: #333;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	cursor: default;
}
body.custom li#nav-pricesigns a {
	cursor: pointer;
}

/* BODY */

#body {
	padding: 10px 0 30px;
	overflow: hidden;
}

/* SUBNAV */

ul#subnav {
	margin: 0 -5px 2em;
	padding: 5px 7px 0;
	list-style: none;
	float: left;
	width: 100%;
	background: #EAECD5;
	border-bottom: 1px solid #CDD5AE;
}
ul#subnav li {
	margin: 0;
	float: left;
}
ul#subnav a {
	padding: 10px 13px 7px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	float: left;
}
ul#subnav a:hover {
	text-decoration: underline;
}
/* active */
ul#subnav li.here a {
	padding: 8px 13px 9px;
	position: relative;
	top: 1px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	background: #fafde8;
	border: 1px solid #CDD5AE;
	border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	cursor: default;
} 

/* CONTENT */

#content {

}

/* FOOTER */

#footer {

}

/*******************************************************************/

/* LAYOUT */

.section {
	overflow: hidden;
}
.column {
	width: 48%;
}
.column.left {
	float: left;
}
.column.right {
	float: right;
}
.shrink {
	width: 55%;
}
.placeholder {
	padding: 10px;
	width: 80px;
	height: 80px;
	text-align: center;
	background: #eee;
	color: #888;
	border: 2px dashed #ccc;
}

/* PAGINATION */

ul.pagination {
	margin: 0 0 .5em;
	list-style-type: none;
	text-align: center;
}
ul.pagination li {
	margin: 0;
	display: inline;
}
ul.pagination li.here {
	padding: 0 3px;
}
ul.pagination a {
	padding: 0 5px;
}

/* TABLE SORTER */

table.sort thead tr .header {
	padding-right: 20px;
	background-image: url(../img/ico-sort.gif);
	background-repeat: no-repeat;
	background-position: 80% center;
	cursor: pointer;
}
table.sort thead tr .headerSortUp {
	background-color: #DDE0B4;
	background-image: url(../img/ico-sort-asc.gif);
}
table.sort thead tr .headerSortDown {
	background-color: #DDE0B4;
	background-image: url(../img/ico-sort-desc.gif);
}

/* SIGN COLORS */

.sign-white {
	background: #f4f4f4;
	border: 1px solid #dfdfdf;
}
.sign-yellow {
	background: #FFFFA8;
	border: 1px solid #d5d5d5;
}
.sign-red {
	background: #ECBBAE;
	border: 1px solid #c0c0c0;
	color: #000;
}
.sign-white h5 {
	color: #aaa;
}
.sign-yellow h5 {
	color: #ABAC75;
}
.sign-red h5 {
	color: #BB6F6F;
}
.sign-white a,
.sign-yellow a,
.sign-red a {
	color: #555;
}

/* MISC */

.hide {
	display: none;
}
.small {
	font-size: .9em;
}
.sidenote {
	padding-left: .5em;
	font-style: italic;
	color: #666;
}
ul.links a {
	text-decoration: none;
}
ul.links a:hover {
	text-decoration: underline;
}
.highlight {
	padding: 4px 8px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #DDE0B4;
}
.pdf a {
	padding: 0 0 0 23px;
	background: url(../img/ico-pdf.png) no-repeat 0 0;
}


/*******************************************************************/

/* LOGIN */

/*body.login #nav {
	display: none;
}
body.login #body {
	border-top: 1px solid #000;
}*/
body.login #body .wrap {
	padding: 50px 0 0;
	width: 300px;
}
body.login label {
	width: 4.5em;
}
body.login .buttonrow {
	margin-left: 5.2em;
}

/* PRICE SIGNS */

body.pricesigns #create {
	float: right;
}
body.pricesigns #create a {
	padding: 6px 10px;
	display: block;
	color: #fff;
	background: #fafde8 url(../img/bg-button.png) repeat-x 0 -5px;
	border: 1px solid #777;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	bottom: 5px;
}
body.pricesigns #create a:hover {
	background-position: 0 -42px;
}
form#frmPricesignsFilter {
	margin: 1.5em 0 .8em;
	overflow: hidden;
}
form#frmPricesignsFilter label {
	margin: 0 3px 0 0;
	padding: 4px 0 0;
}
form#frmPricesignsFilter label.highlight {
	margin: 0 15px 0 0;
}
form#frmPricesignsFilter select {
	margin: 3px 22px 0 0;
	float: left;
}
form#frmPricesignsFilter label#filterNew {
	margin-right: 22px;
}
form#frmPricesignsFilter select#selFilterCategorySub {
	margin-left: -13px;
}
body.pricesigns tr.new td {
	background: #FCF9D6;
}
body.pricesigns tr.new td.first {
	background: #FCF9D6 url(../img/ico-new.png) no-repeat 29px 10px;
}
table.style tr.new.hover td {
	background-color: #FBF3BB;
}

/* SIGN STOCK REORDER */

body.signstock div.sign-color {
	margin: 0 0 1em 2%;
	padding: 10px;
	float: left;
	width: 29.5%;
	overflow: hidden
}
body.signstock .sign-color.sign-white {
	margin: 0;
}
body.signstock .sign-color h5 {
	float: left;
}
body.signstock form div.row {
	width: 80%;
	float: right;
}
body.signstock input {
	margin-right: .3em;
}
body.signstock .buttonrow {
	clear: none; /* fix layout issue */
}
body.signstock button {
	margin: 0 0 1em;
}

/* SIGNAGE STANDARDS */

body.signage label {
	width: 7.2em;
}
body.signage .buttonrow {
	margin-left: 7.8em;
}
body.signage .image {
	float: right;
}
body.signage button.edit {
	float: right;
}

/* FAQ */

/*body.faq #body .wrap {
	padding-right: 415px;
	width: 580px;
}*/
body.faq pre {
	clear: both; /* TEMPORARY RULE */
}
body.faq dt, body.faq dd {
	margin: 0;
	padding: 12px;
	line-height: 1.4em;
	float: left;
	border-top: 1px solid #ddd;
}
body.faq dt.first, body.faq dd.first {
	border-top: none;
}
body.faq dt {
	width: 400px;
	position: relative;
}
body.faq dd {
	width: 520px;
	border-left: none;
}
body.faq span.num {
	padding: 0 .3em 0 0;
}
body.faq button.edit {
	position: absolute;
	top: 10px;
	left: 910px;
}
body.faq .admin dd {
	padding-right: 72px;
	width: 460px;
}

/* sort mode */
body.faq h4.message {
	margin: 0 0 1em;
}
body.faq .sortable div {
	margin: 0 0 5px 0;
	padding: 8px 8px 8px 25px;
	background: #F4F4DF url(../img/ico-drag.png) no-repeat 8px 11px;
	border: 1px dashed #aaa;
	cursor: move;
}

body.faq #dialog .buttonrow {
	margin-left: 1.7em;
}

/* CONTACT */

body.contact label {
	width: 5em;
}
body.contact .buttonrow {
	margin-left: 5.6em;
}
body.contact p.small {
	margin-left: 5.6em;
	font-style: italic;
}

/* EVENTS */

body.events table {
	margin: 0 30px 0 0;
	float: left;
}
form#frmEventsUpload {
	margin: 0 0 10px;
	padding: 0 0 20px;
	border-bottom: 1px solid #888;
}
body.events #dialog label {
	width: 5.9em;
}
body.events #dialog .buttonrow {
	margin-left: 6.6em;
}

/* ADMIN */

body.admin #dialog label {
	width: 7.8em;
}
body.admin #dialog .buttonrow {
	margin-left: 8.5em;
}

/* CART */

body.cart h3 {
	margin: 0 0 .5em;
}
body.cart .section h4 {
	margin: 0 0 1.5em;
	font-size: 1.1em;
	font-weight: normal;
}
body.cart .returntop {
	float: right;
}

/* page header */
body.cart #pageheader {
	margin: 0 0 2.2em;
	padding: 12px 10px 20px;
	background: #F5F5E7;
	border: 1px solid #E0E1C1;
}
body.cart #pagenav {
	margin: 1.5em 0 0;
	overflow: hidden;
}
body.cart #pagenav div {
	margin: 0 0 0 2%;
	padding: 10px;
	float: left;
	width: 29.5%;
}
body.cart #pagenav .sign-white {
	margin: 0;
	background: #fff;
}
body.cart #pagenav h5 {
	float: left;
}
body.cart #pagenav ul {
	margin: 0 0 0 4.5em;
	list-style: none;
}
body.cart #pagenav li {
	margin: 0;
	padding: 0 .8em .8em 0;
	line-height: 1.2em;
}

/* colors */
.section.sign-white .item,
.section.sign-white .item .select,
.section.sign-white .paperlayout,
.section.sign-white .paperlayout .stack,
.section.sign-white .paperlayout td {
	background: #fff;
	border: 1px solid #ccc;
}
.section.sign-yellow .item,
.section.sign-yellow .item .select,
.section.sign-yellow .paperlayout,
.section.sign-yellow .paperlayout .stack,
.section.sign-yellow .paperlayout td {
	background: #FFFFCC;
	border: 1px solid #C8C9AD;
}
.section.sign-red .item,
.section.sign-red .item .select,
.section.sign-red .paperlayout,
.section.sign-red .paperlayout .stack,
.section.sign-red .paperlayout td {
	background: #F4DCD5;
	border: 1px solid #BBA49D;
}

/* sections */
body.cart .section {
	margin: 0 0 1.4em;
	padding: 15px;
}
body.cart .item {
	margin: 0 0 20px 40px;
	padding: 15px 12px;
	width: 413px;
	position: relative;
	background: #fff;
	float: left;
}
body.cart .item.left {
	margin-left: 28px;
}
body.cart .item .select {
	padding: 5px;
	background: #fff;
	border-right: none !important;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	top: -1px;
	left: -31px;
}
body.cart .item dl {
	margin: 0;
	width: 300px;
	float: right;
}
body.cart .item dt {
	margin-right: .8em;
	float: left;
	width: 6.2em;
	text-align: right;
}
body.cart .item dd {
	margin: 0 0 .4em 7em;
}
body.cart .item div.preview {
	padding-top: 10px;
	width: 100px;
	text-align: center;
}
body.cart .paperlayout,
body.cart .paperlayout .stack,
body.cart .paperlayout table {
	width: 425px;
	height: 220px;
}
body.cart .paperlayout {
	margin: 0 0 2em;
	position: relative;
	left: 28px;
}
body.cart .paperlayout .stack,
body.cart .paperlayout table {
	position: absolute;
}
body.cart .paperlayout .stack {
	top: 4px;
	left: 4px;
}
body.cart .paperlayout table {
	width: 427px;
	top: 4px;
	left: 4px;
}
body.cart .buttonrow {
	margin: 0 0 2em;
}

/*******************************************************************/

/* CUSTOM */

body.custom h2 {
	padding: 0 0 15px;
	border-bottom: 1px solid #BABBAA
}
body.custom h4 {
	font-size: 1.2em;
}
body.custom .group {
	margin: 0 0 25px;
}

/* form elements */
body.custom label,
body.custom input,
body.custom select,
body.custom span.text {
	margin: 0 .8em 0 0;
	float: left;
}
body.custom input.price {
	width: 3.5em;
}
body.custom input.num {
	width: 2em;
}
body.custom input.desc {
	width: 20em;
}
body.custom span.text {
	margin-top: .2em;
}

/* table elements */
body.custom td.price,
body.custom th.price {
	text-align: right;
}
body.custom td.remove {
	text-align: right;
	width: 7em;
}

/* sign select */
#signselect select {
	font-size: 1.2em;
}
#signselect {
	float: right;
}

/* sign menu */
#signmenu p.intro {
	margin: 0 0 2em;
	font-size: 1.2em;
}
#signmenu .item {
	margin: 0 0 3em 30px;
	float: left;
}
#signmenu .item.left {
	margin-left: 0;
}

/* example */
body.custom #example {
	margin: 0 0 20px 30px;
	float: right;
}

/* dates */
#dates {
	margin-top: 2em;
	width: 580px;
}

/* styles */
#styles {
	clear: both;
}
#styles input#txtStyle {
	width: 7em;
}
#styles table.style {
	margin-top: 25px;
}
#styles tfoot {
	font-size: 1.2em;
}
#styles p.message {
	margin: 1em 0 0;
}

/* message */
#message fieldset {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.3em;
}
form #message .row {
	margin: 0;
	padding: .2em 0;
}
#message label.main {
	margin: .2em 1em 0 0;
	padding: .7em .5em;
	font-size: .8em;
	font-weight: bold;
	color: #444;
	background: #EAECD5;
}
#message label.main span.sidenote {
	padding: .3em 0 0;
	display: block;
	font-size: 0.9em;	
	font-weight: normal;
}
#message label,
#message input,
#message select,
#message span.text {
	margin-top: .6em;
}
#message table {
	margin: .4em 0 0;
}
#message table th {
	padding: 0 0 1em;
}
#message table td {
	padding: 0 .4em 1em;
}
#message table input {
	margin: 0;
}
#message td.price {
	padding-top: .7em;
	padding-right: 2.5em;
}
#message input, #message select {
	font-size: 1em;
}
#message input.radio {
	margin: 0 .2em;
}
#message table input.price {
	text-align: right;
}
#message input.inlinelabel {
	color: #aaa;
}
#message .nowTotal {
	width: 3.7em;
}

/* stores */
#stores .inner {
	margin: 0 0 .8em;
	padding: 10px;
	overflow: hidden;
	background: #F3F4EA;
	border: 1px solid #BABBAA;
}
#stores label {
	margin: 0 0 15px 20px;
	padding: 0;
	width: 5.4em;
	text-align: left;
	float: left;
}

/* buttons */
body.custom a.button.cancel {
	text-transform: uppercase;
	font-size: 1.1em;
}
body.custom button.preview {
	margin-left: 400px;
	font-size: 1.2em;
}

/* preview */
#dialog-preview .buttonrow {
	text-align: center;
}