/* ANAGRAM E-COMMERCE SHOPPING CART CSS */


/* *************************************************************
CATEGORY LIST
************************************************************* */
/* Specific to the Product Listing Page ********** */
#mainContent2 .categoryList{ float: left; width: 328px; margin: 0 10px 20px 0; display: inline; text-align: left; background: url(../images/shape/bg_category_list.jpg) 0 0 repeat-y;}
#mainContent2 .categoryList table{padding: 0; margin: 4px 0 0 13px; border: none; float: left; display: inline; border-collapse: collapse; width: 303px;}
#mainContent2 .categoryList td{ border: none; padding: 0; margin: 0; text-align: center; width: 303px; height: 115px;}
#mainContent2 .categoryList img{ float: left; padding: 0; margin: 0;}
#mainContent2 .categoryList table img{ float: none; padding: 0; margin: 0;}

#mainContent2 .categoryList h4, #mainContent2 .categoryList h5{ display: inline; clear: both; height: auto; padding: 0; font-weight: normal; text-align: left; float: left; width: 292px; background-color: #EDEDED;}
#mainContent2 .categoryList h4 {font-size: 75%; color: #000; text-decoration: none; width: 293px; line-height: 120%; margin: 4px 0 4px 13px; padding: 3px 5px;}
#mainContent2 .categoryList h4 a{ color: #000; text-decoration: none;}
#mainContent2 .categoryList h4 a:hover{ color: #000; text-decoration: underline;}
#mainContent2 .categoryList h5{font-size: 75%; color: #666; padding: 0px 5px 3px 5px; width: 175px; margin: 0 0 5px 14px;}
#mainContent2 .categoryList h5 a{ color: #999; text-decoration: none;}
#mainContent2 .categoryList h5 a:hover{ color: #0066CC; text-decoration: underline;}



/* *************************************************************
PRODUCT LISTING + PRODUCT DETAIL
************************************************************* */
/* Specific to the Product Listing Page ********** */
#mainContent2 .productList{ float: left; width: 213px; margin: 10px 13px 10px 0; display: inline; text-align: left; background: url(../images/shape/bg_product_list.jpg) 0 0 repeat-y;}
#mainContent2 .productList table{padding: 0; margin: 4px 0 0 13px; width: 187px; border: none; float: left; display: inline; border-collapse: collapse;}
#mainContent2 .productList td{ border: none; padding: 0; margin: 0; text-align: center; width: 187px; height: 115px;}
#mainContent2 .productList img{ float: left; padding: 0; margin: 0;}
#mainContent2 .productList table img{ float: none; padding: 0; margin: 0;}

#mainContent2 .productList h3, #mainContent2 .productList h4{ display: inline; clear: both; height: auto; padding: 0; font-weight: normal; text-align: left; float: left; width: 190px; background-color: #EDEDED;}
#mainContent2 .productList h3 {font-size: 75%; color: #000; text-decoration: none; width: 177px; line-height: 120%; margin: 2px 0 4px 13px; padding: 3px 5px;}

#mainContent2 .productList h3 a{ color: #000; text-decoration: none;}
#mainContent2 .productList h3 a:hover{ color: #000; text-decoration: underline;}
#mainContent2 .productList h4{font-size: 75%; color: #666; padding: 3px 5px; width: 177px; margin: -4px 0 5px 13px; font-weight:bold;}
#mainContent2 .productList h4 a{ color: #999; text-decoration: none;}
#mainContent2 .productList h4 a:hover{ color: #0066CC; text-decoration: underline;}
#mainContent2 .productList h4 span{ text-decoration: line-through; color: #999999;}


