@charset "utf-8";
/* CSS Document */
@import url("css/reset.css");
@import url("css/style.css");
@import url("css/prettyPhoto.css");

@import url("css/canyon_black.css");



html, body, ul, li, form, input, h1, p, h2, h3, h5, h4, textarea{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;


}
body {
text-align:center;
background:url(images/psd2xhtml_bg.jpg) repeat-x #ffffff;

}
a {
border:none;
outline:none;
}
.title {
margin:auto;
/*background:url(images/psd2html_bg.jpg) no-repeat 0px 10px;*/
text-align:center;
height:141px;
}
.titleinner {
width:934px;
margin:auto;
}
.logo {
float:left;
/*width:274px;*/
width:395px;
padding:42px 0px 0px 0px;
}
/*
.logo {
float:left;
width:274px;
padding:42px 0px 0px 0px;
}
*/
.logoimage {
outline:none;
border:none;
}

#call
{
float:left;


color:#9e4110;
font-size:18px;
text-align:center;
width:255px;
/*padding:50px 0px 0px 170px;*/
padding:30px 0 0 41px;
}

/*
#call
{
float:left;
font-family:"Arial";
font-weight:bold;
color:#9e4110;
font-size:18px;
text-align:center;
width:240px;
padding:50px 0px 0px 170px;
}
*/

.topright {
float:right;
width:200px;
}
.clear {
clear:both;
}
.support {
padding:50px 0px 0px 0px;
}
.support ul {
list-style-type:none;
}
.support li {
float:right;
width:50px;
/*background:url(images/psd_html.jpg) no-repeat right;*/

}
.user {
clear:both;
border-bottom:1px solid #ffefa6;
border-top:1px dashed #ffdc72;
text-align:right;
}
.formlabel {
font:11px Arial, Helvetica, sans-serif;
color:#9e4110;
background:url(images/username.jpg) no-repeat;
padding:0px 15px 0px 18px;
}
.formstyle {
background:#fff2b3;
border:none;
font:11px Arial, Helvetica, sans-serif;
color:#363636;
padding:3px 0px;
}
.password {
text-align:right;
border-bottom:1px solid #ffefa6;
}
.passlabel {
font:11px Arial, Helvetica, sans-serif;
color:#9e4110;
background:url(images/pasword.jpg) no-repeat;
padding:0px 15px 0px 18px;
}
.forgot {
font:10px Aial, Helvetica, sans-serif;
color:#9e4110;
padding:0px 52px 0px 10px;
}
.forgot a {
font:10px Arial, Helvetica, sans-serif;
color:#fc3301;
text-decoration:none;
}
.forgot a:hover {
color:#bf2a04;
}
.submitbut {
background:url(images/8.jpg);
width:49px;
height:15px;
font:10px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
border:none;
cursor:pointer;
}


