/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{font:13px/1.22 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:99%;}

body{
background: #e5e5e5;
margin: 0 auto;
padding:0;
text-align: center;
color:#454545;
}

#container{
width: 990px;
position: relative;
overflow: hidden;
zoom: 1;
margin:0 auto;
background: url(/image/index/shim.png) repeat-y;
}

.wrapper{
width: 970px;
text-align: left;
margin:0 auto;
background: #ffffff;
}


#pri, #sec, #partner, #new, #tool, #payoff, #logo{
position: relative;
float: left;
}

#pri{
width: 756px;
}

#sec{
width: 213px;
border-left: 1px solid #dadada;
}

.all{
background: transparent url(/image/index/primx-sprite.png) no-repeat right -29px;
padding-right: 10px;
}

#footer {
background:#CCCCCC;
clear:both;
margin-top:15px;
overflow:hidden;
position:relative;
}

#footer ul {
overflow:hidden;
padding:13px 0 13px 180px;
text-align:center;
}

#footer li{
float: left;
font-size: 85%;
margin-right: 15px;
}

#footer li a{
color: #666666;
}

.copyright{
margin-top: 10px;
font-size: 77%;
clear: both;
}

.copyright li{
display: inline;
margin-right: 10px;
color: #808080;
}

.copyright li a{
color: #808080;
}

/*   Content   */

a, a:link, a:hover, a:active{
color:#e90d03;
text-decoration:none;
}

#header h1{
text-indent: -9999px;
line-height:0.4em;
}

h2{
font-size: 182%;
letter-spacing: -1px;
color: #808080;
margin-bottom: 10px;
}

h3{
font-size: 113%;
font-weight: bold;
margin-bottom: 5px;
}

/****** start, Header  ******/

.shadow{
background: transparent url(/image/index/primx-sprite.png) no-repeat scroll left -798px;
height: 15px;
}

#header{
overflow: hidden;
position: relative;
zoom: 1;
border: 1px solid #ffffff;
border-top: 0;
}

#logo{
padding: 0 11px;
margin-right: 140px;
}

#payoff {
background:transparent url(/image/index/primx-sprite.png) no-repeat scroll -884px -458px;
height:70px;
width:405px;
}

#tool li, #tool li select{
float: left;
font-size: 85%;
font-family: Verdana, Helvetica;
margin-left: 30px;
display: inline;
}

#tool li.home, #tool li.contact {
background:transparent url(/image/index/primx-sprite.png) no-repeat -1588px -149px;
display:list-item;
padding-left:16px;
}

#tool li.contact {
background-position: -1586px -82px;
}

#tool a {
color:#5A5A5A;
}

li.switchlg{
clear: both;
padding:8px 0 0 53px;
}

#menu{
background:#EC0D03 url(/image/index/primx-sprite.png) no-repeat scroll 0 -862px;
clear:both;
overflow:hidden;
padding-bottom:12px;
position:relative;
}

#menu li{
float: left;
border-right: 1px solid #ffffff;
}

#menu li a{
color: #ffffff;
font-weight: normal;
font-family: verdana;
padding: 5px;
text-decoration: none;
display: block;
}

#menu li a.on{
background: #ebebeb;
color: #21120c;
}

#menu li a:hover{
background: #eb0d03;
}

/*  special tab */
#menu li a.special{
background: #5173b8;
}

#menu li.login{
border-right: 0px;
float: right;
}

/****** end, Header  ******/

/***************** start, LEFT content ******************/

#welcome{
color: #808080;
font-size: 93%;
padding: 0 11px;
margin-bottom: 20px;
}

.subframe{
overflow: hidden;
padding-left: 11px;
}

#pri .mod{
border: 1px solid #dadada;
padding: 10px 0;
margin-bottom:12px;
}

#pri .mod p, #pri .mod h2, #pri .mod h3{
padding: 0 12px;
}

#pri .mod p{
line-height: 1.4em;
}

#products{
margin-bottom: 13px;
}

#teasing h2 a{
background: transparent url(/image/index/primx-sprite.png) no-repeat left -442px;
height: 320px;
text-indent: -9999px;
display: block;
}

