#cpanel_wrapper {
	background: #e5e5e5;
	border: 1px solid #f3f3f3;
	border-right: none;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 8px;
	position: fixed;
	top: 40px;
	width: 300px;
	z-index: 999;
	right: -302px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}
#cpanel_btn {
	background: url(../images/cpanel/bg-cpanel-head.png) repeat left center #666 ;
	width: 40px;
	border-right: none;
	position: absolute;
	left: -41px;
	top: 8px;
	padding: 8px 0 9px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius: 3px 0 0 3px;
}
#cpanel_wrapper .cpanel-head {
	background: url(../images/cpanel/bg-cpanel-head.png) repeat left center #666 ;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	padding: 3px 10px 0 10px;
	float: left;
	color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
#cpanel_wrapper .cpanel-reset {
    float: right;
    margin: -3px -10px 0 0;
    position: relative;
    z-index: 1;
}
#cpanel_wrapper .cpanel-reset:before {
    border-color: rgba(0, 0, 0, 0) #0291FF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 8px 8px 8px 0;
    content: "";
    left: 3px;
    position: absolute;
    top: 9px;
}
#cpanel_wrapper .cpanel-reset .btn {
    background: none repeat scroll 0 0 #0291FF;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    font-weight: normal;
    padding: 8px 15px;
    text-transform: none;
    transition: all 0.2s ease 0s;
	color: #fff;
}
#cpanel_wrapper .cpanel-reset .btn:hover,
#cpanel_wrapper .cpanel-reset .btn:focus{
	outline: none;
}
#cpanel_wrapper .cpanel-reset:hover .btn {
    padding-right: 25px;
	outline: none;
}
#ytcpanel_accordion .accordion-heading{
    background-color: #F9F9F9;
    background-image: linear-gradient(to bottom, #FFFFFF, #F1F1F1);
    background-repeat: repeat-x;
    border: 1px solid #BCBCBC;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.5) inset;
    margin: -1px;
	padding: 7px 10px;
}
#ytcpanel_accordion .accordion-heading:hover {
    background-color: #EDEDED;
    background-image: linear-gradient(to bottom, #F5F5F5, #E0E0E0);
    background-repeat: repeat-x;
}
#ytcpanel_accordion .accordion-heading.accordion-open {
    background: linear-gradient(to bottom, #999999, #777777) repeat-x scroll 0 0 #8B8B8B;
    border-color: #777777;
    box-shadow: none;	
}
#ytcpanel_accordion .accordion-heading .accordion-toggle {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
}
#ytcpanel_accordion .accordion-heading .accordion-toggle i{
	color: #999999;
    float: left;
    font-size: 14px;
    margin: 2px 5px 0 0;
}
#ytcpanel_accordion .accordion-heading.accordion-open .accordion-toggle,
#ytcpanel_accordion .accordion-heading.accordion-open .accordion-toggle i{
	color: #fff;
}
#ytcpanel_accordion .accordion-heading.accordion-open .accordion-toggle 
.icon-expand-alt:before{
	content:"\f117";
}
#ytcpanel_accordion .accordion-group .collapse {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
#ytcpanel_accordion .accordion-group .collapse:before {
    border-color: #777777 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 8px 8px 0;
    content: "";
    left: 15px;
    position: absolute;
    top: -2px;
}
#ytcpanel_accordion{
	float: left;
	margin-top: 10px;
	width: 100%;
}
#ytcpanel_accordion .accordion-inner {
	padding: 15px 10px 10px;
	border: none;
}



#cpanel_wrapper option,#cpanel_wrapper optgroup,
#cpanel_wrapper input,#cpanel_wrapper select{
	background: none;
	color: #333;
}
#cpanel_wrapper select#select-store{
	padding: 3px 2px;
}

#cpanel_wrapper input.inputbox {
	border-radius: 0 0 0 0 !important;
	box-shadow: none !important;
	font-size: 11px !important;
	margin: 0 3px 0 0 !important;
	padding: 0 3px !important;
	width: 80px !important;
}

select.cp_select {
	font-size: 11px;
	height: auto;
	padding: 3px 2px;
	width: 120px;
	border-radius: 0px;
	color: #333;
	border:1px solid #dedede;
}


.cpanel-head > span{
	float: left;
    margin-top: 5px;
	text-transform: uppercase;
}


.theme-color-heading {
	font-weight: bold;
	padding: 5px 0;
	display: block;
}

.cpanel-theme-color .theme-color.active {
	box-shadow: 0 0 0 2px rgba(173, 35, 35, 1) inset;
}