.nev {
width:860px;
margin:auto;
height:48px;
}
.nev ul{
list-style-type:none;
}
.nev li{
float:left;
background:url(images/9.jpg) no-repeat right;
padding:14px 7px;
}
.nev a {
font:bold 16px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
.nev a:hover{
color:#66FF00;
}
.nev li.close {
background:none;
}
.tagline {
background:url(images/psdmarkup.jpg) no-repeat 0px 1px;
width:934px;
margin:auto;
clear:both;
position:relative;
margin-bottom:-8px;
padding: 0px 0px 0px 3px;
}
h1 {
font:47px Arial, Georgia, "Times New Roman", Times, serif;
color:#000000;
text-align:left;
padding:10px 0px 0px 15px;
}

.services {
background:url(images/psdconvert.jpg) no-repeat;
width:934px;
margin:auto;
font:29px Arial, Helvetica, sans-serif;
color:#000000;
}
.design {
float:left;
width:685px;
margin:44px 0px 0px 0px;
}
.design ul{
list-style-type:none;
}
.design li{
width:194px;
float:left;
background:url(images/design_to_psd.jpg) no-repeat top left;
margin:0px 32px 0px 0px;
}
.design a{
font:14px Arial, Helvetica, sans-serif;
color:#747474;
text-decoration:none;
text-align:center;
padding:110px 0px 95px 0px;
display:block;
}
.design a:hover{
background:url(images/design_psd.jpg) no-repeat top;
display:block;
color:#ffffe5;
}
.design li.payment{
width:194px;
float:left;
background:url(images/payment_psd.jpg) no-repeat top left;
margin:0px 36px 0px 0px;
}
.design.payment a{
font:14px Arial, Helvetica, sans-serif;
color:#747474;
text-decoration:none;
text-align:center;
padding:110px 0px 95px 0px;
display:block;
}
.design .payment a:hover{
background:url(images/payment_psd_xhtml.jpg) no-repeat top;
display:block;
color:#ffffe5;
}

.design li.delivery {
width:194px;
float:left;
background:url(images/psd_xhtml_delivery.jpg) no-repeat top left;
margin:0px 32px 0px 0px;
}
.design.delivery a{
font:14px Arial, Helvetica, sans-serif;
color:#747474;
text-decoration:none;
text-align:center;
padding:110px 0px 95px 0px;
display:block;
}
.design .delivery a:hover{
background:url(images/delivery_psdxhtml.jpg) no-repeat top;
display:block;
color:#fffff2;
}


.feature {
width:214px;
float:right;
text-align:left;
font:bold 24px Arial, Helvetica, sans-serif;
color:#363636;
padding:18px 0px 25px 0px;
}
.feature ul {
list-style-type:none;
padding:15px 0px 0px 0px;
margin:0px;
}
.feature li {
background:url(images/18.jpg) no-repeat 0px 6px;
border-bottom:1px dashed #f6e290;
font:bold 11px Arial, Helvetica, sans-serif;
color:#b46d19;
padding:5px 0px 5px 17px;
margin:0px;
line-height:10px;
}
.crossbrowser {
font:bold 13px Arial, Helvetica, sans-serif;
color:#59a200;
padding:33px 0px 5px 0px;
}
.charges {
width:934px;
margin:auto;
}
.charges ul {
list-style-type:none;
}
.charges li {
width:305px;
float:left;
font:28px Georgia, "Times New Roman", Times, serif;
color:#fc3301;
padding:2px 0px;
margin:0px 2px 12px 0px;
}
.charges li.topright {
width:305px;
float:left;
font:28px Georgia, "Times New Roman", Times, serif;
color:#fc3301;
padding:2px 0px;
margin:0px 0px 12px 0px;
}
.charges li.bottomright {
width:305px;
float:left;

font:28px Georgia, "Times New Roman", Times, serif;
color:#fc3301;
padding:2px 0px;
margin:0px 0px 12px 0px;
}
.chargessub {
font:bold 16px Georgia, "Times New Roman", Times, serif;
color:#000000;
}
.ordercont {
float:left;
width:185px;
text-align:left;
padding:0px 0px 0px 1px;
}
.orderbut {
float:left;
width:94px;
padding:0px 0px 2px 3px;

}
.orderbutton {
border:none;
outline:none;

}
.chargesbottom {
width:934px;
margin:auto;
clear:both;
padding:10px 0px 0px 0px;
}
.description {
float:left;
width:649px;
text-align:left;
font:14px Arial, Helvetica, sans-serif;
color:#363636;
line-height:16px;
}

.greencont {
color:#559c03;
font:bold 14px Arial, Helvetica, sans-serif;
}
.greybold {
font:bold 14px Arial, Helvetica, sans-serif;
color:#363636;
}
.description a {
font:bold 14px Arial, Helvetica, sans-serif;
color:#fc3301;
text-decoration:none;
}
.description a:hover {
text-decoration:underline;
}

.feedbackform {
float:right;
width:251px;
text-align:right;
background:url(images/22.jpg) no-repeat;
}
.feedwrap {
text-align:right;
background:url(images/23.jpg) no-repeat 30px 0px;
margin:auto;
}

h2 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#000000;
padding:20px 0px 0px 0px;
}
.hsub {
font:21px Arial, Helvetica, sans-serif;
color:#000000;
}
.clickbutton {
margin:10px 83px 0px 0px;
}
.clickimage {
border:none;
outline:none;
}
.quickcontact {
width:216px;
margin:20px 0px 0px 35px;
text-align:left;
}
h6 {
background:url(images/25.jpg) no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
padding:0px 0px 3px 22px;
}
h5 {
background:url(images/26.jpg) no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
padding:0px 0px 3px 22px;
}
.contactform ul {
list-style-type:none;
}
.contactform li {
border-top:1px dashed #f6e290;
line-height:10px;
padding:8px 0px;
}
.contactform label {
font:11px Arial, Helvetica, sans-serif;
color:#000000;
}
.contactformfield {
border-top:groove 2px #404040;
border-bottom:1px solid #d4d0c8;
border-right:1px solid #d4d0c8;
border-left:groove 2px #404040;
color:#666666;
}
.submitbuton {
background:url(images/27.jpg);
border:none;
width:151px;
padding:2px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#ffffff;
cursor:pointer;
margin:0px 0px 0px 60px;
}
.whoneeds {
margin:auto;
background:url(images/28.jpg) repeat-x #fdf7d1;
margin:15px 0px 0px 0px;
padding:32px 0px 0px 0px;
width:100%;
}
.blank {
height:32px;
}
.whoinner {
background:url(images/31.jpg) repeat-y;
width:935px;
margin:5px auto;

}
.whotop {
position:relative;
}
.whomiddle {
position:relative;
text-align:left;
}
.whobottom {
position:relative;
}
h3 {
font:bold 20px Arial, Helvetica, sans-serif;
color:#559c03;
padding:0px 0px 0px 2px;
}
.whomiddle ul {
list-style-type:none;
padding:15px 0px 0px 0px;
margin:0px;
}

.whomiddlefaq li {
background:url(images/32.jpg) no-repeat 0px 6px;
border-bottom:1px dashed #f0e28b;
font: 12px Arial, Helvetica, sans-serif;
color:#bfab27;
width:525px;
padding:5px 0px 5px 17px;
margin:0px 0px 0px 27px;
line-height:10px;
}

.whomiddle li {
background:url(images/32.jpg) no-repeat 0px 6px;
border-bottom:1px dashed #f0e28b;
font:bold 12px Arial, Helvetica, sans-serif;
color:#bfab27;
width:800px;
padding:5px 0px 5px 17px;
margin:0px 0px 0px 27px;
line-height:10px;
}
.whobottomcont {
font: 14px Arial, Helvetica, sans-serif;
color:#000000;
padding:15px 10px 3px 26px;
text-align: justify;
}
.whomiddlecont {
font:bold 12px Arial, Helvetica, sans-serif;
color:#bfab27;
padding:8px 23px 8px 23px;
}
.footer {
width:100%;
min-width:1003px;
background:url(images/33.jpg) repeat-x top;
margin:auto;
}
.footercont {
width:588px;
float:left;
text-align:left;
padding:34px 0px 0px 0px;
}

.footercont ul {
list-style-type:none;
}
.footercont li {
float:left;
width:110px;
padding:0px 0px 5px 0px;
}
.footercont a {
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
.footercont a:hover {
color:#cccccc;
}

.footerright {
width:284px;
font:bold 14px Arial, Helvetica, sans-serif;
float:right;
text-align:left;
background:url(images/psd_xhtml_html.jpg) no-repeat;
}
.footerwrapper {
width:934px;
margin:auto;
}
.footerlogo {
padding:20px 0px 0px 0px;
}
.copy {
font:11px Arial, Helvetica, sans-serif;
color:#d7c54e;
padding:8px 0px 22px 0px;
}
h4 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#fcf3b9;
padding:25px 5px 10px 5px;
text-decoration:none;
}

.footerh4 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#fcf3b9;
padding:25px 5px 10px 5px;
text-decoration:none;
}

