nav_bg.pnghtml, body {
	height:100%;
}
 
img {
	border:0;
}
.clr {
	clear:both;
	font-size:0;
	line-height:0;
	height:0px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li, ol {
	margin:0px;
	padding:0px;
}
.main {
 
	margin:5px auto;
}
/*=============================================== Common CSS ==========================================*/
/*================= Check Box, Select Box, Radio Button ============ */
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../images/radio.png) no-repeat;
}
/*
.select {
	position: absolute;
	width: 215px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
/*	height: 34px;
	line-height:30px;
	padding-left:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #657483;
	font-size:14px;
	background: url(../images/select_dropdaown.png) no-repeat right 0;
	overflow: hidden;
}
select.styled{width:226px !important; height:34px; margin-top:0px; vertical-align:top;}
*/
#back-side-number-txt{width:40px !important; margin-right:5px}
/*=============== End ==============*/
.top_step {	width:100%; height:52px; margin-top:20px; display:inline-block; padding-top:18px;}
.top_step .title{height:24px;}
.top_step .red{margin-top:5px;}
.top_step .left {	width:auto;	float:left; margin-right:15px;}
.top_step .middal {	width:auto;	float:left;	margin-left:100px;	margin-top:10px;}
.top_step .right {	width:auto;	float:right;}
.top_step .right a{margin-left:5px;}
/*============ Title ==========*/

.title {
	display:inline-block;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:5px;
}
.title.big {
	font-size:17px;
}
.title a {
	margin-left:20px;
}
.red {
	font-size:15px;
	color:#CC0033;
}
.top_step .red {
	font-size:15px;
	color:#CC0033;
}
.edit {
	background:url(../images/edit-but_bg.png) no-repeat 0 0;
	padding-left:40px;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	height:25px;
	line-height:23px;
}
/*========= Input Label ========*/

.row {
	display:inline-block;
	width:50%;
	margin-bottom:10px;
	float:left;
}
.row.full {
	width:100%;
}
.row label {
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#657483;
	margin-bottom:7px;
}
.row input {	
	width:166px;
	height:23px;
	padding:2px 5px;
	border:1px solid #ced9df;
	float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:10px;
    -moz-box-shadow:inset 1px 2px 3px #eaeaea;
    -webkit-box-shadow:inset 1px 2px 3px #eaeaea;
    box-shadow:inset 1px 2px 3px #eaeaea;
}

.row select {	
	width:250px;
	height:23px;
	padding:2px 5px;
	border:1px solid #ced9df;
	float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:10px;
    -moz-box-shadow:inset 1px 2px 3px #eaeaea;
    -webkit-box-shadow:inset 1px 2px 3px #eaeaea;
    box-shadow:inset 1px 2px 3px #eaeaea;
}


