body {
    background-color: white;
    background-image: url("../../img/bodybg.gif");
    background-position: center center;
    background-repeat: repeat-y;
    position: relative;
    text-align: center;
		
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	margin:0px;
	font-size:13px;
	line-height:20px;
	color:#666;
}


	.frame {
	width:1000px;
	border:1px solid #fff;
	text-align: left;
	position:relative;
	margin: 0 auto !important;
	}
		
  .clear {
  clear:both;
  }
		
	.left {
		float:left;
	}
	
	.input_search {
	width:150px;
	}
	
		.input_searchk {
	width:141px;
	}
	
	/*--------------------*/
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #cecece;
font-size:14px;
	background: url(<?= $sRoot; ?>img/chb.png) repeat-x bottom center;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
}

.prix {
background: url(<?= $sRoot; ?>img/chb.png) repeat-x bottom center;
width:383px;
text-align:left;
padding:5px;
border-bottom:1px solid #cecece;
margin-bottom:10px;
}

.xsnazzy {
background: transparent;  
float:left; 
margin:0 0px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}


/*-------------------------------*/
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #cecece;
border-right:1px solid #cecece;
}
.xb1 {
margin:0 5px; 
background:#cecece;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
background:#4a8ab5;
}
.xb3 {
margin:0 2px;
background:#4a8ab5;
}
.xb4 {
height:2px; 
margin:0 1px;
background:#4a8ab5;
}
/*-------------------------------*/
.xb1a, .xb2a, .xb3a, .xb4a {
display:block; 
overflow:hidden;
}
.xb1a, .xb2a, .xb3a {
height:1px;
}
.xb2a, .xb3a, .xb4a {
background:#fff; 
border-left:1px solid #cecece;
border-right:1px solid #cecece;
}
.xb1a {
margin:0 5px; 
background:#cecece;
}
.xb2a {
margin:0 3px;
border-width:0 2px;
}
.xb3a {
margin:0 2px;
}
.xb4a {
height:2px; 
margin:0 1px;

}
/*-------------------------------*/
.xb1b, .xb2b, .xb3b, .xb4b {
display:block; 
overflow:hidden;
background:#fff;
}
.xb1b, .xb2b, .xb3b {
height:1px;
}
.xb2b, .xb3b, .xb4b {
border-left:1px solid #cecece;
border-right:1px solid #cecece;
}
.xb1b {
margin:0 5px; 
background:#cecece;
}
.xb2b {
margin:0 3px;
border-width:0 2px;
}
.xb3b {
margin:0 2px;
}
.xb4b {
height:2px; 
margin:0 1px;
}

.xb1gold, .xb2gold, .xb3gold, .xb4gold {
display:block; 
overflow:hidden;
background:#5e9810;
}
.xb1gold, .xb2gold, .xb3gold {
height:1px;
}
.xb2gold, .xb3gold, .xb4gold {
border-left:1px solid #cecece;
border-right:1px solid #cecece;
}
.xb1gold {
margin:0 5px; 
background:#cecece;
}
.xb2gold {
margin:0 3px;
border-width:0 2px;
}
.xb3gold {
margin:0 2px;
}
.xb4gold {
height:2px; 
margin:0 1px;
}

/* c71724 */

.xb1orange, .xb2orange, .xb3orange, .xb4orange {
display:block; 
overflow:hidden;
background:#df181b;
}
.xb1orange, .xb2orange, .xb3orange {
height:1px;
}
.xb2orange, .xb3orange, .xb4orange {
border-left:1px solid #df181b;
border-right:1px solid #df181b;
}
.xb1orange {
margin:0 5px; 
background:#cecece;
}
.xb2orange {
margin:0 3px;
border-width:0 2px;
}
.xb3orange {
margin:0 2px;
}
.xb4orange {
height:2px; 
margin:0 1px;
}

.xb1green, .xb2green, .xb3green, .xb4green {
display:block; 
overflow:hidden;
background:#eef7e1;
}
.xb1green, .xb2green, .xb3green {
height:1px;
}
.xb2green, .xb3green, .xb4green {
border-left:1px solid #90c144;
border-right:1px solid #90c144;
}
.xb1green {
margin:0 5px; 
background:#90c144;
}
.xb2green {
margin:0 3px;
border-width:0 2px;
}
.xb3green {
margin:0 2px;
}
.xb4green {
height:2px; 
margin:0 1px;
}

.nav {
width:225px;
float:left;
border-top:1px solid #fff;
border-right:1px solid #fff;
}

a {
text-decoration:none;
color:#457c10;
font-size:14px;
}