/* Specific to the Product Detail Page ********** */
.productDetail{ width: 300px; display: inline; margin: 0 0 0 20px; padding: 0; float: left;}
#previewPane{float: left; width: 350px; border: 1px solid #ccc; background-color: #fff; text-align: center; padding: 1px;}
#previewPane img{ float: none;}
.productDetail p{ color: #666; font-size: 75%; margin: 0 0 15px 0; text-align:justify; padding: 0; width: 100%; line-height: 160%;}
.productImage{ float: left; width: 355px; margin: 0 0 10px 0; display: inline;}
.productImage .mainPic{ border: 1px solid #666; padding: 1px; float: left; margin: 0 0 5px 0; clear: both;}
.productImage .thumb{ float: left; margin: 3px 2px 0 2px; padding: 1px; border: 1px solid #ccc;}

.productDetail .productInfo {width: 290px; display: inline; padding: 0 0 20px 0; margin-bottom: 20px; float: left; }
#mainContent2 .productDetail .productInfo form{ float: left; width: 280px; clear: both; padding: 10px 10px 0 10px; margin: 0 0 20px 0; background-color: #f2f2f2; border: 1px solid #d9d9d9;}

#mainContent2 .productDetail .productInfo .back{ background: url(../images/icons/icon_backListing.gif) 0 5px no-repeat; padding: 0px 0 5px 10px; color: #999; text-transform: uppercase; display: inline; font-size: 60%;}
#mainContent2 .productDetail .productInfo .back a{ color: #999;}
#mainContent2 .productDetail .productInfo .back a:hover{ color: #FF6600;}

#btn_zoom{ float: left; width: 354px; height: 20px; background: url(../images/buttons/btn_zoom.gif) 0 0 no-repeat; margin: 3px 0 0 0;}

/* ZOOM Popup */
#zoom_popup .productImage{ float: left; width: 100%; margin: 0 0 10px 0; display: inline;}
#zoom_popup #previewPane{float: left; width: auto; border: none;}
#zoom_popup #previewPane img{ float: none; border: 1px solid #ccc; padding: 1px;}
#zoom_popup .thumb_zoom{ float: right; margin: 0 0 5px 0; clear: right; padding: 1px; border: 1px solid #ccc;}

.productInfo h2{ color: #000000; width: 100%; margin: 0 0 5px 0; padding: 0 0 15px 0; font-size: 100%; float: left; clear: both; background: url(../images/bg/bg_title_lines_product.gif) bottom left no-repeat;}
.productInfo h3{ color: #000; width: 100%; margin: 0 0 5px 0; padding: 0; font-size: 80%; float: left; font-weight: bold; clear: both;}
.productInfo h4{ color: #000; margin: 0 0 10px 0; padding: 0; font-size: 90%; float: left; font-weight: bold; width: 100%; clear: both;}
.productInfo h4 span{ text-decoration: line-through; color: #999999;}
.productInfo h5{ color: #fff; background-color: #FF9900; padding: 3px 5px; float: left; display: block; margin: 0 0 10px 0; font-size: 100%;}
.productInfo h6{ color: #333; width: 90%; margin: 0 0 5px 0; padding: 0; font-size: 80%; float: left; font-weight: bold; clear: both;}

#mainContent2 .productDetail .productInfo p{ width: 280px; float: left; font-size: 75%; line-height: 160%; margin: 0 0 10px 0; padding: 0; clear: both;}
.productInfo ol, .productInfo ul{ width: 280px; float: left; clear: both; list-style: none; margin: 0 0 10px 0; padding: 0;}
.productInfo ol li, .productInfo ul li{ font-size: 75%; color: #666; background: url(../images/icons/icon_bullet-square.gif) 0 7px no-repeat; line-height: 160%; padding: 0 0 0 15px;}


.productInfo p.options{ width: 150px; clear: none;}
.productInfo label{ float: left; width: 60px;}
.productInfo .select{ float: left; margin: 0 0 5px 5px; border:1px solid #999; width:220px;}
.productInfo .smallSelect{ float: left; margin: 0 0 5px 5px; border:1px solid #999; width:80px;}

.productInfo a.pdf {background: url(../images/icons/icon_pdf.gif) 0 0 no-repeat; padding: 0 0 0 25px; margin:0 0 10px 0; line-height:200%; float:left; color: #FF6600; font-weight: bold;  text-decoration:none;}
.productInfo a.pdf:hover {color: #000; }

.productInfo .button { float: left;}
.productInfo a.envoyer {background: url(../images/icons/icon_email.gif) 0 4px no-repeat; color: #000; padding: 0 0 0 25px; margin: 5px 0 0 0; color: #000; text-decoration: none; }
.productInfo a.envoyer:hover{ color: #FF6600; text-decoration: none; font-weight: bold;}
.productInfo a.matiere {background: url(../images/icons/icon_magnifier.gif) 0 2px no-repeat; color: #000; padding: 0 0 0 20px; margin: 5px 0 0 55px; color: #000; text-decoration: none; }
.productInfo a.matiere:hover{ color: #FF6600; text-decoration: none; font-weight: bold;}

.button {border:1px solid #808080;	background:#D4D0C8;	padding:4px 4px; text-decoration:none; color:#333; cursor:pointer;}
a.button {border:1px solid #808080;	background:#D4D0C8;	padding:4px 4px; text-decoration:none; color:#333; float: left; margin: 0 5px 2px 0;}
a:hover.button { background:#F4F4F4; color:#000;}


/* *************************************************************
IMAGES ROLLOVER
************************************************************* */
.imageRollover{background: #FFFFFF url(../images/img_load.gif) center 90px no-repeat; border: 1px solid #666; overflow: auto; padding: 0 0 0 0;}
.imageRollover img{ padding: 1px 0 1px 1px; float: left; clear: both;}
.imageRollover h2{ font-size: 75%; color: #3399FF; margin: 5px 0 5px 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}
.imageRollover p{ font-size: 70%; color: #666; margin: 0 0 0 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}


/* *************************************************************
CHANGE PASSWORD & FORGOTTEN PASSWORD 
/* **************************************************************/
#changePassword, #forgot{ float: right; width: 560px; margin: 0 15px 20px 0; display: inline; text-align: left;}
#changePassword h2, #forgot h2{ font-size: 120%; color: #669900; font-weight: normal; float: left; margin: 0; padding: 0 0 0 25px; background: url(../images/icons/icon_arrow_bigGreen.gif) 0 5px no-repeat;}
#changePassword .lines, #forgot .lines{ border-top: 1px solid #99CC00; border-bottom: 1px solid #CCE57F; height: 1px; width: 100%; float: left; margin: 5px 0 25px 0; font-size: 0; clear: both;}
#changePassword form p, #forgot p{ float: left; width: 500px; font-size:70%; margin: 0 0 0 15px; padding: 0; line-height: 220%; display: inline; clear: both;}
#changePassword form label{ width: 200px; float: left}
#changePassword form .text{ width: 125px; font-size: 90%;}

#forgot form label{ width: 100px; float: left}
#forgot form .text { width: 200px; font-size: 90%;}


/* *************************************************************
CHECKOUT / BASKET
************************************************************* */
#mainContent2 .intro{ width: 450px; float: left; clear: left; margin: 0 0 30px 0;}
#mainContent2 .freeShipping{width: 200px; float: right; text-align: left; padding: 10px 10px 10px 50px; margin: 0; background: #fff url(../images/icons/icon_freeShipping.jpg) 2px 2px no-repeat;; color: #FF6600; font-size: 90%; font-weight: bold; clear: none;}
#mainContent2 .freeShipping span{font-size: 120%; font-weight: bold;}

#mainContent2 table{ float: left; font-size: 70%; color: #000; width: 100%; margin: 10px 0 20px 0; border-collapse: collapse;}
#mainContent2 th {font-weight: bold; height: 3em; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 0 5px 0 5px; font-size: 100%; border: 1px solid #ccc;}
#mainContent2 td{ color: #000; padding: 5px; border: 1px solid #ccc;}
#mainContent2 tr a{ color: #FF6600; text-decoration: underline;}
#mainContent2 tr a:hover{ color: #000000; text-decoration: underline;}

#mainContent2 td img{ padding: 0 3px 0 0;}

#mainContent2 .bg{ background-color: #ebebeb;}
#mainContent2 .bg2{ background-color: #f8f8f8;}
#mainContent2 .end{ background: url(../images/bg/table_line.gif) 0px 5px repeat-x; height: 10px;}
#mainContent2 .end td{ border: none;}

#panierOptions{ float: left; width: 350px;}

#security{ float: left; width: 320px; clear: left;} /* border: 1px solid #ccc; background-color: #fff; */
#security2{ float: right; width: 320px; clear: left;}
#security p, #security2 p{ font-size: 70%; line-height: 150%; float: left; width: 300px; color: #666;}

/* PANIER TOTAL DIV */
#panierTotal{ float: right; width: 350px; clear: right;}
#panierTotal select { font-size: 80%; width: 180px; margin: 0 0 2px 0;}

.ht, .htPrice{ font-weight: bold;}
.livraison, .ht, .frais, .tva{ background-color: #F5F5F5;}
.ht { font-weight: bold;}
.livraisonOption, .htPrice, .fraisPrice, .tvaPrice{ background-color: #EBEBEB; font-size: 130%;}
#mainContent2 .frais, #mainContent2 .fraisPrice{ color: #FF3300;}
#mainContent2 .htPrice{ color: #000;}
.tva, .tvaPrice{}
#mainContent2 .total, #mainContent2 .totalPrice{ font-size: 160%; border-bottom: 4px solid #ccc; padding: 8px 5px 5px 0;}
#mainContent2 .totalPrice {color: #FF6600; font-size: 220%;}

#mainContent2 a.continue,#mainContent22 a.continue { font-size: 80%; color: #000; background:url(../images/icons/icon_arrow-box.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; margin: 0 25px 0 0;}
#mainContent2 a.continue:hover,#mainContent22 a.continue:hover{ color: #FF6600;}

#mainContent2 a.return,#mainContent22 a.return{ font-size: 80%; color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; margin: 0 25px 0 0;}
#mainContent2 a.return:hover,#mainContent22 a.return:hover{ color: #FF6600;}


/* PLUS AND MINUS BUTTONS IN BASKET */
.cartQuantity { float: left; margin: 0 0 0 10px; display: inline; width: 20px;}
.cartButtons{float: left; width: 10px; margin: 0 0 0 5px; display: inline;}
.btn_plus, .btn_minus{ border: 0; width: 10px; height: 10px; float: left; clear: both; cursor: pointer;}
.btn_plus{ background: url(../images/icons/icon_plus_cart.gif) 0 0 no-repeat;}
.btn_minus{background: url(../images/icons/icon_minus_cart.gif) 0 0 no-repeat; margin: 2px 0 0 0;}

/* BUTTON UPDATE */
.btn_updateCart_1, .btn_updateCart_2{ background: url(../images/buttons/btn_cartUpdate_1.gif) 0 0 no-repeat; border: 0; width: 223px; height: 34px; float: right; margin: 5px 10px 20px 0; cursor: pointer;}
.btn_updateCart_2{background: url(../images/buttons/btn_cartUpdate_2.gif) 0 0 no-repeat; width: 127px;}


/* Form Title */
#subscription .subTitle { font-size: 100%; background: url(../images/icons/icon_arrow_smallGreen.gif) 0 3px no-repeat; margin: 30px 0 3px 0; padding: 0 0 7px 17px; border-bottom: 1px solid #CCE57F;}

/* COUPON  */
#coupon_description{ float: right; width: 350px; background: #FFD99F url(../images/bg/bg_voucher.gif) 0 0 repeat-x; border: 1px solid #FF9900; padding: 8px 0 3px 0;}
#coupon_description h2{ font-size: 100%; color: #333333; margin: 0 0 5px 8px; padding: 0; float: left; font-weight: bold;}
#coupon_description h2 span{ font-weight: normal; font-size: 80%;}
#coupon_description h3{ font-size: 80%; color: #333333; margin: 0 0 5px 8px; padding: 0; float: left; font-weight: bold;}
#coupon_description p { width: 330px; margin: 0 0 0 10px; float: left; font-size: 70%; color: #333333;}
#coupon_description p span{ font-weight: normal; margin: 0 5px 0 0;}
#coupon_description input, #coupon_description span{ float: left; }
#coupon_description input{ margin-top: 1px; width: 110px;}
#coupon_description a.deleteVoucher{ float: right; color: #000; font-size: 60%; background: url(../images/icons/icon_delete_box.gif) 0 0 no-repeat;margin: 0 10px 0 0; padding: 0 0 0 17px;}
#coupon_description a.deleteVoucher:hover{ color: #FF6600;}


/* ***********************************
LOGIN + JOIN 
************************************** */

/* SUBSCRIPTION */
#subscription { float: right; width: 400px; margin: 10px 0 0 30px; display: inline; text-align: left;}

#login, #join{ margin: 0 0 30px 0; float: left; width: 100%; clear: both;}
#login h2, #join h2{ font-size: 130%; color: #000; font-weight: normal; padding: 0 0 10px 0; margin: 0 0 15px 0; float: left; width: 100%; letter-spacing: -0.05em; background: url(../images/bg/bg_title_lines.gif) bottom left repeat-x;}
#join h2{ color: #000;}
#join p, #login p{ width: 100%;}
#join p label, #login p label{ float: left; width: 130px;}
#login p.forgot { line-height: 130%; }
#login p.forgot a { color: #FF6600; margin: 3px 0 0 0;}


/* *************************************************************
DELIVERY AND BILLING BLOCKS
************************************************************* */

#deliveryAdd, #billingAdd{width: 330px; height:auto; padding: 0 0 5px 0; display: inline; text-align: left; margin-bottom: 10px;}
#billingAdd { background-color: #fff; border: 1px solid #ccc; float: left;}
#deliveryAdd{background-color: #f5f5f5; border: 1px solid #ccc; float: right;}
#deliveryAdd h2, #billingAdd h2{font-size: 80%; font-weight: bold; color: #000; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 8px 10px; border-bottom: 1px solid #ccc; margin: 0 0 8px 0;}
#deliveryAdd h2 a{font-weight: normal; text-decoration: none; margin-left: 10px; color: #000; text-transform: uppercase; font-size: 70%;}
#deliveryAdd h2 a:hover, #billingAdd h2 a:hover{text-decoration: underline;}

/*FORM */
#deliveryAdd form, #billingAdd form { clear: both; margin: 0; float: left; width: 100%;}
#deliveryAdd p, #billingAdd p{width: 320px; line-height: 200%; margin: 0 0 3px 10px; display: inline; float: left; padding: 0; font-size: 70%;}
#deliveryAdd legend,#billingAdd legend{ color: #3399FF; font-size: 120%; font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}

#deliveryAdd label,#billingAdd label{ width: 100px; float: left;}
#deliveryAdd .submit,#billingAdd .submit{ margin: 0 0 10px 0;}
#deliveryAdd .reset,#billingAdd .reset{ margin: 10px 10px 10px 0;}
#deliveryAdd p.footnote,#billingAdd p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#deliveryAdd .text, #billingAdd .text{ width: 205px; font-size: 110%; padding: 2px; border:1px solid #CCCCCC;}
#deliveryAdd form textarea,#billingAdd form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 290px; height: 100px;}

#paymentList { float: left; width: 350px;}
#paymentList p{ font-size: 70%;}
#mainContent2 #paymentList ul{ list-style: none; margin: 0 0 10px 0;}
#mainContent2 #paymentList li{ background: none; margin: 0; padding: 0; font-size: 70%;}
#mainContent2 #paymentList textarea{ width: 350px; height: 100px; font: 100% Arial, Helvetica, sans-serif;}

/* CHECKOUT BUTTONS */
.checkoutButtons{float: right; text-align: right; margin: 10px 0 0 0; padding: 0; width: 100%;}
#mainContent2 .checkoutButtons a.continue, #mainContent2 .checkoutButtons a.return{font-size: 70%; margin: 10px 25px 0 0; float: right;}

/* CHECKOUT BUTTONS */
.checkoutButtons{float: right; text-align: right; margin: 10px 0 0 0; padding: 0; width: 100%;}
.btn_checkout{ float: right; margin: 0; padding: 0;}
#mainContent3 a.continue { color: #000; background:url(../images/icons/icon_arrow-box.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#mainContent3 a.continue:hover{ color: #FF6600;}
#mainContent3 a.return{ color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#mainContent3 a.return:hover{ color: #E34000;}

#mainContent3 .checkoutButtons a.continue, #mainContent3 .checkoutButtons a.return{font-size: 70%; margin: 10px 25px 0 0; float: right;}


/* *************************************************************
ACCOUNT LOGIN HOMEPAGE
************************************************************* */
#accountList a{ color: #000; text-decoration: none;}
#accountList a:hover{ color: #FF6600; text-decoration: underline;}
.smallBox #accountList ul{ clear: both; padding: 0; margin: 0 0 0 0;}
#accountList li{ padding: 0 0 0 30px; line-height: 250%; list-style: none;}
#accountList .orders{ background: url(../images/icons/icon_orders.gif) 3px 8px no-repeat;}
#accountList .pass{ background: url(../images/icons/icon_pass.gif) 0 8px no-repeat;}
#accountList .param{ background: url(../images/icons/icon_param.gif) 0 8px no-repeat;}
#accountList .logout{ background: url(../images/icons/icon_logout.gif) 0 8px no-repeat;}
#accountList .admin{ background: url(../images/icons/icon_admin.gif) 0 8px no-repeat; padding-left: 35px; font-size: 80%;}
#accountList .admin a{ font-weight: bold;}


/* *************************************************************
SEND TO A FRIEND
************************************************************* */
#sendToAFriend table{ background-color:#F8F8F8; padding: 5px; border: 1px solid #ccc; margin: 0 0 10px 0;}
#sendToAFriend th{ font-size: 70%; padding: 10px 0 0 0; font-weight: normal; color: #000;}
#sendToAFriend fieldset{ font-size: 90%;}


/* *************************************************************
GODFATHER / SPONSORSHIP
************************************************************* */
#alertGodFather {background: #F7F7F7; float: left; width: 380px; padding: 10px; margin: 0 0 20px 0; border: 1px dotted #ccc;}
#alertGodFather h2{ font-size: 90%; background: none; color: #444; letter-spacing: 0; margin: 0 0 5px 0; padding: 0; float: left; width: 350px; line-height: 150%;}

/* *************************************************************
ALERT BOX
************************************************************* */
#alertBox{border: 1px solid #ccc; padding: 10px 0; margin: 10px 0 20px 0; background-color: #F4F4F4; width: 100%; text-align: left; float: left;}
#alertBox h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #000; border: none;}
#alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}
#alertBox a{color:#FF3300;}
#alertBox a:hover{color: #000;}

#alertBox table{border-collapse: collapse; width: 70%; margin: 15px 0 0 15px; border:1px solid #999999;}
#alertBox td, #alertBox th{ height: 3em; padding: 5px; border: none; background: none;}
#alertBox th{background-color:#fff; color:#333;}
#alertBox td{background-color:#FFF; color:#333;}
#alertBox th a{color:#333; text-decoration:none;}

#alertBoxError{border: 1px solid #FFF; padding: 10px 0; margin: 10px 0 20px 0; background-color: #CA0211; width: 100%; text-align: left; float: left; color: #FFF;}
#alertBoxError p{ color: #000; font-size:75%; padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}
#alertBoxError h2{  margin: 0 0 0 10px; padding: 0; font-size: 80%; font-weight: bold; color: #FFF; border: none;}

.error{ color:#FF0000; font-weight:700; font-size:90%; text-decoration:blink;}


/* *************************************************************
BREADCRUMB & PAGE NAVIGATION
************************************************************* */
#breadcrumb p{font-size: 70%; color: #999; margin: 5px 0 10px 0; padding: 0; text-align:left; }
#breadcrumb p a{color: #999;}
#breadcrumb p a:hover{ color: #000;}

#pageNav{ float: right; width: 240px; text-align: right; padding: 0 0 0 0; margin: 0; color: #666; display: inline; font-size: 70%;}
#pageNav form{ float: right; width: auto;}
#pageNav select{ font-size: 80%; margin: 0 5px; float: left; display: inline;}
#pageNav a{padding: 0; margin: 0px 0 0 0; color: #666; line-height: 150%; text-decoration: none; float: left;}
#pageNav img{ float: left; padding: 0; margin: 0;}


/* *************************************************************
PROCESSING PAGE
************************************************************* */
#processingWrap{ width: 420px; height: auto; left: 50%; top: 50%; margin: -140px 0 0 -210px; position: absolute; background: #fff url(../images/shape/shape_payment_bg.jpg) 0 0 repeat-y; }
#processingBody{ width: 355px; float: left; margin: 0 0 0 15px; padding: 10px 15px 0 20px; display: inline; font-size: 75%; text-align: center;}
#processingBody h1{ float: left; display: inline; clear: none; margin: 0 0 2px 20px; padding: 0; font-size: 100%; font-weight: bold; color: #B30000; display: inline;}
#processingBody p{margin: 0 0 5px 0; padding: 0; font-size: 75%; clear: both; display: inline; line-height: 200%;}
#processingWrap img{ float: left;}
#processingBody img{ float: none;}
#processingBody .bar{ margin: 20px 0 0 0;}
#processingBody .back{ background: url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 5px 20px; color: #FF6600; text-transform: uppercase; display: inline}