@import url(main_editor_styles.css);


/* generic */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
	padding:5px;
	margin:0;
}
#body {
	padding:0;
}
#body.home {
	background:top center repeat-y url(../images/page-bgnd.gif);
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


.clear {
	height:1px;
	overflow:hidden;
}


/* text */


.html a {
	color:#006600;
	text-decoration:none;
}
.html a:hover {
	text-decoration:underline;
}


#crumb {
	margin-bottom:5px;
}
#crumb, #crumb a {
	color:#C8BEB7;
	text-decoration:none;
}
#crumb a:hover {
	text-decoration:underline;
}


.html ul {
	list-style:none;
	padding:0;
}
.html li {
	background:center left no-repeat url(../images/bullet-light.gif);
	padding-left:12px;
	margin-left:8px;
}


.html a {
	color:#006600;
	text-decoration:none;
}
.html a:hover {
	color:#006600;
	text-decoration:underline;
}


.subtle { color:#999999; font-size:0.9em }



/* header */


#header, #nav, #content, #footer {
	clear:left;
	width:770px;
	text-align:left;
	background-color:#FFFFFF;
}


#header {
	text-align:right;
}


/* nav */


#nav {
	text-align:left;
	background-color:#000000;
	height:28px;
	width:770px;
	/*
	width:766px;
	padding:0 2px 0 2px;
	*/
}


#nav ul.left, #nav ul.left li {
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul.left li {
	display:inline;
}
#nav ul.left a {
	display:block;
	float:left;
	color:#BEBEBE;
	text-decoration:none;
	padding:6px 10px 7px 10px;
}
#nav ul.left a:hover {
	color:#FFFFFF;
	/*background:#006600;*/
}


#nav ul.left {
	padding-left:8px;
}
#nav div.right {
	float:right;
	padding-right:8px;
}


/* subnav */


#rightcol {
	float:right;
	width:180px;
	padding:160px 30px 30px 30px;
	margin:0;
	background:top left no-repeat;
}


#rightcol a {
	color:#000000;
	text-decoration:none;
}
#rightcol a:hover {
	color:#006600;
}


/* content */


#leftcol {
	width:530px;
	margin:0;
	background:#F6EFE7 top right no-repeat;
}
#leftcol .content {
	background:bottom left no-repeat url(/images/watermark.gif);
	padding:30px;
}


#onecol {
	width:770px;
}
#onecol .content {
	background:#F6EFE7 top right no-repeat;
	padding:30px;
}


/* homepage */


#content.home {
	background-color:#F6EFE7;
}


#rightcol.home {
	width:260px;
	padding:160px 40px 30px 20px;
}


#leftcol.home {
	width:450px;
	padding:65px 0 0 0;
	position:absolute;
}


/* homepage promo boxes */


#promo_boxes {
	width:350px;
	height:342px;
}
#promo_boxes a {
	display:block;
	float:left;
	width:161px;
	height:143px;
	padding:28px 10px 0 0;
	text-align:right;
	background:top left no-repeat;
	text-decoration:none;
	color:#000000;
	font-size:11px;
}
#promo_boxes a:hover span {
	border-top:1px dotted;
}
#promo_boxes a.jerseys 	{background-image:url(../images/home-button-framed-jerseys.jpg);color:#828476}
#promo_boxes a.framing 	{background-image:url(../images/home-button-1.jpg);color:#828476}
#promo_boxes a.mirrors 	{background-image:url(../images/home-button-2.jpg);color:#969696}
#promo_boxes a.artwork 	{background-image:url(../images/home-button-3v2.jpg);color:#6E6C6C}
#promo_boxes a.photos  	{background-image:url(../images/home-button-4v2.jpg);color:#878D88}
#promo_boxes a.documents{background-image:url(../images/home-button-5v3.jpg);color:#ffffff}
#promo_boxes a.shop		  {background-image:url(../images/home-button-6v3.jpg);color:#ffffff}
#promo_boxes span       {display:none;}
#promo_boxes a.lower    {height:60px; padding-top:0; margin-top:1px;}
#promo_boxes a.lower span {display:none;}


/* popup help */


