/* 
Site Name: GrapVine Digitizing,
Site Email: info@grapvinedigitizing.com,
Site Phone: +1 <?php echo sitephone; ?>,
Author Name: Wabxperts > Rao Waqar Ali,
Author Company: Wabxperts,
Author Email: info@wabxperts.com,
Author URL: http://www.wabxperts.com,
*/
@font-face {
    font-family: 'vagabondbold';
    src: url('../fonts/vagabndb-webfont.eot');
    src: url('../fonts/vagabndb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vagabndb-webfont.woff') format('woff'),
         url('../fonts/vagabndb-webfont.ttf') format('truetype'),
         url('../fonts/vagabndb-webfont.svg#vagabondbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vagabondregular';
    src: url('../fonts/vagabnd-webfont.eot');
    src: url('../fonts/vagabnd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vagabnd-webfont.woff') format('woff'),
         url('../fonts/vagabnd-webfont.ttf') format('truetype'),
         url('../fonts/vagabnd-webfont.svg#vagabondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular.woff') format('woff'),
         url('../fonts/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*
{
	padding:0;
	margin:0;
}

body
{
}
li
{
	list-style:none;
}
.clear
{
	clear:both;
}
a,img
{
	border:0;
}





.logo-bg
{
	background-color:#000;
}
.topnav-bg
{
	background-color:#e55a4f;
	padding-bottom:5px;
}
.container-bg
{
	background-color:#000;
}
.123bg
{
	height:254px;
}
.choose-bg
{
	background-color:#FC0;
	height:200px;
}
.footer-bg
{
	background-image:url(../images/footer-bg.png);
	background-repeat:repeat-x;
	padding-bottom:14px;
	height:225px;
	width:100%;
}
.cont-bg
{
	background-color:#e3bf2d;
	height:200px;
}
.why-choose-us-bg
{
	background-color:#e3bf2d;
	height:400px;
}
.copy-bg
{
	background-color:#8b6233;
	height:50px;
}














.fullwrap
{
	width:100%;
	margin:auto;
}
.wrapper
{
	width:100%;
	margin:auto;
}




.logo
{
	padding:10px;
	width:350px;
	float:left;	
}
.social-media
{
	float:right;
	padding-top:10px;
	margin-right:20px;
}
.social-media a.logintextbtn
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	font-weight:normal;
	display:block;
	text-decoration:none;
}
.social-media a.signupbtn
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:normal;
}
.social-media a.signupbtn:hover,.social-media a.logintextbtn:hover
{
	text-decoration:none;
	color:#e55a4f;
	transition:all 2s;
}
.social-media ul li
{
	list-style-type:none;
	float:left;
	padding-bottom:3px;
	padding-top:7px;
	padding-right:6px;
}
.social-media ul li img
{
	border:solid 2px #000;
}
.footer-bg .social-media ul li img
{
	border:solid 2px #714f29;
	border-color:0;
}
.social-media ul li img:hover
{
	border:solid 2px #fff;
	transition:all 2s;
}



.call
{
	clear:both;
	margin-right:8px;
	color:#fff;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	display:block;
}
















.submenu,.adminmenu
{
	margin-left:0px !important;
}
.adminmenu ul li a:last-child
{
	border-right:0;
}
.adminmenu ul li a
{
	font-size:13px !important;
	border-right:solid 1px #000;
	text-decoration:underline !important;
}
.submenu ul li:last-child
{
	border-right:0;
}
.submenu ul li a,.submenu ul li.active a
{
	padding:0 !important;
	font-size:13px !important;
	padding:10px !important;
	background-color:#000 !important;
	color:#e55a4f !important;
	text-decoration:underline !important;
	
}
.topnav
{
	margin-left:80px;
	
}
.topnav ul li
{
	list-style-type:none;
	display:block;
	float:left;
}
.topnav ul li a
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	font-weight:normal;
	display:block;
	text-decoration:none;
	padding:22px 25px 18px 25px;
}
.adminmenu ul li a
{
	padding:22px 10px 18px 10px !important;

}
.adminmenu ul li:hover,.adminmenu ul li.active
{
	border-bottom:solid #714f29 0px !important;
}
.topnav ul li:hover,.topnav ul li.active
{
	background-color:#000000;
	border-bottom:solid #714f29 5px;
	transition:all 2s ease 0s;

}
.topnav ul li:hover a,.topnav ul li.active a
{
		color:#fff;
		transition:all 2s ease 0s;
}















