/**
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-order.css, 2011/12/07
 * @link	http://www.agenceici.com
 */


#page-order { }
.tbody { }
.tbody div.container { position:relative; width:940px; height:570px; margin:0 auto; padding-top:20px; }


.form-order { position:relative; width:930px; border:1px solid #666; color:#fff; margin-top:15px; }

.form-order div.title { position:relative; height:44px; border-bottom:1px solid #666; z-index:1; }
.form-order div.title div.background-fff { position:relative; height:44px; background:#fff; opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=10); }
.form-order div.title img.cart { position:absolute; left:-39px; top:-35px; width:121px; height:149px; background:url(../images/order-cart.png); }
.form-order div.title img.title { position:absolute; left:80px; }
.lang-fr .form-order div.title img.title { bottom:10px; width:358px; height:28px; background:url(../images/order-title1-fr.png); }
.lang-en .form-order div.title img.title { bottom:3px; width:194px; height:38px; background:url(../images/order-title1-en.png); }

.form-order .steps { position:absolute; right:200px; bottom:10px; }
.form-order .steps .step { position:relative; display:inline-block; width:17px; height:17px; margin:0 3px; }
.form-order .steps .step img { width:17px; height:17px; }
.form-order .steps .step span { position:absolute; left:0; top:1px; width:17px; text-align:center; font-size:11px; color:#1c160d; font-weight:bold; }
.form-order .steps .normal img { background:url(../images/circle-1.png); }
.form-order .steps .active img { background:url(../images/circle-2.png); }
.form-order .total { position:absolute; right:40px; bottom:10px; }
.form-order .total em { color:#999; font-size:14px; font-style:normal; }
.form-order .total strong { color:#fff; font-size:18px; }

.form-order .scroll { overflow:auto; height:480px; }

.o_p { overflow:hidden; }
.o_p li { position:relative; width:410px; height:108px; float:left; margin:30px 0 0 30px; border:1px solid #666; }
.o_p .btn-delete { position:absolute; right:8px; top:8px; width:18px; height:18px; background:url(../images/order-delete.gif); border:0 none; }
.o_p .image { position:relative; width:108px; height:108px; border-right:1px solid #666; overflow:hidden; }
.o_p .image img { position:absolute; left:0; top:0; width:108px; height:152px; }
.o_p .nfo { position:absolute; left:130px; top:10px; }
.o_p .nfo .finish { font-weight:bold; color:#666; margin:0 10px; }
.o_p .quantity { position:absolute; left:130px; bottom:10px; height:19px; }
.o_p .quantity input.text { position:absolute; left:25px; top:0; border:1px solid #666; background:#666; color:#000; padding:0 2px; width:30px; height:17px; text-align:right; }
.o_p .quantity input.btn-more { position:absolute; left:61px; top:0; width:19px; height:9px; border:0 none; background:url(../images/order-more-less.gif) 0 0; }
.o_p .quantity input.btn-less { position:absolute; left:61px; top:10px; width:19px; height:9px; border:0 none; background:url(../images/order-more-less.gif) 0 100%; }
.o_p .pictos { position:absolute; right:10px; bottom:10px; text-align:right; }
.o_p .pictos img { margin-left:10px; vertical-align:middle; }


img.sep { position:absolute; width:853px; height:1px; background:url(../images/line-sep-1.png); }

div.options { position:relative; padding:40px 30px 0 30px; height:20px; clear:both; }
div.options img.sep { left:30px; top:25px; }
div.options .country { float:left; }
div.options .country label { color:#666; padding-right:10px; }
div.options .gift { float:right; padding-right:30px; }
div.options .gift input { vertical-align:middle; margin-right:10px; }

div.buttons { position:relative; padding:30px 30px 15px 0; clear:both; }
div.buttons p { padding-left:660px; }
div.buttons img.sep { left:30px; top:15px; }
div.buttons input.button-recalculate { color:#fff; width:112px; height:36px; background:url(../images/button-11.png); border:0 none; cursor:pointer; }
div.buttons strong { margin-left:10px; font-size:20px; }
div.buttons a.previous { position:absolute; right:300px; top:135px; display:block; text-decoration:underline; white-space:nowrap; }
div.buttons input.button-next { margin-top:60px; color:#fff; width:204px; height:35px; background:url(../images/button-04.png); border:0 none; cursor:pointer; }

div.buttons .cgv { position:absolute; left:40px; top:40px; padding-left:20px; background:url(../images/order-plus-1.gif) no-repeat; text-decoration:underline; }
div.buttons .exclu { position:absolute; left:260px; top:40px; color:#2f8ca7; font-weight:bold; font-size:14px; }
div.buttons .colissimo { position:absolute; left:50px; top:80px; }
div.buttons .paypal { position:absolute; left:300px; top:85px; }
div.buttons .paybox { position:absolute; left:550px; top:80px; }

div.empty { padding:160px 0 0 30px; text-align:center; }
.lang-fr div.empty img.empty { width:278px; height:43px; background:url(../images/order-empty-fr.png); }
.lang-en div.empty img.empty { width:319px; height:45px; background:url(../images/order-empty-en.png); }
div.empty img.sep { display:block; position:relative; margin-top:30px; }