html, body
{
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	padding:0px;
	margin:0px;
	min-width:800px;
	background-color:#EDF2F6;
	color:#555;
}

h1, h2 { color:#333;}
h1 { font-size:24px; font-weight:normal; margin:20px 0; line-height:29px;}
h2 { font-size:16px; font-weight:normal; margin:10px 0; line-height:25px;}
h3 { font-size:12px; font-weight:normal; margin:10px 0; line-height:20px;}
h4 { font-size:12px; font-weight:normal; margin:0px;}

p { margin:10px 0;}
a, a:visited { color:#2A7FD3;}
a:hover { color:#ff6600; text-decoration:underline;}
a img { border:none;}
ul, ol { padding-left:15px;	margin:5px 0; }
ul li, ol li ul li { list-style-type:square; margin-bottom:5px;}
ol li, ul li ol li { list-style-type:decimal; margin-bottom:5px;}
hr { clear:both; border-top:1px dotted #ccc; border-bottom:none; border-left:none; border-right:none; margin:0px;}
small { font-size:11px; font-weight:normal;}
big { font-size:140%;}
input.button { padding:4px 10px;}
blockquote { margin: 5px 15px; font-style:italic; line-height:160%}

#head, #menu, #wrap, #footer, .path
{
	width:960px;
	margin-right:auto;
	margin-left:auto;
}

#head
{
	height:60px;
	clear:both;
	position:relative;
	margin-top:10px;
}

#main
{
	background-color:#fff;
	padding:0 20px 20px 20px;
	border:1px solid #DEDEDE;
	line-height:130%;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
}

#left
{
	float:left;
	width:660px;
	margin:0 15px 0 0;
	background-color:#fff;
	padding:0 20px 20px 20px;
	border:1px solid #DEDEDE;
	line-height:130%;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
}

#right
{
	float:right;
	width:220px;
	margin:0;
	background-color:#fff;
	padding:10px 10px 20px 10px;
	border:1px solid #DEDEDE;	
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
}

#footer
{
	clear:both;
	margin-bottom:20px;
	margin-top:20px;
	color:#555;
	font-size:11px;
}

/*-------------------->>>	Menu	<<<--------------------*/
#menu
{
	border-bottom:2px solid #333;
	border-top:1px dotted #333;
	height:27px;
}

#menu a
{
	text-decoration:none;
	font-size:11px;
	display:block;
	padding:7px 20px;
	float:left;
	color:#333;
	text-transform:uppercase;
}

#menu a:hover, #menu a.act { color:#0099FF; border-bottom:2px solid #0099FF;}
#menu span{	float:left;	color:#999;	padding:7px 0;}
#menu a.menuFirst{	padding-left:0px;}
#menu a.menuLast{	padding-right:5px;}

#footer a{ text-decoration:none; color:#333;}
#footer a:hover { text-decoration:underline;}
#footer .fmenu span { color:#999; padding:0 7px;}

#footer hr { margin:0px; padding:0px; clear:both; height:0px; border:0 none;}
#footer hr.l2 { border-bottom:1px solid #FFFFFF; margin-bottom:10px;}
#footer hr.l1 { border-bottom:1px solid #ABABAB;}

/*-------------------->>>	Menu	<<<--------------------*/

.userData .udlabel { text-align:right; padding-right:5px;}
.userData .udvalue { text-align:left; font-weight:bold;}
.links a { font-size:14px; line-height:24px; text-decoration:none;}
.links a strong { font-weight:normal;}

.search .item { margin-bottom:15px;}
.search .text { margin:5px 0;}
.search h3 { margin:0px; padding:0px; font-size:16px;}
.search .link { color:#008000; text-decoration:underline;}

.pager { margin:40px 0 20px 0; text-align:center;}
.pager a {	border:1px solid #EEEEEE; margin:2px; padding:4px; text-decoration:none;}
.pager a:hover, .pager a:active{	border:1px solid #999999;	color:#666666;}
.pager span {	border:1px solid #EEEEEE;	color:#DDDDDD;	margin:2px;	padding:4px;}
.pager .current {	background-color:#3BBCE3;	border:1px solid #3BBCE3;	color:#FFFFFF;	font-weight:bold;	margin:2px;	padding:4px;}

.listitem { margin:0 0 20px 0; padding:10px; border-bottom:1px dotted #CCCCCC; background-color:#F7F7F7;}
.listitem h2 { margin:0 0 3px 0;}
.listitem h2 a { margin:0 0 3px 0;}
.listitem h3 { margin:0 0 3px 0;}
.listitem h3 a { font-size:16px; text-decoration:none; font-weight:normal; text-shadow:0 1px 1px rgba(64, 64, 64, 0.13);}
.listitem h3 a:hover { text-decoration:underline;}
.listitem h4 { margin:10px 0;}
.greenlink { color:#008000; text-decoration:underline;}
a.greenlink:visited { color:#008000;}

#right p { padding:0 10px; line-height:130%;}

.darkTitle 
{
	font-size:11px;
	font-weight:normal; 
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 16px 10px; 
	padding:6px 10px 6px 0; 
}
.darkTitle a.desc { float:right; text-decoration:none; text-transform:lowercase;}


.filter { margin:0 0 30px 0;}
.filter a { padding:5px 10px; text-decoration:none; color:#333; font-size:11px; display:block; border-bottom:1px solid #F7F7F7;}
.filter a:hover { background-color:#E5F1F6; color:#333;}
.filter a.current { background-color:#E5F1F6; color:#333;}

.tagcloud { padding:5px 10px;}
.tagcloud a { text-decoration:none; padding-right:20px;}
.tagcloud a:hover { text-decoration:underline;}

.projects { width:100%;}
.projects h3 { margin:0px;}
.projects h3 a { color:#333; text-decoration:none;}
.projects h3 a:hover { text-decoration:underline;}
.projects .colToDo { text-align:right;}
.projects .separator { margin:10px 0;}
.projects .userDesignList td { border-top:1px dotted #ccc; padding:5px 0;}
.projects .darkTitle { margin:20px 0 7px 0;}

div.field { font-size:12px; margin:15px 0 5px 0;}
div.edit { padding:5px 0 20px 0;}
.edit input,
.edit textarea { padding:5px; font-size:14px; margin-right:5px;}
.edit select { margin-right:5px; font-size:14px;}

.hide { display:none;}

.separator { clear:both; border-top:1px dotted #ccc; margin:20px 0;}
.separatorSmall { clear:both; border-top:1px dotted #ccc; margin:5px 0;}

.errorPage { font-size:14px;}
.errorPage h2 { font-size:30px; color:#FF4C3B; font-weight:normal; margin:20px 0;}
.errorPage li { margin-bottom:10px;}

.path { font-size:11px; margin-top:10px; margin-bottom:10px;}
.path a { text-decoration:none; color:#333;}
.path a:hover { text-decoration:underline;}
.path span { color:#808080;  padding:0 5px;}

.line1 { border-bottom:solid 1px #fff;}
.line2 { border-bottom:solid 1px #ccc;}
.liner1 { border-right:solid 1px #fff;}
.liner2 { border-right:solid 1px #ccc;}

.blue { color:#0099FF;}
.redMarker { color:#C20506;}

.topCreate a { color:#333; text-decoration:none; font-size:11px;}
.topCreate a:hover { text-decoration:underline;}

.searchTop{	position:absolute;	right:0px;	top:20px;}
#search-box{	font-size: 12px; 	color: #555;	border: 0; 	border-top: 1px solid #ccc; 	border-left: 1px solid #ccc; 	width: 220px; 	height: 18px; 	padding: 2px 20px 1px 7px;}
#goSearch{	border:0 none;	height:12px;	outline-style:none;	outline-width:medium;	position:absolute;	right:5px;	top:6px;	width:13px;}

.login	
{
    width:270px;	margin-left:auto;	margin-right:auto;	padding:40px;	border:1px solid #CCCCCC;	background-color:#FFFFFF;	font-family:Verdana, Arial;
    -moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.login h1{ margin:0px;}
.login a { text-decoration:none;}
.login a:hover { text-decoration:underline;}
.login .text{	border-color:#666666 #CCCCCC #CCCCCC #999999;	border-style:solid;	border-width:1px;	padding:4px 0 4px 4px;	font-size:16px;	width:260px;}
.login .field{	padding-top:20px;	padding-bottom:10px;	color: #626262;	font-size:12px;	font-weight:normal;	margin:0px;}
input.error,
textarea.error { color:#333;}

.success { padding:10px 20px; background-color:#EEFFBF; border-bottom:1px dotted #CCCCCC; margin:10px 0;}
.errorBox { padding:15px 20px; background-color:#F8E9CF; border-bottom:1px dotted #CCCCCC; margin:10px 0; color:#FF0000;}
#inUse { color:#FF0000;}
#isFree { color:#008000;}

label.valid 
{
	background:transparent url(img/successIcon.gif) no-repeat scroll 0 0;
	height:16px;
	width:16px;
	margin-left:0.3em;
	padding-left:16px;
}

.down { background:transparent url(img/down.gif) no-repeat scroll 0 6px; padding-left:15px; }
.up { background:transparent url(img/up.gif) no-repeat scroll 0 6px; padding-left:15px; }

.domPrefix { font-size:18px;}

.rowDel{ background-color:#F8E9CF !important;}
.rowDone{ background-color:#ABCF37 !important;}
.rowWait{ background-color:#F1E8DA !important;}
.point{ cursor:pointer; text-decoration:underline;}

.designlist {}
.designlist .item { float:left; width:212px; margin-right:8px;}
.designlist .space { clear:both; margin-bottom:10px; border-bottom:1px dotted #CCCCCC; height:15px;}
.designlist .item .photo { height:210px; width:212px; display:table; text-align:center;}
.designlist .item .photoResize { width:212px; display:table; text-align:center;}
.designlist .item .photo a,
.designlist .item .photo img { display:table-cell; vertical-align:bottom;}
.designlist .item .photo img, .designinfo .photo img { padding:2px; -moz-box-shadow: 0 0 4px #CCCCCC; -webkit-box-shadow: 0 0 4px #CCCCCC; box-shadow: 0 0 4px #CCCCCC; border:1px solid #DEDEDE;}
.designlist .item .photoResize img { padding:2px; border:1px solid #DEDEDE; background-color:#fff; -moz-border-radius:2px;  -webkit-border-radius:2px; border-radius:2px; margin:5px 0;}
.designlist .item big { margin:10px 0 3px 0; font-size:14px; display:block;}
.designlist .item p { margin:3px 0;}

.clientlist .item { float:left; width:212px; margin-right:8px;}
.clientlist .item .photo { width:212px; display:table; text-align:center;}
.clientlist .item .hPhoto { height:110px;}
.clientlist .item .wPhoto { height:60px;}
.clientlist .item .photo a,
.clientlist .item .photo img { display:table-cell; vertical-align:bottom;}
.clientlist .item a { text-decoration:none; display:block; margin-top:10px;}

.promo { margin:0 20px;}
.promo .item { float:left; width:410px;}
.promo .item p { padding-right:140px; padding-bottom:20px; line-height:18px; color:#666666;}
.promo .promo-security p { background: url(img/promo/security.jpg) no-repeat right 0px;}
.promo .promo-dotnet p { background:transparent url(img/promo/dotnet.jpg) no-repeat right 0px;}
.promo .promo-simple p { background:transparent url(img/promo/simple.png) no-repeat right 0px;}
.promo .promo-update p { background:transparent url(img/promo/update.jpg) no-repeat right 0px;}
.promo .promo-seo p { background:transparent url(img/promo/seo.png) no-repeat right 0px;}
.promo .promo-design p, .promo .promo-design2 p { background:transparent url(img/promo/design.jpg) no-repeat right 0px;}
.promo .promo-gollos p { background:transparent url(/image/gollos.png) no-repeat right 0px;}
.promo .promo-security, .promo .promo-simple, .promo .promo-seo, .promo .promo-design2 { border-right:1px dotted #CCCCCC; margin-right:30px; padding-right:15px;}

.imgBorder { padding:2px; border:1px solid #DEDEDE; max-width:660px; -moz-border-radius:2px;  -webkit-border-radius:2px; border-radius:2px; }

.designinfo span, .designinfo label { color:#808080;}
.designinfo .space, .clientlist .space { clear:both; margin-bottom:10px; border-bottom:1px dotted #CCCCCC; height:10px;}

.pageSize {}
.pageSize a, .pageSize span { margin:0 3px; font-size:11px;}
.pageSize a { padding:3px 1px;}
.pageSize span { background-color:#3BBCE3; color:#fff; padding:3px 6px;}

#templateUserInfo { padding:4px; background-color:#F7F7F7; clear:both; margin-bottom:15px; border-bottom:1px dotted #CCCCCC;}
#orderInfoTitle { background-color:#EEFFBF; padding:5px;}

.sitemap { margin-left:10px;}
.sitemap a.subitem,
.sitemap h4 a{ font-size:12px; text-decoration:none;}
.sitemap h3{ margin:10px 0; font-size:12px; }
.sitemap h4{ margin:5px 0 5px 30px;}
.sitemap h2{ margin:5px 0 5px 0; }
.sitemap h3 a { color:#333; text-decoration:none;}
.sitemap ul { padding:2px 0 2px 30px;}
.sitemap a.subitem:hover, .sitemap h3 a:hover, .sitemap h4 a:hover { text-decoration:underline;}

.linkCancel { padding:5px 0 0 20px;}
.arrow { font-family:Georgia, 'Times New Roman'; font-size:12px; font-weight:normal; color:#808080; padding:0 6px;}

.tarif { width:800px;}
.tarif td { vertical-align:top; border-bottom:1px dotted #CCCCCC; padding:7px 5px; text-align:center;}
.gold { background-color:#FFFBDF;}
.free { background-color:#F7F7F7;}
.tarifFree, .tarifGold { font-size:20px; width:230px;}
.tarifFree { color:#333;}
.tarifGold { color:#FFA21F;}
.tarifPrice, .price { font-size:22px; color:#333;}
.tarif td.f { text-align:left;}
td.tarifRow { border-bottom:0;}

.discount { background:transparent url(img/discount.gif) no-repeat scroll 0 0px; padding:2px 0 15px 25px;}
.shopLogo img { max-width:200px;}
.infoT td.field { text-align:right; padding-right:10px;}


/*------>>		Helper	<<------*/
a,a img,img{	outline:0;}

#inuse{ color:Red; font-weight:bold;}
#available{ color:Green; font-weight:bold;}
.inStock{ color: #228b22; font-size:11px;}
.noStock{ color: #8b0000; font-size:11px;}
.desc { font-size:11px; color:#808080; font-weight:normal;}
.rowDel{ background-color:#FF4C3B;}
.bold { font-weight:bold;}
.pointer { cursor:pointer; }
.star { color:#FF0000; font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.clear{	clear:both;}
.error { color:#FF0000;}
.tcenter { text-align:center;}
.tright  { text-align:right;}
.divcenter{ margin-left:auto; margin-right:auto;}
.w50{ width:50px}
.w70{ width:70px}
.w80{ width:80px}
.w100{ width:100px}
.w110{ width:110px}
.w120{ width:120px}
.w150{ width:150px}
.w170{ width:170px}
.w200{ width:200px}
.w220{ width:220px}
.w230{ width:230px}
.w250{ width:250px}
.w280{ width:280px}
.w300{ width:300px}
.w320{ width:320px}
.w350{ width:350px}
.w400{ width:400px}
.w450{ width:450px}
.w500{ width:500px}
.w600{ width:600px}
.w900{ width:900px}
.wp30{ width:30%;}
.wp40{ width:40%;}
.wp49{ width:49%;}
.wp50{ width:50%;}
.wp60{ width:60%;}
.wp70{ width:70%;}
.wp90{ width:90%;}
.wp98{ width:98%;}
.wfull{ width:100%;}
select.w250{ width:256px;}
.h250{ height:250px;}

.t5{ padding-top:5px;}
.t10{ padding-top:10px;}
.t20{ padding-top:20px;}
.t30{ padding-top:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.b5{ padding-bottom:5px;}
.b10{ padding-bottom:10px;}
.b20{ padding-bottom:20px;}
.b30{ padding-bottom:30px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.l5 { padding-left:5px;}
.l10{ padding-left:10px;}
.l20{ padding-left:20px;}
.ml0 { margin-left:0px;}
.ml5 { margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}

.r5{ padding-right:5px;}
.r10{ padding-right:10px;}
.r20{ padding-right:20px;}
.mr0 { margin-right:0px;}
.mr5 { margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}

.nonl{ white-space:nowrap;}
.spaceTable td { padding-bottom:10px; padding-right:5px;}
.spaceTable td td { padding:0px;}

.f11 { font-size:11px;}
.f15 { font-size:15px;}
.tagInfo {background-color:#EEEEEE; 	float:left;	padding:4px;}

.size_m { width:100px;}
.size_h { width:150px;}
.size_l { width:200px;}

.updatecaptcha { float: left; background-image: url(/image/update.gif); width:20px; height:20px;}
.imagecaptcha { float:left;}