.row textarea {	
	width:98%;
	height:60px;
	padding:1%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#657483;
	border:1px solid #ced9df;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:10px;
    -moz-box-shadow:inset 1px 2px 3px #eaeaea;
    -webkit-box-shadow:inset 1px 2px 3px #eaeaea;
    box-shadow:inset 1px 2px 3px #eaeaea;
}
/*.row select {
	margin-top:4px;
}*/
.row [type="checkbox"] {width:auto;	margin-right:7px;}
.row_h {display:inline-block;	width:100%;	font-size:15px; margin-bottom:12px;}
.row_h label {
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#657483;
	float:left;
	margin-right:6px;
	height:23px;
	line-height:23px;
}
.row_h input {
	width:166px;
	height:23px;
	padding:2px 5px;
	border:1px solid #ced9df;
	float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:10px;
    -moz-box-shadow:inset 1px 2px 3px #eaeaea;
    -webkit-box-shadow:inset 1px 2px 3px #eaeaea;
    box-shadow:inset 1px 2px 3px #eaeaea;
}
/*======= Box =========*/
.box {	border:1px solid #cccccc; width:97.8%; padding:1%; display:inline-block; margin-bottom:15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius:7px;}
.grey_box {	border:1px solid #e8ecee;	background:#F5F9FA;	width:95.8%;	padding:2%;	display:inline-block;	margin-bottom:0px;	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	border-radius: 5px;}
/*====== Red Button ========*/
 

.prev i{background:url(../images/prev_arrow.png) no-repeat 0 8px; margin-right:5px;}
.next i{background:url(../images/next_arrow.png) no-repeat 0 8px; margin-left:5px;}
/*======= Box ========*/
.panel{background:#FFFFFF;    display: inline-block;  margin-bottom: 20px;  width:99.8%; 	/*  border:1px solid #E3E8ED; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow: 0px 1px 2px #d5dadf;
    -webkit-box-shadow: 0px 1px 2px #d5dadf;
    box-shadow: 0px 1px 2px #d5dadf; */
}
.panel .panel-heading{background:#444444;    font-family:Tahoma, Geneva, sans-serif; font-size: 15px; color:#fff; padding:12px;
	/*
	border-bottom: 1px solid #E3E8ED;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; */
}
.panel .panel-body {display:inline-block; padding:15px; font-family:Tahoma, Geneva, sans-serif; font-size: 13px; color:#333333; line-height:20px;}
.panel .panel-heading #remove_pattern{font-family:Tahoma, Geneva, sans-serif; font-size: 15px; color:#D30405; background:url(../images/remove_icon.png) no-repeat 0 4px; padding-left:20px; text-decoration:none; float:right;}
.panel .panel-heading #remove_pattern:hover{text-decoration:underline;}


/*============= Top Nav ================*/

.header_nav {background:#e7e8e9; height:68px; }
/* Navigation */
.header_nav{width: 100%;
height: 68px;
  background:#e7e8e9;  border-top:0px;  
  
}
.nav {float:left;}
.nav ul {padding:0;	margin:0;}
.nav ul li{list-style-type:none; float:left; position:relative; margin-left:-18px;}
.nav ul li a{background:url(../images/nav_bg.png) no-repeat right 0; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; height:68px; line-height:68px; padding:0; padding-left:53px; padding-right:53px;}
.nav ul li a span{width:26px; height:26px; background:url(../images/round.png) no-repeat 0 top; display:inline-block; color:#ffffff; text-align:center; line-height:26px; margin-right:10px; font-style:normal; font-size:15px;}

.nav ul li a:hover{background:url(../images/nav_hover2.png) no-repeat right 0; color:#ffffff;}
.nav ul li a:hover span{background:url(../images/round.png) no-repeat 0 bottom; color:#333333;}

.nav ul li.ui-tabs-active a{background:url(../images/nav_hover2.png) no-repeat right 0; color:#ffffff;}
.nav ul li.ui-tabs-active a span{background:url(../images/round.png) no-repeat 0 bottom; color:#333333;}

.nav ul li.step1{z-index:70; margin-left:0px;}
.nav ul li.step1 a{padding-left:20px;}
.nav ul li.step2{z-index:60;}
.nav ul li.step3{z-index:50;}
.nav ul li.step4{z-index:40;}
.nav ul li.step5{z-index:30;}
.nav ul li.step6{z-index:20;}
.nav ul li.step7{z-index:10;}

/* Logo */
.header_nav .logo { float:right;	margin-top:18px; margin-right:14px; opacity: 0.4; }

/*========================= Products Tab =========================*/
.select_jersey label{font-size:16px; line-height:34px; margin-right:6px; color:#fff; vertical-align: top;}
.select_jersey .category-name-class{color:#fff; font-size:16px; margin-top:7px;}
.select_tshirt_area .left_sec{width:480px; margin-right:30px; float:left;}
.select_tshirt_area .right_sec{width:450px; float:left;}

.select_fabrics {visibility: hidden;}
/*.select_fabrics label{font-size:15px; line-height:34px; margin-right:6px; color:#fff; vertical-align: top;}*/

/* Left Product Section */
.content_area {	padding-bottom:30px;	display:inline-block;	width:100%;}
.product_area {	width:100%;}
.details_area {	width:100%;}
.product_area ul {	padding:0;	margin:0;}
.product_area ul li {	list-style-type:none;	float:left;}
.product_area .tshirt_block {	height:488px;	overflow:auto;	padding:0 0 0 15px !important;	width:445px !important;}
.product_area .tshirt_block li {	margin-right:29px;	margin-top:8px;}
.product_area .tshirt_block li a{border:2px solid #ffffff; padding:5px; display:inline-block;}
.product_area .tshirt_block li a.active{border:2px solid #d9e1e8; padding:5px; display:inline-block; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0px 0px 2px #cdcdcd;
-webkit-box-shadow: 0px 0px 2px #cdcdcd;
box-shadow: 0px 0px 2px #cdcdcd;
}
.product_area .more {	float:right;	font-size:11px;	text-decoration:none;	color:#000000;	margin-right:103px;}
.product_area .more:hover {	text-decoration:underline;}
#product_page  .product_area .tshirt_block .jspContainer {width: 445px !important;}
#product_page  .product_area .tshirt_block .jspContainer .jspPane{padding:0px !important;}

.product .select_tshirt_area .left_sec .panel .panel-body{padding:3px 15px;}


/* Right Product View Section */
.product-img-box {	position:relative;}
.rotate {	position:absolute;	right:-12px;	top:40px;}
 
.prodcut_view {	width:456px;	float:left;	margin-bottom:0px;}
.prodcut_view .product-image {	text-align:center;	padding:11px;}
.prodcut_view .product-image-back {	text-align:center;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	padding:15px;}
.prodcut_view .more-views {	margin-top:15px;	width:100%;	display:inline-block;	text-align:center;}
.prodcut_view .more-views ul {display:inline-block;	text-align:center;}
.prodcut_view .more-views ul li {list-style-type:none;	float:left;	margin-right:8px;}
.prodcut_view .more-views ul li a{display:inline-block; width:auto; font-size:12px; color:#000000; text-align:center; text-decoration:none; padding:4px; border:1px solid #ffffff;}
.prodcut_view .more-views ul li a.active{
	border:1px solid #d9e1e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 2px #cdcdcd;
    -webkit-box-shadow: 0px 0px 2px #cdcdcd;
    box-shadow: 0px 0px 2px #cdcdcd;
}
.prodcut_view .more-views ul li a img{display:block; margin:0 auto;}
.prodcut_view .more-views ul li a span {display:inline-block;	margin-bottom:3px;}
.buttons {text-align:center;	margin-top:10px;}
.buttons a {margin-right:12px;}

/* Collar Section */
.content_area .collar {display:inline-block; width:100%;}
.content_area .collar .box{background:#EAEFF2;}
.content_area .collar ul {padding:0; margin:0;}
.content_area .collar ul li {list-style-type:none;	float:left;	margin-right:5px;}
.content_area .collar ul li a {	display:inline-block;	width:auto;	height:70px;	background:#ffffff;	border:1px solid #ffffff; padding:4px 9px;	font-size:12px;	color:#000000;
	text-align:center;	text-decoration:none;}
.content_area .collar ul li a.active {
	background:#ffffff;
	border:1px solid #d9e1e8;
	height:70px;
	padding:4px 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 2px #cdcdcd;
    -webkit-box-shadow: 0px 0px 2px #cdcdcd;
    box-shadow: 0px 0px 2px #cdcdcd;
}
.content_area .collar ul li a span {display:block;	margin-bottom:7px;}

/* Progrss Section */
.content_area .progrss {display:inline-block; width:100%;}
.content_area .progrss ul {padding:0; margin:0;}
.content_area .progrss ul li {list-style-type:none;	float:left;	margin-right:25px;}
.content_area .progrss ul li{display:inline-block;	line-height:normal;	vertical-align:top;}


/*====================== Color Embelishment Tab ======================*/
/* Color Box */

.colour_box {width:100%;}
.colour_box ul {padding:0;	margin:0;}
.colour_box ul li {	list-style-type:none;	float:left;	margin:4px;}
.colour_box ul li a {width:34px;	height:34px;	display:inline-block;	font-size:0px;	vertical-align:top;border: 1px solid black;}
.colour_box ul li:last-child {margin-right:0px;}
.embelishments_block {	display:inline-block;	width:100%;}
.embelishments_block li {	margin-right:19px;	margin-bottom:10px;}
.color_select_box .select_area {width:320px; float:left;	margin-right:15px;}
.color_select_box .preview_img{display:inline-block; float:left;}
.color_select_box .preview_img .color_code{text-align:center; margin-top:10px; color:#657483; text-transform:capitalize; font-size:14px;}
.color_select_box .view_image {	background:#eaeff2;	border:1px solid #dbd8d8;	-webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;	width:112px; height:auto; display:inline-block;	text-align:center; padding:20px 0; margin-top:7px;}
.color_select_box .color_tab ul {padding:0;	margin:0;	margin-left:10px;}
.color_select_box .color_tab ul li {list-style-type:none;	float:left;	margin-right:1px;}
.color_select_box .color_tab ul li a {display:inline-block;	background:#dfe4e7;	border:1px solid #dbe1e4;	border-bottom:none;	height:28px;	margin-top:5px;	padding:0 13px;
font-size:14px;	color:#000000;	text-decoration:none;	line-height:28px;	-webkit-border-top-left-radius: 03px;	-webkit-border-top-right-radius: 03px;	-moz-border-radius-topleft: 03px;	-moz-border-radius-topright: 03px;	border-top-left-radius: 03px;	border-top-right-radius: 03px;}
 
.color_select_box #paddcolours {display:inline-block;	width:92%;	background:#eaeff2;	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; padding:4%;}
.color_select_box #paddcolours li a.active {border:4px solid #000000;	width:28px;	height:28px;}

.embelishments_section ul {	padding:0;	margin:0;}
.embelishments_section ul li {	list-style-type:none;	float:left;}

.embelishments_section {height:150px;}

.color-embelishment .color-pms_code{background:#f9f9f9; border-top:1px solid #e3e8ed; width:94%; padding:7px 3%; margin:0px;}
.color-embelishment .color-pms_code label{float:left; margin:0; line-height:27px; margin-right:7px;}
.add-more-logo { color:#fff;}

/*========= Jersey Box ======*/
.jersey_box {
	width:380px;
	height:378px;
	margin:0 auto;
	position:relative;
}
.product-image .Amber{width:100%; height:100%;}
.product-image-back .Amber{width:100%; height:100%;}
#mask, #primary, #secondary, #tertiary, #numbering, #logo, #embellishment, #color, #fin, #pattern {
	height:378px;
	left:0px;
	position: absolute;
	top:0px;
	width:380px;
	overflow:hidden;
}
#mask {
	background: url(../images/front/pattern1.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	z-index: 12;
	width: 380px;
}
#primary {
	z-index: 20;
}
#secondary {
	z-index: 30;
}
#tertiary {
	z-index: 40;
}
#numbering {
	z-index: 50;
}
#blklogo2 {
	z-index: 55;
	height: 12px;
	width: 47px;
	position: relative;
	top: 95px;
	left: 165px;
}
#blklogo3 {
	z-index: 55;
	height: 12px;
	width: 47px;
	position: relative;
	top: 95px;
	left: 165px;
}
#blklogo4 {
	z-index: 55;
	height: 12px;
	width: 47px;
	position: relative;
	top: 95px;
	left: 165px;
}
#pattern {
	z-index: 45;
}
#color {
	background-color: #FFFFFF;
	z-index: 10;
}
.jersey_box-back {
	width:380px;
	height:378px;
	margin:0 auto;
	position:relative;
}
#mask-back, #primary-back, #secondary-back, #tertiary-back, #numbering-back {
	height:378px;
	left:0px;
	position: absolute;
	top:0px;
	width:380px;
	overflow:hidden;
}
#mask-back {
	background: url(../images/backside/pattern1.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	z-index: 12;
	width: 380px;
}
#primary-back {
	z-index: 20;
}
#secondary-back {
	z-index: 30;
}
#tertiary-back {
	z-index: 40;
}
#numbering-back {
	z-index: 50;
}
#color-back {
	background-color: #FFFFFF;
	z-index: 10;
}
/*phase 3 */

#mask-3, #primary-3, #secondary-3, #tertiary-3, #numbering-3, #logo-3, #embellishment-3, #color-3, #fin-3, #pattern-3 {
	height:378px;
	left:0px;
	position: absolute;
	top:0px;
	width:380px;
	overflow:hidden;
}
#mask-3 {
	background: url(../images/front/pattern1.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	z-index: 12;
	width: 380px;
}
#primary-3 {
	z-index: 20;
}
#secondary-3 {
	z-index: 30;
}
#tertiary-3 {
	z-index: 40;
}
#numbering-3 {
	z-index: 50;
}
#pattern-3 {
	z-index: 45;
}
#color-3 {
	background-color: #FFFFFF;
	z-index: 10;
}
#mask-back-3, #primary-back-3, #secondary-back-3, #tertiary-back-3, #numbering-back-3 {
	height:378px;
	left:0px;
	position: absolute;
	top:0px;
	width:380px;
	overflow:hidden;
}
#mask-back-3 {
	background: url(../images/backside/pattern1.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	z-index: 12;
	width: 380px;
}
#primary-back-3 {
	z-index: 20;
}
#secondary-back-3 {
	z-index: 30;
}
#tertiary-back-3 {
	z-index: 40;
}
#numbering-back-3 {
	z-index: 50;
}
#color-back-3 {
	background-color: #FFFFFF;
	z-index: 10;
}
/*ends*/