.container
{
	

	background-image:url(../images/contant-bg.png);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:15px;
	background-color:#000;
}
.container h2
{
	padding-left:115px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
	padding-top:8px;
	font-size:40px;
}
.container h1
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:50px;
}
.container h1 span
{
	color:#e55a4f;
}
.container h2
{
	padding-left:40px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	font-size:27px;
}
.containertext
{
	width:60%;
}
.containertext h2
{
	padding-bottom:15px;
	text-align:center;
	width:350px;
}
.container p
{
	padding-top:5px;
	padding-left:60px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-bottom:20px;
	font-weight:normal;
	font-size:13px;
	width:310px;
	text-align:center;
}
.viewbtn
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	margin-left:165px;
	text-decoration:none;
	cursor:pointer;
	border:0;
	background-color:#e55a4f;
	text-align:center;
	font-weight:bold;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	padding-bottom:10px;
	transition:all 2s ease 0s;
	border:solid 1px #e55a4f;
}
.more-info 
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	margin-left:165px;
	cursor:pointer;
	border:0;
	background-color:#e55a4f;
	text-align:center;
	padding-bottom:5px;
	height:43px;
	width:142px;
	font-weight:bold;
}
.more-info:hover
{
	transition:all 1s ease 0s;
	background-color:#F90;
}
.viewbtn:hover
{
	transition:all 2s ease 0s;
	background-color:#000;
	color:#e55a4f;
	border:solid 1px #e55a4f;
}
.readbtn
{
	float:right;
	width:90px;
	margin-right:10px;
	margin-top:5px;

}
.readbtn2,.readbtn3
{
	padding-top:35px;
	float:right;
	width:90px;
	margin-right:10px;
	margin-top:5px;
}
.readbtn:hover,.readbtn3:hover,.readbtn2:hover
{
	opacity:0.6;
}














































.contant
{
	background-image:url(../images/contant1-bg.png);
	background-repeat:repeat-y;
	width:339px;
	float:left;
	height:200px;
}
.contant h3
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	padding-left:10px;
	padding-top:4px;
	display:block;
	text-shadow:#333 2px 1px 3px;
	font-weight:normal;
	padding-top:10px;
}
.contant p
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-left:10px;
	padding-top:12px;
	width:92%;
	height:111px;
}
.contant a.viewbtn
{
	float:right;
	display:block;
	background-color:#000;
	color:#e55a4f;	
}
.contant a.viewbtn:hover
{
	color:#000;
	background-color:#e55a4f;	
	transition:all 2s;
}































.welcome
{
	float:left;
	width:775px;
}
.welcome h1
{
	padding-left:10px;
	padding-top:15px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:30px;
	font-weight:normal;
}
.welcome h1 span
{
	padding-left:10px;
	padding-top:15px;
	padding-right:10px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#714F29;
}
.welcome p
{
	padding-left:10px;
	display:block;
	color:#000;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}



























.testimonial
{
	float:right;
	margin-top:15px;
	margin-right:5px;
	margin-bottom:15px;
	height:240px;
	width:240px;
	background-color:#e55a4f;
}
.testimonial h1
{
	background-image:url(../images/testimonial-bg.png);
	background-repeat:repeat-x;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:20px;
	text-shadow:4px 2px 5px #333;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.testimonial img
{
	padding:15px 0 10px 15px;
}
.testimonial p
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	padding-left:10px;
}
.testimonial span
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	font-size:16px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
}





































.vector
{
	background-image:url(../images/vector-bg.png);
	background-repeat:repeat-y;
	background-color:#000;
	width:510px;
	height:300px;
	float:right;
}
.vector h2
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	text-align:right;
	font-size:23px;
	padding:30px 45px 40px 0px;	
	font-weight:normal;
}
.vector ul li
{
	list-style-type:none;
	float:left;
	padding:0px 5px 10px 5px;
}
.vector ul li:hover
{
	opacity:0.8;
}
.digitizee ul li:hover
{
	opacity:0.8;
}











.digitizee
{	
 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(right, #000000 0%, #212121 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(right, #000000 0%, #212121 100%);

/* Opera */ 
background-image: -o-linear-gradient(right, #000000 0%, #212121 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, right top, color-stop(0, #000000), color-stop(1, #212121));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(right, #000000 0%, #212121 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to left, #000000 0%, #212121 100%);
	width:509px;
	height:300px;
	float:left;
}
.leftone
{
	 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(left, #000000 0%, #212121 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #000000 0%, #212121 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #000000 0%, #212121 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(1, #212121));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #000000 0%, #212121 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to right, #000000 0%, #212121 100%);


}
.digitizee h2
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:23px;
	padding:30px 0 40px 42px;	
	font-weight:normal;
}
.digitizee ul li
{
	list-style-type:none;
	float:left;
	padding:0px 5px 10px 5px;
}

.left-arrow
{
	display:block;
	margin-top:106px;
	margin-left:60px;
}
.right-arrow
{
	display:block;
	margin-top:106px;
	margin-right:-65px;
}







































.footer-1
{
	width:350px;
	padding-left:45px;
	float:left;
}
.footer-1 h2
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	font-size:28px;
	font-weight:normal;
}
.footer-1 p
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f2f2f2;
	text-align:left;
}
.footer-1 span
{
	color:#FFFFFF;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.footer-1 h6
{
	color:#ccc;
	padding-top:5px;
	display:block;
	font-size:14px;
	font-weight:normal;
}
.footer-1 a
{
	color:#f2f2f2;
	display:block;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
}
.footer-1 a:hover
{
	text-decoration:underline;
}

.footer-1 br
{
	line-height:10px;
}























.bottomnav
{
	width:110px;
	float:left;
}
.bottomnav ul li
{
	list-style-type:none;
	background-image:url(../images/needlebullete.png);
	background-repeat:no-repeat;
	background-size:15px;
	background-position:0px 10px ;
	padding-left:25px;
	padding-bottom:5px;
}
.bottomnav ul li a
{
	color:#fff;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	display:block;
	text-decoration:none;
	padding-top:5px;
}
.bottomnav ul li a:hover 
{
	color:#dcad76;
	transition:all 2s;
}
.bottomnav ul li.active a
{
	color:#dcad76;
}























.copyright
{
	background-color:#609;
}
.copyright span
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	text-align:left;
	font-weight:normal;
}


















