body.popup {
	background-color:#F6EFE7;
}
#popup_header {
	height:44px;
	margin:1px 0 0 1px;
	padding:42px 20px 0 240px;
	background:#FFFFFF top left no-repeat url(../images/logo-picture-it.gif);
	font-size:16px;
}
#popup_content {
	padding:20px;
	background:top left repeat-x url(../images/banner-bgnd.jpg);
}
a.popup_close {
	display:block;
	width:auto;
	float:right;
	padding:0 0 0 16px;
	background:center left no-repeat url(../images/icon-cross.gif);
	color:#FF0000;
	font-size:12px;
	text-decoration:none;
}
#popup_menu {
	width:200px;
	margin-left:20px;
	float:right;
}


/* footer */


#footer {
	clear:both;
	padding:40px 0 10px 0;
	background-color:#FFFFFF;
}
#footer, #footer a {
	font-size:11px;
	color:#C8BEB7;
	text-decoration:none;
}













/* Contact Form */

.error_text { color:#FF0000; font-style:italic }
.form_inline strong, strong.form_inline, label.form_inline {
	clear:left;
	float:left;
	display:block;
	width:100px;
}

/* Shop */

.shop_prod_list, .shop_prod_list li { clear:left; list-style:none; margin:0; padding:0; background:none }
.shop_prod_list li { padding-bottom:20px }
.shop_prod_list img { float:left; border:none; margin:0 10px 10px 0 }
.shop_prod_list .price_box { float:right; width:150px; margin:0 0 0 10px; font-weight:bold; text-align:right }
.shop_prod_list .divider { height:1px; overflow:hidden; margin:2px; border-bottom:1px dotted #CCCCCC }

.shop_pics { float:left; padding:0 15px 15px 0; width:100px }
.shop_buynow { float:right; margin:0 0 15px 15px; padding-left:15px; width:120px; border-left:1px dotted #CCCCCC }
.shop_buynow form { margin:0; padding:0 }

#basket_summary {
	width:750px;
	padding:5px 10px;
	text-align:left;
	background-color:#006600;
	border-bottom:solid 1px #FFFFFF;
	color:#B3D1B3;
}
#basket_summary strong { color:#FFFFFF }
#basket_summary a { color:#B3D1B3; text-decoration:none; float:right; margin-left:10px }
#basket_summary a:hover { color:#FFFFFF }

/* Checkout */

.checkout_box { float:left; width:175px; margin:0px 15px 15px 0px; }
.checkout_box_input { float:left; width:35px }
.checkout_box_label { float:left; width:150px }
.checkout_subtle label { font-size:11px; color: #999; cursor: pointer }
.checkout_textarea { width:200px; height:80px }
.checkout_error { color:#FF0000; font-style:italic }
.checkout_payment_options { list-style:none; margin-left:20px; padding-left:0 }

.checkout_order_summary th { font-style:italic; font-weight:normal; border-bottom:1px solid #E7D9C5 }
.checkout_order_summary tr.row_item td			{ border-bottom:1px solid #E7D9C5 }
.checkout_order_summary tr.row_discount td	{}
.checkout_order_summary tr.row_shipping td	{}
.checkout_order_summary tr.row_total td			{ border-bottom:1px solid #E7D9C5; border-top:1px solid #E7D9C5 }

/* User Signup */

.signup_text_label { float:left; clear:left; display:block; width:120px; font-weight:bold }

/* Workshop */

#workshop a { color:#006699; text-decoration:none }
#workshop a:hover { color:#009900 }

.workshop_container { border:none; margin:0; padding:0 }
.workshop_container legend { margin:0; padding:0; margin-bottom:16px; font-size:16px; color:#006600 }

.workshop_build_preview { float:left; width:170px; margin-right:20px }
.workshop_build_preview .icon {line-height:22px }
.workshop_build_preview_box { border:1px solid #EBDAC7; background-color:#FFFFFF; text-align:center; padding:12px 0 10px 0; width:170px; margin-bottom:10px; }
.workshop_build_preview_box textarea { width:100%; height:5em }

.workshop_build_price_box { border:1px solid #EBDAC7; background-color:#FFFFFF; text-align:center; padding:12px 0 10px 0; width:170px; margin-bottom:10px; }
.workshop_build_price_box label { float:left;width:70px; text-align:right;}

.workshop_build_quality_box { text-align:left; padding:6px; width:158px;  margin-bottom:10px;}

.workshop_build_part_settings textarea {width:150px; height:5em;}
.workshop_build_part_settings select {width:150px; }


.workshop_build_scroll { margin-top:1em }
.workshop_build_scroll .item { float:left; margin:0 8px 8px 0; border:1px solid #EBDAC7; padding:10px; width:130px; height:180px; background-color:#FFFFFF }
.workshop_build_scroll .item:hover, .workshop_build_scroll .item.selected { border:2px solid #FFCC00; padding:9px; background-color:#FFFFCC }
.workshop_build_scroll .img { text-align:center; padding:0 0 10px 0 }
.workshop_build_scroll .title { height:52px; color:#000000; font-size:11px; font-weight:bold }
.workshop_build_scroll .title.short { height:38px }
.workshop_build_scroll .subtitle { font-weight:normal; line-height:1.5em }
.workshop_build_scroll .actions {  }
.workshop_build_scroll .actions a { text-decoration:none; padding:0 0 0 18px; background:center left no-repeat }
.workshop_build_scroll .actions a.buy 		{ color:#006699; background-image:url(../images/icon-buy.gif) }
.workshop_build_scroll .actions a.change 	{ color:#006600; background-image:url(../images/icon-change.gif); float:right }
.workshop_build_scroll .actions a:hover 	{ color:#000000 }
.workshop_build_scroll p { clear:both }

	.workshop_build_scroll.compact { height:150px }
	.workshop_build_scroll.compact .item { width:100px; height:100px }
	.workshop_build_scroll.compact .img { padding:0 }

	.workshop_build_scroll.medium { height:380px;}
	.workshop_build_scroll.medium .item { width:100px; height:150px;}
	.workshop_build_scroll.medium .img { padding:0 0 5px 0 }
	.workshop_build_scroll.medium .title { height:30px }
	.workshop_build_scroll.medium input { float:right; }
		.workshop_build_scroll .mix_tab_menu, .workshop_build_scroll .mix_tab_menu li.normal, .workshop_build_scroll .mix_tab_menu li.normal_over { background:none; padding:0; margin:0; display:inline; float:none }
		.workshop_build_scroll .mix_tab_menu li.normal a, .workshop_build_scroll .mix_tab_menu li.normal_over a { background:none; margin:0; float:none }
		.workshop_build_scroll .mix_tab_menu a span img { padding:0; }
		.workshop_build_scroll .mix_tab_menu li a { display:block; text-align:center; padding:68px 0 0 0; height:80px }
		.workshop_build_scroll .mix_tab_menu li a:hover { color:#009999 }

		.workshop_build_scroll.medium .item .mix_tab_menu a span {font-size:14px;font-weight:bold;}

	.workshop_build_scroll.swatches { height:100px; width:100%; overflow:auto }
	.workshop_build_scroll.swatches .img { padding:0 }
	.workshop_build_scroll.swatches td { padding:0 1px 1px 0 }
	.workshop_build_scroll.swatches .item { width:30px; height:30px; padding:5px; border:none; display:block; background-position:center center }
	.workshop_build_scroll.swatches .item:hover, .workshop_build_scroll.swatches .item.selected { border:2px solid #FFCC00; padding:3px; background-color:#FFFFCC }

.workshop_build_scroll_radio { margin-bottom:10px }
.workshop_build_scroll_radio p { margin:0 0 0 24px }

#workshop .grid.left { clear:left; float:left; width:310px }
#workshop .grid.right { float:left; width:180px; margin-left:20px }
#workshop .grid.right p { padding:0; margin:3px 0 0 0 }
#workshop .grid.right p label { display:block; float:left; width:50px }

.workshop_build_pagination { clear:left; margin-top:10px; text-align:center }

.workshop_cat_tree { margin: 0 0 0 1em;	padding: 0;	overflow: auto }
.workshop_cat_tree ul {	margin: 0; padding: 0 }
.workshop_cat_tree li {	list-style: none;	margin: 0; padding: 0 }
.workshop_cat_tree span {	position: relative;	top: -0.3em }

.workshop_build_sel { background-color: #eee }

#workshop_build_details_cell { float:left; width:520px }

.workshop_fieldset { border:0; margin:4px 0 4px 0; padding:0 }
.workshop_fieldset .workshop_fieldset { margin:10px }
.workshop_fieldset legend { margin:10px 0; padding:0; font-weight:bold }
.workshop_fieldset span label { float:left; width:11em; font-weight:bold }
.workshop_fieldset span.short label { float:left; width:6em; font-weight:bold }
.fieldset_sizing { border: 1px solid navy; padding: 5px; }
.fieldset_sizing legend { padding-left:5px;padding-right: 5px; }
.fieldset_sizing span label {font-weight: normal; }

.workshop_nav { list-style:none }
.workshop_nav li { display:inline }
.workshop_nav li a {
	display:block;
	text-decoration:none;
	float:left;
	width:122px;
	height:55px;
	padding:5px 0 0 8px;
	background:top left repeat-x url(../images/ws-nav-bgnd.gif);
	color:#333333 !important;
	font-size:16px;
}
.workshop_nav li a span.icon { display:block; font-size:11px; padding-left:16px !important }
.workshop_nav li a.workshop_panel_selected { background:top left no-repeat url(../images/ws-nav-bgnd-active.gif) }

.workshop_item_buy{float:left;padding:2px;}
.workshop_item_change{float:right;padding:2px;}

.icon 				{ padding-left:20px; background:left center no-repeat }
.icon.buy 		{ background-image:url(../images/icon-buy.gif) }
.icon.buy.disabled { background-image:url(../images/icon-buy-off.gif); color:#999999 }
.icon.next 		{ background-image:url(../images/icon-next.gif) }
.icon.save 		{ background-image:url(../images/icon-save.gif) }
.icon.settings{ background-image:url(../images/icon-settings.gif) }
.icon.tick 		{ background-image:url(../images/icon-tick.gif); color:#009900 }
.icon.cross 	{ background-image:url(../images/icon-cross.gif); color:#E7360E }
.icon.basket	{ background-image:url(../images/icon-cart-green.gif) }
.icon.cart		{ background-image:url(../images/icon-cart-go-green.gif) }
.icon.bold 		{ font-weight:bold;font-size:14px; }
.icon.nz 			{ background-image:url(../images/icon-nz.gif) }
.icon.eco 		{ background-image:url(../images/icon-eco.gif) }

/* Standard Form Layout */
.form_standard fieldset { display: block; border: none; margin: 0 0 0 10px; padding: 0 }

	/* Radio button groups */
	.form_standard fieldset fieldset { clear: left }
	.form_standard fieldset.radio {  } /* margin: 1em 0 0 -1em; */
	.form_standard fieldset.radio input { position: static; clear: both; float: left }
	.form_standard fieldset.radio label { position: relative; top: 0.5em; display: inline; width: auto; margin: 0 0 0 2em; font-weight: normal }
	.form_standard fieldset.radio span { position: relative; top: 0.3em }
	.form_standard fieldset.radio span span { position: normal; top: 0 }

	/* Labels */
	.form_standard fieldset legend { color:black; font-weight:normal; padding:0; margin:5px 0 0 0 }
	.form_standard fieldset legend.bold { font-weight: bold }
	.form_standard label { clear: both; float: left; display: block; width: 9em; margin-top: -0.8em; font-weight:bold }
	.form_standard label.first { margin-top: 0.6em }
	.form_standard label.no_input { position: relative; top: -1.6em; left: 9em; display: block; margin:0; padding:3px 0 3px 0; font-weight:normal; width: 18em;}

	/* Normal inputs */
	.form_standard input { position: relative; top: -1.6em; left: 9em; display: block }
	.form_standard textarea { position: relative; top: -1.6em; left: 9em; display: block }
	.form_standard span.text { position: relative; top: -1.1em; left: 9em; display: block; width: 250px }
	.form_standard input.submit { clear: both; top: 0 }
	.form_standard input.left { left: 1em }
	.form_standard select { position: relative; top: -1.6em; left: 9em; display: block }


.popupdiv {
	width:230px;
	border:1px solid #000;
	background-color:#fff;
	color:#000;
	padding: 5px;
}

.popupdiv.compact { left:110px; }
.popupdiv.template { left:140px; }

#body a.green-button {display:block;float:left;width:168px;height:27px;background:url('../images/greenbutton.png') top center no-repeat;line-height:27px;color:white;text-align:center;text-decoration:none;font-size:11px;}
#body a.green-button:hover,
#body a.green-button:focus,
#body a.green-button:active {background-position:bottom center;color:white;}