@charset "utf-8";
/* CSS Document */

body{background:url(../../images/base.gif) #000000 center top; background-repeat:repeat-y; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin:0px; padding:0px;}

div,tr,td,p,span{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align:left; margin:0px; padding:0px;}

a{color: #ffffff; text-decoration:none;}
a:hover{color: #ffffff; text-decoration:none;}

form{margin:0 0 0 0; padding:0 0 0 0;}
	
a img{border:0;}
.clear{clear:both; margin:0px; padding:0px;}

#header{width:973px; height:260px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#header_left{width:236px; height:260px; float:left; padding:0 242px 0 0;}
#header_left p{width:236px;}
#header_left p.icons{width:106px; padding:0 0 0 130px;}

#header_right{width:492px; float:right; height:260px;}
#orange_area{width:492px; height:43px;}
.orange{width:492px; height:43px; background:url(../../images/right_top.gif); background-repeat:repeat-x;}
input.top{border:#E4570B solid 1px; width:200px;}
input.small{width:83px;}
input.big{width:280px; margin:0 5px 0 0;}

#right_options{width:492px; height:86px;}
.icon_left{width:270px; height:84px; float:left;}
.icon_left p{color:#ffffff; text-decoration:none; text-align:center; display:block; width:90px; float:left; height:64px; padding:18px 0 0 0;}
.icon_right{width:190px; height:84px; float:right; background:url(../../images/myaccount_bg.gif); background-repeat:repeat-x;}
.icon_right p{color:#ffffff; text-decoration:none; text-align:center; display:block; width:90px; height:64px; padding:20px 0 0 0; float:left;}

/********************************graphic design************************************/
#menu_graphic{background:url(../../images/menu_bg_graphic.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_graphic ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_graphic ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_graphic ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_graphic ol.menutitle li a:hover{color:#006600; text-decoration:none; /*background:url(../../images/menu_hover_graphic.gif) top center no-repeat;*/ margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_graphic ol.menutitle li a.active{color:#006600; text-decoration:none; background:url(../../images/menu_hover_graphic.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_graphic{background:url(../../images/menu_divider_graphic.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/****************************************************************************/

/*****************************webdesign********************************/
#menu_webdesign{background:url(../../images/menu_bg.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_webdesign ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_webdesign ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_webdesign ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_webdesign ol.menutitle li a:hover{color:#22AAEB; text-decoration:none;/* background:url(../../images/menu_hover.gif) top center no-repeat;*/ margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_webdesign ol.menutitle li a.active{color:#22AAEB; text-decoration:none; background:url(../../images/menu_hover.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_web{background:url(../../images/menu_divider.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/*************************************************************************/

/*********************************multimedia************************************/
#menu_multimedia{background:url(../../images/menu_bg_multimedia.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_multimedia ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_multimedia ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_multimedia ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_multimedia ol.menutitle li a:hover{color:#C748E8; text-decoration:none;/* background:url(../../images/menu_hover.gif) top center no-repeat;*/ margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_multimedia ol.menutitle li a.active{color:#C748E8; text-decoration:none; background:url(../../images/menu_hover_media.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_multimedia{background:url(../../images/menu_divider_multimedia.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/*****************************************************************************/

/*********************************product************************************/
#menu_product{background:url(../../images/menu_bg_product.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_product ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_product ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_product ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_product ol.menutitle li a:hover{color:#BF9500; text-decoration:none;/* background:url(../../images/menu_hover.gif) top center no-repeat;*/ margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_product ol.menutitle li a.active{color:#BF9500; text-decoration:none; background:url(../../images/menu_hover_product.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_product{background:url(../../images/menu_divider_product.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/*****************************************************************************/

/*********************************printing************************************/
#menu_printing{background:url(../../images/menu_bg_printing.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_printing ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_printing ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_printing ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_printing ol.menutitle li a:hover{color:#DF000D; text-decoration:none; margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_printing ol.menutitle li a.active{color:#DF000D; text-decoration:none; background:url(../../images/menu_hover_printing.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_printing{background:url(../../images/menu_divider_printing.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/*****************************************************************************/

/*********************************offer************************************/
#menu_offer{background:url(../../images/menu_bg_offer.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_offer ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_offer ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_offer ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_offer ol.menutitle li a:hover{color:#FB26A8; text-decoration:none; margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_offer ol.menutitle li a.active{color:#FB26A8; text-decoration:none; background:url(../../images/menu_hover_offer.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_offer{background:url(../../images/menu_divider_offer.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/*****************************************************************************/

/*********************************orange************************************/
#menu_orange{background:url(../../images/menu_bg_orange.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_orange ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_orange ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_orange ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_orange ol.menutitle li a:hover{color:#FF5B02; text-decoration:none; margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_orange ol.menutitle li a.active{color:#FF5B02; text-decoration:none; background:url(../../images/menu_hover_client.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_orange ol.menutitle li a.active2{color:#FF5B02; text-decoration:none; background:url(../../images/menu_hover_contact.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_orange{background:url(../../images/menu_divider_orange.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/*****************************************************************************/


#content{width:973px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#content p.content_end{background:url(../../images/content_end.gif) center; background-repeat:no-repeat; width:973px; height:1px; padding:17px 0 0 0px; margin:0px;}
.content_top{background:url(../../images/content_top.gif) bottom; background-repeat:no-repeat; width:973px; height:1px; padding:17px 0 0 0px; margin:0px;}
#content_bg{background:url(../../images/content_bg.gif); background-repeat:repeat-y; width:943px; margin:0px; padding:10px 10px 10px 20px;}/*-- display:table; --*/
#content_left{width:560px; float:left; display:block;}
#content_area{width:558px;}
.content_box{background:url(../../images/rightcontent_bg.gif); background-repeat:repeat-y; width:548px; padding:5px; font-size:11px;}
#content_right{width:360px; float:right; display:block;}
#content_right p.heading{text-align:center; padding:0 0 15px 0; font-size:13px;}
#content_right p.date{background:url(../../images/date.gif); background-repeat:no-repeat; width:34px; height:35px; font-size:11px; float:left; display:block; color:#ffffff; text-align:center; padding:7px 0 0 7px; margin:15px 0 0 0;}
#content_right p.frame{background:url(../../images/frame.gif); background-repeat:no-repeat; width:99px; height:72px; margin:0 0 0 10px; display:block; float:left;}
#content_right p.text{width:200px; display:block; float:right; color:#000000; padding:10px 0 0 0;}
#content_right p.text a{color: blue; text-decoration:none;}
#content_right p.prevNext span.back{width:180px; text-align:left; color:#000000; font-size:14px; display:block; padding:20px 20px 0 0;}
#content_right p.prevNext span.more{width:180px; text-align:right; color:#000000; font-size:14px; display:block; padding:20px 20px 0 0;}
#content_right p.previous{width:360px; text-align:right; color:#000000; font-size:14px; display:block; padding:20px 20px 0 0;}
/***************************help section for product oages****************************/
#helpsection{width:973px;}
#helpsection p.help{width:130px; float:left; color:#4997D9; line-height:35px;}
#helpsection p.previous{width:250px; float:right; color:#000000; line-height:25px; padding:10px 35px 0 0;}
#helpsection p.previous span.back{width:120px; float:left;}
#helpsection p.previous span.moredesign{width:110px; float:right;}
/***************************help section for non-product oages****************************/
#helpsection_nonproduct{width:400px;}
#helpsection_nonproduct p.help{width:130px; float:left; color:#4997D9; line-height:35px;}
/***************************checkout printing****************************/
#checkout_left{width:366px; float:left; display:block;}
#checkout_right{width:565px; float:right; display:block;}
.payment_box{background:#F7F9FC; border:#D6D8E9 solid 1px; width:500px; padding:10px 0 10px 10px;}
.payment_box p.calculate{font-size:14px; padding:0px 0px 0px 300px; line-height:20px;}
p.total{background:#E6ECF7; width:195px; height:20px; margin:10px 0 0 250px; padding:5px 5px 5px 50px; font-size:14px;}
/***********************************************************************/

/********************************graphic page************************************/
#graphics{width:925px;}
.graphics_left{width:370px; float:left; display:block;}
.graphics_right{width:550px; float:right; display:block;}
/****************************************************************************/

/********************************designs**************************************/
ul.designs{width:925px; float:left; display:block; margin:0px; padding:0px; list-style-type:none;}
ul.designs li{width:231px; margin:0 0 0 0px; padding:0px; float:left; display:block;}
.frame2{width:221px; height:156px; float:left; display:block; background:url(../../images/frame_2.gif); background-repeat:no-repeat; padding:2px; margin:0px;}
.text2{padding:10px 2px 2px 2px; width:221px; float:left; display:block;}
.text2 a{color: blue; text-decoration:none;}
p.previous{width:925px; text-align:right; color:#000000; font-size:14px; display:block; padding:20px 20px 0 0;}
/*****************************************************************************/

/********************************graphic page************************************/
#contact{width:925px;}
.contact_left{width:400px; float:left; display:block; padding:0 0 0 20px;}
.contact_right{width:500px; float:right; display:block;}
p.formname{width:105px; float:left; display:block;}
span.right{width:250px; float:right; display:block;}
p.formname2{width:150px; float:left; display:block;}
span.right2{width:350px; float:right; display:block;}
/****************************************************************************/

/*********************************my account*****************************/
#myaccount{width:925px;}
#myaccount_left{width:330px; float:left; display:block;}
#myaccount_right{width:585px; float:right; display:block;}
.myaccount_box{background:#F7F9FC; border:#D6D8E9 solid 1px; width:570px; padding:10px 0 0px 0px;}
.myaccount_box p.leftbox{width:230px; float:left; display:block; padding:0 0 0 10px;}
.myaccount_box p.rightbox{width:300px; float:right; display:block;}
.box{width:570px; float:left; display:block; padding:0 0 0 10px;}
.box p.name{width:150px; float:left; display:block;}
.box div.passwd{width:350px; float:left; display:block;}
.box p.all{width:450px; float:left; display:block;}
.box span.register{width:390px; float:right; display:block;}
/***************************************************************************/

#footer{width:963px; height:80px; border-left:#747474 solid 1px; border-right:#747474 solid 1px; border-bottom:#747474 solid 1px; margin:0 0 10px 0; padding:0 0 0 10px;}
#footer_left{float:left; width:272px; height:60px; background:url(../../images/footer_left.gif); background-repeat:no-repeat; margin:0px; padding:15px 0 0 5px;}
#footer_left p{color:#ffffff; padding:0 0 0 0px; display:block; width:215px; float:right;}

#footer_right{float:right; width:600px;}
#footer_right p{color:#ffffff; padding:10px 0 0 0; float:left; display:block; text-align:right; line-height:23px;} 

.blue{color:#0066CC; text-decoration:underline;}
a.blue:hover{color:#0066CC; text-decoration:none;}

.orangetext{color:#FF4600; text-decoration:none;}
a.orangetext:hover{color:#FF4600; text-decoration:underline;}

.black{color:#000000; text-decoration:none;}
a.black:hover{color:#666666; text-decoration:none;}

.white{color:#ffffff; font-size:14px; text-decoration:none;}
a.white:hover{color:#000000; font-size:14px; text-decoration:none;}

/***21.01.09****/

/********************************home************************************/
#menu_home{background:url(../../images/menu_bg_orange.gif); background-repeat:repeat-x; width:973px; height:71px; padding:0px 0 0 0px; margin:0px; border-left:#747474 solid 1px; border-right:#747474 solid 1px;}
#menu_home ol.menutitle{margin:0px; padding:0px; list-style-type:none; width:973px; height:71px;}
#menu_home ol.menutitle li{margin:0px; padding:0px; display:block; float:left; height:71px;}
#menu_home ol.menutitle li a{margin:0px; padding:38px 0px 0px 0px; height:33px; display:block; float:left; text-decoration:none; font-size:13px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_home ol.menutitle li a:hover{color:#FF4600; text-decoration:none; margin:0px; padding:38px 0px 0px 0px; height:33px;}
#menu_home ol.menutitle li a.active{color:#FF4600; text-decoration:none; background:url(../../images/menu_hover_home.gif) top center no-repeat; margin:0px; padding:38px 0px 0px 0px; height:33px;}
.menudevider_home{background:url(../../images/menu_divider_orange.gif) no-repeat right; margin:0px 0 0 0; padding:38px 0px 0px 0px; height:33px; width:1px;}
/****************************************************************************/

#copyright{width:963px; text-align:center; color:#d4d4d4; font-size:12px;}
#copyright a.hover{color:#ff5b02; text-decoration:none;}

/**5-04-10**/
.client_box{ width:919px; background:#F2F2F2; padding:10px; overflow:hidden;}
.client_box1{background:#ffffff; border: 1px solid #D1D1D1; padding:4px 0 4px 4px;}
.client_link{ color:#FF4D01; font-size:14px;}
.client_link:hover{ color:#000000; font-size:14px;}
.client_text{ color:#717070;}
h2{font-size:14px; color:#717070; text-transform:uppercase; font-weight:bold;}
ul.client{width:300px; list-style-type:none; margin:0; padding:0;}
ul.client li{background: url(../../images/bullet_client.gif) no-repeat; padding:0 0 5px 30px ;}
ul.pagination{width:auto; list-style-type:none; float:right;}
ul.pagination li{background:url(../../images/or_norm.gif) no-repeat; width:14px; height:16px; display:block;padding:3px 0 0 5px;float:left; margin:0 5px 0 0;}
ul.pagination li:hover{background:url(../../images/or_hover.gif) no-repeat; width:14px; height:16px; display:block; padding:3px 0 0 5px;}
.client_loop{ width:210px; height:260px; float:left; padding:0 0 0 18px;}