.cpanel-theme-color .theme-color {
	background-color: #CCC;
	width: 38px;
	height: 25px;
	line-height: 35px;
	text-align: center;
	float: left;
	margin: 0 4px 5px 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.cpanel-theme-color .theme-color:hover {
	opacity: 0.7;
}

.cpanel-theme-color .theme-color.cyan {
	background-color: #00A68E;
}

.cpanel-theme-color .theme-color.blue {
	background-color: #478BCA;
}

.cpanel-theme-color .theme-color.green {
	background-color: #52C879;
}

.cpanel-theme-color .theme-color.orange {
	background-color: #ff9000;
}

.cpanel-theme-color .theme-color.yellow {
	background-color: #F3D213;
}

.cpanel-theme-color .theme-color.red {
	background-color: #DB1C5D ;
}

#ytcpanel_accordion .accordion-group {
	border:1px solid #bcbcbc;
	margin-bottom: 5px;
}
#ytcpanel_accordion .accordion-inner{
	background: #fff;
}

/*#ytcpanel_accordion .accordion-group.cpanel-typography{
	border: none;
	padding-bottom: 0;
}
*/

#ytcpanel_accordion .cp-item {
	width: 33%;
	float: left;
}
#ytcpanel_accordion .cp-item > span.
#ytcpanel_accordion .store-switcher > span{
	width: 100%;
	float: left;
	margin-bottom: 2px;
}

#ytitem_3 .cp-item,
#ytitem_7 .cp-item{
	margin-bottom: 5px;
}
#ytitem_4 .cp-item,
#ytitem_5 .cp-item{
	margin-bottom: 5px;
	width: 100%;
}

#ytcpanel_accordion .cp-item.body-background-image {
	width: 100%;
	margin-bottom: 0;
}

#ytcpanel_accordion .cpanel-typography .cp-item {
	width: 50%;
}



.cp-item .pattern {
	height: 20px;
	margin: 0 5px 5px 0;
	width: 30px;
	border: 1px solid #CCC;
	float: left;
	cursor: pointer;
	text-indent: -999em;
	background-color: #f5f5f5;
}

.cp-item .pattern:hover {
	background-color: #ccc;
	border-color: #535353;
}

.cp-item .pattern.active {
	border-color: #535353;
}

#cpanel_wrapper a.reset {
	margin: 0 0 0 10px;
	color: #000;
}

.cpanel-input {
	padding: 1px 5px !important;
	width: 30px;
	font-size: 11px !important;
}

.cpanel-select {
	height: auto;
	padding: 2px !important;
	width: 90px;
	font-size: 11px !important;
}



#cpanel_btn i {
	vertical-align: top;
}

#cpanel_btn i:before {
	font-size: 18px;
}

/*background image header*/
.hpattern1 {  
    background-image: url(../images/hpattern/hpattern1.png);
}
.hpattern2 {
    background-image: url(../images/hpattern/hpattern2.png);
}
.hpattern3 {
    background-image: url(../images/hpattern/hpattern3.png);
}
.hpattern4 {
    background-image: url(../images/hpattern/hpattern4.png);
}
.hpattern5 {
    background-image: url(../images/hpattern/hpattern5.png);
}
.hpattern6 {
    /*background-image: none;*/
}
/*background image footer*/
.fpattern1 {
    background-image: url(../images/fpattern/fpattern1.png);
}
.fpattern2 {
    background-image: url(../images/fpattern/fpattern2.png);
}

.fpattern3 {
    background-image: url(../images/fpattern/fpattern3.png);
}

.fpattern4 {
    background-image: url(../images/fpattern/fpattern4.png);
}

.fpattern5 {
    background-image: url(../images/fpattern/fpattern5.png);
}
.fpattern6 {
    /*background-image: none;*/
}

