/*
 * BUTTONS
 *
 * @author Christophe Porteneuve <christophe@ciblo.net>
 * @author Julien Vignolles <julien@ciblo.net>
 * @author Thomas Lecavelier <thomas@ciblo.net>
 * @author Gregory Jaklimovitch <gregory@ciblo.net>
 * @legals © 2008-2009 Ciblo SA.
*/

/* okBtn */
.okBtn {
	width: 2.6em; height: 1.8em; line-height: 1.8em; padding-bottom: 0.4em;
	vertical-align: middle; margin-left: 0.3em;
	cursor: pointer; font-size: 12px; font-weight: bold; border: none; color: black;
	background: transparent url(../images/bg_btnok.gif) center no-repeat; 
}
.okBtn:hover, .okBtn:focus { color: #666; background-image: url(../images/bg_btnok_hover.gif); }

/* imgBtnContainer */
.imgBtnContainer { margin: 1.5em 0; text-align: center; }
/* addToCartBtn */
.addToCartBtn {
	display: block; width: 19em; height: 3.8em; cursor: pointer; text-indent: -9000px; text-align: left; overflow: hidden; 
	font-size: 10px; border: none; background: transparent url(../images/bg_addtocartbtn.png) center no-repeat;
}
.addToCartBtn:hover { text-decoration: none; background: transparent url(../images/bg_addtocartbtn_hover.png) center no-repeat; }
/* alert */
.imgBtnContainer .alert { background-image: url(/images/bg_btn_alert.png); }
.imgBtnContainer .alert:hover { background-image: url(/images/bg_btn_alert_hover.png); }
/* alert */
.imgBtnContainer .disabled { 
	cursor: not-allowed; background-image: url(/images/bg_btn_alert_actived.png); }
/* stepBtn */
.stepBtn { 
	padding: 0.1em 0.6em; font-weight: bold; border: 1px solid #666; color: white; 
	background: #555555 url(../images/bg_btn_recalculate.png) left top repeat-x;
}
.stepBtn:hover { 
  text-decoration: none;
  cursor: pointer; background: #7a7a7a url(../images/bg_btn_recalculate_hover.png) left top repeat-x;
}

/* linksContainer */
.linksContainer { width: 60%; margin: 3em auto 0; text-align: right; }
/* productLink */
.commonLink { 
	padding-left: 1.8em; text-decoration: underline; color: #0b0706;
	background-color: transparent; background-position: left 0.2em; background-repeat: no-repeat; 
}
.commonLink:hover { color: #B2B2B2; }
.leftLink { float: left; }
.friend { background-image: url(../images/icon_common_friend.gif); }
.print { background-image: url(../images/icon_common_print.gif); }

/* submitContainer */
.btnContainer { 
  position: relative; display: block; width: 14em; margin: 2.5em auto 1em;
  border: 1px solid #7A7979; border-bottom-color: black; border-right-color: black; 
 }
/* submit & cancel */
.submit, .cancel { 
	display: block; height: 2em; line-height: 2.15em;
	font-size: 13px; font-weight: bold; text-align: center; cursor: pointer; 
	color: white;
}
.submit { 
    width: 100%; border: none;
	background: #555555 url(../images/bg_btn_submit.png) left top repeat-x; 
}
.submit:hover { 
	text-decoration: none;
	background: #7a7a7a url(../images/bg_btn_submit_hover.png) left top repeat-x;
}
.cancel { 
  width: 13em;
  background: #753636 url(../images/bg_btn_cancel.png) left top repeat-x; 
}
.cancel:hover { 
	text-decoration: none;
	background: #8b4c4c url(../images/bg_btn_cancel_hover.png) left top repeat-x;
}
.btnContainer .topLeft { top: -1px; left: -1px; background-image: url(../images/corner_submit_tl.png); }
.btnContainer .topRight { top: -1px; right: -1px; background-image: url(../images/corner_submit_tr.png); }
.btnContainer .bottomLeft { bottom: -1px; left: -1px; background-image: url(../images/corner_submit_bl.png); }
.btnContainer .bottomRight { bottom: -1px; right: -1px; background-image: url(../images/corner_submit_br.png); }

/* twoButtons */
.twoButtons { width: 70%; margin: 0 auto; padding: 2em 0; }
.twoButtons .btnContainer, #all .twoButtons .right { float: right; margin: 0; }
.twoButtons .cancel { float: left; margin: 0; }