.content {
padding:0px 10px 10px 10px;
	width:488px;
	float:left;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

.teaser {
	width:235px;
	float:left;
	border-top:1px solid #fff;
	background: url("../../img/bg-sidebar-c.gif") repeat-y scroll 0 0 transparent;
  display: inline;
	height: 100%;

}



.xboxcontent {
display:block; 
border:0 solid #cecece; 
border-width:0 1px; 
height:auto;
}

.xboxcontent_gold {
display:block; 
color:#fff;
border:0 solid #cecece; 
border-width:0 1px; 
height:auto;
background:#f85f01;
background : url(../../img/bggold.png) repeat-x top center;
}



.xboxcontent_green {
display:block; 
color:#fff;
border:0 solid #90c144; 
border-width:0 1px; 
height:auto;
background:#f85f01;
background : url(../../img/bggreen.png) repeat-x top center;
}

.xboxcontent_orange {
display:block; 
color:#666;
border:0 solid #c71724; 
border-width:0 1px; 
height:auto;
background:#f85f01;
background : url(../../img/bgorange.png) repeat-x top center;
}

.xboxcontent_grey {
display:block; 
color:#646f66;
border:0 solid #cecece; 
border-width:0 1px; 
height:auto;
background:#f85f01;
background : url(../../img/clipbg.png) repeat-x top center;
}

p {
margin:0px;
padding:0px;
}


.color_gold {
background:#8cbb3b; 
color:#000;
}

.color_golda {
background:#fded98; 
color:#000;
}

.color_orange {
background:#c71724; 
color:#000;
}

.color_grey {
background:#eaeaea; 
color:#000;
}

.color_green {
background:#fff; 
color:#000;
}

.ctpad {
padding:5px;
}

.ctpadw a {
padding:5px;
text-decoration:none;
font-size:14px;
color:#fff;
}

.ctpadw a:hover {
text-decoration:underline;
}

.bgreen b {
font-size:15px;
margin-bottom:20px;
}

.pagingDiv {
text-align:right;
display:block;
}

.pagingDiv a {
border:1px solid #cecece;
width:50px;
height:20px;
text-align:center;
color:#fff;
background:#90c144;
margin:2px;
padding:0px 5px 0px 5px;
}

.pagingDiv a:hover {
color:#90c144;
background:#fff;
}

#footer a, #axlent a {
color:#fff;
}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #4b820c;
	background:#5a9a10 url(../../img/bggold.png) repeat-x;
	color:#fff;
	}

	/*----------------------------*/

