body{font:12px Arial, Helvetica, sans-serif}
.picture_fields {
    margin: 5px 125px 10px auto;
    text-align:right;
}

.dimension_label{
    width:35px;
}

#content-slider {
  width: 100%;
  height: 6px;
  margin: 5px;
  background: #a4b3b8;
  position: relative;
}
.content-slider {
  width: 200px;
  height: 6px;
  margin: 5px;
  background: #a4b3b8;
  position: relative;
}
.ui-slider-handle {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  background: url(/skin/common_files/images/slider/slider_handle1.png) no-repeat;
}

#content-scroll {
  width: 500px;
  height: 300px;
  margin-top: 10px;
  overflow: hidden;
  border: solid 1px black;
}

#content-holder {
  width: 1500px;
  height: 270px;
}

.content-item {
  width: 290px;
  height: 270px;
  padding: 5px;
  float: left;
}

fieldset {
  border: 2px solid #a4b3b8;
  font-size: 13px;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}

legend {
    position: relative;
    left: -24px;
    height: 1%;
    clear: left;
    letter-spacing: 1px;
    padding: 32px 4px 16px 24px;
    margin: 0.8em 0 0;
    font-size: 1.4em;
    font: 1.5 Verdana, Helvetica, Arial, sans-serif;
    color: #444444;
    background:url(/skin/common_files/images/slider/header.gif) no-repeat;
}

.label_text{
    float: left;
}

.results{
    float: left;
    background-color: #a4b3b8;
    text-align: center;
    padding: 4px;
    width: 30px;
    margin: 0 10px;
}

.block_results{
    width: 20px; font-size:18px; font-weight:bold; color:#0b7b9a;
}

.results_label{
width: 20px; font-size:18px; font-weight:bold; color:#0b7b9a;
}

