@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, h6, 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;
font-family:"Arial";
font-weight:bold;
color:#9e4110;
font-size:18px;
text-align:center;
width:240px;
/*padding:50px 0px 0px 170px;*/
padding:50px 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:249px;
}
.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:298px;
float:left;
background:url(images/xhtmlconversion.jpg) no-repeat;
font:28px Georgia, "Times New Roman", Times, serif;
color:#fc3301;
padding:15px 0px;
margin:0px 20px 12px 0px;
}
.charges li.topright {
width:298px;
float:left;
background:url(images/xhtmlconversion.jpg) no-repeat;
font:28px Georgia, "Times New Roman", Times, serif;
color:#fc3301;
padding:15px 0px;
margin:0px 0px 12px 0px;
}
.charges li.bottomright {
width:298px;
float:left;
background:url(images/xhtmlconversion.jpg) no-repeat;
font:28px Georgia, "Times New Roman", Times, serif;
color:#fc3301;
padding:15px 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 24px;
}
.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:413px;
padding:5px 0px 5px 17px;
margin:0px 0px 0px 27px;
line-height:10px;
}
.whobottomcont {
font: 14px Arial, Helvetica, sans-serif;
color:#000000;
padding:15px 0px 3px 26px;
}
.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;
}
.clientcontent li.amo {
width:110px;
padding:6px 0px 0px 23px;
}
.clientcontent li.ordercom {
width:198px;
}
.clientcontent li.in {
width:80px;
border:none;
}
.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;
}