#storefront-container {
	font-size: 12px;
	background-color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#storefront-builder-description, #storefront-builder-footer {
	color: #000000;
	padding: 20px;
}

.ui-dialog {
	-webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.75);
}

.ui-tabs, .ui-accordion {
	font-size: 0.9em;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 1.4em;
}

h3.ui-accordion-header {
	font-size: 1.2em;
}

#storefront-builder-tabs {
	height: 26px;
	background: url(../images/builder-tabs-bg.gif) repeat-x top left;
}

#storefront-builder-tabs .tabs {
	width: 790px;
	height: 26px;
	margin: 0 auto;
	padding-left: 30px;
}

#storefront-builder-tabs .tabL {
	float: left;
	width: 1px;
	height: 26px;
	background: url(../images/builder-tabs-left.gif) no-repeat top left;
}

#storefront-builder-tabs .tab {
	float: left;
	width: 125px;
	height: 19px;
	padding-top: 7px;
	background-image: url(../images/builder-tabs-tab.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	cursor: pointer;
}

#storefront-builder-tabs .tab:hover {
	background-position: 0 -26px;
}

#storefront-builder-tabs .tab.on {
	background-position: 0 -52px;
}

#storefront-builder-tabs a.viewcart {
	display: block;
	float: left;
	color: #666;
	text-decoration: none;
	margin-left: 5px;
	padding: 3px 0 3px 5px;
}

#storefront-builder-tabs a.viewcart:hover {
	text-decoration: underline;
}

#storefront-builder-tabs .ui-icon-cart {
	float: left;
	margin: 2px 3px 0 0;
}

#storefront-builder {
	width: 790px;
	margin: 20px auto;
	padding-bottom: 30px;
	color: #000000;
}

#storefront-builder h2 {
	margin-top: 0.5em;
}

#storefront-builder table {
	border: none;
	border-collapse: collapse;
	margin: 0px;
}

#storefront-builder table td, #storefront-builder table th {
	border: none;
	padding: 0px;
	vertical-align: middle;
}

#design-viewer {
	position: relative;
	width: 300px;
	float: left;
}

#current-image, #zone-overlay {
	width: 300px;
	height: 300px;
	text-align: center;
}

#zone-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
}

#current-image img, #zone-overlay img {
	margin: 0 auto;
}

#design-viewer .loading {
	position: absolute;
	left: 105px;
	top: 105px;
	width: 30px;
	height: 30px;
	padding: 30px;
	background: #ffffff url(../images/throbber.gif) no-repeat center center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 30px #333;
	-webkit-box-shadow: 0px 0px 30px #333;
	box-shadow: 0px 0px 30px #333;
}

#current-view {
	min-height: 10px;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	line-height: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	background: #898989 url(../images/dark-gradient.gif) repeat-x top left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#design-viewer ol {
	min-height: 63px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#design-viewer ol li {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px 5px 0 0;
	padding: 3px;
	border: solid 1px #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#design-viewer ol li:hover {
	background-color: #eef7fe;
	border-color: #cde9fd;
}

#design-viewer ol li.on {
	background-color: #cde9fd;
	border-color: #b8e1fd;
}

#design-viewer ol li img {
	width: 50px;
	height: 50px;
}

#design-chooser, #color-chooser, #art-chooser, #text-chooser, #size-chooser {
	width: 400px;
	float: right;
}

#design-chooser h3, #color-chooser h3, #art-chooser h3, #text-chooser h3, #size-chooser h3 {
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}

#design-chooser h4, #color-chooser h4, #art-chooser h4, #text-chooser h4, #size-chooser h4 {
	color: #999999;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0 0 1.0em 0;
}

#design-chooser h4.productPrice, #color-chooser h4.productPrice, #art-chooser h4.productPrice, #text-chooser h4.productPrice, #size-chooser h4.productPrice {
	float: right;
	font-weight: bold;
}

h3#productName {
	margin-top: 1.0em;
}

#design-choice, #color-choice {
	min-height: 91px;
	max-height: 400px;
	overflow: auto;
	border: solid 2px #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#design-choice .pattern, #color-choice .pattern {
	float: left;
	cursor: pointer;
	margin: 2px 0 2px 2px;
	padding: 5px;
	background: url(../images/subtle-gradient.png) repeat-x bottom left;
	border-width: 1px;
	border-style: solid;
	border-color: #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#design-choice .pattern:hover, #color-choice .pattern:hover {
	background-color: #eef7fe;
	border-color: #cde9fd;
}

#design-choice .pattern.on, #color-choice .pattern.on {
	background-color: #cde9fd;
	border-color: #b8e1fd;
}

#design-choice .pattern img, #color-choice .pattern img {	
	width: 75px;
	height: 75px;
}

#design-choice .pattern ol, #color-choice .pattern ol {
	display: none;
}

#position-choice {
	font-size: 0.9em;
	margin: 5px 0 8px 0;
}

#position-choice select {
	min-width: 200px;
}

#text-form {
	min-height: 180px;
}

#text-choice table {
	margin-bottom: 12px;
	font-size: 0.9em;
}

#textValue, .textValue {
	width: 98%;
	font-size: 1.3em;
	margin-bottom: 15px;
}

#textFont {
	width: 125px;
}

#text-choice select {
	width: auto;
}

#gallery table {
	margin-bottom: 6px;
	font-size: 0.9em;
}

#gallery select {
	width: auto;
	min-width: 100px;
	max-width: 150px;
}

#gallery select#logoSize {
	min-width: 80px;
}

.swatch {
	float: left;
	cursor: pointer;
	border: solid 2px #f2f5f7;
}

.swatch:hover {
	border: solid 2px #999999;
}