.clear{
    height: 0;
    clear: both;
    visibility: hidden;
}
.avail_frames_link{
	text-align: center; margin: 30px; font-weight: bold; text-decoration: underline; color: #0b7b9a;
}
.avail_frames_link a{
	color: #0b7b9a!important;
}
input[type="text"]{border:1px solid #666;width:35px;background-color: #f2f2f2;}

.artwork_type{text-align:center; font-size:18px;background-color:#a4b3b8;padding:5px;}
.artoption_wrapper{margin:0 auto;width:400px;}

hr{padding:5px 0;height:0;border:0;border-bottom:1px solid #CCC;display:block}

.blue{color:#0073E5;}
.red{color:#CC0000;}
.highlight{color:#CC0000;}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:static; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 14px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #a7c6d0; background: #fff url('/skin/common_files/images/bg-tabsw.jpg') 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }

/*CODE COMMENTED TO FIX POP HEADING ISSUE ON PRODUCT DETAIL PAGE*/
/*.ui-widget-header { border: 0px solid #e78f08; background: #0b7b9a url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }*/ 

.ui-widget-header { border: 0px solid #0b7b9a; background: #3c5e69; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

 
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #3c5e69; background: none; font-weight: normal; color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; font-size:15px; }
.ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited { color: #FFF; text-decoration: none; font-size:15px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px solid #3c5e69;  font-weight: normal; color: #3c5e69; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0px solid #3c5e69; background: #fff; font-weight: normal; color: #3c5e69; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #3c5e69; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #0b7b9a; background: #0b7b9a url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #a4b3b8; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }


.ui-tabs { position: relative; padding: 3px; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0px 0px 0px 0px; float:right; background:none; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0px 3px; border-bottom: 0 !important;  padding: 0px 5px 1px 5px; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 6px 0px 9px 0px; text-decoration: none; font-size:17px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding: 0px 5px 1px 5px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected img { margin:2px 0px 0px 3px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { border-width: 0; padding: 0px; background: none;  }
.ui-tabs .ui-tabs-panel tbody { width:100%;} 
.ui-tabs .ui-tabs-hide { display: none !important; }
div#tabs td{vertical-align:top;}
.heading-substrate-options{font-size:15px;color:#144556;font-weight:bold;  margin:0px; display:block; margin:0px 0px 6px 0px;}


.size-tr { width:156px; float:left; border-right: solid 1px #F2F2F2; margin-right:17px;}
.size-trR { width:226px; float:right; position:relative; *z-index:-1; }
.sizes {font-weight:bold; display:block;  color:#144556;  font-size:12px; position:relative; margin:0px 0px 0px 0px; float:left; width:100%; line-height:20px;}
#Canvas_original_image_size { margin-bottom:6px; display:block;}


.panel-wrapper {width:400px; margin:0px auto 0px auto; padding:0px;}
.panel-wrapper  ul{ width:180px; list-style:none; margin:0px 0px 8px 0px; padding:0px;}
.panel-wrapper  ul li { margin-bottom:3px;}
 

.tabs-content ul{ padding-bottom: 20px !important;}

.content-table {font-size:16px;color:#144556;font-weight:bold; padding:0px 0px 5px 0px; margin:0px; display:block;}

#art_item_details { width:400px; margin:0px auto; }
#art_item_details h4 {font-size:16px;color:#144556;font-weight:bold; padding:0px 0px 0px 0px; margin:30px 0px 10px 0px; display:block;}
#art_item_details ul { width:390px; font-size:12px; list-style:none; float:left; background: none; margin:0px; padding:0px; }
#art_item_details ul li { margin:0px 0px 6px 0px;}

.tabs-fieldset { padding:12px 0px 10px 0px;  width:400px; margin:0px 0px 20px 15px; float:left;}
.tabs-fieldset legend { margin:-22px 0px 0px 50px; padding:0px 10px; width:auto; background:#fff; font-size:16px; font-weight:bold; color:#144556;  letter-spacing: normal; position:absolute; height: 22px;
line-height: 22px;}




.jslider .jslider-bg i,
.jslider .jslider-pointer
{ background: url(jslider1.png) no-repeat 0 0; }

.jslider { display: block; width: 93%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif;  *z-index: 1; }
.jslider table { width: 100%; border-collapse: collapse; border: 0; }
.jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }

.jslider table,
.jslider table tr,
.jslider table tr td { width: 100%; vertical-align: top; }
 

.jslider .jslider-bg { position: relative; }
.jslider .jslider-bg i { height: 13px; position: absolute; font-size: 0; top: 0; }
.jslider .jslider-bg .l { width: 50%; background-position: 0 0; left: 0; }
.jslider .jslider-bg .r { width: 50%; left: 50%; background-position: right 0; }
.jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-position: 0 -20px; }

.jslider .jslider-pointer { width: 25px; height: 25px; background-position: 0 -36px; position: absolute; left: 20%; top: -4px; margin-left: -6px; cursor: pointer; cursor: hand; }
.jslider .jslider-pointer-hover { background-position: -25px -36px; }
.jslider .jslider-pointer-to { left: 80%; }

.jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }
.jslider .jslider-label-to { left: auto; right: 0; }

.jslider .jslider-value { font-size: 10px; color:#0b7b9a;  white-space: nowrap; padding: 1px 2px 0; position: absolute; top: -19px; left: 20%; background: white; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.jslider .jslider-value-to { left: 80%; }

.jslider .jslider-label small,
.jslider .jslider-value small { position: relative; top: -0.4em; }

.jslider .jslider-scale { position: relative; top: 9px; }
.jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }
.jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label{ display: none; }
.jslider_round .jslider-bg i,
.jslider_round .jslider-pointer { background-image: url(jslider.round1.png); }
.layout-slider { width: 226px; margin:12px 0px 0px 0px; float:left; *z-index:-1; }
.layout-slider a { font-size:18px; color:#0b7b9a;}
#Canvasslider { *z-index:1;}

.slider-btn-msg { text-align:center; font-size:11px; font-style:italic; color:#999; padding-top:3px;}


.mat_div{width:55px;height:49px;border:#999999 1px solid; background:#666;}
.frames_div{width:65px;height:65px;border:#EAEAEA 1px solid;}

.liquid .previous {
	display:block;
	height:71px;
	width:20px;
	background:url(/skin/common_files/images/previous.gif) no-repeat right 28px;
	float:left;
	margin:0px;
	padding:0;
}
.liquid .next {
	display:block;
	height:71px;
	width:20px;
	background:url(/skin/common_files/images/next.gif)  no-repeat left 28px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0;
}
 
.liquid ul {  margin:0px auto 0px 20px;}
.liquid ul li {	width:71px; height:71px; xbackground:url(/skin/common_files/images/bg-frame.jpg) no-repeat left top; padding:0px 6px 0px 6px; margin:0px 0px 0px 0px; }
.liquid ul li:hover {	width:71px; height:71px; xbackground:url(/skin/common_files/images/bg-frameh1.jpg) no-repeat left top;  padding:0px 6px 0px 6px; margin:0px 0px;  }
.liquid ul li.selected {	width:71px; height:71px; xbackground:url(/skin/common_files/images/bg-frameh1.jpg) no-repeat left top;  padding:0px 6px 0px 6px; margin:0px 0px;  }
.liquid ul li a img { margin:4px 0px 6px 2px; border:solid 2px grey;}
.liquid ul li.selected a img, .liquid ul li:hover a img{border:solid 2px #0b7b9a;}

.liquid2 { width:307px; padding:0px; margin:0px 0px 0px 31px;}
.liquid2 ul {  margin:0px 0px 0px 0px; float:left; list-style:none; width:100%px; padding:0px; }
.liquid2 ul li {	width:71px; height:71px; background:url(/skin/common_files/images/bg-frame.jpg) no-repeat left top; padding:0px 6px 0px 6px; margin:0px 0px 0px 0px; float:left; }
.liquid2 ul li Div { width:55px; height:49px; float:left; margin:11px 0px 0px 2px; background: #a46768;}
.liquid2 ul li:hover {	width:71px; height:71px; background:url(/skin/common_files/images/bg-frameh1.jpg) no-repeat left top;  padding:0px 6px 0px 6px; margin:0px 0px;  }
.frame-name {text-align:left; font-size:11px;   float:left; font-weight:bold; width:80px;}
.liquid2 ul li.selected_mat {	width:71px; height:71px; background:url(/skin/common_files/images/bg-frameh1.jpg) no-repeat left top;  padding:0px 6px 0px 6px; margin:0px 0px;  }


.panel-wrapper hr{ width:100%; background:url(/skin/common_files/images/bg-hr.jpg) repeat-x left top; border-bottom:none; }

div#image_loading {
    background: url("/skin/common_files/images/loading.gif") no-repeat scroll 50% 50%;
     
    display: block;
    float: left;
    height: 50px;
    left: 170px;
    position: absolute;
    top: 250px;
    width: 150px;
    z-index: 10;
}


ul li label{
cursor:pointer;
}
	
/* Tooltip */
.tip {
	 
	background:#e3e3e3;
	display:none; /*--Hides by default--*/
	padding:10px 20px 0px 20px; border:1px solid #a4b3b8;
	position:absolute; z-index:100000 !important; left:-125px !important; top:33px !important; opacity:none !important; width:230px;
	-moz-box-shadow: 3px 3px 10px #333;
-webkit-box-shadow: 3px 3px 10px #333;
box-shadow: 3px 3px 10px #333; 

}



.tip h4 { padding:0px; margin:5px 0px 15px 0px; border-bottom: solid 1px #CCC;}
.ui-tabs .ui-tabs-nav .tip ul { width:90%; margin:0px 0px 0px 17px; padding:0px; float:left; font-size:13px;}
.ui-tabs .ui-tabs-nav .tip li { width:100%; margin:0px 0px 10px 0px; padding:0px; float:left; white-space:normal; list-style:disc; }

.available-sizes{width:100% !important; list-style:none !important; margin:0 !important; padding:0 !important; text-align:left;}
.available-sizes li{list-style:none !important; margin:0 !important; padding:0 !important; display:inline-block; width:32%;}


#preview{
	position:absolute; 
	border:1px solid #144556; color:#000;
	background:#fff;
	padding:10px;
	display:none;
	z-index:999999;
	-moz-box-shadow: 3px 3px 10px #333;
	-webkit-box-shadow: 3px 3px 10px #333;
	box-shadow: 3px 3px 5px #999;

	}
#preview img { border: solid 1px #C4C4C4;}	

.preview-txt {width:153px;text-align:left;vertical-align:top;}
.preview-image {width:147px;text-align:left;height:165px;vertical-align:top;}
	




@font-face {

	

	
	
	font-family: 'DancingScriptOTRegular';
    src: url('/skin/common_files/images/font/DancingScript-Regular-webfont.eot');
    src: url('/skin/common_files/images/font/DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/skin/common_files/images/font/DancingScript-Regular-webfont.woff') format('woff'),
         url('/skin/common_files/images/font/DancingScript-Regular-webfont.ttf') format('truetype'),
         url('/skin/common_files/images/font/DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.platinum_font{font-family: 'DancingScriptOTRegular', Arial, sans-serif; font-size:18px;}