.why-choose-us
{
	background-image:url(../images/why-choose-us-bg.png);
	height:400px;
	background-repeat:repeat-y;
}
.why-choose-us p
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-left:20px;
	line-height:25px;
	width:700px;
}
.why-choose-us span
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	padding-left:20px;
	padding-top:10px;
	display:block;
	padding-bottom:10px;
	text-shadow:#333 3px 1px 3px;
}

.leftcontent
{
	width:75%;
	float:left;
}
.leftcontent h3
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	padding-left:10px;
	padding-bottom:10px;
}

.qlinks h2
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	font-size:28px;
	font-weight:normal;
}
.needleul li
{
	list-style-type:none;
	background-image:url(../images/needlebullete-black.png) !important;
	background-repeat:no-repeat;
	background-size:15px;
	background-position:0px 5px;
	padding-left:25px;
	padding-bottom:10px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
.fullwidth
{
	width:100%;
}
.address
{
	width:250px;
	float:left;
}
.map
{
	width:760px;
	float:left;
}
.contact-form div {
    background: none repeat scroll 0 0 #F6F6F6;
    border-radius: 1px 1px 1px 1px;
    margin: 0 0 3px;
    overflow: hidden;
    padding: 5px 4px;
    position: relative;
}
.contact-form label {
    font-size: 14px;
    font-style: italic;
    padding: 5px 0;
	cursor: pointer;
}

.contact-form input.name {
    background-image: url("../images/i_name.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 45px;
}
.contact-form input[type="text"], .contact-form textarea, .contact-form select {
    -moz-box-sizing: border-box;
    float: left;
    width: 100%;
}
.contact-form input,.contact-form textarea,.contact-form select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    color: #666;
    font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 8px 13px 7px;
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus
{
	background-color:#e55a4f;
	color:#000;
	transition:all 2s;
}
.contact-form button, input {
    line-height: normal;
}

.contact-form input.email {
    background-image: url("../images/i_feedburner.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    float: right;
    padding-left: 45px;
}

.contact-form input.url {
    background-image: url("../images/i_website.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
}
.contact-form input.phone {
    background-image: url("http://www.computersozone.com/wp-content/uploads/2013/09/phone.png");
    background-position: 9px 8px;
    background-repeat: no-repeat no-repeat;
    padding-left: 45px;
}
.contact-form .contact-submit .submit_button {
    float: right;
    margin: 5px 7px 9px 0;
	background-color:#e55a4f;
	color:#000;
	border:solid 1px #e55a4f;
	cursor:pointer;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	transition:all 2s;
}
.contact-form .submit_button:hover
{
	border:solid 1px #e55a4f;
	background-color:#000;
	color:#e55a4f;
	transition:all 2s;
}
#recaptcha_area
{
	margin:auto !important;
}
.followus h3
{
    font-family: 'vagabondregular';
	font-size:18px;
	color:#666;
}
.cont ul li img
{
	border:solid 2px #fff !important;
}
.cont
{
	float:none;
	margin:auto;
}
.cont ul li img:hover
{
	border:solid 2px #e55a4f !important;
}
.recaptchatable a, .recaptchatable a:hover
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000 !important;
}
.copyrightfooter
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	float:left;
	width:50%;
	padding-top:18px;
}
.designby
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	float:right;
	padding-top:18px;
}
.designby a
{
	color:#fff;
	transition:all 2s;
}
.designby a:hover
{
	color:#000;
	text-decoration:none;
	transition:all 2s;
}
.welcome p strong
{
	font-family: 'vagabondregular';
	font-size:20px;
	display:block;
	padding-bottom:8px;
}
.welcome p strong:hover
{
	text-decoration:underline;
	transition:all 2s;
}
.welcome p a
{
	color:#e55a4f;
}
.welcome p a:hover
{
	text-decoration:none;
	color:#333;
	transition:all 2s;
}
.price ul 
{
	padding-left:25px;
	padding-top:10px;
}
.price ul li
{
	background-image:url(../images/needlebullete-black.png);
	background-repeat:no-repeat;
	background-size:15px 15px;
	padding-left:20px;
	padding-bottom:8px;
}
.fullsizer
{
	width:100%;
}
.digitizing-portfolio
{
	width:1020px;
	margin:auto;
}
.specialoffer
{
	margin-top:20px;
}




#loginForm,#resetForm  {

    background-color:#e55a4f;
    width: 250px;
    height: 114px;
    padding: 10px;
    color: #fff;
	position:absolute;
	display:none;
	border:solid 1px #000;
}
#resetForm
{
	width:250px;
	height: 94px;
}
#resetForm .form-label
{
	width:115px;
}
#resetForm .form-field
{
	width:110px;
}
#resetForm .form-field input
{
	width:110px;
}
#resetForm .submit-btn input
{
	margin-left:0;
	margin-top:3px;
}
.label {
   cursor: pointer; 
   display:block;
   padding: 5px 15px;
   font-size: 16px;
   font-weight: bold;    
}
.form-label {
    width: 60px;
    font-size: 14px;
    font-weight: bold; 
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:right;
	padding-right:5px;
}
.form-field {
    width: 180px;
}