/*background image body*/
.pattern1 {
    background-image: url(../images/pattern/pattern1.png);
	background-attachment: fixed;
}
.pattern2 {
    background-image: url(../images/pattern/pattern2.png);
	background-attachment: fixed;
}
.pattern3 {
    background-image: url(../images/pattern/pattern3.png);
	background-attachment: fixed;
}
.pattern4 {
    background-image: url(../images/pattern/pattern4.png);
	background-attachment: fixed;
}
.pattern5 {
    background-image: url(../images/pattern/pattern5.png);
	background-attachment: fixed;
}
.pattern6 {
    /* background-image: url(../images/pattern/pattern6.png); */
	background-attachment: fixed;
}
.pattern7 {
    background-image: url(../images/pattern/pattern7.png);
	background-attachment: fixed;
}
.pattern8 {
    background-image: url(../images/pattern/pattern8.jpg);
	background-attachment: fixed;
}
.pattern9 {
    background-image: url(../images/pattern/pattern9.jpg);
	background-attachment: fixed;
}
.pattern10{
    background-image: url(../images/pattern/pattern10.jpg);
	background-attachment: fixed;
}
.pattern11 {
    background-image: url(../images/pattern/pattern11.jpg);
	background-attachment: fixed;
}
.pattern12 {
    background-image: url(../images/pattern/pattern12.jpg);
	background-attachment: fixed;
}
.pattern13{
    background-image: url(../images/pattern/pattern13.jpg);
	background-attachment: fixed;
}
#ytcpanel_accordion .accordion-heading a:hover{
	color:#555555!important;
}
#cpanel_wrapper a.reset:hover{
	color:#fff!important;
}
input.miniColors{
	border:1px solid #dedede;
	height:22px;
	line-height:22px;
}



/*=============================================================================/
	new CSS
===============================================================================*/
/* for newsletter */