.ballred {display:block; width:14px; height:14px; border:1px solid #000; font-size:1px; float:left; margin-right:5px; display:inline;
background:red;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
.ballred:hover {
background-image: -moz-radial-gradient(7px 3px 45deg, circle cover, white 5%, red 20%, #fbb 80%);
background-image: -webkit-gradient(radial, 7 7, 10, 7 3, 1, from(white), to(white), color-stop(0.7, red)); 
-moz-box-shadow: 0px 1px 1px #fff;
-webkit-box-shadow: 0px 1px 1px #fff;
box-shadow: 0px 1px 1px #fff;
}
 
.ballamber {display:block; width:14px; height:14px; border:1px solid #000; font-size:1px; float:left; margin-right:5px; display:inline;
background:orange;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
.ballamber:hover {
background-image: -moz-radial-gradient(7px 3px 45deg, circle cover, white 5%, orange 20%, #fea 80%);
background-image: -webkit-gradient(radial, 7 7, 10, 7 3, 1, from(white), to(white), color-stop(0.7, orange)); 
-moz-box-shadow: 0px 1px 1px #fff;
-webkit-box-shadow: 0px 1px 1px #fff;
box-shadow: 0px 1px 1px #fff;
}
 
.ballgreen {display:block; width:14px; height:14px; border:1px solid #000; font-size:1px; float:left; margin-right:5px; display:inline;
background:#080;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
.ballgreen:hover {
background-image: -moz-radial-gradient(7px 3px 45deg, circle cover, white 5%, green 20%, #bfb 80%);
background-image: -webkit-gradient(radial, 7 7, 10, 7 3, 1, from(white), to(white), color-stop(0.7, green)); 
-moz-box-shadow: 0px 1px 1px #fff;
-webkit-box-shadow: 0px 1px 1px #fff;
box-shadow: 0px 1px 1px #fff;
}
 
.drop {width:600px; margin:0 auto; background:#999; border:1px solid #888; font-family:arial, sans-serif; position:relative; z-index:500;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(95%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0));
-moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
.drop .title {padding:10px 10px 0 10px; height:24px; border-bottom:1px solid #444;}
.drop .title p {padding:0 60px 0 0; margin:0; text-align:center; font-size:14px;
text-shadow:  0px 1px 1px #fff;
}
.everything {clear:left; padding:5px 10px 0 10px; margin:0; list-style:none; height:26px; border-top:1px solid #c0c0c0; background:#006931; border-bottom:1px solid #444; position:relative;}
.everything li {float:left; padding-right:5px;}
.everything li a.topLevel {display:block; height:25px; float:left; line-height:22px; padding:0 30px; text-decoration:none; color:#000; font-size:12px; background:#969696; border:1px solid #444; border-bottom:0;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(95%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0));
text-shadow:  0px 1px 1px #fff;
}
.everything li a.topLevel:hover {height:26px; color:#036;}
.everything li:hover > a.topLevel {height:26px; color:#036;}
 
.everything .holdall {width:580px; background:#fff; position:absolute; left:-9999px; top:32px; background:#999; border:1px solid #888; border-top:1px solid #d0d0d0; padding:10px 10px 20px 10px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(95%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0));
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
 
}
.everything :hover .holdall {left:-1px;}
 
.container {width:558px; background:#fff; border:1px solid #888; border-color:#006931 #aaa #eee #aaa; padding:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
 
}
.clrall {clear:left; height:10px; border-top:1px solid #c0c0c0; overflow:hidden;}
 
.container h2 {padding:5px 0; margin:0; color:#444; font-size:18px;}
.container p {padding:5px 0; margin:0; color:#666; line-height:18px; font-size:12px;}
.container a {padding:0; background:transparent; display:inline; text-decoration:underline;}
.container a:hover {text-decoration:none;}
.container img {float:left; padding:10px; border:1px solid #ddd; margin-right:20px; display:inline;
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}
.container .clear {clear:left;}
.container ul {padding:0; margin:0; list-style:none; width:150px; float:left;}
.container li {float:none; clear:left;}
.container li a {font-size:12px; float:none; clear:left; line-height:16px; color:#00c}
 
.container table {border-collapse:collapse; width:0; height:0; margin:-1px;}
 
.holdall p.copy {padding:5px 0; margin:0; font-size:11px; color:#444;
text-shadow:  0px 1px 1px #fff;
}
	
.template_container {
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #BDC3CF;
float:left;
font-family:Tahoma;
line-height:1.1;
margin:0 2px 5px 0;
width:154px;
}

.actions_container {
background-color:#558d0f;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
float:left;
height:63px;
vertical-align:top;
width:147px;
color:#FFFFFF;
padding:5px 0 0 5px;
text-align:left;
}


.actions_container a {
color:#FFFFFF;
float:left;
font-weight:bold;
line-height:1.2;
margin:4px 0 7px;
padding:0 6px;
}

.template_info_block{
text-align:left;
float:left;
overflow:hidden;
width:152px;
}

.template_info {
border-bottom:1px solid #BDC3CF;
clear:both;
margin:0 0 0 9px;
padding:6px 0 6px 6px;
width:152px;
}

.template_prices {
float:left;
padding:6px 0 6px 15px;
width:152px;
line-height:16px;
}

.template_info span {
clear:both;
display:block;
}

.template_info span strong {
color:#558d0f;
float:none;
font-weight:normal;
}

.template_thumbnail {
padding-top:5px;
padding-bottom:3px;
height:100px;
}

	.section {
    background: url("../../img/bg.gif") repeat-x scroll left bottom #F5F5F5;
    margin: 0 0 11px;
    overflow: hidden;
    padding: 0 0 16px;
    position: relative;
    width: 100%;
}
.header {
    background: url("../../img/bg.gif") repeat-x scroll left bottom #FFFFFF;
    height: 61px;
    margin: 0 0 -12px;
    overflow: hidden;
    position: relative;
}

.header h2, .header h4 {
    background: url("../../img/dot.gif") no-repeat scroll 1px 20px transparent;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
    padding: 16px 0 0 24px;
}

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 350px; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.box-wrapper-home {
    margin: 0 -13px;
    width: 1027px;
    z-index: 0;
}

.box-t {
    background: url("../../img/bg-box-t.png") no-repeat scroll 0 0 transparent;
    font-size: 0;
    height: 2px;
    width: 1027px;
}

.box-c {
    background: url("../../img/bg-box-c.gif") repeat-y scroll 0 0 transparent;
    height: 1%;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0px 0 9px 21px;
}

.box-c li {
    display: inline;
    float: left;
    margin: 0 6px 0 15px;
    width: 293px;

}

.box-b {
    background: url("../../img/bg-box-b.png") no-repeat scroll 0 0 transparent;
    font-size: 0;
    height: 19px;
    width: 1027px;
}

.box-c h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 3px !important;
		color:#4F860D;
}
.box-c .visual {
    float: left;
    margin-top: 21px;
    width: 62px;
}
.box-c .visual img {
    display: block;
    margin: 0 auto;
}
.box-c .text-box {
    float: right;
    width: 213px;
}
.box-c p {
    margin: 0 0 6px;
}

.ctpadt {
width:255px;
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
background: linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */


}