.form-elements {
    margin: 10px 0 0 0;
    display: block;
}

.form-label, .form-field {
    display: inline-block;
}

.form-field input {
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:5px;
	border:1px solid #e55a4f;
	transition:all 2s;
	width:160px;
}
.form-field input:focus
{
	border:1px solid #000;
	background-color:#000;
	color:#e55a4f;
	transition:all 2s;
}
.submit-btn input {
    margin-left: 69px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	border:1px solid #e55a4f;
	font-size:13px;
	font-weight:bold;
	padding:6px 15px;
	text-align:center;
	transition:all 2s;
	cursor:pointer;
	background-color:#000;
	color:#e55a4f;
	
}
.form-link a
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#000;
	font-size:12px;
	transition:all 2s;
}
.form-link a:hover
{
	color:#fff;
	transition:all 2s;
}
.linkelement
{
	margin:0;
}
.submit-btn input:hover
{
	background-color:#e55a4f;
	color:#000;
	transition:all 2s;
}

#MyLiveChatScriptButton
{
	display:none;
}
.chaticon
{
	float:left;
	width:235px;
	text-align:center;
}
.chaticon img
{
	width:60px;
	border:solid 4px #fff;
	border-radius:50px;
	padding:10px;
	transform:rotate(0deg);
	transition:all 3s;
}
.chaticon img:hover
{
	transform:rotate(360deg);
	transition:all 3s;
	
}
.scrollup {
    background: url("../images/icon_top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 50px;
    display: none;
    height: 40px;
    opacity: 0.7;
    position: fixed;
    right: 100px;
    text-indent: -9999px;
    width: 40px;
	outline:none;
}
.signup-from
{
	float:left;
	width:500px;
}
.signup-from label
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#000;
	float:left;
	display:block;
	width:120px;
	padding-right:10px;
	text-align:right;
	padding-top:2px;
}
.signup-from .tf,.tf
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	width:200px;
	border:solid 1px #e55a4f;
	transition:all 2s;
}
.signup-from .texta
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	resize:vertical;
	width:200px;
	border:solid 1px #e55a4f;
	min-height:90px;
	
}
.signup-from .sf
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	width:210px;
	border:solid 1px #e55a4f;
	
}
.signup-from .tf:focus,.signup-from .texta:focus,.signup-from .sf:focus
{
	background-color:#000;
	border:solid 1px #000;
	color:#e55a4f;
	transition:all 2s;
}
.signup-from .viewbtn
{
	margin:0;
	padding:7px 15px;
}
.rightform
{
	width:500px;
	float:right;
	text-align:center;
}
.loginright
{
	text-align:center;
	border:solid 4px #000;
	border-radius:50%;
	display:block;
	width:200px;
	height:200px;
	padding:25px;
	cursor:pointer;
	transform:rotate(0deg);
	transition:all 2s;
}
.loginright:hover
{
	transform:rotate(360deg);
	transition:all 2s;
}
.loginright img
{
	margin-top:25px;
}
.rightform h3
{
	padding-top:10px;
}
.hider
{
	display:none;
}
.redcolor
{
	color:#F00;
}
.yellowcolor
{
	color:#e55a4f;
}
.danda
{
	font-weight:bold;
}
.updates h2,h3,h4,h5,h6
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:normal;
}
.updates h3
{
	font-size:18px;
	background-color:#000;
	color:#fff;
	padding:15px;
	border-bottom:solid 1px #e55a4f;
	cursor:pointer;
}
.updates
{
	width:28%;
	background-color:#e55a4f;
	float:left;
	margin-right:20px;

}

.updates ul li
{
	border-bottom:solid 3px #000;
	
}
.updates ul li a 
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#000;
	text-decoration:none;
	padding:10px;
	display:block;
}
.updates ul li a:hover
{
	background-color:#000;
	color:#e55a4f;
	transition:all 2s;
}