.swatch.on {
	border: solid 2px #000000;
}

.swatch div {
	width: 16px;
	height: 16px;
	border: solid 1px #cccccc;
}

#logo-results {
	width: 100%;
	height: 250px;
	position: relative;
	left: -4%;
	top: 0px;
	margin: 10px 0px;
	padding: 10px 4%;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	overflow: auto;
}

#logo-results .logo {
	float: left;
	cursor: pointer;
	margin: 0px 2px 2px 0px;
	padding: 3px;
	background: #ffffff url(../images/subtle-gradient.png) repeat-x bottom left;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#logo-results .logo:hover {
	background-color: #eef7fe;
	border-color: #cde9fd;
}


#logo-results .logo.on {
	background-color: #cde9fd;
	border-color: #b8e1fd;
}

#logo-results .logo img {
	width: 75px;
	height: 75px;
}

#zoneImages {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#btn-remove-art, #btn-remove-text {
	float: right;
	font-size: 0.9em;
}

#btn-continue, #btn-add-another, #btn-checkout, #btn-save {
	float: right;
	font-size: 1.1em;
	margin-top: 10px;
}

#btn-save {
	float: left;
}

#art-file-queue {
	min-width: 290px;
	margin: 0 5px 5px 0;
	padding: 5px;
	overflow: auto;
	border: dotted 2px #aaa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #eeeef8;
}

#art-file-queue .uploadifyQueueItem {
	width: 310px;
	border: none;
	background-color: #eeeeee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#fx-container table, .fx-options table {
	width: 100%;
}

#fx-container label, .fx-options label {
	cursor: pointer;
	margin-right: 5px;
}

#zoomin {
	float: right;
	width: 43px;
	height: 11px;
	background: url(../images/zoom.gif) no-repeat top left;
	cursor: pointer;
}

.ui-dialog {
	font-size: 0.9em;
}

.ui-dialog button {
	outline: none;
}

form.shipform {
	margin-left: 0;
	width: 100%;
}

form.shipform .accordion {
	margin-top: 12px;
}

form.shipform input.text {
	width: 180px;
	margin: 4px 0;
}

form.shipform input.cvc {
	width: 40px;
}

form.shipform fieldset {
	border: none;
	padding: 0;
	font-size: 1.1em;
}

form.shipform p {
	font-size : 1.0em;
	margin-top: 0.3em;
}

form.shipform label {
	display: inline-block;
	vertical-align: top;  
}

form.shipform span  {
	line-height: 250%;
}

form.shipform fieldset ol {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 250%;
}

form.shipform fieldset li {
	list-style: none;
	padding: 5px 10px 5px;
	margin: 0;
}

form.shipform fieldset li p {
	line-height: 1.4em;
}

form.shipform fieldset fieldset {
	border: none;
	margin: 3px 0 0 0;
	background: none;
	padding: 0;
}

form.shipform fieldset fieldset label {
	display: block;
	width: auto;
	padding: 0;
}

form.shipform em, em.required {
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	color: #f00;
	padding-left: 3px;
}

form.shipform label {
	width: 120px; /* Width of labels */
}

form.shipform ol.wide label, form.shipform label.wide {
	width: 240px;
}

form.shipform ol.wider label, form.shipform label.wider {
	width: 360px;
}

form.shipform fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

form.shipform img.fedex {
	border: solid 1px #ccc;
	margin: 8px 10px 8px 0px;
}

#btn-register {
	margin-top: 1.0em;
}

#basketform input[type=text] {
	text-align: center;
}

.item-image-row {
	border-right: dotted 1px #ccc;
}
table.item-image {
	width: 135px;
	margin: 0 0 16px 0;
}
table.item-image img {
	margin: 6px 0 0 0;
}
table.item-image td {
	padding: 2px 0 6px 0;
}
.item-row {
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
}
.item-cost {
	text-align: right;
	padding-right: 5px;
}
#storefront-builder table.item-table {
	border-top: dotted 1px #ccc;
	border-collapse: inherit;
	border-width: 1px;
	margin: 0px;
}
#storefront-builder table.item-table td {
	padding: 4px 0;
}
#storefront-builder table.item-table-last {
	border-bottom: dotted 1px #ccc;
}
.tablebskt-wrapper {
	width: 541px;
	border: solid 2px #ccc;
	padding: 3px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	margin-bottom: 5px;
	background: transparent url(../images/bg-gradient.gif) repeat-x top left;
}
.tablebskt {
	border-collapse: collapse;
	border: none;
	background: transparent;
}
.tablebskt th {
	background-color: transparent;
}

button.add-size {
	font-size: 1.0em;
	margin: 8px 0 8px 175px;
}

#upload h3 {
	font-size: 1.3em;
	margin-bottom: 4px;
}

.loginform input[type=text], .loginform input[type=password] {
	width: 100%;
	margin-bottom: 5px;
}

.loginform input[type=image] {
	margin-bottom: 8px;
}

.loginform label {
	font-weight: bold;
}

#storefront-builder table.inline-login, #save-design table.inline-login {
	width: 100%;
	margin-bottom: 5px;
	border: none;
}

#storefront-builder table.inline-login td, #save-design table.inline-login td {
	padding: 2px;
	border: none;
}

#storefront-builder table.inline-login td label, #save-design table.inline-login td label {
	font-weight: normal;
	white-space: nowrap;
}

#art-upload-signin {
	margin-top: 5px;
}

.qtip-builder-logo {
	padding: 1px;
	border-width: 2px;
}

.qtip-builder-zoom {
	min-width: 550px;
	min-height: 450px;
	padding: 14px;
	border-color: #666;
	border-width: 9px;
}

.qtip-builder-zoom .qtip-content {
	text-align: center;
}