.footercontact {
font:11px Arial, Helvetica, sans-serif;
color:#d7c54e;
padding:15px 0px 0px 35px;
}
.footercontact a {
font:11px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
.footercontact a:hover{
color:#cccccc;
}
.footercontactb {
font:bold 11px Arial, Helvetica, sans-serif;
color:#d7c54e;
}




.contactuswrapper {
margin:auto;
width:934px;
}
.contactleft {
width:700px;
float:left;
}
.contactusright {
float:right;
width:214px;
}
.contactushead {
padding:7px 0px;
border-bottom:1px dashed #f6e290;
}
.contactushead a {
font:11px Arial, Helvetica, sans-serif;
color:#d53e00;
text-decoration:none;
}


.contactushead label {
font:11px Arial, Helvetica, sans-serif;
color:#000000;
}
.contactussubmit {
background:url(images/27.jpg);
border:none;
width:151px;
padding:2px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#ffffff;
cursor:pointer;
}




.ordernowswrapper {
margin:auto;
width:934px;
}


.idTabs ul {
list-style-type:none;
}
.idTabs li {
float:left;
text-align:center;
}

.usual {
  color:#111;
  width:584px;
  margin:auto;
  float:left;
  display:inline;
}
.usual li { 
list-style:none; 
}
.usual ul a {
  display:block;
  padding:6px 0px 6px 0px;
  margin:0px 2px 0px 0px;
  text-decoration:none!important;
  font:10px Verdana;
  color:#FFF;
  text-align:left;
}
.usual ul a:hover {
  color:#FFF;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  /*cursor:default;*/
  }

.summary {
/*position: fixed;*/
top: 150px;
left: 650px; 
width:334px;
float:right;
/*display:inline;*/
background:url(images/psd_2_html.jpg) repeat-y;
margin:55px 0px 0px 0px;
}
.summarytop {
background:url(images/convert2xhtml.jpg) no-repeat;
text-align:left;
}
.summarycont {
padding:0px 9px;
}
.summarybottom {
position:relative;
}
.summaryhead {
font:24px Arial, Helvetica, sans-serif;
color:#fd1911;
padding:5px 0px 5px 0px;
}
.summarytext {
font:18px Arial, Helvetica, sans-serif;
color:#000000;
line-height:30px;

}
.summarysubtotal {
font:18px Arial, Helvetica, sans-serif;
color:#9e4110;
line-height:24px;
padding:1px 0px 0px 0px;
}
.extra {
font:18px Arial, Helvetica, sans-serif;
color:#e6413b;
line-height:24px;
padding:3px 0px 1px 0px;
}
.total {
font:18px Arial, Helvetica, sans-serif;
color:#f81509;
line-height:20px;
padding:5px 0px 5px 0px;
}


.totalcode {
font:18px Arial, Helvetica, sans-serif;
color:#33CC00;

padding:5px 0px 5px 0px;
}



.orderimage {
border:none;
outline:none;
cursor: pointer;
}
.orderbg {
background:url(images/40.jpg) repeat-y;
text-align:left;
width:584px;
}
.orderbackground {
background:url(images/xhtml_html.jpg) no-repeat;
}
.ordercontent {
padding:0px 9px;
}
.orderheading {
font:18px Arial, Helvetica, sans-serif;
color:#de0200;
padding:6px 0px 12px 0px;
}
.orderheading  a{
font:18px Arial, Helvetica, sans-serif;
color:#de0200;
text-decoration:none;
}
.orderheading a:hover {
color:#ff0200;
}
.leftdetail {
float:left;
width:240px;
font:13px Arial, Helvetica, sans-serif;
color:#9e4110;
}

.rightmsgdetail {
float:right;
width:310px;
font:13px Arial, Helvetica, sans-serif;
color:#9e4110;
}
.rightdetail {
float:left;
width:312px;
padding:0px 0px 0px 13px;
font:13px Arial, Helvetica, sans-serif;
color:#9e4110;
}
.orderform {
background:url(images/42.jpg);
border:1px solid #ffa481;
padding:3px 1px;
font:12px Arial, Helvetica, sans-serif;
color:#9e4110;
margin:3px 0px 10px 0px;
}
.comments {
font:14px Arial, Helvetica, sans-serif;
color:#9e4110;
}
.markuptype {
margin:15px 0px 0px 0px;
background:url(images/convertpsd.jpg) repeat-y;
}
.markuptop {
position:relative;
}
.markupmiddle {
position:relative;
text-align:left;
padding:3px 9px 0px 9px;

}
.markupbottom {
padding:10px 0px 0px 0px;
}
#divinputfile #filepc{
/*	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);*/
	font-size:18px;
}




#fakeinputfile{
position:relative;
top:-28px;
left:0px;
}

#fakeinputfile #fakefilepc{
width:175px;	
float:left;
background:url(images/42.jpg);
border:1px solid #ffa481;
margin:3px 0px 10px 0px;
padding:3px 1px;
}

#divinputfile{
	background:url(images/46.jpg) no-repeat 185px 2px;
	height:33px;
	width:300px;
	display:block;
}


/*
#fakeinputfile{
position:relative;
top:-28px;
left:0px;
}

#fakeinputfile #fakefilepc{
width:195px;	
float:left;
background:url(images/42.jpg);
border:1px solid #ffa481;
margin:3px 0px 10px 0px;
padding:3px 1px;
}
#divinputfile{
	background:url(images/46.jpg) no-repeat 210px center;
	height:27px;
	margin:0px;
}

*/

.markupdetail {
font:13px Arial, Helvetica, sans-serif;
color:#9e4110;
}
.markupdetail ul{
list-style-type:none;
}
.markupdetail{
/*background:url(images/47.jpg) no-repeat;*/
font:13px Arial, Helvetica, sans-serif;
color:#9e4110;
padding:8px 8px 8px 8px;
}
.markupdetailbg{
background-color:#FFFFFF;
font:13px Arial, Helvetica, sans-serif;
color:#9e4110;
padding:8px 8px 8px 8px;
}

