@charset "utf-8";
/* CSS Document  for Wordpress Canvas Printing - 2013*/

.mainInner {padding:0px 20px;}

.my_heading {
	background: url("../wp-includes/images/innerhead_img.png") no-repeat scroll left top #FFFFFF;
    border: medium none !important;
    color: #BB1D48 !important;
    font-size: 16px;
    font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
    height: 24px;
    padding: 6px 0 0 25px;
    text-transform: uppercase;
}

.sizeHeading {border: medium none !important; color: #BB1D48 !important; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; height:24px; width:250px; float:left;}

#customizationContainer { min-height:360px;  }

.leftMenu {width: 195px; min-height: 532px; float:left; text-align:center;}
.menuTag {border-bottom:solid 1px #CFCFCF; border-top:solid 1px #CFCFCF; height:35px; background-color:#363435; text-align:center;}
.menuTag img {float:left; margin-right:10px; padding-top:2px; }
.menuTag h3 {clear:none !important; margin-top:0px; }
.menuTag h3 span {color:#ffffff; line-height:38px; vertical-align:baseline; font-style:inherit; font-weight:inherit; border:0px; padding:0px; margin:0px; font-size:0.8em;}

.other-tag-h3 {font-weight:bold;}

#previewContainer {padding:0px; width:100%; text-align:center; margin:0px auto;}
.jcrop-selection img {max-width:none !important;}

#iframeContainer{margin:0px auto; min-height: 600px; background-image:url('../images/020.jpg'); background-size:100%; background-repeat:no-repeat;}

#sizeButtonsContainer {width: 500px; min-height: 145px;  border:solid 20px #ffffff; margin-top:-20px;}
#sizeButtons {padding-left: 22px }

.clear { clear:both; }

#layoutsInner ul {list-style:none; padding:0px; margin:auto 15px;}
#layoutsInner ul li {float:left; padding:0px 5px;}

#layout-square, #layout-portrait, #layout-landscape, #layout-panaromic {display:inline-block; cursor:pointer;}
#layout-square input[type="radio"], #layout-portrait input[type="radio"], #layout-landscape input[type="radio"], #layout-panaromic input[type="radio"] {display:none;}

#layout-square {background:url(../images/square.png) no-repeat; height:34px; width:36px; margin-top:12px;}
#layout-portrait {background:url(../images/portrait.png) no-repeat; height:46px; width:36px; }
#layout-landscape {background:url(../images/landscape.png) no-repeat; height:36px; width:45px; margin-top: 10px;}
#layout-panaromic {background:url(../images/panaromic.png) no-repeat; height:27px; width:56px; margin-top: 20px;}

#layout-square:hover, #layout-portrait:hover, #layout-landscape:hover, #layout-panaromic:hover {background-position:bottom;} 
.checked {background-position:bottom !important;}

.seperator {background:url('../wp-includes/images/seperator.png'); background-repeat:repeat-x; width: 192px; height:10px; }

#effectsInner {}
#effectsInner ul {list-style:none; padding:0px }
#effectsInner ul li {float:left;}

#effect-original, #effect-bw, #effect-sepia {display:inline-block; cursor:pointer;}
#effect-original input[type="radio"], #effect-bw input[type="radio"], #effect-sepia input[type="radio"] {display:none;}
#effect-original:hover, #effect-bw:hover, #effect-sepia:hover {background-position:bottom;}

#effect-original {background:url(../images/effect-original.png) no-repeat; width:155px; height:42px;}
#effect-bw {background:url(../images/effect-bw.png) no-repeat; width:155px; height:42px;}
#effect-sepia {background:url(../images/effect-sepia.png) no-repeat; width:155px; height:42px;}

/* Depth buttons */
#depthInner{}
#depthInner ul {list-style:none; padding:0px; margin:0px;}
#dpethInner ul li {float:left;}

#depth-option1, #depth-option2 { display:inline-block; cursor:pointer;}
#depth-option1 input[type="radio"], #depth-option2 input[type="radio"] {display:none;}
#depth-option1:hover, #depth-option2:hover {background-position:bottom;}

#depth-option1 {background:url(../images/depth-option-1.png) no-repeat; width:155px; height:42px;}
#depth-option2 {background:url(../images/depth-option-2.png) no-repeat; width:155px; height:42px;}
/* Depth buttons end */

/* Wrap Canvas Buttons */
#wrapCanvasInner {}
#wrapCanvasInner ul {list-style:none; padding:0px; margin-left:18px;}
#wrapCanvasInner ul li {float:left;}

.wrapCanvas {display:inline-block; cursor:pointer;}
.wrapCanvas input[type="radio"] {display:none;}
.wrapCanvas:hover {background-position:bottom;}
.wrapCanvas {background:url(../wp-includes/images/gray-btn.png) no-repeat; padding:14px 40px; line-height:14px;}
.wrapCanvas span {color:white; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
/* Wrap Canvas Buttons end */

#imageFitting {}
#imageFitting ul {list-style:none; padding:0px; margin-left:17px;}
#imageFitting ul li {float:left;}

#fitting-rotate, #fitting-flip, #fitting-reset {display:inline-block; cursor:pointer;}
#fitting-rotate:hover, #fitting-flip:hover, #fitting-reset:hover {background-position:bottom;}
#rotate, #flip, #reset {display:none;}

#fitting-rotate {background:url(../wp-includes/images/rotate-btn.png) no-repeat; }
#fitting-flip {background:url(../wp-includes/images/flip-btn.png) no-repeat;}
#fitting-reset {background:url(../wp-includes/images/reset-btn.png) no-repeat;}

#fitting-rotate, #fitting-flip, #fitting-reset {width:155px; height:42px;}

#unitSelection {float:left; padding-top: 12px; }
#unitSelection input[type="radio"] {display:none;}
#unitSelection label {padding: 3px; background-color:#cccccc; font-family:Arial, Helvetica, sans-serif;}
#unitSelection label:hover {background-color:#BB1D48; color:white;}

.unitSelected {background-color:#BB1D48 !important; color:white;}


.sizes-btn {background-image:url(../wp-includes/images/size-btn.png); background-position:bottom; width:100px; height:27px; float:left; text-align:center; margin:2px;}
.sizes-btn label {font-weight:bold; text-align:center; vertical-align:middle;}
.sizes-btn input[type="radio"] {display:none;}
.sizes-btn:hover {background-position:top; cursor:pointer; color:white;}
.sizes-btn-text {padding-top:6px; font-weight:bold; font-size:13px; line-height:15px;}

#informationBtns {float:right; width:180px; margin-top:-45px; margin-right:15px;}
.customSizeBtn {  }
.customSizeBtn img {width:180px;}

.other-tag-btn {width:160px; height:28px; background-color:#57abd7; border-radius:5px; border:solid 1px #2878a0; text-align:center;}
.other-tag-txt {padding-top:4px; font-weight:bold;}

.additionaloptions-content {text-align:left; padding:5px;}

/* step 3 page */

.canvasorderbox {width: 425px; float:left;}
.canvasdescbox {padding:20px; width: 383px; background-color:white; border: solid 1px #CFCFCF;}
#cropThumb img {width:383px;}

.canvasinfo{ border:1px solid #cfcfcf; padding:12px;}
.canvasinfo dl{ display:block; width:100%; padding:2px 0px; border-bottom:1px dotted #292929; }
.canvasinfo dt{ float:left; color:#bb1d48; font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width:225px; text-align:left; line-height:28px;}
.canvasinfo dd{ float:right; width:130px; text-align:center; font-size:14px; font-weight:bold; color:#292929;}

.bt_nxt{ background:url(../wp-includes/images/bt_next.png) no-repeat left top; width:104px; height:32px; border:0px; color: transparent;_color:red; _font-size:0px;}
.bt_bck{ background:url(../wp-includes/images/bt_back.png) no-repeat left top; width:104px; height:32px; border:0px; color: transparent; _color:red; _font-size:0px;}

.canvasorderbox_right{ width:370px; margin:0px auto;}
.boderdotted{ border-bottom:1px dotted #292929; padding:8px 0px;}

.selectionbox{ padding-top:10px;}
.selectionbox dl{ display:block; width:100%; padding:5px 0px;}
.selectionbox dt{ width:30px; float:left;}
.selectionbox dd{ float:left; font-size:14px; color:#1e1e1e; line-height:14px; *line-height:20px;}
.canvas_pricingbox{ padding-top:8px; padding-left:15px;}
.canvasprice{ color:#bb1d48; font:40px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.bt_blackM{ background:url(../wp-includes/images/inner_sprite.png) no-repeat 0px -670px; width:175px; height:32px; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px; text-align:center; color:#fff; display:block; border:0px;}

.questionmark_icon{ background:url(../wp-includes/images/inner_sprite.png) no-repeat -906px -135px; width:24px; height:15px;}
.bulletmark{ background:url(../wp-includes/images/bullet_mark.png) no-repeat left top; padding-left:22px; margin:5px 0px;}

.bt_blueL{ background:url(../wp-includes/images/inner_sprite.png) no-repeat 0px -632px; width:261px; height:32px; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px; text-align:center; color:#fff; display:block; border:0px;}
.topmar5 { margin-top:5px;}
.topmar10 { margin-top:10px;}

.bt_pinkM{ background:url(../wp-includes/images/inner_sprite.png) no-repeat -220px -589px; width:141px; height:35px; font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:32px; text-align:center; color:#fff; display:block; border:0px;}
.bt_pinkL{ background:url(../wp-includes/images/inner_sprite.png) no-repeat -1px -589px; width:211px; height:35px; font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:32px; text-align:center; color:#fff; display:block; border:0px;}

.bt_blackM{ background:url(../wp-includes/images/inner_sprite.png) no-repeat 0px -670px; width:175px; height:32px; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px; text-align:center; color:#fff; display:block; border:0px;}

.bt_blueL{ background:url(../wp-includes/images/inner_sprite.png) no-repeat 0px -632px; width:261px; height:32px; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px; text-align:center; color:#fff; display:block; border:0px;}
.newh1{font-size: 19px; font-weight: bold; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}



/* Cart */
/* Canvas Art Shope Page */
.cas_midwhite { width:179px; background:url(../wp-includes/images/categoris_midbg.png) repeat-y top left; padding:0px 20px;}
.cas_midwhite ul {margin:0px; padding:0px; list-style:none; line-height:26px;}
.cas_midwhite ul li {margin:0px; padding:0px; color:#191919; border-bottom:1px dotted #565555; list-style-image:none;}
.cas_midwhite ul li a {color:#191919; text-decoration:none;}
.cas_midwhite ul li a:hover {color:#BB1D48; text-decoration:underline;}
.cas_midwhite ul li .active {color:#BB1D48; font-weight:bold; text-decoration:none;}

.sd_box{width:199px; min-height:372px; background:#fff; padding:12px 10px;}
.sd_box h3{color:#191919; font:normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:15px;}

.sd_box2{width:199px; min-height:372px; }
.sd_box2 h3{color:#191919; font:normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:15px;}


.bb_box{width:90%; height:316px; background:#7abfe0 url(../wp-includes/images/blue_box_bg.png) repeat-x left bottom; padding:10px; text-align:center;}
.bb_box h4{color:#fff; font-size:14px; text-transform:uppercase; margin-bottom:8px;}
.dis_box{width:175px; height:86px; background:url(../wp-includes/images/dis_box.png) no-repeat left center; margin:0px auto 15px auto; color:#fff36b; font:normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow:1px 1px 2px #000; padding-top:23px;}
.bot_bor{border-bottom:1px dashed #b6d6e5; margin-bottom:25px;}

.artgallary_list{ border-bottom:1px dotted #000; padding-bottom:24px; margin-bottom:26px;}
.artgallary_list_new{ border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.artgallary_list ul{ margin:0px; padding:0px; list-style:none;}
.artgallary_list ul li{ float:left; background:url(../wp-includes/images/inner_sprite.png) no-repeat -7px -244px; width:164px; height:159px; list-style-image:none; text-align:center; padding-top:10px; margin-right:10px; margin-top:24px;}
.artgallary_list ul li img{ margin-top:5px;}
.artgallary_list a{ font-size:13px; color:#434343!important;}
.artgallary_list a:hover{ color:#d73360!important}
.title_he{ border: medium none !important;
    color: #191919 !important;
    font: bold 19px "Lucida Sans Unicode","Lucida Grande",sans-serif !important;
	}
.freeshipping{ background:url(../wp-includes/images/freeshipping_icon1.png) no-repeat right top; padding:6px;}


/* Canvae Art pages css */
.inner_sprite{ background:url(../wp-includes/images/inner_sprite.png) no-repeat; display:block;}
.whitebox_top{ background-position:-1px -182px; width:854px; height:25px;}
.whitebox_bot{ background-position:-1px -210px; width:854px; height:25px;}
.whitebox_body{  background:url(../wp-includes/images/whitebox_bg.png) repeat left top; width:847px; margin:0px auto; padding:0px 3px; }

  /* MyArt */
.canvas_artbox{ width:855px; margin:0px auto;}
.myartbox{}
.mycartcontain{ width:820px; margin:0px auto; padding:10px 10px;}
.mycartcontain dl{ display:block; width:100%; padding:0px 0px;}

.title{  background:url(../wp-includes/images/ser_top_nav_bg.png) repeat-x left top; width:847px; font-size:15px; color:#fff; margin:0px auto; line-height:30px; }
.dividerline{  background:url(../wp-includes/images/bluemidlinebg.png) no-repeat right top; height:30px;}
.remove{ float:left; padding-left:20px; width:80px;}
.prviews{ float:left; padding-left:20px; width:200px;}
.description{ float:left; padding-left:20px;  width:260px;}
.quantity{ float:left; padding-left:20px; width:100px}
.price{}
.removeicon{ background-position:-852px -247px; height:30px;}
.removeicon a{ text-indent:-999px; width:30px; height:30px; display:block;}
.padding_ver{ padding:10px 0px!important; border-bottom:1px dotted #000;}

.prviews2{ float:left; width:223px;}
.previewimg{ text-align:center; float:left; margin:0; padding:0; }
.previewimg img{ margin:3px}

.decp_info{ margin:0; padding:0;}
.decp_info p{ padding:2px 0px;}
.decp_info span{ font-weight:bold;}
.qut_input{ width:40px; padding:3px 0px; text-align:center; border:1px solid #cfcfcf;}
.totalbox{ padding:10px 0px;}
.totalbox_left{ width:450px; float:left;}
.totalbox_right{ width:200px; float:right;}
.totalbox_right dl{ display:block; width:100%; padding:3px 0px;}
.totalbox_right dt{ float:left; text-align:right; margin-right:15px; width:106px;}
.totalbox_right dd{ float:left; text-align:left; width:70px;}
.discountbox{ margin-bottom:0px;}
.discountbox span{ float:left; margin-right:8px;}
.bt_applydiscount{ background-position:-761px -288px; width:109px; height:23px;}
.bt_applydiscount a{  width:109px; height:23px; display:block; text-indent:-9999px;}
.inputbox{ background-position:-658px -287px; width:92px; height:21px; padding:2px;}
.inputbox input{ width:85px; border:0px; padding:2px;}
.securechk_img{ background-position:-179px -244px; width:302px; height:154px; margin:20px auto; font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif, "Myriad Pro"; color:#c3244f; text-align:center; padding-top:25px;}
.fielddbox{ border-bottom:1px dotted #000; padding:15px 0px; margin-bottom:15px;}
.shoppingbox{ padding-left:10px; padding-top:20px;}
.shopping_filed{ float:left; width:260px;}
.shopping_filed dl{ width:100%; display:block; padding:5px 0px;}
.shopping_filed dt{ float:left; width:80px; text-align:left; color:#1c1c1c; line-height:22px;}
.shopping_filed dd{ float:right; width:165px; color:#1c1c1c;}
.shopping_filed .inputfield{  background:url(../wp-includes/images/inner_sprite.png) no-repeat -657px -247px; width:156px; height:21px; border:0px; padding:3px; }
.shopping_filed .selectfield{ background:url(../wp-includes/images/inner_sprite.png) no-repeat -657px -247px; width:162px; height:27px; border:0px; padding:5px; color:#969696;}
.req_field{ color:#bb1d48;}
.condition{ float:left; font-size:14px; color:#c3244f;}
.bt_chkout{ float:right; background-position:-492px -288px; width:122px; height:32px; text-align:center; color:#FFF; font-size:16px;}
.bt_chkout a{ display:block;  width:132px; height:32px; text-decoration:none; font-size:16px; color:#fff; line-height:32px;}
.recal_link{ padding-top:20px;}
.recal_link a{ color:#333;}
.recal_link a:hover{ color:#FA9AB4;}
              

table.full_price_list{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;

}
table.full_price_list th{
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #c2c2c2;
	background:#0090cf url('../wp-includes/images/ser_top_nav_bg.png') repeat-x left top ;
	vertical-align: top;
	color:#fff;
}
table.full_price_list td{
	line-height: 20px;
	border: 1px solid #c2c2c2;
	vertical-align: top;
	text-align:center;
	/*background:#fff;*/
}

.white_bg{background:#fff;}
.graybg{background:#ddd!important;}


/* customer details page settings */
#loginContainer{width: 920px; padding: 5px 0 0 5px;}
#customerDetails #loginContainer{width: 680px; margin: 0 0 0 5px; padding: 10px 0 0 20px;}
.login{width: 450px; float: left; min-height:344px; height:auto !important;}

.heading {font-size:14px; padding: 5px 0; color:#0A6E92; margin: 0 0 0 -1px; font-weight:bold;}
.LoginGrayBox{font-weight: bold; color: #2cb4e4; margin: 0px 0 10px 0; font-size:13px; text-transform: uppercase;}
/* customer details page settings end here */

.size_select_option {width:160px; float:right; height:24px; font-size:16px; font-weight:bold; padding:2px;}

/* some static styles for customize canvas page from theme, some override */
.color-wrap {background-color:#4a4a4a; border-top-left-radius:5px; border-bottom-left-radius:5px; }
#content .more-button { margin:5px 0px 5px 0px; }


/* Custom style for canvas printing */
#content .more-button .depth-1 {background-image:url('../wp-content/themes/maya/images/icons/for_button/depth-1.png') }
#content .more-button .depth-2 {background-image:url('../wp-content/themes/maya/images/icons/for_button/depth-2.png') }
#content .more-button .over-wrap {background-image:url('../wp-content/themes/maya/images/icons/for_button/over-wrap.png'); }
#content .more-button .mirror-wrap {background-image:url('../wp-content/themes/maya/images/icons/for_button/mirror-wrap.png'); }
#content .more-button .color-wrap {background-image:url('../wp-content/themes/maya/images/icons/for_button/color-wrap.png'); }
#content .more-button .original-color-effect {background-image:url('../wp-content/themes/maya/images/icons/for_button/color_img.png'); }
#content .more-button .bw-color-effect {background-image:url('../wp-content/themes/maya/images/icons/for_button/bw_img.png'); }
#content .more-button .sepia-color-effect {background-image:url('../wp-content/themes/maya/images/icons/for_button/sepia_img.png'); }


/* Quality progressbar */
.quality-meter-container {
	height:70px;
	border-top:solid 1px;
	border-bottom:solid 1px;
	background:#f3f3f3;
	padding:0px 5px;
}
#quality-unit {
	background-color: #4a4a4a;
	border-radius: 14px;
	padding: 2px;	
	height:20px;
	width:255px;
	float:left;
}

#quality-unit ul {list-style:none; font-size:10px; margin-left:7px; margin-top:0px;}
#quality-unit ul li {float:left; padding: 2px 0px;}

#meter {
	/*background-color:#F60;*/
	background-image:url('../images/quality.png'); 
	width: 0%; 
	height: 20px;
	border-radius: 10px;
	color:white;
	text-align:center;
}
.meter-label { width:30px; float:left; }

#continue-btn { padding:20px 0px;}

#deleteImage {margin-right:-10px; float:right;}
#uploadImage {padding:5px 0px; border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; margin:15px 0px;}
#uploadImage img {width:300px; padding-top:8px;}

#preview {width:530px; margin:auto;}

#termsContainer {float:left; width:570px; margin:10px 0px;}
#terms {float:left;}


#back-button {float:left; margin-left:30px;}
#add2cart-button {float:right; margin-right:30px;}

#sizeRate {font-size:28px;}

#box { background:#333; padding:6px; width:100%;}
#internal-box { border-radius:8px; background:#FFF;}
.block { width:150px; float:left;}
.block:hover {}
.pc { background:url(../images/pc.jpg) no-repeat center; width:  142px;;height:75px;}
.pc:hover { background:url(../images/pc-hover.jpg) no-repeat center; cursor:pointer;}
.fb { background:url(../images/fb.jpg) no-repeat center; width:  142px;;height:75px;}
.fb:hover { background:url(../images/fb-hover.jpg) no-repeat center; cursor:pointer;}
.insta { background:url(../images/download.jpg) no-repeat center; width:  142px;;height:75px;}
.insta:hover { background:url(../images/insta-hover.jpg) no-repeat center;  cursor:pointer;}
.block h4,p { text-align:center;}
.block h4 { margin: 10px 10px -8px 10px; color:#323232;}
.block p { color:#999;}
.swMain {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  border: 0 solid #CCC;
  overflow:visible;
  float:left;
  width:980px;
}
ul {
list-style: none;
}

#panels ul li {
	float: left;
margin-left: 1%;
width: 22%;
display: inline-block;
padding-bottom: 20px;
vertical-align: top;
}

.style-pic, .style-pic1 {
margin-bottom: 20px;
border: 5px solid #FFFFFF;
cursor:pointer;
}

.style-pic input, .style-pic1 input {
	display:none;
}
.style-pic img {
	height:204px;
}

.title2 {
background: none repeat scroll 0 0 #363435;
border-radius: 5px;
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
padding: 7.5px 5px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
vertical-align: middle;
}
.title2 { text-decoration:none !important;}
.txt1layout {
color: #999;
font-size: 14px;
font-style: italic;
}

.delete-btn {box-shadow:none; position:absolute; margin:0px -17px; width:20px; height:20px; background-image:url('../../wp-includes/images/xit-2x.gif');}

.delete-btn:hover {background-position:right;}

.activePanel {
	border: 3px solid #ec3237;
}


.jcrop-preview {
	-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}


.green-btn {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.green-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.green-btn:active {
	position:relative;
	top:1px;
}

.orange-btn {
	-moz-box-shadow: 0px 10px 14px -7px #fce2c1;
	-webkit-box-shadow: 0px 10px 14px -7px #fce2c1;
	box-shadow: 0px 10px 14px -7px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.orange-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.orange-btn:active {
	position:relative;
	top:1px;
}

/* Apply these styles only when #preview-pane has
   been placed within the Jcrop widget */
.jcrop-holder #preview-pane {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 10px;
  right: -280px;
  padding: 6px;
  border: 1px rgba(0,0,0,.4) solid;
  background-color: white;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

/* The Javascript code will set the aspect ratio of the crop
   area based on the size of the thumbnail preview,
   specified here */
#preview-pane .preview-container {
  width: 288px;
  height: 192px;
  overflow: hidden;
}

.preview-container img {max-width:none !important;}

#canvas_preview img {width:30%;}

#canvas_preview {}

#panel1 {background-image: url(../images/single.png); background-size:163px 32px; background-repeat:no-repeat; width:163px; height:32px; opacity:0.6}
#panel1:hover {opacity:1; cursor:pointer;}

#panel2 {background-image: url(../images/double.png); background-size:163px 32px; background-repeat:no-repeat; width:163px; height:32px; opacity:0.6}
#panel2:hover {opacity:1; cursor:pointer;}

#panel3 {background-image: url(../images/triple.png); background-size:163px 32px; background-repeat:no-repeat; width:163px; height:32px; opacity:0.6}
#panel3:hover {opacity:1; cursor:pointer;}

#panel4 {background-image: url(../images/quad.png); background-size:163px 32px; background-repeat:no-repeat; width:163px; height:32px; opacity:0.6}
#panel4:hover {opacity:1; cursor:pointer;}

#progressbox {
	border: 1px solid #0099CC;
	padding: 1px;
	position:relative;
	width:400px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #003333;
	width:1%;
}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}

#progressbox-red {
	background:url(../images/progressbar-bg.png);	
	width:313px;
	height:33px;
	display:none;
	margin:0px auto;
}

#progressbox-black {
	width:304px;
	height:33px;
	display:none;
	margin:auto;
	border:solid 1px;
}

#progressbar-red {
	background-image:url(../images/progressbar-red.png);
	width:0px;
	height:20px;
	margin:7px;
	position:absolute;
}

#progressbar-black {
	width:0px;
	height:30px;
	margin:2px;
	position:absolute;
	background-color:#444;
}

#progress {
	display: none;
	width:313px;
	padding:7px 0px;
	text-align:center;
	position:absolute;
}