.panel ul li a
{
	padding:22px 15px;
}
.updates .imgholder
{
	float:left; 
	margin-right:10px;
	padding-left:10px;
	padding-top:12px;
	cursor:pointer;
	
}
.updates .imgholderuser img
{
	float:left; 
	margin-right:10px;
	padding-left:10px;
	padding-top:12px;
	cursor:pointer;
	
}

.updates .imgholderuser img
{
}
.updates:hover .imgholderuser img
{
	
}
/*@-webkit-keyframes userani {
  0%   { -webkit-transform:rotate(-30deg); }
  15%   { -webkit-transform:rotate(-50deg); }
  30% {  -webkit-transform:rotate(-30deg) }
  45% { -webkit-transform:rotate(0deg) }
  60% { -webkit-transform:rotate(30deg) }
  75% { -webkit-transform:rotate(50deg) }
  80% { -webkit-transform:rotate(30deg) }
  100% { -webkit-transform:rotate(0deg) }
}
@-moz-keyframes userani {
  0%   { -moz-transform:rotate(-10deg); }
  15%   { -moz-transform:rotate(-20deg); }
  30% {  -moz-transform:rotate(-30deg) }
  45% { -moz-transform:rotate(-20deg) }
  60% { -moz-transform:rotate(-10deg) }
  75% { -moz-transform:rotate(0deg) }
  80% { -moz-transform:rotate(20deg) }
  100% { -moz-transform:rotate(30deg) }

}
@-o-keyframes userani {
  0%   { -o-transform:rotate(-30deg); }
  15%   { -o-transform:rotate(-50deg); }
  30% {  -o-transform:rotate(-30deg) }
  45% { -o-transform:rotate(0deg) }
  60% { -o-transform:rotate(30deg) }
  75% { -o-transform:rotate(50deg) }
  80% { -o-transform:rotate(30deg) }
  100% { -o-transform:rotate(0deg) }

}
@keyframes userani {
   0%   { transform:rotate(-30deg); }
   15%   { transform:rotate(-50deg); }
  30% {  transform:rotate(-30deg) }
  45% { transform:rotate(0deg) }
  60% { transform:rotate(30deg) }
  75% { transform:rotate(50deg) }
  80% { transform:rotate(30deg) }
  100% { transform:rotate(0deg) }
}
*/.updates .imgholder img
{
	transform:rotate(-180deg);
	transition:all 2s;
}
.updates:hover .imgholder img
{
	transform:rotate(180deg);
	transition:all 2s;
}
.forminside label
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	display:block;
	float:left;
	width:120px;
	padding-right:15px;
	text-align:right;
	padding-top:3px;
	
}
.forminside .tf
{
	padding:3px;
	width:180px;
	border:1px solid #e55a4f;
	transition:all 2s;
	width:160px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
}
.forminside .sf
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	width:210px;
	border:solid 1px #e55a4f;
	
}
.txtar
{
	padding:3px;
	width:180px;
	border:1px solid #e55a4f;
	transition:all 2s;
	width:160px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	resize:vertical;
	height:90px;
}
.forminside .tf:focus,.txtar:focus,.selectf:focus
{
	border:1px solid #000;
	background-color:#000;
	color:#e55a4f;
	transition:all 2s;
}
.forminside .submit_button {
	background-color:#e55a4f;
	color:#000;
	border:solid 1px #e55a4f;
	cursor:pointer;
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	transition:all 2s;
	padding:5px;
}
.forminside .submit_button:hover
{
	border:solid 1px #e55a4f;
	background-color:#000;
	color:#e55a4f;
	transition:all 2s;
}
.selectf
{
	padding:3px;
	border:1px solid #e55a4f;
	transition:all 2s;
	width:167px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	resize:vertical;
	height:90px;
	float:left;
	margin-right:5px;
}