.buttonextra {
margin:15px 0px 0px 330px;
border:none;
outline:none;
}
.buttonpayment {
margin:15px 0px 0px 286px;
border:none;
outline:none;

}

.optionswrap {
text-align:left;
margin:21px 0px 0px 0px;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
line-height:24px;
}
.optionhead {
float:left;
width:200px;
padding:10px 0px 0px 0px;
}
.optionstatus{
float:right;
width:200px;
padding:10px 0px 0px 0px;
text-align:right;
font:18px Arial, Helvetica, sans-serif;
color:#fe5503;
}
.optiontabwrap {
background:url(images/54.jpg) repeat-y;
margin:10px 0px 10px 0px;
float:left;
}
.optiontabtop {
position:relative;
height: 5px;
}
.optiontabbottom {
position:relative;
height: 5px;
}
.optiontabmiddle {
position:relative;
padding:3px 0px 0px 8px;
}
.optiontabtexthead {
font:bold 14px Arial, Helvetica, sans-serif;
color:#535353;
padding:22px 0px 14px 0px;
}

.optiontabprice {
width:570px;
padding:15px 0px 0px 0px;
font:14px Arial, Helvetica, sans-serif;
color:#535353;
}
.rightarrow {
float:left;
padding:3px 5px 0px 0px;
width:28px;

}
.arrowcont {
float:left;
width:49px;
padding:0px 0px 0px 0px;
}


.arrowcontright{
float:left;
width:100px;
padding:0px 0px 0px 0px;
}
.arrowcontrighta{
float:left;
width:25px;
padding:0px 0px 0px 0px;
}
.arrowcontextright{
float:left;
width:52%;
text-align:right;
height:20px;
background:url(images/89.jpg) repeat-x 0px 15px;
}
.arrowcontextrighta{
float:left;
width:65%;
text-align:right;
height:20px;
background:url(images/89.jpg) repeat-x 0px 15px;
}
.arrowcontextrightc{
float:left;
width:48%;
text-align:right;
height:20px;
background:url(images/89.jpg) repeat-x 0px 15px;
}
.arrowconttextred {
font: 18px Arial, Helvetica, sans-serif;
color:#ff2d2d;
float:right;
width:10%;
text-align:right;
}



.arrowcontrightb{
float:left;
width:40px;
padding:0px 0px 0px 0px;
}
.arrowpricestatus {
font: 18px Arial, Helvetica, sans-serif;
color:#ff2d2d;

}


/*
.optiontabprice {
width:570px;
padding:33px 0px 0px 0px;
font:14px Arial, Helvetica, sans-serif;
color:#535353;

}
.categoryitems1 {
z-index:1000;
}
.rightarrow {
float:left;
padding:3px 5px 0px 0px;
width:28px;

}
.arrowcont {
float:left;
width:49px;
padding:4px 0px 0px 0px;
}
.arrowcontright{
float:right;
width:450px;
padding:0px 0px 0px 0px;
}
.arrowcontrightb{
float:right;
width:370px;
padding:0px 0px 0px 0px;
}
.arrowpricestatus {
font:bold 18px Arial, Helvetica, sans-serif;
color:#ff2d2d;
}

*/
.proceedpay {
border:none;
outline:none;
margin:10px 0px 0px 390px;
}
.paymenttab {
background:url(images/xhtml_html.jpg) no-repeat;
text-align:left;
margin:3px 0px 0px 0px;
}
.paymentwrapper {
padding:10px 20px 70px 37px;
font:18px Arial, Helvetica, sans-serif;
color:#ff0000;
}
.bank {
width:200px;
float:left;
padding:20px 0px 0px 0px;
display:inline;
}
.paypalradio {
float:left;
width:30px;
padding:4px 0px 0px 0px;

}
.visaradio {
float:left;
width:30px;
padding:4px 0px 0px 0px;
}
.vandkradio {
float:left;
width:30px;
padding:16px 0px 0px 0px;
}
.paypalg {
float:left;
margin:0px 0px 8px 0px;
width:87px;
}
.visam {
float:left;
width:166px;
margin:0px 0px 8px 0px;
}
.visabank {
float:left;
width:153px;
padding:0px 0px 8px 0px;
 }
.bankright {
float:left;
width:292px;
margin:0px 0px 0px 30px;
display:inline;
}

.banktext {
background:url(images/markpsd.jpg) repeat-y;
}
.banktexttop {
position:relative;
}
.banktextbottom {
position:relative;
}
.banktextmiddle {
position:relative;
font:12px Arial, Helvetica, sans-serif;
color:#9e4110;
padding:10px 0px 0px 25px;
line-height:24px;
}
.buttonpayment {
text-align:right;
}
.paymentbut {
border:none;
outline:none;
margin:10px 0px 10px 0px;
}
.orderbutton {
border:none;
outline:none;
margin:10px 0px 0px 0px;
}
.login {
margin:5px 0px 0px 115px;
border:none;
outline:none;
}
.passwordtop {
position:relative;
}
.passwordmiddle {
position:relative;
padding:10px 10px 0px 10px;
line-height:24px;
}
.passwordbottom {
position:relative;
}
.passwordcont {
background:url(images/markpsd.jpg) repeat-y;
width:292px;
}
.passbutton {
border:none;
outline:none;
margin:5px 0px;
}



.arrowlistmenu{
width: 584px;
}

.menuheader{ 
background:url(images/psd_xhtml_menu.jpg) no-repeat;
margin:10px 0px 0px 0px; 
width:165px;
cursor: pointer;
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding:8px 0px;
}

.openheader{ 
background:url(images/psd_to_html.jpg) no-repeat;
}

.arrowlistmenu ul{ 
list-style-type: none;
width:584px;
}

.arrowlistmenu li{ 
width:584px;
}
 #div2
{ 
display: none; 
} 
 #divlogin
{ 
	padding:0px 0px 10px 150px;
	height:230px;
} 
#divreg
{
	display: none;
	padding:0px 0px 10px 150px;
	height:230px;
}