/*phase 4 */

#mask-4, #primary-4, #secondary-4, #tertiary-4, #numbering-4, #logo-4, #embellishment-4, #color-4, #fin-4, #pattern-4 {
	height:378px;
	left:0px;
	position: absolute;
	top:0px;
	width:380px;
	overflow:hidden;
}
#mask-4 {
	background: url(../images/front/pattern1.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	z-index: 12;
	width: 380px;
}
#primary-4 {
	z-index: 20;
}
#secondary-4 {
	z-index: 30;
}
#tertiary-4 {
	z-index: 40;
}
#numbering-4 {
	z-index: 50;
}
#pattern-4 {
	z-index: 45;
}
#color-4 {
	background-color: #FFFFFF;
	z-index: 10;
}
#mask-back-4, #primary-back-4, #secondary-back-4, #tertiary-back-4, #numbering-back-4 {
	height:378px;
	left:0px;
	position: absolute;
	top:0px;
	width:380px;
	overflow:hidden;
}
#mask-back-4 {
	background: url(../images/backside/pattern1.png) no-repeat scroll left top rgba(0, 0, 0, 0);
	z-index: 12;
	width: 380px;
}
#primary-back-4 {
	z-index: 20;
}
#secondary-back-4 {
	z-index: 30;
}
#tertiary-back-4 {
	z-index: 40;
}
#numbering-back-4 {
	z-index: 50;
}
#color-back-4 {
	background-color: #FFFFFF;
	z-index: 10;
}
/*ends*/