.lang_en #teasing h2 a{
background: transparent url(/image/index/primx-sprite_en.png) no-repeat left top;
}

#teasing h2{
margin-bottom: 0;
}

/*** start, solutions ***/

#solution{
background: #f2f2f2;
width: 723px;
padding-bottom:13px;
}

#solution h3{
padding: 24px;
text-indent: -9999px;
}

#solution h3 a{
display: block;
width: 175px;
height:20px;
}

#solution h4{
font-weight: bold;
height: 40px;
padding:0 12px;
}

#solution p{
padding:0 12px;
line-height: 1.4em;
}

#solution .allsolution{
clear: both;
padding-top:10px;
}

#solution .allsolution a{
background: transparent url(/image/index/arrow.png) no-repeat right 4px;
font-weight: bold;
padding-right: 10px;
}

.zedmail, .zed, .mobiz{
float: left;
width:224px;
margin-right: 15px;
background: transparent url(/image/index/primx-sprite.png) no-repeat left top;
}

.bot{
float: left;
width:224px;
margin-right: 15px;
background: transparent url(/image/index/primx-sprite.png) no-repeat scroll 0px -407px;
height:17px;
}

.zed{
background-position: -488px top;
}

.mobiz{
background-position: -976px top;
}

div.zedmail:hover{
background-position: -244px top;
}

div.zed:hover{
background-position: -732px top;
}

div.mobiz:hover{
background-position: -1220px top;
}

/*** end, solutions ***/


/*** start, NEW ***/

#pri #new{
width: 478px;
margin: 0 14px 0 0;
}

#pri #new.mod h2{
background:transparent url(/image/index/primx-sprite.png) no-repeat scroll -1475px -231px;
padding:0 0 50px 110px;
}

#pri #new img{
float: right;
padding: 0 12px;
}

/*** end, NEW ***/

/*** start, partner ***/

#pri #partner{
width: 238px;
}

#partner.mod{
border-color: #5173B8;
background-color: #f3f9fd;
}

#pri #partner p{
padding: 0 12px;
}

#pri #partner .btn.log_in{
margin:0 12px 0;
overflow:auto;
padding:5px 0 12px;
}

#pri #partner ul{
margin: 0 12px;
}

#pri #partner ul.first{
border-bottom: 1px solid #5173B8;
margin-bottom:14px;
padding-bottom:15px;
}

#pri #partner ul li{
margin-bottom: 8px;
}

#pri #partner li {
background:transparent url(/image/index/primx-sprite.png) no-repeat -1596px 5px;
display:list-item;
padding-left:12px;
}


/*** end, partner ***/

/* LEFT content */

/***************** start, RIGHT content ******************/

#sec .mod{
margin: 0 13px 20px 13px;
padding-bottom: 15px;
border-bottom: 1px solid #dadada;
}

#sec .mod li{
font-size: 92%;
margin-bottom: 8px;
}

#sec .mod li p{
line-height: 1.4em;
padding-bottom: 4px;
}

#actu li a{
font-weight: bold;
}

#push h3{
text-indent: -9999px;
}

#support span{
display: block;
margin-bottom: 5px;
font-size: 93%;
}

#support li {
background:transparent url(/image/index/primx-sprite.png) no-repeat -1596px 5px;
display:list-item;
padding-left:12px;
}

/* end, RIGHT content */


.btn {
padding: 8px 0 0 12px;
}

.btn a {
color:#FFFFFF;
float:left;
font-size:93%;
font-weight:bold;
margin-right:8px;
padding:2px 20px 0 0;
text-decoration:none;
}

.btn a span {
	float: left;
	padding-right: 14px;
	display: block;
	margin-top: -2px;
	height: 24px;
}

.btn a {
 	color: #ffffff;
	background: url(/image/index/button.png) no-repeat top right;
}

.btn a span {
	background: url(/image/index/button.png) no-repeat top left;
}

.btn.log_in a {
	background-position: -136px -66px;
}

.btn.log_in a span {
	background-position: 0 -66px;
}