.returingincus {
margin:0px 0px 0px 5px;
cursor:pointer;
}

.clientarea {
background:url(images/77.jpg) repeat-y;
width:934px;
}
.clienttop {
position:relative;
}
.clientmiddle {
position:relative;
}
.clientbottom {
position:relative;
}
.clienttitle {
background:url(images/79.jpg) repeat-x;
height:39px;
width:932px;
margin:auto;
}
.clienttitle ul {
list-style-type:none;
}
.clienttitle li {
float:left;
border-right:1px dotted #f6e290;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:6px 0px 20px 0px;
width:87px;
}
.clienttitle li.date {
width:107px;
}
.clienttitle li.status {
width:169px;
}
.clienttitle li.detail {
width:151px;
}
.clienttitle li.amount {
width:133px;
}
.clienttitle li.ordercomplete {
width:198px;
}
.clienttitle li.inv {
width:80px;
border:none;
}


.clientcontent {
background:url(images/80.jpg) repeat-x;
width:932px;
margin:auto;
}
.clientcontent ul {
list-style-type:none;
}
.clientcontent li {
float:left;
border-right:1px dotted #f6e290;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
padding:6px 0px 2px 0px;
width:87px;
}
.clientcontent li.dateed {
width:107px;
}
.clientcontent li.statu {
width:169px;
}
.clientcontent li.det {
width:151px;
padding:0px;
}
.clientcontent li.amo {
width:110px;
padding:6px 0px 0px 23px;
}
.clientcontent li.ordercom {
width:198px;
}
.clientcontent li.in {
width:80px;
border:none;
padding:0px;
}
.clientbutton {
border:none;
outline:none;
}
.clientcontent a{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.clientcontent a:hover{
color:#333333;
}
.contpag {
width:575px;
float:left;
margin:34px 0px 0px 0px ;
background:url(images/82.jpg) repeat-y;
}
.contpagerig {
width:334px;
float:right;
margin:34px 0px 0px 0px ;
background:url(images/85.jpg) no-repeat;
}
.contrdiva {
border-top:1px dashed #f6e290;
border-bottom:1px dashed #f6e290;
font:21px Arial, Helvetica, sans-serif;
color:#000000;
padding:25px 0px;
text-align:center;
width:234px;
margin:auto;
}
.contrdiva a{
font:21px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}

.contrdiva a:hover{
color:#666666;
}
.callus {
border-bottom:1px dashed #f6e290;
font:21px Arial, Helvetica, sans-serif;
color:#000000;
padding:25px 0px;
text-align:center;
width:234px;
margin:auto;
}
.callusbot {
font:21px Arial, Helvetica, sans-serif;
color:#000000;
padding:25px 0px;
text-align:center;
width:234px;
margin:auto;
}
.contpagback {
background:url(images/psd_conversion.jpg) no-repeat;
padding:31px 0px 0px 24px;
text-align:left;
}
.contpagebottom {
position:relative;
}
.contformc {
padding:0px 0px 26px 0px;
font:14px Arial, Helvetica, sans-serif;
color:#000000;
}
.contformstyle {
background:#fbf0de;
border:1px solid #c52200;
padding:4px 0px;
}
.contformcl {
width:116px;
float:left;
}
.contformcc {
width:234px;
float:left;
}
.contformcr {
width:180px;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
}
.contformcr a {
font:12px Arial, Helvetica, sans-serif;
color:#ff0000;
text-decoration:none;
}
.contformcr a:hover {
text-decoration:underline;
}
.iframe {
background:transparent;
}
.contsubm {
background:url(images/submit.jpg) no-repeat;
border:none;
width:158px;
height:34px;
cursor:pointer;
margin:0px 0px 0px 375px;
}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 2px 0 0 0;
	background: url(radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}

.arrowcontre {
float:left;
width:325px;
padding:0px 0px 0px 10px;
text-align:left;
font:bold 14px Arial;
color:#000000;
}


.optiontabpricere {
width:870px;
padding:33px 0px 0px 0px;
font:14px Arial, Helvetica, sans-serif;
color:#535353;
}


.arrowconttextredre {
font: 11px Arial, Helvetica, sans-serif;
float:right;
width:30%;
text-align:left;
}

.arrowcontnotes {
font: 11px Arial, Helvetica, sans-serif;
float:right;
width:80%;
text-align:left;
background-color: #FFFFCC;
padding:5px 5px 5px 5px;
border:1px solid #FF0000;
}

.messprice {
font: 11px Arial, Helvetica, sans-serif;
text-align:left;
background-color: #FFFFCC;
padding:5px 5px 5px 5px;
border:1px solid #FF0000;
}

.messtd{
color:#FFFFFF;
background:url(images/33.jpg) repeat-x top;
}

.arrowcontextrightre{
float:left;
width:30%;
text-align:left;
height:20px;
background:url(images/89.jpg) repeat-x 0px 15px;
}

.messageboard{
float:left;
width:50%;
text-align:left;
font: 12px Arial, Helvetica, sans-serif;

padding:0px 0px 10px 10px;
}

.optiontabsoft {
width:570px;
padding:5px 0px 0px 0px;
font:14px Arial, Helvetica, sans-serif;
color:#535353;
}
.softhead {
float:left;
width:170px;
padding:4px 0px 0px 0px;
}
.softright{
float:left;
width:40px;
padding:0px 0px 0px 0px;
}
.softbg{
float:left;
width:50%;
text-align:right;
height:20px;
background:url(images/89.jpg) repeat-x 0px 15px;
}

/*Starting new*/
/* CSS Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-- Hacks used for floating problem --*/
.clsFloatLeft{
	float:left;
}
.clsFloatRight{
	float:right;
}

.clsPortfolio{
	clear:both;
	overflow:hidden;
}
.clsPortfolioCom{
	border-top:1px dotted;
	margin-top:12px;
	padding-top:5px;
}
.clsPortfolioCom h3{
	clear:both;
	color:#444444;
	float:left;
	font-size:28px;
	font-weight:bold;
	overflow:hidden;
	padding:0 0 10px;
}
.clsPortfolio img{
	border:none;
}
.portfolio_box_skin_2  {
	display:table;
	float:left;
/*	padding-bottom:30px;*/
	padding-right:15px;
	width:290px;
}
.portfolio_image_skin2  {
	background-color:#E9E9E9;
	border:1px solid #E5E5E5;
	display:table;
	float:left;
	overflow:hidden;
	position:relative;
}
.inside_border  {
	border:1px solid #F3F3F3;
	float:left;
	font-size:0;
	line-height:0;
	padding:5px;
}
.portfolio_box_anime  {
	float:left;
	overflow:hidden;
	position:relative;
}
.cleardiv  {
	clear:both;
}
.portfolio_details_skin_2  {
	display:table;
	float:left;
	padding-top:10px;
}
.portfolio_title  {
	color:#555555;
	display:table;
	font-size:19px;
	font-weight:bold;
	padding-bottom:10px;
}
.portfolio_text  {
	float:left;
}
.portfolio_details_button  {
	display:table;
	margin-top:10px;
}
.portfolio_details_button span {
	margin:0;
	padding:0;
}
.portfolio_box_skin_2 span {
	/*padding-top:50px;*/
	padding-top:19px;
}
/*.details_button {
	background:url(details_button.gif) no-repeat scroll 0 0 transparent;
}
.details_button {
	display:table;
	float:left;
	height:30px;
	margin:0;
	padding:0;
	width:76px;
}
*/
.clsSpace1{
	padding:0 20px;
}

.ofeature {
width:300px;
font:18px Arial, Helvetica, sans-serif;
color:#e6413b;
padding:7px 0px 1px 0px;
}
.ofeature ul {
list-style-type:none;
padding:5px 0px 0px 0px;
margin:0px;
}
.ofeature li {
background:url(images/18.jpg) no-repeat 0px 6px;
border-bottom:1px dashed #f6e290;
font:bold 11px Arial, Helvetica, sans-serif;
color:#b46d19;
padding:5px 0px 5px 17px;
margin:0px;
line-height:10px;
}


/*isoSertified start here*/
.isoSertified {
width:216px; 
margin:30px 0px 0px 35px;
text-align:left;

}

.isoSertified_l { background: url(images/iso.png) no-repeat;
width:61px; height:32px;
float: left;
}

.isoSertified_r {
width:133px; 
float:left;
color:#3F544D;
}
.isoSertified_r a{
color:#3F544D;
}
.isoSertified_r a:hover{
color:#3F544D;
}
.isoSertified_r h5{ font-size:18px; 
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif;
padding:0px 0px 0px 8px; 
text-transform:uppercase;
color:#3F544D;
text-align:center;
background:url(images/261.jpg) no-repeat;
}
.isoSertified_r p{ font-size:9px;
font-family:Arial, Helvetica, sans-serif; 
padding:0px 0px 0px 8px;
text-transform:uppercase;
color:#3F544D;
text-align:center;
}



#container{clear:both;margin:0 auto;width:950px;text-align:left;}

#container #formdata{clear:both;float:left;width:950px;border-top:1px solid #e0c9a7;border-bottom:1px solid #e0c9a7;border-left:1px solid #e0c9a7;border-right:1px solid #e0c9a7;margin-top:0px;}
#container #formdata .brow{cleaR:both;float:left;width:950px;}
#container #formdata .brow .rowtitle{float:left;width:245px;height:46px;background:#ffdca6;border-bottom:1px solid #f8d090;font-weight:bold;font-size:12px;font-family:"Verdana";color:#000000;line-height:45px;padding-left:25px;}
#container #formdata .brow .rowdata{float:left;width:650px;height:46px;background:#ffeed2;border-bottom:1px solid #f6deb9;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;line-height:45px;padding-left:30px;}

#container #formdata .btrow{cleaR:both;float:left;width:950px;}
#container #formdata .btrow .rowtitle{float:left;width:245px;height:41px;background:#ffdca6;border-bottom:1px solid #f8d090;font-weight:bold;font-size:12px;font-family:"Verdana";color:#000000;padding-left:25px;padding-top:5px;}
#container #formdata .btrow .rowdata{float:left;width:650px;height:46px;background:#ffeed2;border-bottom:1px solid #f6deb9;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;line-height:45px;padding-left:30px;}

#container #formdata .btrow1{cleaR:both;float:left;width:950px;}
#container #formdata .btrow1 .rowtitle{float:left;width:245px;height:41px;background:#fee2b3;border-bottom:1px solid #f8d090;font-weight:bold;font-size:12px;font-family:"Verdana";color:#000000;padding-left:25px;padding-top:5px;}
#container #formdata .btrow1 .rowdata{float:left;width:650px;height:46px;background:#fff6e7;border-bottom:1px solid #f6deb9;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;line-height:45px;padding-left:30px;}


#container #formdata .nrow{cleaR:both;float:left;width:950px;}
#container #formdata .nrow .rowtitle{float:left;width:245px;height:40px;background:#fee2b3;border-bottom:1px solid #f8d090;font-weight:bold;font-size:12px;font-family:"Verdana";color:#000000;line-height:35px;padding-left:25px;}
#container #formdata .nrow .rowdata{float:left;width:650px;height:40px;background:#fff6e7;border-bottom:1px solid #f6deb9;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;line-height:35px;padding-left:30px;}


#container1 #formdata #btmrow{cleaR:both;float:left;width:950px;border-top:1px solid #efe0ca;}
#container1 #formdata #btmrow .rowtitle{float:left;width:245px;height:60px;background:#fffcf7;border-bottom:1px solid #f8d090;font-weight:normal;font-size:12px;font-family:"Verdana";color:#000000;line-height:18px;padding-left:25px;padding-top:18px;}
#container1 #formdata #btmrow .rowdata{float:left;width:650px;height:53px;background:#fffcf7;border-bottom:1px solid #f6deb9;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;padding-left:30px;padding-top:25px;}


#container #formdata #btmrow{cleaR:both;float:left;width:950px;border:1px solid #efe0ca;background:#fffcf7;}
#container #formdata #btmrow .rowtitle{float:left;width:245px;font-weight:normal;font-size:12px;font-family:"Verdana";color:#000000;line-height:13px;padding-left:25px;padding-top:11px;padding-bottom:14px;text-align:left;}
#container #formdata #btmrow .rowdata{float:right;width:650px;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;padding-left:30px;padding-top:25px;padding-bottom:10px;text-align:left;}

#container #formdata #btmrow1{cleaR:both;float:left;width:950px;border:1px solid #efe0ca;background:#fff1dc;}
#container #formdata #btmrow1 .rowtitle{float:left;width:245px;font-weight:normal;font-size:12px;font-family:"Verdana";color:#000000;line-height:13px;padding-left:25px;padding-top:11px;padding-bottom:13px;text-align:left;}
#container #formdata #btmrow1 .rowdata{float:right;width:650px;font-weight:normal;font-size:13px;font-family:"Verdana";color:#ab3200;padding-left:30px;padding-top:21px;padding-bottom:13px;text-align:left;}


#container #formdata .brow1{cleaR:both;float:left;width:950px;}
#container #formdata .brow1 .rowtitle{float:left;width:245px;height:160px;background:#ffdca5;font-weight:bold;font-size:12px;font-family:"Verdana";color:#000000;line-height:35px;padding-left:25px;}
#container #formdata .brow1 .rowdata{float:left;width:680px;height:160px;background:#fff1dc;}
#container #formdata .brow1 .rowdata .notes{clear:both;width:600px;height:95px;border-top:1px solid #cec2b2;border-bottom:1px solid #cec2b2;border-left:1px solid #cec2b2;border-right:1px solid #cec2b2;background:#fff8ee;margin:20px auto;font-weight:normal;font-size:13px;font-family:"Verdana";color:#cb3d02;padding-left:20px;padding-top:18px;}

#container #formdata #filedata{clear:both;float:left;width:950px;background:#fff8ee;}
#container #formdata #filedata .msgboard{clear:both;float:left;width:900px;font-weight:bold;font-size:12px;font-family:"Verdana";color:#000000;line-height:35px;padding-left:25px;}
#container #formdata #filedata .formfields{clear:both;float:left;width:885px;margin-left:25px;}
#container #formdata #filedata .formfields .txtarea{clear:both;float:left;width:514px;}
#container #formdata #filedata .formfields .txtarea textarea{clear:both;float:left;width:514px;height:197px;border:1px solid #bcbcbc;}
#container #formdata #filedata .formfields .browse{float:left;width:348px;margin-left:21px;}
#container #formdata #filedata .formfields .browse .browsedata{float:left;width:348px;}
#container #formdata #filedata .formfields .browse .browsedata .inptfile{float:left;background:#ffffff;}
#container #formdata #filedata .formfields .browse .browsedata1{float:left;width:348px;margin-top:10px;}
#container #formdata #filedata .formfields .browse .browsedata1 .inptfile{float:left;background:#ffffff;}
#container #formdata #filedata .subbtn{clear:both;float:left;width:920px;margin-left:25px;margin-top:5px;}
#container #formdata #filedata .subbtn .sbtn{clear:both;float:left;width:514px;height:47px;margin-top:20px;}
#container #formdata #filedata .subbtn .sbtn .btn{clear:both;float:left;width:155px;height:47px;background:url('images/blackbtn.png') no-repeat;border:0px;cursor:pointer;font-weight:bold;font-size:18px;font-family:"Verdana";color:#ffffff;}
#container #formdata #filedata .subbtn .upldtxt{float:left;width:355px;margin-left:21px;}
#container #formdata #filedata .subbtn .upldtxt .link{float:left;width:355px;font-weight:normal;font-size:11px;font-family:"Verdana";color:#000000;}
#container #formdata #filedata .subbtn .upldtxt .link a{color:#000000;text-decoration:none;}
#container #formdata #filedata .space{cleaR:both;float:left;width:900px;}

#container #btm{clear:both;float:left;width:950px;border:1px solid #bcbcbc;margin-top:12px;background:#fdf1e0;}
#container #btm .btmdata{clear:both;float:left;width:935px;margin-top:12px;background:#fff8ee;font-weight:normal;font-size:12px;font-family:"Verdana";color:#000000;line-height:18px;padding-left:15px;padding-top:5px;padding-bottom:5px;}
#container #btm .btmdata a{color:#000000;text-decoration:none;}
#container #btm .btns{clear:both;float:left;width:950px;margin-top:13px;}
#container #btm .btns .rdbtn{clear:both;float:left;width:184px;margin-left:8px;margin-right:20px;}
#container #btm .btns .rdbtn .rd1{clear:both;float:left;width:184px;}
#container #btm .btns .rdbtn .rd1 input{float:left;}
#container #btm .btns .rdbtn .rd1 .img1{float:left;width:37px;height:23px;margin-left:5px;}
#container #btm .btns .rdbtn .rd2{clear:both;float:left;width:184px;margin-top:10px;}
#container #btm .btns .rdbtn .rd2 input{float:left;}
#container #btm .btns .rdbtn .rd2 .img2{float:left;width:101px;height:21px;margin-left:5px;}
#container #btm .btns .redbtn{float:left;width:286px;height:43px;padding-top:13px;}
#container #btm .btns .redbtn .btn{float:left;width:286px;height:43px;background:url('images/redbtn.png') no-repeat;border:0px;cursor:pointer;font-weight:bold;font-size:18px;font-family:"Verdana";color:#ffffff;}
#container #btm .btns .total{float:left;width:400px;font:bold 20px arial;color:#d03e00;text-align:center;margin-top:22px;}
#container #btm .btns .space{cleaR:both;float:left;width:900px;}


#navigation{width:860px;height:48px;position:relative;}

#navigation #navbar{width:860px;height:48px;float:right}

#navigation #navbar ul.main-nav{list-style-type:none;margin-top:2px;}

#navigation #navbar ul.main-nav li{float:left;line-height:48px;}

#navigation #navbar ul.main-nav li ul li{display:block;float:none;}

#navigation #navbar ul.main-nav li ul li a{line-height:18px;display:inline;}

#navigation #navbar ul.main-nav li a{color:#404040;font-size:14px;line-height:18px;display:block;padding-top:10px;height:35px;padding-right:8px;padding-left:8px;color:#000;}

#navigation #navbar ul.main-nav li.submenu:hover,#navigation #navbar ul.main-nav li.nosubmenu:hover{color:#000;position:relative;background:#69472a;
background-color:#69472a;top:2px;border:none;border-color:#69472a;
line-height:35px;}


