/* Reset */
html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline; }
strong { font-weight:bold; }
em { font-style:italic; }
ol,ul { list-style:none; }
table { border-collapse:separate;border-spacing:0; }
caption,th,td { text-align:left;font-weight:normal; }
blockquote:before,blockquote:after,
q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
.clear {clear:both;margin:0;padding:0;}
.clearfix:after {content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:.875em; background:#181818}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; color:#848484;	}	
h1 {text-indent:-9999px; visibility:hidden; overflow: hidden;}	


.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
div.container  a {text-decoration:none;}
div.container  a:hover {text-decoration:underline;}
a img{ border:0}

a{color:#fff; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#fff; font-weight:bold; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; display:block; margin-bottom:8px}
.link:hover{text-decoration:underline }

.link1{color:#848484; background:url(images/marker1.gif) top left no-repeat; padding-left:14px; background-position:0 5px; text-decoration:none;}
.link1:hover{text-decoration:underline }

.button{color:#f8f7f3; background:url(images/button1.gif) top left no-repeat; padding:5px 2px 7px 2px; text-decoration:none; font-size:0.75em; }
.button:hover{text-decoration:underline }
.button1{color:#f8f7f3; background:url(images/button2.gif) top left no-repeat; padding:5px 10px 9px 10px; text-decoration:none; line-height:28px  }
.button1:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:13px; }
#content ul li a{color:#848484; text-decoration: none; line-height:1.5em} 
#content ul li a:hover { text-decoration:underline; }

#content .ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:20px; }
#content .ul li a{color:#fff; font-weight:bold; text-decoration: none; line-height:2em;} 
#content .ul li a:hover { text-decoration:underline; }

#content .ul2 li{display:inline; background:url(images/marker.gif) top left no-repeat; background-position:0 3px; margin:0; padding:0 10px 0 14px; }
#content .ul2 li a{color:#fff; font-weight:bold; text-decoration: none; line-height:2em;} 
#content .ul2 li a:hover { text-decoration:underline; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#homeheader {font-size:0.75em; color:#FFFFFF }
#homeheader .img{ margin:92px 0 0 585px; position:absolute }
#homeheader .indent1{ margin:11px 0 0 614px; position:absolute; width:336px}
#homeheader .indent{padding:0;}
#homeheader .indent2{padding:32px 0 0 52px}

#homeheadbar {position:absolute; top:0px; width:980px;}
#incheader {position:absolute; top:0px; width:980px;}
#incheader .indent1{ margin:11px 0 0 614px; position:absolute; width:336px}

#header {font-size:0.75em; color:#FFFFFF;}
#header .img{ margin:92px 0 0 585px; position:absolute }
#header .indent1{ margin:11px 0 0 614px; position:absolute; width:336px}
#header .indent{padding:51px 0 0 52px}
#header .indent2{clear:both;padding:20px 0 0 0;}
.title {clear:both; background:#FDFDFD; color:#000; font-weight:bold; margin:0 0 0 30px; padding:0 0 10px 0; font-size:24px;line-height:1.3em;color:#cc6600;}

#alphabetdiv {font-size:0.6em;text-align:center;width:910px;margin:0 auto;}
#alphabet {float:left;font-weight:bold;padding:2px;	border:1px solid #FFC931;color:#105CB6;background-color:#E5E4DF;}
#alphabet li {float:left;margin-left:3px;}
#alphabet li a {background-color:#FFFFFF;border:1px solid #FFC931;color:#105CB6;display:block;margin:1px;padding:2px 5px 3px;text-decoration:none;}
#alphabet li a:hover {background-color:#cc6600;border:1px solid #6CCB17;color:#fff;display:block;margin:1px;padding:2px 5px 3px;text-decoration:none;}
.txt {background-color:#E5E4DF;color:#666;display:block;margin:1px;padding:2px 5px 3px;text-decoration:none;}

#homelogosearch { float: left; width: 650px; height: 290px; margin:10px 5px 0 0px;}
#mascotte { float: left; margin:10px 5px 0 30px;}
#homelogosearch_title{float:right; margin:10px; text-align:left; width:300px;}
#homelogosearch_title h2{font-size:24px;line-height:1.3em;color:#cc6600;font-weight:bold;font-family:Verdana,Arial; text-align:left; padding: 10px 0 0 0;}
#homelogosearch_title h2 a{text-decoration:none;color:#5f5f5f;}
#slogan{position:relative;font-size:16px;color:#5f5f5f; font-weight:bold; line-height:1.3em; margin: 10px 0 0 0; text-align:left;}

#homesearchbar {margin: 30px 0 0 50px;	background: transparent url("images/homesearchbar.jpg") no-repeat scroll top left;	height: 50px;	width: 550px;float:left;}
#homemerchantsearch {position: relative;}
#homemerchantsearch .loupe {position: absolute;	left: 20px;}
#homemerchantsearch input#testinput_xml {position: absolute; background: transparent url('images/search_input_bg.gif') no-repeat scroll top left; padding:5px; width: 288px; height: 20px;	left: 70px;	top: 10px;	border: none;	font-size: 1.2em;	color: #c3b5a8;}
#homemerchantsearch input:focus {color: #4e2700;}
#homemerchantsearch .submit {position: absolute;	top: 5px;	right: 10px;}
#searchcontainer {width: 989px; margin: 0 auto;}
#searchbar {margin: 10px 0 0 0;	background: transparent url("images/searchbar.jpg") no-repeat scroll top left;	height: 50px;	width: 989px; float:left;}

#incheader input#testinput_xml {border:none; background:none;width:250px; height:20px;font-size:1em;color:#000; padding:5px 0 0 5px;vertical-align:middle;font-size: 0.8em;	}

#intro {margin: 10px; width: 960px;float:left; color:#000;}
#intro a {color:#000; text-decoration:none;}
#intro p {line-height:1.4em; text-align:justify;}

#intromarchand p{line-height:1.4em;margin-bottom:10px;padding:0 20px;color:#000;font-weight:normal; text-align:justify;}
#intromarchand a{color:#000;}
#intromarchand li{color:#000; list-style:none; padding:0 0 10px 20px;}
.merchantlogo {cursor:pointer;float:left;margin:0 10px 0 0;}
.merchantlogor {cursor:pointer;float:right;margin:0 0 0 10px;}

#lastcodetop{ float: left; width: 965px; valign:top; margin:0px 5px 0 5px;}
#lastcode { float: left; width: 470px; height:270px; valign:top; margin:0px 5px 0 5px;}
#topmarchand { float: right; width: 470px; height:270px; valign:top; margin:0px 5px 0 5px;}

.top {background-image: url(images/topbox1.jpg); width: 459px; height:21px; color: white;  font-size: 10pt; font-weight: bold; padding:5px 0 0 15px;}
.homelastcodebox {display: block; width: 470px; background-color: #fff; text-align: left;  border: solid 2px #dddddd;}
.topmarchandbox {display: block; width: 470px; background-color: #fff; text-align: left;  border: solid 2px #dddddd;}
#homecodeboxes {display: block;	margin: 0px 5px 0px 5px; }

ul#lastreduc {display: block; list-style:none; margin: 0; line-height:1.6em; width:460px;}
ul#lastreduc li{margin:0; color:#000; display: list-item; height:60px;}
ul#lastreduc li a {color:#336699; font-weight: normal; font-family:Arial Black;font-size:0.94em;} 
ul#lastreduc li a:hover {color:#cc6600;text-decoration:underline; }

ul#topmarchandli {list-style:none; margin: 0; line-height:1.6em; width:460px;}
ul#topmarchandli li{margin:0; color:#000; display: list-item; height:30px;}
ul#topmarchandli li a {color:#336699; font-weight: normal; font-family:Arial Black;font-size:0.94em;} 
ul#topmarchandli li a:hover {color:#cc6600;text-decoration:underline; }

.logo {float: left; margin: 3px 10px 0 0; color:#000;}

#rightcontent{ float: right; width: 310px; valign:top; margin:5px 5px 0 5px;}
.toppub {background-image: url(images/topbox.jpg); width: 289px; height:21px; color: white;  font-size: 10pt; font-weight: bold; padding:5px 0 0 15px;}
.pubbox {display: block; width: 300px; background-color: #fff; text-align: left;  border: solid 2px #dddddd;}
#pub {display: block;	margin: 0;}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:25px;}
#content .indent-col{padding:0 0 9px 0}
#content .title{  margin-bottom:11px}
#content .img-left{ float:left; margin:0 20px 6px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 7px 0}
#content h2{font-size:1.26em; margin-bottom:7px; font-weight:bold;}
#content h2 a{color:#B9A03A}
#content h3{color:#B9A03A; font-size:1.16em; margin-bottom:7px; font-weight:normal  }
#content h4{color:#fff; font-size:1em; margin-bottom:1px;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .indent1{padding:0 0 0 141px}

/*box*/
#content .box{ background:#125C86; width:100%; color:#ffffff; line-height:1.25em}
#content .box .border-top {background:url(images/border_top.gif) repeat-x top;}
#content .box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
#content .box .border-bottom1 {background:url(images/border_bottom1.gif) repeat-x bottom;}
#content .box .border-top1 {background:url(images/border_top1.gif) repeat-x top #125C86}
#content .box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
#content .box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
#content .box .corner-bottom-left1 {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
#content .box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
#content .box .corner-bottom-right1 {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
#content .box .indent-box{ padding:29px 24px 29px 35px; }
#content .box p{ margin:0 0 7px 0}
#content .box .p{ margin:0 0 17px 0}
#content .box .p1{ margin:0 0 7px 0}
#content .box .p2{ margin:0 0 27px 0}
#content .box .p3{ margin:0 0 11px 0}
#content .box .title{  margin-bottom:11px}


#containerboutique {position:relative; margin: 0 auto;}
#short {text-align: center; width:980px;}

.top2 {background-image: url(images/topbox2.jpg); width: 970px; height:21px; color: white;  font-size: 10pt; font-weight: bold; padding:5px 0 0 10px;}
.top2 span {float:right; padding:0 10px 0 0;}
.bout {margin: 10px 0 0 0 ;}
.bout a {color: white; text-decoration: none;}
.cat {float: right; margin: 0px 10px 0 0; }
.cat a {color: white; text-decoration: underline;}
.cat a:hover {color: yellow; text-decoration: none;}

.cbox {display: block; width: 952px; background-color: #fff; color:#000; text-align: left; margin: 5px 0 10px 0px; padding: 13px; border: solid 1px #dddddd;}
.codevalue { font-size: 48pt; color: #747474; font-family: Verdana, Arial; font-weight: bold;  margin: 0 0 10px 0;}

#codeboxes {display: block;	margin: 0px 5px 0px 5px;}
#codeboxes a{color:#000;}
#codeboxes .codebox {float: left; margin: 5px 0 0 5px; width:200px; text-align:center; }
#codeboxes .centercodebox {float: left; margin: 0 20px 0 10px; text-align:center; width:500px;}
#codeboxes .centerpromobox {float: left; margin: 0 20px 0 10px; text-align:center; width:600px;}
#codeboxes .lastcodebox {float: right; margin: 0 0 0 0; text-align:center; width:200px;}
#desccode {margin: 0 0 10px 0; }
#codeboxes .onebox {float: left; margin: -5px 0 0 5px; width:860px; text-align:left; }

#squaredesc {color:white; margin:0px; text-align:justify;}
#squaredesc li {margin: 0;	padding: 0; color:white;}

.code {cursor:pointer; text-decoration:underline; text-align:center; color:#ffe13c;}
.showcode {cursor:pointer; text-decoration:underline; text-align:center; font-size:20px; color:#c00; margin:0;}
.hiddencode {visibility: hidden; background-color: white; color: black; margin:0;}
.merchant {font-size: 12px; color: #0A66B9; font-weight: bold; font-family: Verdana, Arial; margin: 0; cursor:pointer; text-decoration:underline;}
.merchant:hover {text-decoration:none;}

/*footer*/
#footer {color:#b6b6b6; font-size:0.75em; text-align:center; }
#footer .indent-footer{text-align:center; padding:17px;}
#footer a {color:#757575; text-decoration:underline}  
#footer a:hover {text-decoration:none}

#footer ul{text-align:center; margin-left:160px; padding:10px; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(images/bg_menu.gif) center left no-repeat; float:left}
#footer ul li a{color:#B9A03A; text-decoration: underline; display:block; float:left; padding:2px 14px 2px 14px} 
#footer ul li a:hover { text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none;  }

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.h2{ height:25px}
.h1{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:40px}
.input1{
	border-left:1px solid #7e7e7e; 
   	border-top:1px solid #7e7e7e; 
   	border-right:1px solid #fff; 
   	border-bottom:1px solid #fff; 
	background:#FFFFFF;
	width:167px; height:18px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	vertical-align:middle;
	padding-top:2px;
}



.tail-top{ background:url(images/bg.gif) repeat-x top #303030}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }

/*======= header =======*/
#home #homeheader {height:670px; }
#home .tail-top{ background:url(images/bghome.gif) repeat-x top #303030}
#homeheader {padding-top:70px; height:235px;   background:url(images/top1.gif) no-repeat top center}
#header {  padding-top:70px; background:url(images/top1.gif) no-repeat top center}

/*======= index.html =======*/
#home #content .box .col-1{ width:265px; margin-right:62px}
#home #content .box .col-2{ width:265px}
#home #content .col-1{ width:185px; margin-right:60px}
#home #content .col-2{ width:172px}
#home #content .bg1{ background:url(images/tail1.gif) repeat-y 700px top } 
#home #content .bg2{ background:url(images/tail1.gif) repeat-y 700px top } 

#page #content .box .col-1{ width:585px; margin-right:60px}
#page #content .box .col-2{ width:270px}
#page #content .box .bg{ background:url(images/tail.gif) repeat-y 618px top } 
#page #content .col-1{ width:260px; margin-right:68px}
#page #content .col-2{ width:258px}
#page #content .bg{ background:url(images/tail2.gif) repeat-y 619px top } 
#page #content .bg1{ background:url(images/tail2.gif) repeat-y 619px top } 

/*======= footer =======*/
#footer { height:82px; }