.forminside a,.forminside span
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	width:160px;
}
.noline
{
	text-decoration:none;
}
.round-filled-text-icon
{
	padding:0 !important;
	margin:0 !important;
	background-color:#e55a4f;
	font-family:'vagabondbold','MyriadPro-Regular',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:18px !important;
	font-weight:bold !important;
	border-radius:50%;
	height:22px;
	display:block;
	float:left;
	color:#fff !important;
	display:block;
	width:25px !important;
	padding-top:3px !important;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.round-filled-text-icon:hover
{
	background-color:#000;
	color:#e55a4f;
	transition:all 2s;
}
.addeml
{
	padding-left:5px;
	padding-top:3px;
	display:block;
	float:left;
}
.addeml:hover
{
	color:#e55a4f;
	transition:all 2s;
}
.grid table
{
	width:98%;
	margin:auto;
}
.grid table tr th
{
	height:45px;
	padding:5px;
	border-right:solid 1px #fff;
	background-color:#000;
	border-bottom:solid 3px #000;
}
.grid table tr th:last-child
{
	border-right:0;
}
.grid table tr td
{
	height:30px;
	padding:5px;
	border-right:solid 1px #fff;
	border-bottom:solid 3px #000;
	vertical-align:top;
	padding-top:10px;
}
.grid table tr td:last-child
{
	border-right:0;
}
.grid table tr:nth-child(even)
{
	background-color:#e55a4f;
}
.grid table tr:nth-child(odd)
{
	background-color:#714F29;
	
}
.grid table tr:nth-child(even) p a
{
	color:#000;
}
.grid table tr p a:hover
{
	text-decoration:none;
	transition:all 3s;
}
.grid table tr:nth-child(odd) p,.grid table tr:nth-child(odd) p a
{
	color:#fff !important;
}
.grid table tr:nth-child(odd):hover,.grid table tr:nth-child(even):hover
{
	background-color:#000;
	transition:all 2s;
}
.grid table tr:nth-child(even):hover p,.grid table tr:nth-child(even):hover p a
{
	color:#fff !important;
	transition:all 2s;
}
.grid table tr th p,.grid table tr th p a
{
	color:#fff !important;
}
.grid table tr th p,.grid table tr th p a
{
	color:#fff !important;
	font-family: 'MyriadPro-Regular';
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
}
.rounder
{
	border:solid 2px #000;
	border-radius:50%;
	width:30px;
	padding:10px;
	transform:rotate(0deg);
	transition:all 2s;
	cursor:pointer;
	display:block;
	float:left;
}
.rounder:hover,.rounder-customer:hover
{
	color:#e55a4f;
	border-color:#e55a4f;
	transform:rotate(360deg);
	transition:all 2s;
}
.rounder-customer
{
	border:solid 2px #000;
	border-radius:50%;
	width:20px;
	padding:10px;
	transform:rotate(0deg);
	transition:all 2s;
	cursor:pointer;
	display:block;
	float:left;
	height:25px;
	padding-top:5px;
	margin-right:8px;
}
.welcome .myhead
{
	padding-top:8px;
	display:block;
	float:left;
	padding-left:8px;
	color:#000;
}
.welcome .myhead:hover
{
	color:#e55a4f;
	transition:all 2s;
}
#gridtable
{
	border:solid 3px #000;
	border-bottom:0;
}
.viewlink
{
	float:right;
	padding-right:5px;
}
.bottombuttons
{
	width:98%;
	margin:auto;
}
.forgotlink
{
	font-family: 'MyriadPro-Regular';
	font-size:14px;
	color:#000;
	display:block;
	padding-top:10px;
}
.forgotlink:hover
{
	color:#e55a4f;
	transition:all 2s;
}
.bolder
{
	font-family: 'MyriadPro-Regular';
	font-weight:bold !important;
}
.pagination
{
	float:right;
}
.pagination span.disabled
{
	display:block;
	float:left;
	color:#000;
	text-transform:capitalize;
	padding:5px;
	font-family: 'MyriadPro-Regular';
	font-size:14px;
	background-color:#333;
	color:#fff;
	margin-right:5px;
}
.pagination span.current
{
	display:block;
	float:left;
	color:#000;
	text-transform:capitalize;
	padding:5px;
	font-family: 'MyriadPro-Regular';
	font-size:14px;
	background-color:#e55a4f;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;
}
.pagination a
{
	display:block;
	float:left;
	color:#000;
	text-transform:capitalize;
	padding:5px;
	font-family: 'MyriadPro-Regular';
	font-size:14px;
	background-color:#333;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;
}
.pagination a:hover
{
	background-color:#e55a4f;
	color:#fff;
	text-decoration:none;
	transition:all 2s;
}
.postmsg
{
	width:97%;
	margin:auto;
	background-color:#000;
	padding:5px;
	padding-bottom:15px;
}
.postmsg textarea
{
	float:none;
	width:98%;
	clear:both;
	margin:0;
	height:150px;
	margin:auto !important;
	margin-top:6px !important;
	display:block;
	padding:5px;
	border:solid 1px #e55a4f;
	resize:vertical;
	font-family: 'MyriadPro-Regular';
	font-size:13px;
}
.msg
{
	padding:5px;
	padding-left:0;
	background-color:#e55a4f;
	width:97.5%;
	margin:auto;
	padding-top:8px;
	padding-bottom:8px;
}
.msg p
{
	color:#F00;
	font-size:14px;
}
#msgposter .viewbtn:hover
{
	color:#e55a4f !important;
}

.orderform .tf
{
	width:202px;
}
.orderform .texta
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	resize:vertical;
	width:200px;
	border:solid 1px #e55a4f;
	min-height:90px;
	
}
.orderform small
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
}
.filesmall
{
	padding-left:0px;
	padding-top:3px;
}
.filesmall span
{
	color:#F00;
}
.orderform label
{
	width:150px;
}
.fileupload {
    width: 100px;
    position: relative;
    overflow: hidden;
	background-color:#e55a4f;
	display:block;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	color:#000;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
}
.fileupload:hover
{
	background-color:#000;
	color:#fff;
	transition:all 2s;
}
.fileupload input {
    position: absolute;
    top: 0;
    right: 0; /* not left, because only the right part of the input seems to
                 be clickable in some browser I can't remember */
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0); /* and all the other old opacity stuff you
                                 want to support */
    font-size: 16px; /* wtf, but apparently the most reliable way to make
                         a large part of the input clickable in most browsers */
    height: 50px;

}