.newsletter_block{background:#f0f0f0; /*border-bottom:15px solid white;margin-bottom: 15px; padding-bottom: 10px;*/}
.news_heading{background:url(../images/newltr_icn.jpg) no-repeat left center #d9d9d9; line-height:40px; font-size:22px; color:#878787; padding:0 0 0 47px;}
.newsletter_block p{color:#606060; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px 0;}

.input-box{width:100%; height:33px;margin-bottom:20px;
/* Disabled for box left alignment  
padding-left:10px;*/}
.input-box-newsletter{width:96%; height:33px;margin-bottom:20px; border: 1px solid #d9d9d9;
/* Disabled for box left alignment  
padding-left:10px;*/}
/*#newsletter{width:168px; height:31px; background:url(../images/mail_input_bg.jpg) no-repeat left center #ffffff; border:1px solid #d9d9d9; border-left:0px; float:left; padding:0 0 0 43px; color:#999898;}*/
#newsletter{width:168px; height:31px;/*border:1px solid #d9d9d9;*/ border-left:-1px; float:left; padding:0 0 0 0px; color:#999898;}
.submit_button{background:#3f3e44; height:31px; border:none; float:left; color:#ffffff; padding:7px 9px; margin:px 0 0 0;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
=======
.input-box{background:url(../images/mail_input_bg.jpg) no-repeat left center; width:250px; height:31px; padding-left:30px; margin-bottom:7px;}
#newsletter{/*border:1px solid #d9d9d9;*/ float:left; width:91%; height:31px; padding:0 0 0 10px; color:#999898; border-right:0px; }
.submit_button{background:#3f3e44; border:none; float:left; color:#ffffff; padding:7px 9px; margin:px 0 0 0; -webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;}


.cntnt_bxslider{width:246px; height:auto;}
.cntnt_bxslider ul{width:246px; height:auto; background:none;}
.cntnt_bxslider h2{width:246px; height:auto; padding:0 0 0px 0; font-family: 'colaborate-thinregular'; font-size:35px; color:#5e5e5e;}

/* for quick order*/
.order_heading{background:#d9d9d9; line-height:40px; font-size:22px; color:#878787; padding:0 0 0 47px;}


/*=============================================================================/
	for boxslider start
===============================================================================*/
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {/*width:246px; margin: 0 auto 60px;*/ height:auto; background:#fff; margin:0 4px 4px 4px !important;
	position: relative;	padding: 0; *zoom: 1;
}

.bx-wrapper img {width:135px; height:135px; margin:0px auto; display: block;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {width:100%; height:300px !important;
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {width:246px; height:auto; position: absolute;}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:200px;
	background: url(images/controls.png) no-repeat -5px -32px;
}

.bx-wrapper .bx-next {
	right:0px;
	background: url(images/controls.png) no-repeat -49px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: -5px -32px;
}

.bx-wrapper .bx-next:hover {
	background-position: -49px -32;
}
.bx-wrapper .bx-controls-direction{margin:10px;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top:0px;	
	outline: 0;
	width:20px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999; margin:0 -10px;
}

.bx-wrapper .bx-controls-direction a.disabled {}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { display:none;
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*=============================================================================/
	for boxslider end 
===============================================================================*/
/*new arrival slider*/
.products-grid li.arrivl_item {width:246px; height:auto; float:left; padding:0 0 0px; }
.products-grid .arrivl-image { display:block; width:229px;/* height:189px; border:4px solid #ced2d6;*/text-align:center;  margin:0 0 0 0px;}
.products-grid .product-name {margin-top:10px; margin-bottom:5px; margin-right:10px}
.products-grid .arrivl-name{width:93%; height:auto; padding-left:15px;}
.products-grid .arrivl-name a {width:100%; color:#606060; text-decoration:none; display:block; padding:5px 0px 5px 0px; font-size:13px; line-height:22px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.products-grid .arrivl-name a:hover {color:#838383; text-decoration:none;}
.arrivl_readmore{width:auto; height:auto; float:left; background:#333333; padding:3px 6px; font-family: 'colaborate-thinregular'; color:white; font-size:16px; text-decoration:none; margin-top:5px;}


#theForm{width:auto; height:auto; float:left; /*padding:10px 10px 10px 35px;*/}
#theForm h1{width:50%; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; font-size:14px; color:#606060; padding:5px 0;}
.validate-alphanum{width:138px; height:27px; border:1px solid #bdbab4; margin:3px 5px 3px 0; padding:0 0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.validate-number{width:80px; height:27px; border:1px solid #bdbab4; margin:3px 0; padding:0 0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.othersites{width:30%; height:auto; margin:0 4px 4px 4px; background:#fff; padding:15px; -moz-box-shadow: 0px 1px 4px #c3c3c3; -webkit-box-shadow: 0px 1px 4px #c3c3c3; box-shadow: 0px 1px 4px #c3c3c3;}
.customerprojects{width:30%; height:auto; margin:0 4px 4px 4px; background:#fff; padding:15px; -moz-box-shadow: 0px 1px 4px #c3c3c3; -webkit-box-shadow: 0px 1px 4px #c3c3c3; box-shadow: 0px 1px 4px #c3c3c3;}

.newsLetter{width:30%; height:auto; margin:0 4px 4px 4px; background:#fff; padding:15px; -moz-box-shadow: 0px 1px 4px #c3c3c3; -webkit-box-shadow: 0px 1px 4px #c3c3c3; box-shadow: 0px 1px 4px #c3c3c3;}

.blog_posts{width:100%; height:auto; border-bottom:1px dashed #666666; float:left; margin:0 0 0px 0; padding:10px 0;}
.blog_posts img{width:58px; height:51px; float:left; margin:0 10px 0 0;}
.post_head{font-family: Gautami; font-size:14px; font-weight:bold; color:#606060 !important;}
.post_date{font-size:11px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
.veiw_all{width:100%; text-align:center; padding:3px 0; float:left; border-bottom:1px dashed #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#606060;}
.veiw_all:hover{color:#666666 !important;}
#newsletter-validate-detail p{padding:4px 12px 0;}
.cst_project{width:100%; height:auto; float:left;}
.cst_project img{width:100%; height:auto;}
.submit_button2{background:#3f3e44; height:31px; border:none; float:left; color:#ffffff; padding:7px 9px; margin:px 0 0 0; margin-left: 15px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.submit_button2_home{background:#7E7E7E; border:none; color:#ffffff; padding:5px 3px; width:18%;}
.submit_button_og{background:#3f3e44; height:31px; border:none; float:left; color:#ffffff; padding:7px 9px; margin:px 0 0 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
/*============header css=================*/
.header_rightsec{width:auto; }
.social_media{width:; height:auto;}
.header_rightsec_bottom{width:30%; margin-bottom:10px; margin-top:10px;}
.ph_inputarea{/*width:100%; background:red; height:auto*/ margin:5px 0 0 25px;}
.ph_inputarea p{font-family:Arial, Helvetica, sans-serif; font-size:14px; height:auto; color:#6e6e6e; line-height:18px; text-align:right;}
.ph_inputarea p a{font-size:14px; color:#808080;}
.ph_inputarea p a:hover{text-decoration:underline; color:#999999 !important;}
.header_rightsec_top{/*margin-bottom:10px;*/ float:right; width:54%;}

.footer_logos a{margin:0 1px;}
.footer_left_content p{color:#6e6e6e; font-size:11px;}

.footer_right_content p{color:#6e6e6e; font-size:11px;}
.footer_right_content p a{margin:0 3px; color:#6e6e6e;}
.footer_right_content p a:hover{text-decoration:underline; color:#444444;}

.cms-page-view .std .save_more{width:auto; height:auto; background:#e5e9ea; padding:10px; margin:5px; float:left;}

.post_head_title{font-family: Gautami; font-size:24px; font-weight:bold;padding-top:26px; color:#606060 !important; line-height: 100%;}
.post_head_content{font-family: Gautami; font-size:19px; font-weight:100; line-height:24.5px;color:#606060 !important; padding:0 40px;}