/*========= Scroll Bar Design ============*/
#color-embelishment_page .scroll-pane {	width: 100%;	height:183px;	overflow: auto;}
#color-embelishment_page .embelishments_block {	width:453px !important;}

/*============================ Logos Tab ============================*/
.logos .logos_input{margin-top:10px;}
.logos .logos_input label{line-height:25px;}
.logos .logos_input a.but{height:30px; line-height:27px;}

.logos_uploaded{margin-bottom:20px;}
.logos_uploaded .title{font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#657483; text-decoration:none; border-bottom:1px solid #d2d8de; padding:10px 0; display:block; margin-bottom:20px;}
.logos_uploaded .upload_logo{margin-right:14px; width:140px;}
.logos_uploaded .upload_logo.last{margin-right:0px;}
.logos_uploaded .upload_logo img{border:1px dotted #F00; cursor:pointer;}
.logos_uploaded .upload_logo span{display:block; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#657483;}

.add_text{display:inline-block;}
.add_text .row input{width:140px; height:27px;}
.add_text .row{margin-bottom:5px;}
.add_text #picker1, .add_text #picker2{box-shadow:none; height:28px; margin:0; margin-right:10px;}
.add_text .fontSelect{background: url(../images/select_dropdaown.png) no-repeat right 0; width:130px; height:34px; padding-left:12px; line-height:30px; font-family:Tahoma, Geneva, sans-serif; color:##657483; font-size:14px; border:none; margin:0px; border-left:1px solid #cccccc; float:right;}
.add_text .fontSelect .arrow-down{display:none;}
ul.fontSelectUl{width:165px;}
.add_text .fontSelect span{margin-left:0px;}
  
/*.add_text .full .select{width:115px; border-left:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.add_text .full .styled{width:115px !important; border-left:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:30px;}

*/
/*============================ Previews Tab ============================*/
.preview_page .preview_details {float:left;	width:330px; margin-left:50px;}
.preview_page .preview_details .widget{margin-bottom:30px;}
.preview_page .preview_details .row {margin-left:30px;}
.color_section .label_preview{line-height:34px; margin-bottom:5px;}
.color_section .label_preview a{width:34px; height:34px; margin-right:5px; display:inline-block; font-size:0px; vertical-align:top;}
.preview_page .preview_details .row_h{margin-left:30px;}
.preview_page .preview_details .image{display:inline-block; margin:0;	margin-top:15px; margin-right:20px;	float:left;}
.preview_page .preview_details .edit{margin-top:33px;}
.preview_page .rotate{right:-43px;}
.preview_page .select_tshirt_area .right_sec{float:right; width:425px;}

.selected_label{width:265px; float:left; margin-right:20px;}
.selected_label .row_h{margin-bottom:5px;}
.selected_label .row_h label{font-size:14px; width:130px;}
.selected_label .row_h .label_preview{font-size:14px; color:#657483; display:inline-block;}
.pattren_image{width:89px; float:left;}

.uploaded_logos{width:100%; display:inline-block; margin-bottom:20px;}
.uploaded_logos .image{width:124px; float:left; margin-right:10px;}
.uploaded_logos .image.last{margin-right:0px;}
.uploaded_logos .image span{display:block; text-align:center; font-size:13px; color:#657483;}

.add_text_data .row_h{margin-bottom:5px;}
.add_text_data .row_h label{font-size:14px; width:130px;}
.add_text_data .row_h .label_preview{font-size:14px; color:#657483; display:inline-block;}

.add_text_data .row.color_section{width:100%;}
.add_text_data .row label{font-size:14px;}
.add_text_data .color_section .label_preview{display:inline-block; margin-bottom:12px; padding:0 10px; float:left; line-height:normal; color:#657483; text-align:center;}
.add_text_data .color_section .label_preview a{display:block; text-align:center; margin-right:0px; margin:0 auto;border: 1px solid black;}


/*============================ Save Tab ============================*/

.save_page .select_tshirt_area .left_sec{width:600px;}
.save_page .select_tshirt_area .right_sec{width:330px;}

#enquiry_form .title{font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#657483; display:block; border-bottom:1px solid #ced9df; margin-bottom:25px;}
#enquiry_form .title span{font-size:13px; display:block; margin-top:3px; margin-bottom:10px;}
#enquiry_form .row input{width:240px;}
#enquiry_form .row select{ height: 29px;  line-height: 29px;  margin-top: 0;  padding: 5px 0;}
#enquiry_form .row #cmb_dd{width:65px;}
#enquiry_form .row #cmb_mm{width:100px;}
#enquiry_form .row #cmb_yy{width:77px;}
#enquiry_form .row .error{color:#F00; font-size:13px;}
#enquiry_form .row #c_left{color:#F00; font-size:13px;}
#enquiry_form .row textarea{width:92%;}
#enquiry_form .row.full #chk_copy{width:auto;}
#enquiry_form .row #btn_submit{width:auto; padding:0 40px;}


#final_preview_product .row_h{margin-bottom:5px;}
#final_preview_product .row_h label{font-size:14px; width:130px;}
#final_preview_product .row_h .label_preview{font-size:14px; color:#657483; display:inline-block;}

#final_preview_product .front_image{margin:27px 0;}
#final_preview_product .front_image .image{width:190px; float:left;}
#final_preview_product .front_image .colour_box{width:100px; float:left;}
#final_preview_product .front_image .colour_box label{margin-bottom:12px;}
#final_preview_product .front_image .colour_box li{margin:0px; margin-bottom:10px; width:100%; display:inline-block;}
#final_preview_product .front_image .colour_box li a{font-size:13px;}
#final_preview_product .front_image .colour_box li span{font-size:13px; color:#657483; margin-left:8px; display:inline-block; margin-top:5px;}

.save_page .uploaded_logos{margin-bottom:0px;}
.save_page .uploaded_logos .image{width:93px;}
.save_page .uploaded_logos .image.last{margin-right:0px;}

.share_button a{width:114px; height:37px; font-size:12px; padding-left:55px; padding-right:20px; box-shadow:none; vertical-align:top; line-height:36px; margin-right:10px;}
.share_button a.share-facebook{background: url(../images/share_buttons.png) no-repeat 0 0;}
.share_button a.share-twitter{background: url(../images/share_buttons.png) no-repeat -209px 0;}
.share_button a.iframe{background: url(../images/share_buttons.png) no-repeat -418px 0;}
.share_button a.download-pdf{background: url(../images/share_buttons.png) no-repeat -627px 0;}

.share_button .thankyou_text_link{margin-bottom:15px;}
.share_button a.thankyou_link{padding:0; margin:0; height:auto; line-height:20px; color:#d30405; padding-right:5px;}
.share_button a.thankyou_link:hover{text-decoration:none;}


/* Form */
#enquiry_form .box {width:92%;	padding:4%;	padding-bottom:15px;}
#enquiry_form .box form {	margin-top:15px;}
#enquiry_form .box .row {	width:50%;	float:left;}
#enquiry_form .box .row.full {	width:100%;}
#enquiry_form .box .row label {	font-size:13px;	margin-bottom:2px;}
#enquiry_form .box .row textarea {	height:80px;	margin-bottom:5px;	width:89%;}
#enquiry_form .box .row span {	color:#F00;}
#save_page .preview_details .colour_box.h li a{width:48px; line-height:35px;}


/*============================ Loading Image =============================*/
.popup_box{ background: url(../images/popup_bg.png) repeat 0 0; width:100%; height:100%; position:absolute; top:0; left:0; z-index:99999;}

.loading_area{padding:15px; background:#ffffff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; width:100px; margin:0 auto; margin-top:20%;}
.loading_area .loader_img{width:31px; height:31px; margin:0 auto; background: url(../images/loading2.gif) no-repeat -90px -73px;}
.loading_area .loading_text{display:inline-block; width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#666666; text-align:center; margin-top:10px;}

/*============================ Thank You Page ============================*/

.thank-you .product_area {
	width:550px;
}
.thank-you .prodcut_view {
	margin-left:110px;
}
.thank-you .preview_details {
	float:left;
	width:330px;
	margin-left:50px;
}
.thank-you .preview_details .widget {
	margin-bottom:30px;
}
.thank-you .preview_details .row {
	margin-left:30px;
}
.thank-you .preview_details .row_h {
	margin-left:30px;
}
.thank-you .preview_details .image {
	display:inline-block;
	margin:0;
	margin-top:15px;
	margin-right:20px;
	float:left;
}
.thank-you .preview_details .edit {
	margin-top:33px;
}
.thank-you #thank_you .title {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.thank-you #thank_you .red {
	margin-bottom:30px;
}
.thank-you #thank_you .share_button {
	text-align:center;
	margin-top:20px;
	display:inline-block;
}
.thank-you #thank_you .share_button a {
	width:100px;
	margin-right:30px;
	margin-bottom:20px;
	text-align:center;
}


.panel.thanks_you .panel-body{padding:25px;}
.thanks_you .block{margin-bottom:25px; display:inline-block;}
.thanks_you .block .image{border:1px solid #dddddd; margin-right:22px; display:inline-block; float:left; padding:10px; border-radius:3px;}
.thanks_you .block .description{font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:20px; color:#666666; float:left; width:71%;}

/*======================== Next and Previus Button ===========================*/
.header_nav .right{float:right; margin-top:18px; margin-right:15px;}
.header_nav .right a{margin-left:12px;}
.top_step{display:none;}

/*============================ UI Tab Design ================================*/
#categorymenu{width:100%; display:inline-block; background:#444444; margin-bottom:4px;}
#categorymenu ul{padding:0; margin:0;}
#categorymenu ul li{list-style-type:none; float:left; position:relative;}
#categorymenu ul li a{display:inline-block; background:none; height:32px; line-height:32px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-transform:uppercase; color:#ffffff; text-decoration:none; padding:0 20px;}
#categorymenu ul li:last-child > a{padding:0 19px 0 18px;}
#categorymenu ul li:hover > 
a, #categorymenu ul li >
a:hover, #categorymenu ul li >
a.active{background:#000000; text-decoration:none;}

#categorymenu ul li ul{display:none;}
#categorymenu ul li:hover ul{display:block; position:absolute; top:48px; left:0; z-index:999; background:#000000; width:238px; padding-top:15px; padding-bottom:15px;}
#categorymenu ul li ul li{width:100%; display:inline-block;}
#categorymenu ul li ul li a{width:90%; padding:7px 0; padding-left:10%; display:inline-block; line-height:normal; height:auto; text-decoration:none;}
#categorymenu ul ul li:last-child a{width:90%; padding:7px 0; padding-left:10%;}
#categorymenu ul li ul li a:hover, #categorymenu ul li ul li a.active{text-decoration:none; background:#444444;}
#categorymenu ul li:last-child:hover ul{left:inherit; right:0;}

/*========================== Safari and Chrome ===============================*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */

.add_text #picker1, .add_text #picker2{font-size:0px; background:none; border-left:none; width:1px; outline:none;
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius: 5px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-radius: 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* End :-  Safari and Chrome */
}

/*========================== IE9 CSS CODE ===============================*/
@media all and (min-width:0\0) and (min-resolution: .001dpcm){
#categorymenu ul li:last-child > a{padding-left:28px; padding-right:29px;}  
}

select#select-category {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #BAC3CC;
    border-radius: 5px;
    font-size: 16px;
    height: 34px;
    padding: 5px;
    width: 304px;
    -webkit-appearance: none;
    color: #657483;
}

.select-category-div{
    display: inline-block;
   background: url("../images/select_arrow.png") no-repeat scroll 97% center #FFFFFF;
    border-radius: 5px;
    height: 34px;
    overflow: hidden;
    width: 280px;
} 

select#select-fabrics {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #BAC3CC;
    border-radius: 5px;
    font-size: 16px;
    height: 34px;
    padding: 5px;
    width: 304px;
    -webkit-appearance: none;
    color: #657483;
}

.select-fabrics-div{
    display: inline-block;
   background: url("../images/select_arrow.png") no-repeat scroll 97% center #FFFFFF;
    border-radius: 5px;
    height: 34px;
    overflow: hidden;
    width: 280px;
}

select#dd_name_back {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #BAC3CC;
    border-radius: 5px;
    font-size: 16px;
    height: 34px;
    padding: 5px;
    width: 163px;
    -webkit-appearance: none;
    color: #657483;
}
.dd_name_back_div{
    display: inline-block;
   background: url("../images/select_arrow.png") no-repeat scroll 97% center #FFFFFF;
    border-radius: 5px;
    height: 33px;
    overflow: hidden;
    width: 137px;
    border: 1px solid #CED9DF;
}

select#dd_number_back {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #BAC3CC;
    border-radius: 5px;
    font-size: 16px;
    height: 34px;
    padding: 5px;
    width: 163px;
    -webkit-appearance: none;
    color: #657483;
}
.dd_number_back_div{
    display: inline-block;
   background: url("../images/select_arrow.png") no-repeat scroll 97% center #FFFFFF;
    border-radius: 5px;
    height: 33px;
    overflow: hidden;
    width: 137px;
    border: 1px solid #CED9DF;
    float: left;
    margin-right: 5px;
}

select#dd_font_number_back {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #BAC3CC;
    border-radius: 5px;
    font-size: 16px;
    height: 34px;
    padding: 5px;
    width: 123px;
    -webkit-appearance: none;
    color: #657483;
}
.dd_font_number_back_div{
    display: inline-block;
   background: url("../images/select_arrow.png") no-repeat scroll 97% center #FFFFFF;
    border-radius: 5px;
    height: 33px;
    overflow: hidden;
    width: 98px;
    border: 1px solid #CED9DF;
}