#navigation #navbar ul.main-nav li.submenu:hover ul li a,#navigation #navbar ul.main-nav li.nosubmenu:hover ul li a{padding-top:0px}

#navigation #navbar ul.main-nav li.submenu:hover a,#navigation #navbar ul.main-nav li.nosubmenu:hover a{color:#fff;text-decoration:none;padding-top:8px;height:35px}

#navigation #navbar ul.main-nav li.submenu:hover div,#navigation #navbar ul.main-nav li.nosubmenu:hover div{display:block;margin-top:-1px}

#navigation #navbar ul.main-nav li.submenu:hover div ul li a,#navigation #navbar ul.main-nav li.nosubmenu:hover div ul li a{color:#3b3b3a;}

#navigation #navbar ul.main-nav li.submenu{background-repeat:no-repeat;background-position:right 13px;position:relative}

#navigation #navbar ul.main-nav li.submenu a{font:bold 16px Arial, Helvetica, sans-serif;color:#ffffff;}

#navigation #navbar ul.main-nav li.submenu div{display:none;position:absolute;top:44px;z-index:9999;border:1px solid #a7a7a7}

#navigation #navbar ul.main-nav li.submenu div ul{float:left;list-style:none;padding:0px 0px;width:190px;text-align:left;background-color:#f4f4f4;overflow:hidden;border:1px solid white;margin-top:2px;color:#fff;}