.orderform
{
	width:50%;
	float:left;
}
.imagerightarea-form
{
	width:49%;
	float:right;
}
.circle
{
	border:solid 5px #e55a4f;
	border-radius:75%;
	padding:110px;
	text-align:center;
	cursor:pointer;
}

.circle span
{
	display:block;
	padding-top:15px;
    font-family: 'MyriadPro-Regular';
	font-size:22px;
	text-shadow:0px 2px 0px #999;
	color:#000;
	opacity:0;
	transition:all 4s;
}
.circle:hover span
{
	opacity:1;
	transition:all 4s;
}
#selectedformatcontainer input[type=checkbox]
{
	float:left;
	margin-top:5px;
	padding-bottom:10px;
}
#selectedformatcontainer span
{
	display:block;
	margin-right:14px;
	float:left;
	width:auto;
	margin-top:1px;
	padding-left:4px;
	padding-bottom:10px;
}
#selectedformatcontainer
{
	width:215px;
	float:left;
}

.topnav ul li ul
{
	display:none;
	transition:all 3s;
}
.topnav ul li ul li
{
	float:none;
	clear:both;
	background-color:#e55a4f;
	border-bottom:solid 3px #000;
}
.topnav ul li:hover ul
{
	display:block;
	position:absolute;
	transition:all 3s;
}
.topnav ul li ul li a
{
	padding:8px;
	width:250px;
}
.search
{
	width:350px;
	float:right;
	margin-bottom:15px;
}
.search label
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#000;
	float:left;
	display:block;
	width:120px;
	padding-right:10px;
	text-align:right;
	padding-top:2px;
}
.search .tf
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	width:200px;
	border:solid 1px #e55a4f;
	transition:all 2s;
}
.search .sf
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	width:210px;
	border:solid 1px #e55a4f;
	
}
.fa-phone
{
	transform:rotate(25deg);
}
.medtext
{
	margin-top:15px;
	clear:both;
	font-size:16px !important;
}
.medtext a
{
	color:#000 !important;
}
.iconround
{
	border:solid 1px #000;
	border-radius:100%;
	display:block;
	float:left;
	margin-right:5px;
	padding:3px;
	width:22px;
	text-align:center;
	height:20px;
	padding-top:5px;
	transition:all 3s;
	transform:rotate(deg);
}
.iconround:hover
{
	transition:all 3s;
	transform:rotate(360deg);
	color:#e55a4f;
	border-color:#e55a4f;
}
.texticon
{
	padding-top:5px;
	display:block;
	float:left;
}
.fa-phone
{
	padding-top:2px;
}
.full-logo
{
	width:400px;
	float:right;
}
.filearea
{
	width:400px;
	float:right;
	padding-top:42px;
}
.subfilearea
{
	padding-top:20px !important;
	width:400px;
	float:right;
}
.filearea h3,.subfilearea h3
{
	font-family:'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:22px;
	color:#FFF;
}
.tdhead
{
	background-color:#000;
	width:100%;
	text-align:center !important;
	height:50px !important;
}
.filearea table tr td:first-child
{
	width:40%;
	text-align:right;
	height:30px;
	padding-right:15px;
	border:solid 1px #000;
	border-top:0;
	font-family:'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
}
.subfilearea table tr td, .subfilearea table tr td a
{
	font-family:'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	color:inherit;
}
.subfilearea table tr td a:hover
{
	text-decoration:none;
	word-spacing:1.5;
	transition:all 1s;
	word-spacing:1;
}
.filearea table tr td:last-child
{
	width:40%;
	text-align:left;
	padding-left:15px;
	border:solid 1px #000;
	border-top:0;
	border-left:0;
	font-family:'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
}
.subfilearea table tr:nth-child(odd)
{
	background-color:#714f29;
	color:#fff;
}
.subfilearea table tr:nth-child(even)
{
	background-color:#e55a4f;
	color:#fff;
}
.subfilearea table tr td
{
	
}
.orderdetails
{
	float:left;
	width:55%;
}
.orderdetails table tr td strong
{
	font-size:22px;
	text-align:center;display:block;
	height:40px;
	color:#fff;
	padding:0;
	padding-top:10px;
	background-color:#000;
	
}
.orderdetails table tr td
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#333;
	height:35px;
	border:solid 1px #000;
	border-top:0;
}
.orderdetails table tr:hover td
{
	background-color:#000;
	color:#e55a4f !important;
	border-color:#e55a4f;
	transition:all 2s;
}