#navigation #navbar ul.main-nav li.submenu div ul li{padding:5px;padding-left:10px;font-size:13px;line-height:20px;}

#navigation #navbar ul.main-nav li.submenu div ul li a{font:normal 14px Arial, Helvetica, sans-serif;color:#ffffff;}

#navigation #navbar ul.main-nav li.submenu div ul li a:hover{color:#3f6c18;text-decoration:none}


.imageleft {
         border:0px;         
         padding:5px;
         margin-left:10px;
         margin-right:10px;
         float:left;
} 

.imageright {
         border:0px;         
         padding:5px;
         margin-left:10px;
         margin-right:10px;
         float:right;
} 

.imagecenter {
         border:0px;         
         padding:5px;
         margin-left:10px;
         margin-right:10px;
         float:center;;
} 

.pcontent {
	text-align: justify; 
}

@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue-webfont.eot');
	src: local('?'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfontQvsv8Mp8') format('svg');
	font-weight: normal;
	font-style: normal;
}

.bebas
{
	font-size: 22px;
	color: #555;	
	text-transform: uppercase;
	font-family: BebasNeue, Arial,Verdana,sans-serif;
	letter-spacing: 0px;
	padding:0px 0px 8px 0px;
}

.bebasbig
{
	font-size: 27px;
	color: #000000;	
	text-transform: uppercase;
	font-family: BebasNeue, Arial,Verdana,sans-serif;
	letter-spacing: 0px;
	padding:0px 0px 8px 0px;
}