.orderdetails table tr td:first-child
{
	width:40%;
	text-align:right;
	padding-right:15px;
	border-right:0;
}
.orderdetails table tr td:last-child
{
	color:#714F29;
	font-weight:bold;
	text-align:left !important;
	padding-left:15px;
}
.headmode
{
	padding:0 !important;
}
.orderdetails table tr td ul li
{
	background-image:url(../images/available.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:5px;
}
.imghold img
{
	padding-top:15px;
	padding-bottom:15px;
	
}
.linkfile
{
	border:0;
	background:0;
	color:#714F29;
	text-decoration:underline;
	cursor:pointer;
	padding-bottom:10px;
}
.linkfile:hover
{
	color:#e55a4f;
	text-decoration:none;
	transition:all 2s;
}
.admincenter
{
	padding-top:35px;
	width:50%;
	margin:auto;
}
.admincenter ul li a
{
	color:#fff;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
}
.updatesadmin
{
	float:right;
}
#logfrm
{
	float:left;
	width:100%;
}
.txta
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	resize:vertical;
	width:200px;
	border:solid 1px #e55a4f;
	min-height:90px;
}
.social-media a,.social-media span
{
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#fff;
	text-decoration:none;
}
.social-media a:hover
{
	text-decoration:underline;
}
.pnlleft
{
	float:left;
	width:85%;
}
.pnlright
{
	float:right;
	width:15%;
}
.editor
{
	padding:5px;
	width:440px;
	border:0;
}
.editlnk
{
	color:#e55a4f;
}
.adminupdates a span
{
	float:right;
}
.viewtype
{
	display:block;
	width:100%;
	margin:auto;
}
.viewtype .view
{
	float:left;
	width:42%;
}
.viewtype .vtype
{
	float:right;
	width:45%;
	text-align:right;
	padding-right:12px;
}
.viewtype .vtype select
{
	margin-left:10px;
}
.sf
{
	padding:4px;
	font-family: 'MyriadPro-Regular',"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	width:210px;
	border:solid 1px #e55a4f;
}
section, footer, header, aside{
    display: block;
}


/*----------------------------
    The file upload form
-----------------------------*/


#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#e55a4f;

    background-image:-webkit-linear-gradient(top, #e55a4f, #e55a4f);
    background-image:-moz-linear-gradient(top, #e55a4f, #e55a4f);
    background-image:linear-gradient(top, #e55a4f, #e55a4f);

    width:340px;
    padding:30px;
    border-radius:0px;

    margin:0px auto 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #000;
    padding: 0px 0px;
	padding-left:170px;
	padding-top:100px;
    margin-bottom: 30px;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size:16px;
    font-weight:bold;
    color:#fff;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-size:200px auto;
}

#drop a{
    background-color:#e55a4f;
    padding:12px 26px;
    color:#000;
    font-size:14px;
    border-radius:0px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
	border:solid 1px #000;
	transition:all 3s;
}

#drop a:hover{
    background-color:#000;
	color:#FFF;
	border:solid 1px #e55a4f;
	transition:all 2s;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
    border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
}

#upload ul li{

    background-color:#000;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);

    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 52px;

    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#e55a4f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}


/*----------------------------
    The Demo Footer
-----------------------------*/


footer{
    background-color: #080808;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.4);
    height: 40px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

footer h2{
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top:0;
    left: 50%;
    bottom:0;
    margin-left: -420px;
    padding:13px 20px 0;
    border:1px solid #000;
    border-width:0 1px;
    background-color:rgba(0,0,0,0.6);
    box-shadow:0 0 5px #000 inset;
    line-height: 1;
    margin-top: 0;
}

footer h2 a{
    color: #EEEEEE !important;
    text-decoration:none !important;
}

footer h2 i{
    font-style:normal;
    color:#888;
}

#tzine-download{
    opacity:0.9;
    background-color:#257691;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    width:150px;
    height:28px;
    line-height:28px;
    text-decoration:none !important;

    display: inline-block;
    border-radius: 2px;
    color: #fff !Important;
    font-weight: bold;
    box-shadow: 0 -1px 2px #1e5e74 inset;

    border-top:1px solid #26849c;

    text-shadow:1px 1px 1px #1e6176;
    margin-top:6px;
}

#tzine-download:hover{
    opacity:1;
}

#tzine-actions{
    position:absolute;
    top:0;
    width:500px;
    right:50%;
    margin-right:-420px;
    text-align:right;
}

#tzine-actions iframe{
    display: inline-block;
    height: 21px;
    width: 95px;
    position: relative;
    float: left;
    margin-top: 11px;
}

.ordereditlink:hover,.orderdetails tr:hover a.ordereditlink,.orderdetails tr:hover input.transfield
{
	color:#e55a4f;
	transition:all 1s;
}
.ordereditlink
{
	color:#000;
	float:right;
	margin-right:15px;
	transition:all 1s;
}
.transfield
{
	border:0;
	background:transparent;
	width:25px;
	font-weight:bold;
	font-family:"MyriadPro-Regular","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#714f29;
}
textarea.transfield{height:150px; overflow-y:visible; padding:5px;}