.bebastoll
{
	font-size: 22px;
	color: #555;	
	text-transform: uppercase;
	font-family: BebasNeue, Arial,Verdana,sans-serif;
	letter-spacing: 0px;
	padding:2px 0px 0px 0px;
}

.bebasser
{
text-align:left;
	font-size: 22px;
	color: #555;	
	text-transform: uppercase;
	font-family: BebasNeue, Arial,Verdana,sans-serif;
	letter-spacing: 0px;
	padding:20px 0px 0px 0px;
}


.servicesli
{
		font:13px Arial, Helvetica, sans-serif;
		color:#000000;
		padding:2px 0px 0px 0px;
}

.servicesli li
{		
		color:#000000;
		padding:4px 0px 0px 0px;
}

.servicesli li a
{		
		color:#000000;

}


{
		font:13px Arial, Helvetica, sans-serif;
		color:#000000;
		padding:2px 0px 0px 0px;
}
.a-btn{
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 13px;
    background:#EC5319;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#EC5319,0),color-stop(#D94C16,1));
    background:-webkit-linear-gradient(top, #EC5319 0%, #D94C16 100%);
    background:-moz-linear-gradient(top, #EC5319 0%, #D94C16 100%);
    background:-o-linear-gradient(top, #EC5319 0%, #D94C16 100%);
    background:linear-gradient(top, #EC5319 0%, #D94C16 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC5319', endColorstr='#D94C16',GradientType=0 );
    padding-left:20px;
    padding-right:65px;
    height:38px;
    display:inline-block;
    position:relative;
    border:1px solid #DA9E87;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
    padding-top:5px;
		font-family: 'Oswald', Arial, sans-serif;
	font-size: 13px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#872600;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-btn-slide-text{
		font-family: 'Oswald', Arial, sans-serif;
	font-size: 13px;
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#FD895C;
    text-shadow:0px -1px 1px #A25538;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    /* text-transform:uppercase; */
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #DA9E87;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(images/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 13px;
    padding-right:165px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px #DA9E87;
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
    width:100px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#DA9E87;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#EC5319;
}


#sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;} 
#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}