@charset "utf-8"; 
/* ----------------------------------
 
Author: Alexander Dankoff, Xenia Sarapoff, Alex Dray.
Author URI: http://sidleetechnologies.com/
Site Name: RONA
Site URI: http://rona.ca/
Version: 1.0
 
---------------------------------- */

/* ----------------------------------

TABLE OF CONTENTS

@Reset
@Structure
@Typography
@Globalsv
@Header
@Pages
	1:Home
	2:Panier
	3.Check out 
	4.Contact Us  
	5.Store Locator 
	6.Store Details
	7.View all products
	8.Products Families
	9.Create Account 
	10.Flooring
	12.Product Page
	13.Product Page Eco
	14.Wishlist
	15.Construction Plans
	16.All Projects
	17.Project - flooring
	18.Project - Step by step
	19.Buyer`s Guide
	20.Planner's Guide
	21.Detailed Planner's Guide 
	22.Detailed Buyer's Guide
	23.Tools
	24.Shopping Cart
	25.My Rona Space
	26.Trends
@Footer
@Modals
	1:Store Select
	2:Found store
	3:No store
	4:Confirm Email
	5:Compare Table
	6:Login
	7:Write a Review
	8:Confirm Email
	9:Video Slideshow
	10:Send Wishlist

---------------------------------- */

/*-------------------
@Reset (KISS Reset, by Alex Dankoff http://adankoff.com/keep-it-simple-stupid-reset/)
-------------------*/
*{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:separate;border-spacing:0;}

.BVSYStoryContentTextParagraph, .BVSYStoryFullTextParagraph, .BVSYStoryAbbreviatedTextParagraph .BVSYStoryContentText{word-wrap:break-word;}
.BVSYStoryContent{padding-top: 20px;}
/*-------------------
@Structure
-------------------*/

body {font-family: Arial, Helvetica, sans-serif; background-color: #F6F6F6;}
body#homePage,
body.layout2015 {background-color:#FFFFFF;}

.pageRow {
	clear: both;
    margin: 0 auto;
    position: relative;
    width: 940px;
}

#forgotPasswordPage .pageRow{
	clear: both;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

body.checkout .pageRow,
body.layout2015 .pageRow {width:1000px;}
.content {width:759px;float:right;}  
.sidebar {width:169px;float:right;}
#home .content {float:left;} 

/*-------------------
@Typography
-------------------*/
/* reference
Body: 		656565
Dark blue: 	002D57
Light blue: 0067C0
Highlight: 	F5D410
*/
h1 {padding-bottom:16px;font-size:29px;text-transform:uppercase;color:#fff;}
h1 span {background:#0067C0;padding:1px 4px;}
.layout2015 h1 {color:#0067C0;font-size:24px;font-weight:bold;text-transform:none;padding-bottom:5px;}
.layout2015 h1 span {background:transparent;padding:0;}
h3 {padding-bottom:20px;font-size:17px;text-transform:uppercase;color:#fff;line-height: 1;}
/* For chrome */
h3 span {background:#0067C0;padding: 2px 4px 1px;}

h4 {font-size:14px;text-transform:uppercase;color:#0067C0;padding-bottom:10px;}
.h4 {font-size:14px;text-transform:uppercase;color:#0067C0;padding-bottom:10px;display:block;font-weight:bold;} /* for h4 styles without cufon */

/*Scotch Font Title */
h2 .scotchTitle {font-size:33px; color:#0067c0; text-transform:uppercase; text-decoration:underline;} 
h2 .scotchTitle cufon { border-bottom:solid 1px #0067c0;}

.noPadding {padding:0px;}
.italic {font-style:italic;} .bold {font-weight:bold;}
#ronaSpacePanels .error {color:#f00; font-size: 12px; margin-left:8px;  }
.error {color:#f00;}
.tooltip {position:relative;cursor:help; z-index:100;}
.tooltip .tooltipWrapper {position:absolute;bottom:45px;left:50%;width:212px;padding:34px 39px 0 39px;margin-left:-149px;color:#fff;font-size:13px;background:url(../images/layout/tooltipbg.png) top left no-repeat;font-weight:bold;}
.tooltip .tooltipWrapper .img {position:absolute;height:28px;width:290px;bottom:-28px;left:50%;margin-left:-145px;background:url(../images/layout/tooltip.png) no-repeat;}
.btn {color:#002D57;background:url(../images/layout/arrow-right-light-blue-small.png) no-repeat left center;padding-left:18px;font-weight:bold;}
.goBack {background-image:url(../images/layout/arrow-left-light-blue-small.png);}
.btn:hover {color:#0067C0;}
.clear {clear:both;height:0px;overflow:hidden;visibility:hidden;}
.clearfloat {clear:both;}
.bar {float:left;height:8px;background:#fff;width:100%;}
.hidden {display: none;position: absolute;top: -9999px;left: -9999px;}

/*----------------
Globals 
----------------*/

.submitButton{cursor:pointer; padding: 4px 25px 4px 10px;  font-weight:bold; border-right: 0px solid #002D57; white-space:nowrap;}
.noBorder {border:none !important;}

/*-------------------
@Header
-------------------*/

/* Parallax Backgrounds */

#parallax1 { background:url(../images/parallax_backgrounds/parallax-bg-1.png) center top no-repeat fixed; position: relative; z-index: 2000 }
#parallax2 { background:url(../images/parallax_backgrounds/parallax-bg-2.png) center top no-repeat fixed; position: relative; z-index: 2000 }

/* Fixed Header */

#headerTop {   width: 940px; position: relative; margin: 0 auto; }
#headerTop ul#topNav > li > a {
	color: black;
	margin-left: 12px;
	margin-right: 12px;
	display:inline-block;
	padding-top: 28px;
	text-transform: uppercase;
}
#headerTop ul#topNav > li > span {color: black; display: inline-block; padding-top: 28px; text-transform: uppercase;}
#headerTop ul#topNav > li.first { margin-right: 12px;}
#headerTop ul#topNav > li.first a { margin-left: 5px; margin-right: 0;}
#headerTop a.language { position: absolute; right: 1px; text-align:right; padding-top: 2px; line-height: 18px; z-index: 99999; }

#headerTop ul#topNav > li {
	background-repeat: no-repeat;
	background-position: center 8px;
	float: left;
	font-size: 10px; 
	height: 45px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
/* ENEWS */
#headerTop ul#topNav > li.eNews{
	background-image: url(../images/menu/icn_header/icone_enews_off.png);
}
#headerTop ul#topNav > li.eNews:after{/* PRELOADING HOVER IMAGES */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../images/menu/icn_header/icone_enews_on.png);
}
#headerTop ul#topNav > li.eNews:hover{
	background-image: url(../images/menu/icn_header/icone_enews_on.png);
}
/* STORE */
#headerTop ul#topNav > li.store{
	background-image: url(../images/menu/icn_header/icone_magasins_off.png);
}
#headerTop ul#topNav > li.store:after{/* PRELOADING HOVER IMAGES */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../images/menu/icn_header/icone_magasins_on.png);
}
#headerTop ul#topNav > li.store:hover{
	background-image: url(../images/menu/icn_header/icone_magasins_on.png);
}
/* FLYER */
#headerTop ul#topNav > li.flyer{
	background-image: url(../images/menu/icn_header/icone_circulaire_off.png);
}
#headerTop ul#topNav > li.flyer:after{/* PRELOADING HOVER IMAGES */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../images/menu/icn_header/icone_circulaire_on.png);
}
#headerTop ul#topNav > li.flyer:hover{
	background-image: url(../images/menu/icn_header/icone_circulaire_on.png);
}
/* CART */
#headerTop ul#topNav > li.cartItem{
	background-image: url(../images/menu/icn_header/icone_panier_off.png);
}
#headerTop ul#topNav > li.cartItem span{
	margin-right: 12px;
}
#headerTop ul#topNav > li.cartItem:after{/* PRELOADING HOVER IMAGES */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../images/menu/icn_header/icone_panier_on.png);
}
#headerTop ul#topNav > li.cartItem:hover, #headerTop ul#topNav > li.cartItem.itemInCart{
	background-image: url(../images/menu/icn_header/icone_panier_on.png);
}
#headerTop ul#topNav > li.cartItem.itemInCart{
	margin-right: 12px;
}
#headerTop ul#topNav > li.cartItem.itemInCart span{
	margin-right: 0;
}

/* ACCOUNT */
#headerTop ul#topNav > li.mySpace{
	background-image: url(../images/menu/icn_header/icone_compte_off.png);
}
#headerTop ul#topNav > li.mySpace:after{/* PRELOADING HOVER IMAGES */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../images/menu/icn_header/icone_compte_on.png);
}
#headerTop ul#topNav > li.mySpace:hover, #headerTop ul#topNav > li.mySpace.loggedin{
	background-image: url(../images/menu/icn_header/icone_compte_on.png);
}
/* LIST */
#headerTop ul#topNav > li.wishlist{
	background-image: url(../images/menu/icn_header/icone_wlist_off.png);
	float: right;
}
#headerTop ul#topNav > li.wishlist:after{/* PRELOADING HOVER IMAGES */
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../images/menu/icn_header/icone_wlist_on.png);
}
#headerTop ul#topNav > li.wishlist:hover, #headerTop ul#topNav > li.wishlist.itemInWhislist{
	background-image: url(../images/menu/icn_header/icone_wlist_on.png);
}       


#headerTop ul#topNav > li:not(.first):before { 
	background: #f2f2f2;
	content: "";
	display: inline-block;
	float: left;
	height: 32px;
	margin-top: 6px;
	width: 1px;
}
/*
#headerTop ul#topNav .eNews {background: transparent url("../images/layout/E.png") no-repeat center 6px;}
.fr #headerTop ul#topNav .eNews {background: transparent url("../images/layout/B.png") no-repeat center 6px;}
#headerTop ul#topNav .flyer {background: transparent url("../images/layout/Flyer.png") no-repeat center 6px;}
#headerTop ul#topNav .store {background: transparent url("../images/layout/FindaStore.png") no-repeat center 6px;}
#headerTop ul#topNav .mySpace {background: transparent url("../images/layout/compte.png") no-repeat center 6px;}
*/
#headerTop ul#topNav li.mySpace {float:right; position:relative;}
#headerTop ul#topNav li.mySpace .animation_wrapper { display: none; position: absolute; right:-59px; top:42px; width: 220px; padding:0;line-height: normal; z-index: 5000;}
#headerTop ul#topNav li.mySpace .animation_wrapper .lbBorderTop {background: url(../images/layout/lbTopBorder.png) -75px top no-repeat; height:10px;width:100%;}
#headerTop ul#topNav li.mySpace .wrapperFixedbg { position:relative; padding:0;}
#headerTop ul#topNav li.mySpace .wrapperFixedbgFooter { background:url(../images/layout/shadow_bottom_fixedheader.png); width:268px; height:34px; padding:0 28px; position:relative; right:8px; z-index: 5000;}
#headerTop ul#topNav li.mySpace .signIn .close_space { border-left: 1px solid #000;float: right;margin: 10px 15px 5px 0;padding: 5px 0 5px 20px;}
#headerTop ul#topNav li.mySpace .signIn .close_space a { text-transform:lowercase; font-size: 11px; color:#002D57;}
#headerTop ul#topNav li.mySpace .signIn .close_space a:hover{color:#0067c0;}
#headerTop ul#topNav li.mySpace .signIn .close_space img { margin-left: 5px;}
#headerTop ul#topNav li.mySpace .signIn h3 { font-size:14px; margin:0px; padding: 0px;text-transform:uppercase; color:#0067c0; float: left; font-weight: bold; width: 100%;  }
#headerTop ul#topNav li.mySpace .signIn h2 { margin:5px 0 0 10px;padding-right:10px; font-size:16px; color:#002D57; float: left;font-weight:bold;}
#headerTop ul#topNav li.mySpace .signIn { background-color:white; position:relative; padding:0;}
#headerTop ul#topNav li.mySpace .signIn .blueline { height:8px; background-color:#0067c0;  margin: 5px 0 10px; }
#headerTop ul#topNav li.mySpace .signIn p { font-size:11px; color:#333333; margin-top:5px; width:228px; line-height: 16px;}
#headerTop ul#topNav li.mySpace .signIn #rona_space { padding-top:15px; }
#headerTop ul#topNav li.mySpace .signIn label { font-weight:bold; font-size:11px; color:#333333; }
#headerTop ul#topNav li.mySpace .signIn label.error { color:#d11919; }
#headerTop ul#topNav li.mySpace .signIn input.txt { width:217px; height:12px; padding-top:5px; padding-bottom:5px;background-color:#f2f2f2; font-size:11px; color:#333333; padding-left:10px; margin-top:5px; }
#headerTop ul#topNav li.mySpace .signIn a.button {margin:10px; float:right;}
#headerTop ul#topNav li.mySpace .signIn .submit {
background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#024a84', endColorstr='#003a68', GradientType=0);/* IE6-9 */

width:70px; color:#FFF; font-size:10px; font-weight:bold;  text-align:left; margin: 13px 0 0 0; float:right; cursor:pointer;   padding: 3px 0 3px 5px;}


#headerTop ul#topNav li.mySpace .signIn .createAccount {
	background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#024a84', endColorstr='#003a68', GradientType=0);/* IE6-9 */
    color:#fff;
    font-size: 12px;
	text-align: center;
    padding: 5px 10px;
    cursor:pointer;
    text-transform: none;

 color:#FFF; font-size:10px; font-weight:normal;  margin:18px 0; text-align:left; display:block;  padding:2px 23px 3px 10px;}


#headerTop ul#topNav li.mySpace .signIn .createAccount:hover, #headerTop ul#topNav li.mySpace .signIn .createAccount:hover, #headerTop ul#topNav .login_fr:hover, #shoppingCartSummary .paymentInfos .enterPromotionCode .update:hover, #storeDetails .columnLeft .row4 .formSubmit .submitButton:hover, #headerTop ul#topNav li.mySpace .signIn .login:hover  { 

    background: #0067C0;/* Old browsers */
	background: -moz-linear-gradient(top, #0067C0 0%, #00549D 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0067C0), color-stop(100%, #00549D));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0067C0 0%, #00549D 100%);/* IE10+ */
	background: linear-gradient(to bottom, #0067C0 0%, #00549D 100%);/* W3C */
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0067C0', endColorstr='#00549D', GradientType=0);/* IE6-9 */
	
	color:#fff;
 }


#headerTop ul#topNav li.mySpace .signIn .login {  


background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */

    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: normal;
    margin: 18px 3px 18px 0;
    padding: 2px 23px 3px 10px;
    text-align: left;
    text-transform: none;
    width: 40px;}



#headerTop ul#topNav .login_fr { 

background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin: 18px 3px 23px 0;
    padding: 1px 35px 2px 5px;
    text-align: left;
    text-transform: none;
    width: 45px;}

#headerTop ul#topNav li.mySpace .signIn .greyline { width:228px; height:2px; background-color:#e6e6e6; margin:15px 0 10px; }
#headerTop ul#topNav li.mySpace .signIn .subtitle { font-size:13px; text-transform:uppercase; color:#0067c0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
/* New Logged in , has to be below signin to override styles */
#headerTop ul#topNav li.mySpace .loggedIn h2 {color:#002d57;}
#headerTop ul#topNav li.mySpace .loggedIn ul {margin-top:10px;}
#headerTop ul#topNav li.mySpace .loggedIn ul li {float:left;position:relative;background:#f6f6f6;width:100%;border-bottom:1px solid #fff;}
#headerTop ul#topNav li.mySpace .loggedIn ul li ul{margin-top:0;}
#headerTop ul#topNav li.mySpace .loggedIn ul li ul li a {padding:0 0 5px 30px;}
#headerTop ul#topNav li.mySpace .loggedIn ul li:hover > a {color:#0067C0;}
#headerTop ul#topNav li.mySpace .loggedIn ul li a {float:left;padding:6px 10px;background:#f6f6f6;font-size:12px;}
#headerTop ul#topNav li.mySpace .loggedIn a .createAccount {margin-top:10px;}
#headerTop li.cartItem li  { float: left; }
#headerTop li.cartItem .animation_wrapper { display:none; position:absolute;
	width: 250px; right:-77px; overflow:hidden; top:39px; z-index: 5000; border-top:0;
}

#headerTop li.cartItem .animation_wrapper .lbBorderTop {background: url(../images/layout/lbTopBorder.png) -55px top no-repeat; height:10px;width:100%;}
#headerTop li.cartItem .shoppingcart  { background-color:#FFF; position:relative; padding: 5px; top:0; line-height: normal; }
#headerTop li.cartItem h2 { margin:5px 0 0 10px;padding-right:10px; font-size:16px; color:#002D57; float: left;font-weight:bold;}
#headerTop li.cartItem .blueline { height:8px; background-color:#0067c0;  margin: 5px 0 15px; }
#headerTop li.cartItem .quantity { font-size: 14px; }
#headerTop li.cartItem .quantity .nb { color:#002d57; font-weight:bold; }
#headerTop li.cartItem .showcart { float: right; padding-right: 6px;}
#headerTop ul#topNav li.flyer { float:right;}
#headerTop ul#topNav li.cartItem { cursor:pointer; float:right; position:relative;}
#headerTop ul#topNav li.cartItem span{ margin-left: 12px;}
#headerTop ul#topNav li.cartItem #shoppingCartBar { 
	color: black;
	font-weight:bold;
	position:absolute;
	top: 13px;
	left: 50%;
	font-size: 11px;
	line-height:normal;
	margin-left: 10px;
}
#headerTop li.cartItem a.hoverShopping:hover,#headerTop li.cartItem a.onSelected { color: #0067c0; background-color:#FFF; }
#headerTop li.cartItem #miniCartList .shoppingcart .close_cart { float:right; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product { margin-top:10px; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product table { height:80px; padding-bottom:5px; width:230px; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .qty { color:#333333; font-size:11px; vertical-align:bottom; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .qty span { color:#0067c0; font-weight:bold; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .price, 
#headerTop li.cartItem #miniCartList .shoppingcart .cart_total .amount { color:#0067c0; font-size:15px; font-weight:bold; vertical-align:bottom; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .product_image { vertical-align:middle; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .product_description { vertical-align:top; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .product_description h2 { color:#666666; font-size:12px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:12px; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_product .product_description h2 span { font-size:11px; font-weight:normal; display:block; }
#headerTop li.cartItem #miniCartList .shoppingcart .grey_line { width:227px; height:2px; background-color:#e6e6e6; margin:0 0 0 5px; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_total table { width:230px; padding:10px 0; }
#headerTop li.cartItem #miniCartList .shoppingcart .cart_total .text { color:#0067c0; font-size:13px; font-weight:bold; width:40%; padding-left: 5px; }
#headerTop li.cartItem #miniCartList .shoppingcart .order_btn { margin-left: 5px; width:216px; height:24px; background:url("../images/layout/cartSubmit.png") no-repeat scroll 8px center #002D57; display:block; color:#FFF; font-size:15px; padding:12px 12px 0 0; text-align:right; margin-bottom:15px; }
#headerTop li.cartItem #miniCartList .shoppingcart .order_btn:hover {background:url("../images/layout/cartSubmit-hover.png") no-repeat scroll 8px center #0067C0;}

#headerTop li.cartItem #miniCartList .shoppingcart .close_cart { border-left: 1px solid #000;float: right;margin: 5px 15px 5px 0;padding: 5px 0 5px 20px;}
#headerTop li.cartItem #miniCartList .shoppingcart .close_cart a { font-size: 11px; color:#002D57;}
#headerTop li.cartItem #miniCartList .shoppingcart .close_cart a:hover{color:#0067c0;}
#headerTop li.cartItem #miniCartList .shoppingcart .close_cart a img { margin-left:5px; }



#HeaderWrapper { width: 940px; margin: 0 auto;  }

#mcs_container{ width:257px; height: 460px; }
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width: 235px; top:0; float:left;}
#mcs_container .customScrollBox .contentScroll{clear: both;}
#mcs_container .dragger_container{position:relative; width:8px; height: 330px; margin-left: 234px; background:#f6f6f6; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:8px; height:60px; background:#002d57; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:8px; height:60px; background:#002d57; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

/* Main Header */


#headerRow.pageRow { background-color: #f1f1f1; width:100%; min-width:1000px; position:relative;margin:0 auto;clear:both;  }
body.layout2015 #headerRow.pageRow {width:100%; min-width:1000px;}
#headerRow {z-index:2001;}
#header.big { height:250px;  }

#header { height: 60px; position: relative; }
#header h1 { width: 199px; position: absolute; top: 47px; }
#header h1 a { display: block; height: 47px; background: url(../images/layout/logo_rona_big_white.png); text-indent: -3000px; overflow: hidden;  }

#expertsHome .roomListing .couvre-plancher_et_ceramique p { background-position: 5px -310px; }
#expertsHome .roomListing .fleurs_plantes_et_jardin p { background-position: 5px -340px; }
#expertsHome .roomListing .peinture_moulures_et_papier-peint p { background-position: 5px -369px; }
#expertsHome .roomListing .decoration p { background-position: 5px -398px; }
#expertsHome .roomListing .maison p { background-position: 5px -430px; }
#expertsHome .roomListing .rangement p { background-position: 5px -466px; }
#expertsHome .roomListing .ecoresponsable p { background-position: 5px -500px; background-color:#91a44a; }
#expertsHome .roomListing .menuiserie_et_ameublement p { background-position: 5px -533px; }
#expertsHome .roomListing li.empty {opacity:0.5; filter: alpha(opacity = 50); zoom:1;}
#expertsHome .roomListing  > a{text-decoration:none !important;}

/*give your opinion dialog */
#expertsHome .giveYourOpinion .rightColumn { float:left; width:353px;}
#expertsHome .giveYourOpinion .leftColumn { padding-right: 54px; width: 523px;}
#expertsHome .giveYourOpinion .leftColumn .subBox .subRow h2,
#expertsHome .giveYourOpinion .rightColumn .subBox .subRow h2 {font-size: 18px; line-height:22px;}
#expertsHome .giveYourOpinion .leftColumn .subBox .subRow.first {padding-bottom: 23px; padding-top: 12px; color:#969ba2; width: 441px; float:left;}
#expertsHome .giveYourOpinion .leftColumn .subBox .subRow.second {padding-bottom:16px; color: #002d57;}
#expertsHome .giveYourOpinion .leftColumn .subBox .subRow.border {color:#969ba2; border-bottom:solid 6px #fff; padding-bottom:16px; width:360px;}
#expertsHome .giveYourOpinion .leftColumn .subBox.image{ background: url("../images/layout/lightbulb.png") no-repeat scroll 0 0 transparent; padding-bottom: 14px;color:#969ba2; width:77px; float:left; height: 60px;  margin-left: -10px; padding-left:10px; padding-right:5px;}

#headerTop div#lang {
	float: right;
}

#headerTop div#lang > a {
	color: black;
	float:right;
	display:inline-block;
	margin: 0 5px 0 12px;
	font-size: 11px;
	padding-top: 18px;
	text-decoration: underline;
	text-transform: uppercase;
}
#headerTop div#lang:before {
	background: #f2f2f2;
	content: "";
	display: inline-block;
	float: left;
	height: 32px;
	margin-top: 6px;
	width: 1px;
}
#expertsHome .leftColumn h2.monolineBold{ background-color: #0067C0; color: #FFFFFF;font-size: 18px;padding-left: 2px;padding-top: 2px;  width: 174px;}
#expertsHome .leftColumn .subBox {margin-top:15px; background:none;}
#expertsHome .leftColumn, #expertsHome .leftColumn {float:left;} 
#expertsHome .subRow p.infoText {  color: #333; font-size: 11px; line-height: 16px; margin-top: 20px; padding-bottom:5px;}
#expertsHome .submitButton {background: url(../images/layout/arrow-right-white-small.png) #002d57 no-repeat right 5px;
border-right: 10px solid #002D57;color: #FFFFFF;font-weight: bold; margin-top: 15px; text-transform: uppercase; font-size:11px; padding: 3px 18px 3px 10px; float:left;}

/*related videos section */
#expertsHome .relatedVideos ul li a{ background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; display: block; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding-left: 20px; padding-top:10px; margin-top:10px; padding-top: 0px;}
#expertsHome .relatedVideos ul li a:hover {color: #0067C0;}
#expertsHome .relatedVideos ul li { padding-top:5px;}
#expertsHome .relatedVideos .infoText {padding-top:12px;}

/*right colunmn */
#expertsHome .rightColumn .infoText p {font-size:11px;  color: #333333; font-size: 11px; line-height:16px; margin-top: 17px;}
#expertsHome .rightColumn .subcolumn {float:left;width: 161px;padding-top:24px; padding-bottom:13px; border-bottom:solid 7px #fff;}
#expertsHome .rightColumn .subcolumn.first { margin-right: 31px;}
#expertsHome .rightColumn #youtube {height:50px;} 
#expertsHome .rightColumn #facebook {height:50px;}
#expertsHome .rightColumn #facebook img{padding-top:6px;}
#expertsHome .rightColumn h2.monolineBold {background-color: #0067C0; color: #FFFFFF;font-size: 18px;padding-left: 2px;padding-top: 2px;  width: 124px;}

#headerRow .modal { color:#0067C0; font-size:10px; text-transform:uppercase; display:block; }
#headerRow .button.modal { color:#fff; font-size:14px; text-transform:none; display:inline-block; }

/* dropdown icons */
.en .icn_big_bathroom { background-image:url(../images/menu/icn_big/salleDeBain_big_EN.png); }
.en .icn_big_construction { background-image:url(../images/menu/icn_big/contruction_big_EN.png); }
.en .icn_big_decor{ background-image:url(../images/menu/icn_big/decoration_big_EN.png); }
.en .icn_big_lightning { background-image:url(../images/menu/icn_big/electriciteEtEclairage_big_EN.png); }
.en .icn_big_windows { background-image:url(../images/menu/icn_big/portesEtFenetres_big_EN.png); }
.en .icn_big_flooring { background-image:url(../images/menu/icn_big/couvreplancherEtCeramique_big_EN.png); }
.en .icn_big_workshop { background-image:url(../images/menu/icn_big/garageEtAtelier_big_EN.png); }
.en .icn_big_hardware { background-image:url(../images/menu/icn_big/quincaillerie_big_EN.png); }
.en .icn_big_kitchen { background-image:url(../images/menu/icn_big/cuisine_big_EN.png); }
.en .icn_big_garden { background-image:url(../images/menu/icn_big/exterieurEtJardin_big_EN.png); }
.en .icn_big_painting { background-image:url(../images/menu/icn_big/peinture_big_EN.png); }
.en .icn_big_plumbing { background-image:url(../images/menu/icn_big/plomberie_big_EN.png); }
.en .icn_big_storage { background-image:url(../images/menu/icn_big/rangementEtNettoyage_big_EN.png); }
.en .icn_big_tools { background-image:url(../images/menu/icn_big/outils_big_EN.png); }
#expertsHome .titleWrapper .subWrapper .btn { background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent;
    color: #002D57; float: left; font-size: 11px; font-weight: bold; padding-left: 18px; font-size:11px; float:left;margin-left: 151px;}
#expertsHome .titleWrapper .subWrapper .btn:hover {color: #0067C0; }
#expertsHome .titleWrapper h3 {float:left;} 
	
.fr .icn_big_bathroom { background-image:url(../images/menu/icn_big/salleDeBain_big_FR.png); }
.fr .icn_big_construction { background-image:url(../images/menu/icn_big/contruction_big_FR.png); }
.fr .icn_big_decor{ background-image:url(../images/menu/icn_big/decoration_big_FR.png); }
.fr .icn_big_lightning { background-image:url(../images/menu/icn_big/electriciteEtEclairage_big_FR.png); }
.fr .icn_big_windows { background-image:url(../images/menu/icn_big/portesEtFenetres_big_FR.png); }
.fr .icn_big_flooring { background-image:url(../images/menu/icn_big/couvreplancherEtCeramique_big_FR.png); }
.fr .icn_big_workshop { background-image:url(../images/menu/icn_big/garageEtAtelier_big_FR.png); }
.fr .icn_big_hardware { background-image:url(../images/menu/icn_big/quincaillerie_big_FR.png); }
.fr .icn_big_kitchen { background-image:url(../images/menu/icn_big/cuisine_big_FR.png); }
.fr .icn_big_garden { background-image:url(../images/menu/icn_big/exterieurEtJardin_big_FR.png); }
.fr .icn_big_painting { background-image:url(../images/menu/icn_big/peinture_big_FR.png); }
.fr .icn_big_plumbing { background-image:url(../images/menu/icn_big/plomberie_big_FR.png); }
.fr .icn_big_storage { background-image:url(../images/menu/icn_big/rangementEtNettoyage_big_FR.png); }
.fr .icn_big_tools { background-image:url(../images/menu/icn_big/outils_big_FR.png); }
#expertsHome .titleWrapper .subWrapper .btn { background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent;
    color: #002D57; float: left; font-size: 11px; font-weight: bold; padding-left: 18px; font-size:11px; float:left;margin-left: 151px;}
#expertsHome .titleWrapper .subWrapper .btn:hover {color: #0067C0; }
#expertsHome .titleWrapper h3 {float:left;} 

	
/*****************************
2. Privacy Policy
******************************/
/* More information */
.main-heading.privacy_policy {margin: 0;}

/*define title text*/
#privacy_policy {float: left; padding-bottom: 31px;}
#privacy_policy .subTitle { overflow: hidden; margin-bottom: 16px;  padding: 10px 15px 0; background: #f6f6f6; margin-top:20px; }
#privacy_policy .subTitle h2 { color: #0067C0; font-size: 19px; text-transform: uppercase; margin-right: 10px; margin-bottom:20px; width:730px;}
#privacy_policy .subTitle h2 span { color: #002D57; }
#privacy_policy .subTitle p { float: left; font-size: 11px; }
#privacy_policy .subTitle a { display: block; float: left; color: #002D57; font-size: 11px; font-weight: bold; margin-left: 15px; padding-left: 20px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left 1px; }
#privacy_policy .subTitle a:hover { color: #0067c0; }

#privacy_policy .btn_print, #privacy_policy .btn_print { color:#002d57; font-weight:bold; font-size:10px; text-transform:uppercase; background:url(../images/layout/smallicon_btnprint.png) no-repeat scroll 8px center #f6f6f6; width:70px; line-height:22px;display:block; float:right; padding-left:30px; }
#privacy_policy .btn_print:hover, #privacy_policy .btn_print:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnprint-hover.png) no-repeat scroll 8px center #0067C0; }
#privacy_policy p, #privacy_policy p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 20px; }
#privacy_policy p a { font-weight:bold; color:#002d57; text-decoration:underline; }
#privacy_policy p a:hover { color:#0067C0; }
#privacy_policy .button.openAll:hover {color: #0067C0;}
#privacy_policy #allSteps h3 {float:left;} 
#privacy_policy #allSteps {float:left; width:729px;} 
#privacy_policy .paddingBox {float:left;}
#privacy_policy .dropDownWrapper .link a:hover{color: #0067C0;}
#privacy_policy .dropDownWrapper .link a {color:#002d57;}

/*condiotional print objects (hidden in normal display) */
#privacy_policy .printSafe {display:none; float:left;}
#privacy_policy .printSafe{display:none;}
.printSafe{display:none;}

/*general layout */
#privacy_policy  h3 { font-size:18px; }
#privacy_policy  h3 span {  background:#0067c0; }
#privacy_policy .box { float:left; width:340px; }
#privacy_policy .box.paddingleft { padding-left:25px;  width: 318px}
#privacy_policy .box.firstleft { width:365px }
#privacy_policy .box.table { width:710px; padding-top:20px; }
#privacy_policy .listTitle { font-size:12px; font-weight:bold; text-transform:uppercase; color:#0067c0; padding-bottom:20px; display:block; }
#privacy_policy .box .listTools > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 16px; padding-left: 20px; color: #0067c0; line-height: 14px; cursor:pointer; }
#privacy_policy .box .listTools > li:hover {color:#002D57;}
#privacy_policy .box .listTools > li.nolink { background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px; }
#privacy_policy .box .listTools > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; font-size:11px; }
#privacy_policy .box .listTools > li > a:hover { color: #0067C0; }
#privacy_policy .btn_print { width:130px; }
#privacy_policy .blueline { background:#0067C0; height:8px;}
#privacy_policy .box.table table { text-align:left; font-size:11px; margin-bottom: 10px; }
#privacy_policy .box.table table th { background:#0067c0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; border-right: 15px solid #FFF; padding: 3px 0 0 5px; height:18px; text-align:left; }
#privacy_policy .box.table table .last { border-right:none; }
#privacy_policy .box.table table td { background:#f6f6f6; border-top:3px solid #FFF; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; text-transform:none; color:#333333; vertical-align: top; padding-top:3px;}
#privacy_policy .box.table table .first {color:#0067c0;  text-transform:uppercase; font-weight: bold;}
#privacy_policy .box.table table .first .text {width:100px; display: block; padding-bottom: 3px; width: 148px; float:left;} 
#privacy_policy .box.table table .letter {float:left;}

/* drop down boxes */
#privacy_policy  #allSteps { padding-top:5px; }
#privacy_policy .dropDownContent .row .columnLeft .title {color:#666; font-weight:bold; font-size:13px;} 
#privacy_policy .dropDownContent .row .columnLeft .title .bullet {color:#0067c0; padding-right:3px;}
#privacy_policy .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;}
#privacy_policy .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} 
#privacy_policy .dropDownContent .row .columnLeft .infoText {font-style: italic; color:#7c7b7b;} 
#privacy_policy #etapes.paddingBox {border-top: solid 7px #0067C0;}

/*left content */
#privacy_policy #relatedLeft {padding: 0px;}
#privacy_policy #relatedLeft .wrapper .link {font-size: 12px; font-weight: bold; color:#002d57; text-transform:uppercase; padding:13px 10px; background: url("../images/layout/button_blue_circle_arrow_right.png") no-repeat scroll 13px -22px #F6F6F6; margin-top:10px;} 
#privacy_policy #relatedLeft .wrapper .link:hover{font-size: 12px; font-weight: bold; color:#002d57; text-transform:uppercase; padding:13px 10px; background: url("../images/layout/button_blue_circle_arrow_right.png") no-repeat scroll 13px 10px #F6F6F6; margin-top:10px;} 
#privacy_policy #relatedLeft .wrapper .link .number { color: #FFFFFF; font-size: 13px; left: -29px; margin-bottom: -7px; margin-left: -28px; padding-bottom: 4px; padding-right: 17px; vertical-align: baseline;}
#privacy_policy #relatedLeft .wrapper .link a {padding-left:35px;}
#privacy_policy #relatedLeft .wrapper .link a  span.title.active {color: #0067C0;}
#privacy_policy #relatedLeft .wrapper .link a:hover {color: #0067C0;}
#privacy_policy #relatedLeft .wrapper .link .arrowBig {background: url("../images/layout/arrow_large_darkblue_down.png") no-repeat scroll 0 0 transparent;  height:13px;  width:20px;display:block; float:right;  position:relative; top:2px; cursor:pointer;} 
#privacy_policy #relatedLeft .wrapper .link .arrowBig.active{background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 0 transparent;} 
#privacy_policy #relatedLeft .wrapper .link:hover .arrowBig {background: url("../images/layout/arrow_large_lightBlue_down.png") no-repeat scroll 0 0 transparent; } 
#privacy_policy #relatedLeft .wrapper .dropDownContent {display:none;} 
#privacy_policy #relatedLeft  {width:748px;}
#privacy_policy #relatedLeft .paddingBox {background: none repeat scroll 0 0 #FFFFFF;padding: 20px 10px 20px 10px;}
#privacy_policy #relatedLeft #productTabs {padding-top:20px;}
#privacy_policy .pageTop {background: url("../images/layout/sprite.png") no-repeat scroll -490px -221px transparent; bottom: 21px; color: #002D57; display: block; float: right; font-size: 11px; font-weight: bold; height: 10px; margin-bottom: 10px; padding-left: 18px;}
#privacy_policy #relatedLeft .top {padding-top:20px; font-size:11px; padding-left:20px;}
#privacy_policy #relatedLeft .row.img {padding-top:40px;}
#privacy_policy #relatedLeft .row .columnLeft {float: left; padding-left: 25px; padding-right: 11px; width: 470px;}
#privacy_policy #relatedLeft .row .columnLeft .top {padding-left:20px;}
#privacy_policy #relatedLeft .row .columnRight {float:left;}
#privacy_policy #relatedLeft .row.img { padding-top:40px;}  
#privacy_policy #relatedLeft .row .zoom {cursor:pointer; background: url("../images/layout/zoom.jpg") no-repeat scroll 0 0 transparent; height: 30px; position: relative; right: -170px; top: -30px; width: 30px;}
#privacy_policy #relatedLeft .row .zoom:hover{background-position: 0 -30px;}
#privacy_policy #relatedLeft .row .zoom a {display:block; height:30px; width:30px;} 

/*right sidebar */
#privacy_policy #privacy_policy #utilities ul li.measurement a:hover { background-position: -116px 58px; }
#privacy_policy .rating-meter-big div.star-rating, #privacy_policy .rating-meter-big div.star-rating a { background: url(" ../images/layout/projectPage-rating-big.png") no-repeat scroll 0 0 transparent; }

/*dropdown section */
#privacy_policy .dropDownContent .box {width:100%;}
#privacy_policy .dropDownContent {padding:20px;}
#privacy_policy .dropDownContent  ul li {font-size: 11px; padding-left:20px; background:url("../images/layout/bullet_black.png") no-repeat scroll 2px 5px transparent;line-height:16px;}
#privacy_policy .dropDownContent  ul {padding-bottom:5px;}
#privacy_policy #allSteps .button.openAll { background: url("../images/layout/arrow-down-light-blue-small.png") no-repeat scroll 8px 8px #F6F6F6;
    color: #002D57;cursor: pointer;display: block;float: right;font-size: 10px;font-weight: bold; padding: 5px 10px 5px 32px; text-transform: uppercase;width: 149px;}
#privacy_policy #allSteps .button.openAll.active {background: url("../images/layout/arrow-up-light-blue-small.png") no-repeat scroll 8px 8px #F6F6F6;}
#privacy_policy #allSteps .button.openAll.active:hover {background: url("../images/layout/arrow-up-white-small.png") no-repeat scroll 8px 8px #0067C0;}
#privacy_policy #allSteps .button.openAll:hover {color: #fff;background: url("../images/layout/arrow-down-white-small.png") no-repeat scroll 8px 8px #0067C0;}
#privacy_policy #allSteps .btn_downloadpdf { background: url("../images/layout/smallicon_btnddlwnpdf.png") no-repeat scroll 8px center #F6F6F6; color: #002D57; display: block; font-size: 10px; font-weight: bold; line-height: 22px; padding-left: 30px; text-transform: uppercase;  width: 139px; float:left; margin-bottom: 5px;}
#privacy_policy #allSteps .btn_downloadpdf:hover {color: #fff; background-color:#0067C0;}
#privacy_policy .sidebar > div > div { padding: 25px 0; border-top: 7px solid #FFFFFF;}
#privacy_policy #myRonaSpace a { margin: 9px auto 0;}
#privacy_policy .blueBorder {border-bottom:solid 7px #0067C0; float:left; width:729px;}
#privacy_policy #ronaMag a {background: url("../images/layout/ronaMag.png") no-repeat scroll 0 0 transparent; display: block; height: 115px; text-indent: -5000px;  width: 172px;}
#privacy_policy #ronaMag a:hover {background: url("../images/layout/ronaMag_ltBlue.png") no-repeat scroll 0 0 transparent;}

#privacy_policy #allSteps .button.openAll.active span.close {display:block;}
#privacy_policy #allSteps .button.openAll.active span.open {display:none;}
#privacy_policy #allSteps .button.openAll span.open {display:block;}
#privacy_policy #allSteps .button.openAll span.close {display:none;}

#searchResultSearchFormContainer {
	position: relative;
	float:left;
	margin: 20px 0 0;
    height: 48px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
 	border-radius: 5px;
}
#headerRow #searchForm label, #searchResultSearchFormContainer #searchResultSearchForm label { 
	position: absolute;
	left: 15px;
	font-size: 14px;
	color: #999999;
	text-transform:none;
	font-weight: normal;
	height: 34px;
	line-height: 34px;
}
#headerRow #searchForm input.textInput, #searchResultSearchFormContainer #searchResultSearchForm input.textInput {
  background: #fff;
  color: #333;
  float: left;
  border: 0px solid #a6b8c6;
  height: 34px;
  line-height: 20px;
  margin: 0 0 0 15px;
  vertical-align: middle;
  width: 348px;
  font-size: 16px; 
}
#headerRow #searchForm .squaresubmitButton, #searchResultSearchFormContainer #searchResultSearchForm .squaresubmitButton {
  background: url('../images/layout/loupe.jpg') center center no-repeat;
  float: left;
  border: none;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.wrapperSearch { position:absolute; min-width:396px; right:0; top:68px; display:none; z-index:101;border: 1px solid #cacaca;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.wrapperSearch .main_bottom_border { position:relative; height: 40px; background:url(../images/menu/bg_searchbox-bottom.png) no-repeat 0 0 transparent;  left: 25px; }
#searchDropDown { position:relative; background-color:#FFF; padding:1px; -moz-box-shadow: 0px 17px 30px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 17px 30px rgba(0,0,0,0.1);
  box-shadow: 0px 17px 30px rgba(0,0,0,0.1);}
#searchDropDown .searchCatBox { width:196px; margin:0 1px 16px 0; float:left; }
#searchDropDown .last { margin-right:0; }
#searchDropDown .searchCatBox div { height:20px; }
#searchDropDown .searchCatBox .title { display:block; padding:2px 0 2px 5px; color:#002D57; background-color:#f2f2f2; font-size:12px; text-transform:uppercase; font-weight:bold;}
#searchDropDown .searchCatBox ul { padding:0 0 0 5px; }
#searchDropDown .searchCatBox ul li { font-size:11px; line-height:14px; }
#headerTop #searchDropDown .searchCatBox ul li a { color:#666666; }
#searchDropDown .searchCatBox ul li a:hover {background-color: #F0CF14;} 
#searchDropDown .moreOpt_box { width:91px; padding:4px 0 0 27px; height:17px; background: url(../images/layout/searchBox_moreopt.png) no-repeat 10px center #002d57; margin:10px 10px 0 0; float:left; color:#FFF; font-size:10px; text-transform:uppercase; font-weight:bold; }
#searchDropDown .seeAll_box a { text-align:center; width:100%; padding: 0;}

/* Slogan */
.slogan {width:100%;border-bottom:1px solid #fff;height:11px;padding:5px 0px;float:left;text-align:right;font-size:11px;color:#002d57;}

/* Breadcrumb */

#breadcrumb {font-size: 11px; font-weight:700; color: #0067c0; font-family: Arial; padding: 10px 0 12px; clear:both; float:none;}
#breadcrumb a { font-weight: normal;color: #666666; font-family: Arial;}
#breadcrumb a:hover { color: #0067c0; font-family: Arial;}
#breadcrumb span { width: 9px; height: 10px; margin: 0 10px; font-weight: normal; color: #666666; }
#breadcrumb div { display:inline-block}
/*-------------------
	1:Home
-------------------*/
.contentSection { border-bottom: 5px solid #E5E5E5;; padding: 20px 0; }
#lastSection {border-bottom:0px;} /* used for last .contentSection */

/* Carousel */
#homeCarousel {position:relative;width:940px;margin:0 auto;height:300px;overflow:hidden;z-index:1;}
#homeCarousel #slides {height: 300px;width:940px;margin:0 auto;}
#homeCarousel #slides .slide { height: 300px; width: 940px; z-index: 6; }
#homeCarousel #slides .slide img { height: 300px; width: 940px;}
#homeCarousel #pagerContainer { width: 932px; position: absolute; right: 50%; bottom:0px; margin-right: -471px; z-index: 200; }
#homeCarousel #slidePager { position: absolute; right: 127px; bottom: 10px; z-index: 20; height: 29px; }
#homeCarousel #slidePager a { width: 129px; height: 19px; display: block; float: left; position: relative; }
#homeCarousel #slidePager a span.number { color: #0067c0; font-size: 13px; padding: 9px 100px 0 0; width: 28px; height: 20px; display: block; background: url(../images/layout/homeCarousel-pager-bg.png); text-align: center; position: absolute; top: 0; left: 0; z-index: 50; }
#homeCarousel #slidePager a:hover span.number { color: #002D57; }
#homeCarousel #slidePager a span.timer { width: 24px; height: 24px; position: absolute; top: 2px; left: 2px; z-index: 30; display:  block; }
#homeCarousel #slidePager a.last { width: 28px; height: 29px; overflow: hidden; }
.carouselImage {
	visibility: hidden;
}

/* Pause and Play button */
#homeCarousel #pauseplay { color: #0067c0; font-size: 13px; padding: 9px 0 0 100px; width: 55px; height: 20px; display: block; text-align: center; position: absolute; top: -39px; right: 0; z-index: 7; cursor:pointer; }
#homeCarousel .pause { background: url(../images/layout/homeCarousel-pager-bg-pause.png); }
#homeCarousel .play { background: url(../images/layout/homeCarousel-pager-bg-play.png); }

/* Home Page Content Sections */
.newsArticle {width:172px;float:left;margin-right:20px;font-size:11px;color:#333;cursor:pointer;}
.newsArticle h3 {padding-bottom:7px;line-height: 14px;}
.newsArticle.last {margin-right:0;}
.newsArticle img {padding-bottom:24px;height: 208px;width: 172px;}
.newsArticle h6 {color:#333;text-transform:uppercase;font-weight:bold;color:#666666;height: 3px;}
.newsArticle h6 span {background:#F5D410;}
.newsArticle span.postAuthor, #featuredContent .newsArticle span.postDate { display: block; padding: 2px 0; }
.newsArticle span.postMeta {display:block;padding:2px 0;height:32px;line-height:130%;}
.newsArticle p {padding:10px 0 17px;line-height:140%;height:60px;}
.newsArticle a {color:#002D57;background:url(../images/layout/arrow-right-light-blue-small.png) no-repeat left center;padding-left:18px;font-weight:bold;}
.newsArticle a.boxHover {color:#0067C0;}

/*
.suggestedProduct {width: 172px; padding: 5px 5px 5px 0px; margin-right: 15px; float: left; position: relative; cursor: pointer; }
.suggestedProduct.last { margin-right: -10px; }
.suggestedProduct img { border: none; }
.suggestedProduct span { display: block; }
.suggestedProduct span.brand { font-size: 11px; color: #656565; text-transform: uppercase; padding-top: 10px;height:15px; }
.suggestedProduct span.name { height: 58px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.suggestedProduct span.name a { color: #656565; }
.suggestedProduct span.name a:hover, .suggestedProduct span.name a.boxHover {color:#0067C0;}
.suggestedProduct span.price {font-size:35px;color:#0067C0;padding:18px 0 10px 0;font-weight:bold;}
.suggestedProduct a.viewDetails { background: #e5e5e5 url(../images/layout/arrow-right-light-blue-small.png) no-repeat 8px 6px; display: block; line-height: 22px; padding-left: 25px; font-size: 11px; font-weight: bold; color: #002D57; }
.suggestedProduct a.viewDetails:hover, .suggestedProduct a.viewDetails.boxHover { color: #0067C0; }
.suggestedProduct a.viewPrice { background: #e5e5e5 url(../images/layout/arrow-right-light-blue-small.png) no-repeat 8px 6px; display: block; line-height: 22px; padding-left: 25px; font-size: 11px; font-weight: bold; color: #002D57; margin:28px 0px 8px 0px; }
.suggestedProduct a.viewPrice:hover {color:#0067C0;}
*/
.expertInfo {float:left;background:#fff;width:738px;padding:0px 10px 6px 0px;font-size: 11px;cursor: pointer;}
.expertInfo h3 { padding-bottom: 20px; font-size: 17px; text-transform: uppercase; color: #fff;}
.expertInfo h3 span { background: #0067C0; padding: 4px; }
.expertInfo img {float:left;margin-right:25px;}
.expertInfo h2 {font-size:47px;color:#7a7a7a;text-decoration:underline;margin:10px 0px;font-family: Georgia, Times, serif;}
.expertInfo p.georgia { font-family: Georgia, Times, serif;font-size:16px;color:#aaaaaa;margin:10px 0px;}
.expertInfo p.scotch {color:#d9d9d9;text-transform:uppercase;font-size:19px;margin:10px 0px;font-family: Georgia, Times, serif;}
.expertInfo a.viewPost  { color: #002D57; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left center; padding-left: 18px; }
.expertInfo a.viewPost:hover, .expertInfo a.viewPost.boxHover {color: #0067C0;}

/*-------------------
	2:Cart
-------------------*/

#cart h1 {float:left;}
#cart .cartNav {float:right;width:40%;font-size:10px;text-align:right;}
#cart .cartNav .submitButton {margin-left:15px;color:#fff;text-transform:uppercase;padding:4px 17px 4px 10px;background:#002d57 url(../images/layout/arrow-right-white-small.png) right 6px no-repeat;border-right:10px solid #002d57;font-weight:bold;}
.headline {padding:10px 14px;font-size:11px;background:#fff;margin-bottom:22px;float:left;width:912px;}
.headline h4 {font-size:19px;padding-bottom:0px;}
.headline .btn {margin-left:10px;}
.suggestedProduct .name a.boxHover {color:#0067C0;display:block;}

/*tooltip correction */
#cart .tooltip{left: -193px; position: relative;}

/*Total costs, taxes, coupon input */
#coupon {background-color:#e9e9e9; width:330px;height:56px;margin-top: 10px;}
#couponForm .submitButton {  background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 101px 6px #002D57;
    border-right: 10px solid #002D57;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    overflow: hidden;
    padding: 4px 21px 6px 10px;
    text-align: left;
    width: 118px;}
#couponForm input.textInput { background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #333333;
    font-size: 10px;
    height: 18px;
    padding: 1px 0 1px 5px;
    width: 174px;
	}
	
	#couponForm label { font-size: 11px;color:#777; font-weight:bold; float:left; padding-top:6px; padding-left:18px;}
	#couponForm .couponInput{     background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;color: #333333; font-size: 10px;  height: 23px;  margin-left: 17px; margin-right: 15px; margin-top: 4px; width: 173px;}

.cartEmpty {background:url(../images/layout/emptyBasket.png);height:66px;width:100%;float:left;margin:47px 0px 63px;}
.cartEmpty h3 {font-size:18px;width:100%;text-align:center;color:#666;padding-top:26px;}


/*-------------------
3:Checkout
-------------------*/
#checkoutPage #breadcrumb { margin-bottom:15px; }
#checkoutPage #breadcrumb a { display: block;float: left; }
#checkoutPage #breadcrumb span { display:block; float:left; }
#checkoutPage #breadcrumb .secured { background: url("../images/layout/icon_secured-payment.png") no-repeat scroll 0 0 transparent; float: left; line-height: 15px; padding-left: 20px;}
#checkoutPage .content { position: relative;float:left; }
#checkoutPage h1 { padding-bottom: 55px; padding-top: 10px; }
#checkoutPage .sidebar div { color:#666; font-size:11px;}
#checkoutPage .sidebar .h4 { color:#0067c0; text-transform:none; font-weight:bold; font-size: 13px; }

/* Checkout Navigation */

#checkoutNav { overflow: hidden; position: absolute; top: 90px; right: 0; }
#checkoutNav li { float: left; margin-left: 5px; padding-left: 25px; background: url(../images/layout/checkoutPage_nav-dotted-line.gif) no-repeat left center; }
#checkoutNav li:first-child { margin-right: 0; padding-right: 0; background: none; }
#checkoutNav li div { opacity: 0.4; zoom: 1; color: #0067c0; font-size: 13px; line-height: 24px; text-transform: uppercase; }
#checkoutNav li div span { display: block; float: left; font-size: 13px;margin-right: 7px; background:url(../images/layout/productPage_slider-controls-bg.png) no-repeat -22px center; width: 24px; height:22px; text-align:center;}
#checkoutNav li div .cufon { margin-top: 6px; }
#checkoutNav .active div { opacity: 1; }

/* Client Informations */

#clientInformations h2 { overflow: hidden; color: #FFFFFF; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 30px; }
#clientInformations h2 span { display: block; float: left; padding: 1px 4px; background: #0067C0; }

#clientInformations > div { position: relative; margin-bottom: 10px; padding: 20px 20px 0; background: #fff; height: 1%; }
#clientInformations .bottomOptionsDiv .registerUserButtons .btn-continue { background-image:none; display: block; float: right; font-size: 15px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 36px; padding: 0 40px 0 40px;  }
#clientInformations .bottomOptionsDiv .registerUserButtons .btn-continue:hover { background-color: #0067c0; }

#clientInformations > div .modify { display: block; position: absolute; left: 566px; bottom: 45px; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; }
#clientInformations > div .modify:hover { color: #0067C0; }
#clientInformations > div > ul li { overflow: hidden; padding-top: 10px; border-top: 2px solid #f6f6f6; min-height: 55px; }
#clientInformations > div > ul li:first-child { padding-top: 0; border: none; }
#clientInformations > div > ul li > div { float: left; margin-left: 20px; width: 222px; }
#clientInformations > div > ul li > div:first-child { margin-left: 0; }
#clientInformations > div > ul li > div .info { color: #0067c0; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; }
#clientInformations > div > ul li > div .value { color: #666; font-size: 13px; font-weight: bold; }

#clientInformationForm {}
#clientInformationForm li { clear:both; }
#clientInformationForm li label { display: block; float: left; font-size: 11px; color: #333; font-weight: bold; margin-bottom: 5px; margin-left: 20px; width: 344px; }
#clientInformationForm li label span { display: block; margin-left: 10px; }
#clientInformationForm li label span:first-child { float: left; margin-left: 0; }
#clientInformationForm li .error { color: #D11919; font-weight: bold; }
#clientInformationForm li input { display: block; float: left; font-size: 11px; color: #333; margin-bottom: 10px; margin-left: 20px; padding: 0 10px; background: #e6e6e6; width: 324px; height: 22px; }
#clientInformationForm li label.addressErr{  color: #D11919; font-weight: bold; width: 90px; }
#clientInformationForm li label.address { width: 344px; }
#clientInformationForm li input.address { width: 324px; z-index: 1000; position: relative;}

#clientInformationForm li label.phone { width: 165px; }
#clientInformationForm li label.phoneErr{  color: #D11919; font-weight: bold; width: 234px; }
#clientInformationForm li input.phone { width: 214px; }
#clientInformationForm .saveInfos { display: block; position: absolute; right: 20px; bottom: 15px; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; }
#clientInformationForm .saveInfos:hover { color: #0067C0; }
#clientInformationForm li label.app { width: 90px; }
#clientInformationForm li input.app { width: 70px; }
/*selectwrapper for the Province*/
#clientInformationForm ul li #codePostal { float:right;}
#clientInformationForm ul li .province { position:relative; float:left; padding-right: 140px; }
#clientInformationForm ul li .province label { padding-right: 105px; }
#clientInformationForm ul li .province label.error { padding-right:0; }
#clientInformationForm ul li .province .selectContainer {position:absolute;background:#fff;max-height:400px;overflow:auto;left:20px;z-index:1 !important;}
#clientInformationForm ul li .province .selectContainer ul { padding-bottom: 0;}
#clientInformationForm ul li .province .selectContainer ul li.selected, 
#clientInformationForm ul li .province .selectContainer ul li.current { background: #0067C0; color: #fff; }
#clientInformationForm ul li .province .selectContainer ul li { display:block; padding:4px 10px; margin:0; cursor:pointer; font-size: 11px; color: #333; }
#clientInformationForm ul li .province .selectbox { display: block; line-height: 22px; margin: 0px; height: 22px; padding:0 0 0 10px; display: block; background: #e6e6e6 url(../images/layout/arrow-down-light-blue-medium.png) no-repeat right 7px; cursor: pointer; color:#333; font-size: 11px; font-weight: normal; border: none; }

/* Shipping Informations */

#shippingInformations h2 { overflow: hidden; color: #FFFFFF; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 20px; }
#shippingInformations h2 span { display: block; clear: both; float: left; padding: 1px 4px; background: #0067C0; }
#shippingInformations > .btn-continue { margin-top: 20px; display: block; float: right; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 36px; text-transform: uppercase; padding: 0 30px; background: #3F9C35; }
#shippingInformations > .btn-continue:hover { background-color: #0067c0; }

/* Removed as part of Gift cards only checkout process

#itemsToShip { margin-bottom: 25px; border-bottom: 8px solid #fff; }
#itemsToShip ul { overflow: hidden; margin-left: -20px; width: 768px; }
#itemsToShip li { float: left; margin-left: 20px; padding-bottom: 20px; width:236px;}
#itemsToShip li img { float: left; }
#itemsToShip li .specs { font-size: 11px; color: #666; margin-left: 96px; }
#itemsToShip li .specs span { display: block; }
#itemsToShip li .specs .brand { font-size: 11px; text-transform: uppercase; }
#itemsToShip li .specs .name { font-size: 15px; font-weight: bold; text-transform: uppercase; }
#itemsToShip li .specs .name a { color: #666; }
#itemsToShip li .specs .name a:hover { color: #0067c0; }
#itemsToShip li .specs .sku { font-size: 12px; line-height: 1.2em; }
#itemsToShip li .specs .price { color: #0067c0; font-weight: bold; font-size: 15px; padding: 2px 0; }
#itemsToShip li .specs .quantity strong { color: #0067c0; font-weight: bold; }

*/

#shippingAddress {margin-bottom: 10px; padding-bottom: 50px; border-bottom: 8px solid #fff; width:750px }
#addAddressForm { min-height:75px;}

#shippingAddress .shippingTitle { float: left; font-family: Arial; color: #0067c0; font-size: 13px; font-weight: bold; text-transform:uppercase; }

#shippingAddress > div .tabPanelsControls { overflow: hidden; margin-bottom: 15px; width: 360px; }
#shippingAddress > div .tabPanelsControls li { float: left; color: #333; font-weight: bold; font-size: 11px; line-height: 14px; margin-bottom: 5px; padding-left: 25px; background: url(../images/icons/hexagon.png) no-repeat 0 0; width: 145px; height: 14px; cursor: pointer; }
#shippingAddress > div .tabPanelsControls .active { background: url(../images/icons/hollow_hexagon.png) no-repeat 0 0; }
#shippingAddress > div .tabPanelsControls .hidden { padding-top: 5px; border-top: 1px solid #a3a3a3; background-position: 0 5px;position: inherit; }
#shippingAddress > div .tabPanelsControls .show {position: inherit; }

#shippingAddress .shippingInformationForm{ position: relative; margin-bottom: 10px; padding: 20px 20px 0; background: #fff; height: 1%; }

#shippingAddress .tabPanels .address { color: #333; font-size: 11px; line-height: 16px; }
#shippingAddress .tabPanels .address .h4 { color: #0067C0; font-family: Arial; font-size: 13px; font-weight: bold; padding-bottom: 0; }
#shippingAddress .tabPanels form { width: 450px; }
#shippingAddress .tabPanels form label { float: left; font-size: 11px; color: #333; margin-right: 20px; margin-bottom: 10px; width: 205px; }
#shippingAddress .tabPanels form label span { display: block; font-weight: bold; line-height: 12px; margin-bottom: 5px; }
#shippingAddress .tabPanels form label .error { color: #d11919; }
#shippingAddress .tabPanels form label input { padding: 0 10px; width: 185px; height: 22px; }
#shippingAddress .tabPanels form .address { width: 335px; }
#shippingAddress .tabPanels form .address input { width: 315px; }
#shippingAddress .tabPanels form .appartment { width: 75px; }
#shippingAddress .tabPanels form .appartment input { width: 55px; }
#shippingAddress .tabPanels form .submit { color: #002D57; font-size: 11px; font-weight: bold; padding-left: 18px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#shippingAddress .tabPanels form .submit:hover { color: #0067c0; }
#shippingAddress .tabPanels form .submit.added { color: #0067c0; background: url(../images/layout/check-light-blue-small.gif) no-repeat left 1px; cursor: default; }

/*selectwrapper for the Province*/
#shippingAddress .tabPanels form .selectContainer {position:relative;font-weight:bold;color:#0067c0;z-index:999!important;font-size:11px;color:#0067c0;display:block;}
#shippingAddress .tabPanels form .selectbox {padding:3px 0 0 5px;width:273px;height:19px;cursor:pointer; margin-bottom:10px;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#shippingAddress .tabPanels form .selectbox-wrapper {position:absolute;width:298px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;z-index: 998;}
#shippingAddress .tabPanels form .selectbox-wrapper ul {background:#fff;z-index:9999;}
#shippingAddress .tabPanels form .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333;}
#shippingAddress .tabPanels form .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#shippingAddress .tabPanels form .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

/* Purchase Summary */

#purchaseSummary h2 { overflow: hidden; color: #FFFFFF; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 20px; }
#purchaseSummary > h2:first-child { margin-bottom: 30px; }
#purchaseSummary h2 span { display: block; clear: both; float: left; padding: 1px 4px; background: #0067C0; }

#purchaseSummary .itemList { margin-bottom: 15px; }
#purchaseSummary .itemList li { position: relative; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 8px solid #fff; }
#purchaseSummary .itemList li:first-child { margin-top: 0; }
#purchaseSummary .itemList li > div:first-child img { float: left; }
#purchaseSummary .itemList li > div:first-child .specs { margin-left: 96px; width: 125px; }
#purchaseSummary .itemList li > div:first-child .specs span { display: block; }
#purchaseSummary .itemList li > div:first-child .specs .brand { color: #666; font-size: 11px; text-transform: uppercase; }
#purchaseSummary .itemList li > div:first-child .specs .name { color: #666; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
#purchaseSummary .itemList li > div:first-child .specs .name a { color: #666; }
#purchaseSummary .itemList li > div:first-child .specs .name a:hover { color: #0067c0; }
#purchaseSummary .itemList li > div:first-child .specs .sku { color: #666666; font-size: 12px; line-height: 1.2em; }
#purchaseSummary .itemList li .options,
#purchaseSummary .itemList li .quantity,
#purchaseSummary .itemList li .price,
#purchaseSummary .itemList li .total { position: absolute; bottom: 20px; }
#purchaseSummary .itemList li .quantity { left: 385px; width: 110px; }
#purchaseSummary .itemList li .price { left: 515px; width: 110px; }
#purchaseSummary .itemList li .uom { position: absolute; bottom: 5px; left: 515px; width: 110px; color: #666666;font-size: 12px; font-weight:400; clear:both; text-align:right; }
#purchaseSummary .itemList li .total { left: 645px; width: 103px; }
#purchaseSummary .itemList li .options { left: 235px; width: 130px; }
#purchaseSummary .itemList li .options div { color: #333; font-size: 11px; font-weight: bold; padding-top: 5px; }
#purchaseSummary .itemList li .options div span { color: #0067c0; }
#purchaseSummary .itemList li .quantity .label,
#purchaseSummary .itemList li .price .label,
#purchaseSummary .itemList li .total .label { display: block; float: left; color: #666; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-top: 4px; }
#purchaseSummary .itemList li .quantity .value,
#purchaseSummary .itemList li .price .value,
#purchaseSummary .itemList li .total .value { display: block; float: right; color: #0067c0; font-size: 15px; font-weight: bold; }

#purchaseSummary .itemListTotal { overflow: hidden; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 8px solid #fff; }
#purchaseSummary .itemListTotal ul { float: right; width: 255px; }
#purchaseSummary .itemListTotal li { overflow: hidden; text-align: right; margin-bottom: 5px; }
#purchaseSummary .itemListTotal li .charge-name { float: left; color: #666; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-top: 4px; width: 188px; }
#purchaseSummary .itemListTotal li .charge-value { float: right; color: #0067c0; font-size: 15px; font-weight: bold; width: 67px; }
#purchaseSummary .itemListTotal .total { margin-top: 15px; padding: 15px 0; border-top: 8px solid #fff; }
#purchaseSummary .itemListTotal .total .charge-name { text-align: right; padding-top: 16px; width: 49px; }
#purchaseSummary .itemListTotal .total .charge-value { color: #002d57; font-size: 28px; width: 50%; }
#purchaseSummary .itemListTotal > .submit,
#purchaseSummary .itemListTotal > .back { display: block; float: right; color: #fff; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 35px; margin-left: 20px; background: #3f9c35; height: 35px; }
#purchaseSummary .itemListTotal > .submit { width: 255px; }
#purchaseSummary .itemListTotal > .back { padding: 0 40px 0 30px; background: #3f9c35 url(../images/layout/arrow-left-white-big.png) no-repeat right 13px; }
#purchaseSummary .itemListTotal > .submit:hover,
#purchaseSummary .itemListTotal > .back:hover { background-color: #0067c0; }
#purchaseSummary .itemListTotal > .print { display: block; float: right; color: #FFFFFF; font-size: 10px; font-weight: bold; line-height: 22px; text-transform: uppercase; padding: 0 10px 0 35px; background: #002D57 url(../images/layout/icon_print.png) no-repeat 10px center; }
#purchaseSummary .itemListTotal > .print:hover { background-color: #0067c0; }

#ronaStoreInfos { overflow: hidden; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 8px solid #fff; }
#ronaStoreInfos img { display: block; float: right; border: 8px solid #fff; }
#ronaStoreInfos > div { float: left; width: 382px; }
#ronaStoreInfos > div .address { overflow: hidden; margin-bottom: 25px; }
#ronaStoreInfos > div .address .column { font-size: 13px; }
#ronaStoreInfos > div .address strong { font-weight: bold; }
#ronaStoreInfos > div .column { display: block; float: left; font-size: 11px; color: #333; line-height: 16px; margin-right: 20px; width: 171px; }
#ronaStoreInfos > div .storeName { color: #0067c0; font-family: Arial; font-weight: bold; font-size: 13px; display: block; }
#ronaStoreInfos > div .h4 { color: #0067c0; font-family: Arial; font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; height: 40px; }
#ronaStoreInfos > div .column ul li { overflow: hidden; }
#ronaStoreInfos > div .column ul .closed { color: #666; }
#ronaStoreInfos > div .column ul li span { float: right; white-space: nowrap; width: 100px; }
#ronaStoreInfos > div .column ul li span:first-child { float: left; width: 62px; }

#purchaseSummary .legalStatements {padding-bottom: 20px;border-top: 1px solid #e5e5e5;padding-top:20px;color:#666666;}

#purchaseSummary .legalStatements p { font-size: 11px; line-height: 16px; padding-bottom: 20px; border-bottom: 8px solid #fff;  }
#purchaseSummary .legalStatements a { font-weight: bold;}

#purchaseSummary .usefulLinks p { color: #333; font-size: 11px; line-height: 16px; padding-bottom: 20px;}

/* Purchase Confirmation */

#paymentInformations h2 { overflow: hidden; color: #FFFFFF; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; }
#paymentInformations h2 span { display: block; clear: both; float: left; padding: 1px 4px; background: #0067C0; }
#paymentInformations .content-box a { font-weight: bold; color: #0067c0; }
#paymentInformations #ronaStoreInfos { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

#confirmPaymentForm .creditCard { float: left; padding-bottom: 15px; width: 388px; }
#confirmPaymentForm .creditCard > div { float: left; margin-right: 19px; margin-bottom: 10px; width: 175px; height: 50px; }
#confirmPaymentForm .creditCard > div label { display: block; color: #333; font-size: 11px; font-weight: bold; margin-bottom: 5px; }
#confirmPaymentForm .creditCard > div .error { color: #D11919; font-weight: bold; }
#confirmPaymentForm .creditCard > div .text { color: #333; font-size: 11px; padding: 0 10px; width: 155px; height: 22px; }
#confirmPaymentForm .creditCard > div small { display: block; font-size: 10px; color: #333; line-height: 12px; padding-top: 5px; }
#confirmPaymentForm .creditCard .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;z-index:999!important;  font-size:11px;color:#0067c0;}
#confirmPaymentForm .creditCard .selectbox {color: #0067c0;font-weight:bold;padding:3px 0 0 5px;width:160px;height:19px;cursor:pointer;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#confirmPaymentForm .creditCard .selectbox-wrapper {position:absolute;width:180px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;top:0px;left:0px;z-index:998;}
#confirmPaymentForm .creditCard .selectbox-wrapper ul {background:#fff;z-index:9999;}
#confirmPaymentForm .creditCard .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333;}
#confirmPaymentForm .creditCard .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#confirmPaymentForm .creditCard .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#confirmPaymentForm .creditCard .small .selectContainer { z-index: 997!important; }
#confirmPaymentForm .creditCard .small .selectbox { width: 62px; }
#confirmPaymentForm .creditCard .small .selectbox-wrapper { width: 87px !important; z-index: 997; }
#confirmPaymentForm .creditCard .small .selectContainer.right { float: right; }

#confirmPaymentForm .airMiles { float: right; margin-bottom: 25px; padding: 15px 15px 10px 175px; background: #ddd url(../images/layout/checkoutPage_paymentInfos-airMiles.gif) no-repeat 15px 15px; width: 170px; min-height: 92px; }
#confirmPaymentForm .airMiles h3 { color: #0067c0; font-size: 15px; text-transform: uppercase; padding-bottom: 11px; }
#confirmPaymentForm .airMiles p { font-size: 10px; color: #333; }

#confirmPaymentForm .confirmation { overflow: hidden; clear: both; margin-bottom: 25px; padding: 25px 0; border-top: 8px solid #fff; border-bottom: 8px solid #fff; }
#confirmPaymentForm .confirmation img { display: block; margin-bottom: 15px; }
#confirmPaymentForm .confirmation .error { font-size: 11px; color: #D11919; font-weight: bold; margin-bottom: 5px; }
#confirmPaymentForm .confirmation .acceptTerms { position: relative; float: left; padding-right: 10px; background: url(../images/layout/checkoutPage_acceptTerms-bg.gif) no-repeat right -6px; width: 560px; }
#confirmPaymentForm .confirmation .acceptTerms input { position: absolute; opacity: 0; filter: alpha(opacity=0); height: 0; z-index: 1; }
#confirmPaymentForm .confirmation .acceptTerms label { display: block; position: relative; color: #fff; font-size: 11px; line-height: 16px; padding: 6px 25px 6px 35px; background: #0067c0; cursor: pointer; z-index: 2; }
#confirmPaymentForm .confirmation .acceptTerms label .checkmarks { display: block; position: absolute; left: 10px; top: 13px; background: #fff; width: 16px; height: 16px; }
#confirmPaymentForm .confirmation .acceptTerms label .text a { color: #fff; text-decoration: underline; }
#confirmPaymentForm .confirmation .acceptTerms .active .checkmarks { background: url(../images/layout/searchFilters-checbkox-bg.png) no-repeat 0 -16px; }
#confirmPaymentForm .confirmation .btn-continue { display: block; float: right; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin-top: 4px; padding: 0 40px 0 35px; background: #3F9C35 url(../images/layout/arrow-right-white-big.png) no-repeat right 13px; }
#confirmPaymentForm .confirmation .btn-continue:hover { background-color: #0067c0; }

/* Receipt */

#receiptOptions { overflow: hidden; position: absolute; right: 0; top: 5px; }
#receiptOptions li { float: left; margin-left: 25px; }
#receiptOptions li .print { display: block; color: #FFFFFF; font-size: 10px; font-weight: bold; line-height: 22px; text-transform: uppercase; padding: 0 10px 0 35px; background: #002D57 url(../images/layout/icon_print.png) no-repeat 10px center; }
#receiptOptions li .print:hover { background-color: #0067c0; }
#receiptOptions li .continueShopping { display: block; color: #002D57; font-size: 11px; font-weight: bold; line-height: 22px; padding-left: 20px; background: url(../images/layout/arrow-left-light-blue-small.png) no-repeat scroll left 6px transparent; }
#receiptOptions li .continueShopping:hover { color: #0067c0; }
#estimateDeliveryTime { color: #0067c0; font-size: 19px; height:24px; text-transform: uppercase; line-height: 32px; margin-bottom: 8px; padding: 9px 0px 0; }
.en #estimateDeliveryTimeGift { color: #0067c0; font-size: 19px; height:24px; text-transform: uppercase; line-height: 32px; margin-bottom: 8px; padding: 9px 10px 0; background: #f6f6f6; }
.fr #estimateDeliveryTimeGift { color: #0067c0; font-size: 19px; height:38px; text-transform: uppercase; line-height: 32px; margin-bottom: 8px; padding: 9px 10px 0; background: #f6f6f6; }
#estimateDeliveryTime2 { color: #333333; font-size: 12px; margin-bottom: 25px; padding: 0; }
#estimateDeliveryTime span { color: #002d57; }

#receiptInfos { overflow: hidden; margin-bottom: 30px; }
#receiptInfos div { float: right; color: #333; font-size: 11px; line-height: 16px; width: 360px; }
#receiptInfos div:first-child { float: left; width: 748px; }
#receiptInfos .h4 { color: #0067c0; font-size: 13px; font-family: Arial; font-weight: bold; padding-bottom: 0; height: 40px; }
.en #receiptInfos .h4 {height: 23px !important;}
#receiptInfos div strong { color: #0067c0; font-weight: bold; }
/*--------------------
4. Contact Us 
---------------------*/

/*----1st row: services, intro, description ---- */
#contactUs .subRow1{width:940px; font-size:11px; color:#666666;line-height:16px;}
#contactUs h3 span {padding: 1px 4px 2px}
#contactUs .services{float:left;;border-bottom:7px solid #fff;position:relative;font-size:11px;padding-top:30px; padding-bottom:18px;width:940px;}
#contactUs .services .subRow2{float:left; width:326px; padding-right:20px;}
#contactUs .services .subRow3{float:left; width:346px; padding-right:23px;}
#contactUs .services h3 {padding-bottom:16px;}
#contactUs .services h3 span {float:none;}
#contactUs .services.contentSection {border:none;}
#contactUs .services .subRow2 a, 
#contactUs .services .subRow3 a,
#contactUs .services .subRow4 a, 
#contactUs .mailForm a {text-decoration:underline; font-weight:bold; color:#002d57;}
#contactUs .services .subRow2 a:hover, 
#contactUs .services .subRow3 a:hover,
#contactUs .services .subRow4 a:hover, 
#contactUs .mailForm a:hover {color:#0067c0;}
#contactUs .services .subRow4 {float: left;width: 224px;}
#contactUs .services .subRow4 ul li {
    background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold;
    padding-left: 18px; width: 196px;}
#contactUs .services .subRow4 a {text-decoration:none;line-height:16px;}
#contactUs .services .subRow4 a:hover {color:#1579D8;} 
#contactUs .services p { color: #666666;line-height:16px;}

/*----2nd row: Contact Us mail form ----*/
#contactUs .mailForm {border-bottom:7px solid #fff;margin-top:18px; padding-top:18px;}
#contactUs .mailForm {color:#333; font-size:11px;}
#contactUs .mailForm p {font-size:11px; color:#666;line-height:16px;}
#contactUs .mailForm label{color:#333; font-weight:bold; font-size:11px; display:block; padding-bottom:2px;}
#contactUs .mailForm .infotext {padding-bottom:27px;}
#contactUs .mailForm .textInput {width:364px;height:12px; margin-bottom:9px; padding: 5px 0 5px 5px;}
#contactUs .mailForm .textInput value {padding:3px;}
#contactUs .mailForm textarea {width:516px; height:123px; resize:none; padding:20px; font-size: 12px; line-height: 21px;}
#contactUs .mailForm .submitButton {float:right;}
#contactUs .mailForm .selectbox {display:block; width:364px; height:22px; margin-bottom: 9px; color: #0067C0;float: left; font-weight: bold;padding: 4px; position: relative; text-align: left; z-index: 9;} 
#contactUs .mailForm .leftColumn{width:384px; float:left;}
#contactUs .mailForm .subject {width:365px; height:22px; }
#contactUs .mailForm .rightColumn {float:left;}
#contactUs .mailForm {padding-bottom:56px;overflow:hidden;}
#contactUs .mailForm .selectContainer {width:418px; }
#contactUs .mailForm .submitButton {background: #002D57; color: #FFFFFF; padding: 4px 10px; font-weight: bold; margin-left: 15px;text-transform: uppercase;margin-top:15px;margin-bottom:15px;}
#contactUs .mailForm  .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;z-index:997;font-size:10px;color:#0067c0;}
#contactUs .mailForm  .selectbox {padding:3px 0 0 5px;width:398px;height:19px;cursor:pointer;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#contactUs .mailForm  .selectbox-wrapper {position:absolute;width:420px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:0px;left:0px;z-index:998;}
#contactUs .mailForm  .selectbox-wrapper ul {background:#fff;z-index:9999;}
#contactUs .mailForm  .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:10px;color:#333; width:386px;}
#contactUs .mailForm  .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#contactUs .mailForm  .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#contactUs .mailForm .error {color:#d11919;}


/* -----3rd row: Rona location info -------*/
#contactUs .locations {margin-top:15px;}
#contactUs .locations .column {float: left;margin-right: 0px;width:180px;margin-left:10px;color: #333;font-size:11px;}
#contactUs .locations .column.first {margin-left:0px;}
#contactUs .locations .column h3 {height:20px;}
#contactUs .locations .column .columnTitle {display:block;padding-bottom: 16px; color:#0067c0; font-size:12px; font-weight:bold;}
#contactUs .locations .column .title{font-weight:bold;}	
#contactUs .locations .column .row {float:left;margin-top:20px;}
#contactUs .locations .column .row .left {float:left;width:40px;}
#contactUs .locations .column .row .right {float:left;width:140px;}
#contactUs .locations .column .telrow .left {float:left;width:100px;}
#contactUs .locations .column .telrow .right {float:left;width:75px;text-align:right;padding-right:5px;}


/*--------------------
5. Store Locator
---------------------*/


/*----page title ----*/
#storeLocator .title .contentText{width:100%; color:#333; font-size:11px;padding-bottom:22px;}


/*---search box---*/
#storeLocator .searchBox .wrapper {float:left; width:100%;}
#storeLocator .searchBox .wrapper {background: #fff; height:155px; margin-bottom:15px;}  
#storeLocator .searchBox .wrapper .columns {float:left;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox{background: url("../images/layout/arrow-down-blue-small.png") no-repeat scroll right 8px #FFFFFF; border-right: 10px solid #FFFFFF; cursor: pointer; height: 19px; padding: 3px 0 0 5px;width: 198px;}
#storeLocator .form-filter .columns .blueCircleText { color: #fff; margin-left: 8px; position: absolute; top: 100px; font-size:13px; text-transform:uppercase;}
#storeLocator .form-filter .columns.columnFour .blueCircleText {top: 82px;width:77px;text-align:center;}

#storeLocator .searchBox ul li.StoreLocatorDetailed .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;z-index:997;font-size:11px;color:#0067c0;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox {padding:3px 0 0 5px;width:138px;height:19px;cursor:pointer;background:#e6e6e6 url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #e6e6e6;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox-wrapper {position:relative;width:220px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:-22px;left:0px;z-index:998;}
 
#storeLocator .searchBox ul li.StoreLocatorDetailed.ville{ position:absolute; top: 56px;padding-top:11px;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox-wrapper ul {background:#fff;z-index:999;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:10px;color:#333; width:186px;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#storeLocator .searchBox ul li.StoreLocatorDetailed .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#storeLocator .searchBox ul li.StoreLocatorDetailed label{color: #333333; display: block; margin-bottom: 2px; margin-top: 5px; text-transform:none;}
#storeLocator .searchBox ul li.StoreLocatorDetailed label.error{color: #d11919;}

#storeLocator .searchBox .textInput{ background: none repeat scroll 0 0 #e6e6e6;   border: medium none; color: #333333;    font-size: 11px; height: 17px; padding: 3px 0px 1px 5px; width: 138px; border-right:10px solid #e6e6e6;font-weight: normal;}


/*----check box form filter----*/

#storeLocator .form-filter .rightSubColumn.box .checkboxes {position:absolute; right:46px; width: 175px;}
#storeLocator .form-filter .selects,
#storeLocator .form-filter .checkboxes,
#storeLocator .form-filter .links {	overflow: hidden;}
.outtaHere {position:absolute;left:-3000px;}
#storeLocator .form-filter .selects {padding: 11px 0 6px;}
/*#storeLocator .form-filter .checkboxes {padding: 11px 0 14px;} */
#storeLocator .form-filter .select2 {width: 172px;}
.open-close {padding: 0 25px 0 0;background: url('../images/layout/sprite.png') no-repeat 100% -235px;}
.slide-block .block {position: relative;width:100%;}
#storeLocator .form-filter .row {overflow: hidden;padding: 2px 0 5px 1px;	height: 1%;}
#storeLocator .form-filter .checkboxes input {float: left;margin: 0;padding: 0;width: 14px;height: 14px;}
#storeLocator .form-filter .checkboxes label {float: left;	margin: 0 0 0 14px;	padding: 0 5px;	width: 130px;	font-weight: bold;	color: #666;cursor: default;}
#storeLocator .form-filter label.focus {padding: 0;}
#storeLocator .form-filter label.focus span {float: left;padding: 0 5px;background: #f0cf14;}

/*Checkboxes*/
#storeLocator .checkboxArea, #storeLocator .checkboxAreaChecked {float: left;overflow: hidden;width: 16px !important;height: 16px;background: url("../images/layout/sprite.png") no-repeat -40px -72px;}
#storeLocator .checkboxAreaChecked {background-position: -40px -56px;}
#storeLocator .form-option .checkboxArea,#storeLocator .form-option .checkboxAreaChecked {margin: 0 8px 0 3px;background-position: -40px -72px;}
#storeLocator .form-option .checkboxAreaChecked {background-position: -40px -88px;}

#storeLocator .searchBox .wrapper .columns.columnOne{width:172px; margin-left:22px;padding-top:27px}
#storeLocator .searchBox .wrapper .columns.columnTwo{background:url("../images/layout/store_locator_ou.png") no-repeat scroll 0 0 transparent; width:64px;height:174px;}
#storeLocator .searchBox .wrapper .columns.columnThree{width:186px;padding-top:1px}
#storeLocator .searchBox .wrapper .columns.columnFour{background:url("../images/layout/store_locator_et_ou.png") repeat scroll 0 0 transparent; width:92px;height:155px;}
#storeLocator .searchBox .wrapper .columns.columnFive{padding-top:27px; margin-left:22px;}
#storeLocator .searchBox .wrapper .columns.columnFive .subRow {clear: both;color: #333333;display: block;font-size: 11px;font-weight: bold; height: 27px;}
#storeLocator .searchBox .wrapper .columns.columnFive .subRow .helpIcon{background: url("../images/icons/question.png") no-repeat scroll 1px 0 transparent; width:15px; height:14px;display:inline-block; position:relative; top:4px;margin-left:12px;margin-right: 8px;}
#storeLocator .searchBox .wrapper .columns.columnFive .selectContainer {height:60px;} 
#storeLocator .searchBox .wrapper .columns.columnFive .subRow2 {font-weight:bold;font-size:11px;color:#333; line-height:17px; color:#666;width: 345px;}
#storeLocator .searchBox .wrapper .columns.columnFive .subRow2 .leftSubColumn{float:left;}
#storeLocator .searchBox .wrapper .columns.columnFive .subRow2 .rightSubColumn{float:right;}
#storeLocator .searchBox .wrapper .columns.columnFive .boxUnselected {}


/*---result title---*/
#storeLocator .resultTitle .resultsNumber {float:left; padding-bottom: 29px;}
#storeLocator .stateHeader {height: 20px; padding-top: 10px; padding-bottom: 5px;}
#storeLocator .resultTitle .key { position: relative; top: 3px;  padding-left: 17px;} 
#storeLocator .resultTitle .key.rona{float: left;font-size: 11px;font-weight: bold; height: 20px; margin-left: 17px; width: 97px;} 
#storeLocator .resultTitle .rona .radioAreaChecked {background: url("../images/layout/sprite.png") no-repeat scroll -79px -180px transparent; display: block;float: left;height: 16px; width: 16px;}
#storeLocator .resultTitle .rona .radioArea {background: url("../images/layout/sprite.png") no-repeat scroll -99px -160px transparent;display: block;float: left; height: 16px;width: 16px;}
	
	
#storeLocator .resultTitle .key.rona.noresult {display:none;}
#storeLocator .resultTitle  .submitButton {background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll right 6px #002D57;
    border-right: 10px solid #002D57; float:right;  color: #FFFFFF;  font-size: 10px;  font-weight: bold;    text-align: left;    text-transform: uppercase;  width: 165px;}


/*---results rows---*/ 

#storeLocator .pageRow.result {color:#333; margin-bottom:24px; height:170px;}

#storeLocator .result .rowBelow, #storeLocator .result .subcolumnLeft {float:left;}
#storeLocator .result .subcolumnLeft {width:700px;}

/* nk #storeLocator .result .rowBelow {width:940px; margin-right:19px; padding-top: 45px;} */ 
 #storeLocator .result .rowBelow {width:940px; margin-right:19px; }
#storeLocator .result .rowAbove {width:928px; height:500px; float: left; padding-bottom:30px;}
#storeLocator .result.rona .rowAbove .googleMap {width:924px; height:500px; border: solid 8px #fff;}
#storeLocator .result .rowBelow .rowOne {background: #fff; height:auto; padding-bottom:5px;}
#storeLocator .result .rowBelow .rowOne .subcolumnLeft{padding-top:14px; width:870px;}
#storeLocator .result .rowBelow .rowOne .subcolumnRight {float:right;padding-right:15px; padding-top: 14px;}
#storeLocator .result .rowBelow .rowOne .subcolumnLeft .title,
#storeLocator .result .rowBelow .rowOne .subcolumnRight .store_distance {font-size: 12px;text-transform: uppercase;color: #0067C0;padding-bottom: 10px;font-weight:bold;}
#storeLocator .result .rowBelow .rowOne .resultLabel.rona{background:url(../images/layout/circle_blue.png) no-repeat 0 0 transparent; width:22px; height:21px; float:left; margin-right:9px;margin-left:9px;position:relative; top:-4px;}

#storeLocator .result .rowBelow .rowOne .resultLabel h3 {position: relative;right: -6px; top:5px; font-size:13px}
#storeLocator .result .rowBelow .rowTwo {font-size:13px; margin-top:12px;height:auto;overflow:hidden;font-weight:bold;}
#storeLocator .result .rowBelow .rowThree {font-size:11px; line-height: 16px; margin-top: 11px; overflow:hidden;}
#storeLocator .result .rowBelow .rowThree .offered_services {width:100%;float:left;font-size: 12px;text-transform: uppercase;color: #0067C0; font-weight:bold;}
#storeLocator .result .rowBelow .rowFour {font-size:11px; margin-top: 11px; overflow:hidden;}
#storeLocator .result .rowBelow .rowFour .subcolumnLeft ul li {background:url(../images/layout/arrow-right-light-blue-small.png) 0px 2px no-repeat; margin-bottom:3px;}
#storeLocator .result .rowBelow .rowFour .subcolumnLeft ul li.active {background:url(../images/layout/checkmark_blue.png) 0px 2px no-repeat;}
#storeLocator .result .rowBelow .rowFour .subcolumnLeft ul li.active span {color: #0067C0 !important;}
#storeLocator .result .rowBelow .rowFour .subcolumnRight .error {color:#d11919; font-size:11px; font-weight:bold;line-height: 11px;} 
#storeLocator .result .rowBelow .rowFour .arrow{color:#002D57; font-weight:bold; }
#storeLocator .result .info a  {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57;    font-size:11px;font-weight: bold; padding-left: 18px; }
#storeLocator .result .info a:hover {color: #0067C0;}
#storeLocator .result .info li a  {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57;    font-size:11px;font-weight: bold;    padding-left: 18px; padding-top: 5px;}
#storeLocator .result .addedToList  .added a {background: url("../images/layout/checkmark_blue.png") no-repeat scroll left center transparent; color: #0067c0;}
#storeLocator .result .genService sup, #storeLocator .result .ecoService sup {font-size: smaller; vertical-align: super;} 
/* Submit button */
#storeLocator .result .submitButton { background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll right 6px #002D57; border-right: 10px solid #002D57; color: #FFFFFF; display: inline-block; font-weight: bold; text-transform: uppercase; font-size:10px; text-align:left;}
#storeLocator .result .addedToList .submitButton{background: url("../images/layout/checkmark_white.png") no-repeat scroll right 6px #0067c0; border-right: 10px solid #0067c0;}
#storeLocator .result .rowBelow .rowOne .subcolumnRight .store_distance {text-transform: none;}



/*info popup box */

#storeLocator #helpWrapper { display: none;    float: left;    height: 82px;    position: absolute;    right: 123px;    top: -18px;    width: 249px;    z-index: 9999;}
#storeLocator #helpWrapper .top {background: url("../images/layout/help_bg_top.png") no-repeat scroll 0 0 transparent; height:18px; width:249px; display:block;}
#storeLocator #helpWrapper .middle { background: url("../images/layout/help_bg_middle.png") repeat-y scroll 0 0 transparent; display: block;padding-left: 34px;  padding-right: 20px;width: 192px;}
#storeLocator #helpWrapper .bottom {background: url("../images/layout/help_bg_bottom.png") no-repeat scroll 0 0 transparent;  height:20px; display:block; width:249px;}
#storeLocator #helpWrapper .message {color:#fff; font-weight:bold; font-size:13px;}
/*to stop moz from highlighting the form */
/* nk #storeLocator .pageRow.resultTitle{padding-bottom:41px; border-bottom: solid 7px #fff;}  */  

 #storeLocator .pageRow.resultTitle{ border-bottom: solid 7px #fff;}

/*addtional rona head office info for 0 results */
#storeLocator .locations .columns{float: left; margin-right: 0px;width: 150px;color: #333;font-size:11px;}
#storeLocator .locations .columns .title{font-weight:bold;}	
#storeLocator .locations .columns .sublabelLeft {width:38px; display:inline-block; float:left; } 
#storeLocator .locations .columns .sublabelLeft.long {width:103px; display:inline-block; float:left; }
#storeLocator .locations .columns .sublabelLeft.long2 {width:37px; display:inline-block; float:left;}
#storeLocator .locations .columns .sublabelRight {float:left; text-align:left; width:130px;}  
#storeLocator .locations .columns .sublabelRight.long2 {float:left;}
#storeLocator .locations .columns.long {width:206px;}
#storeLocator .poste {width:523px; float: left;}
#storeLocator .subcolumn{width:150px; float:left;}
#storeLocator .subcolumn2{width:173px; float:right;} 
#storeLocator .locations .columns.centreAdmin{width:344px;}
#storeLocator .rona{height:55px;}
#storeLocator .locations .spanTitle {font-size: 12px; color: #0067C0;padding-bottom: 10px;font-weight:bold;}
#storeLocator .locations h3 {}
#storeLocator .locations {margin-top:23px;}
#storeLocator .addressRow{height:60px;}
#storeLocator .hoursRow{height:60px;float: left;}
#storeLocator .poste .subcolumnOne{margin-right:20px;} 
#storeLocator .telNumbs {float:left;}
#storeLocator #telephone .subColumnRight {float:left;}
#storeLocator #telephone .subrow {float:left; margin-top:16px;}







/*--------------------
6. Store Details
---------------------*/
#storeDetails .columnLeft{width:364px; padding-right: 20px; float:left; }

/*---left side of page --*/
#storeDetails .columnLeft .row1 h1 {line-height: 29px;}
#storeDetails .columnLeft .row2 ul li {font-size:11px; margin-bottom:3px;}
#storeDetails .columnLeft .row2 a { background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent;color: #002D57;font-size: 11px;font-weight: bold; padding-left: 18px;}
#storeDetails .columnLeft .row2 a.active {background:url(../images/layout/checkmark_blue.png) 0px 2px no-repeat;color: #0067C0 !important;}
#storeDetails .columnLeft .row2 a:hover {color:#0067c0;}
#storeDetails .columnLeft .row3 {font-size: 13px; color:#333; margin-top:10px; overflow:hidden; clear:both;} 
#storeDetails .columnLeft .row3 .subColumnLeft {float:left; margin-right:22px; margin-top:10px;}
#storeDetails .columnLeft .row3 .subColumnRight {float:left;; margin-top:10px;}
#storeDetails .columnLeft .row3 .subColumnRight .noWebOrder  { background: url("../images/layout/icon_shop_online_off.png") no-repeat scroll left center transparent;font-size: 12px;font-weight: bold; padding-left: 25px; line-height:14px; margin-top:18px;}
#storeDetails .columnLeft .row4 {width:364px; height:133px; background:#fff; float:left; margin-top:18px;}
#storeDetails .columnLeft .row4 .title {margin-left: 43px; font-size:11px; color:#333; font-weight:bold; padding-top:12px;float:left; margin-bottom:6px;}
#storeDetails .columnLeft .row4 .title.error {color:red;}
#storeDetails .columnLeft .row4 .subRow {float:left; margin-bottom:12px;}
#storeDetails .columnLeft .row4 .subRow input {width:284px;  background: none repeat scroll 0 0 #f6f6f6; border: medium none; color: #333333; font-size: 11px; height: 21px; padding: 1px 0 1px 5px; width: 284px;}
#storeDetails .columnLeft .row4 .label {background:url(../images/layout/circle_blue.png) no-repeat 0 0 transparent; width:22px; height:21px; float:left; margin-right:9px;margin-left:9px;position:relative; top:1px;}
#storeDetails .columnLeft .row4 .label h3 {position: relative;right: -6px;top: 5px;font-size: 13px;}
#storeDetails .columnLeft .row4 h3 {color: #FFFFFF;font-size: 17px; padding-bottom: 20px; position: relative; right: -5px;text-transform: uppercase;top: 2px;}
#storeDetails .columnLeft .row4 .switchArrow {background: url("../images/layout/sprite.png") no-repeat scroll 0 -62px transparent; height: 20px; position: relative;    right: -336px; top: 18px; width: 20px;}	
#storeDetails .columnLeft .row4 .formSubmit { }	
#storeDetails .columnLeft .row4 .formSubmit .submitButton { 

	background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */
	color: #FFFFFF; float: right; font-size: 12px; font-weight: normal; padding: 4px 10px 3px 10px; text-align: left;  text-transform: none; width: 105px; margin-right:35px; }
#storeDetails .columnLeft .row4 .formWrapper {float:left;}
#storeDetails .columnLeft .row5 {margin-top:15px; float:left;}
#storeDetails .columnLeft .row5 .title {color: #0067c0; text-transform:uppercase; font-size: 13px; font-weight:bold; margin-bottom:10px;  float: left;}
#storeDetails .columnLeft .row5 .subColumnLeft, 
#storeDetails .columnLeft .row5 .subColumnRight {float:left; width:172px; }
#storeDetails .columnLeft .row5 .subColumnLeft {margin-right:20px;}
#storeDetails .columnLeft .row5  ul li {color:#333; font-size:11px; line-height: 16px;}
#storeDetails .columnLeft .row5  ul li.closed {color:#666;}
#storeDetails .columnLeft .row5 .list {float:left; } 
#storeDetails .columnLeft .row5 .listLeft {width:70px;}
#storeDetails .columnLeft .row5 .subRow {margin-bottom:26px; float:left;}
#storeDetails .genService sup, #storeDetails .ecoService sup {font-size: smaller; vertical-align: super;}

/*google directions drop down */
#storeDetails #googleDirections {float:left; /*background:#fff; */  display:none;}
#storeDetails #googleDirections .rowTop {background: url("../images/layout/address_bg_top.png") no-repeat scroll 0 0 transparent; /*border-top:8px solid #0067c0; */height:27px;left: -13px;
    padding-left: 13px;
    padding-right: 23px;
    position: relative;
	height:49px;}
#storeDetails #googleDirections .rowBottom {background: url("../images/layout/address_bg_bottom.png") no-repeat scroll 0 0 transparent;/*border-bottom:8px solid #0067c0; */height: 62px;
left: -13px;
    padding-left: 13px;
    padding-right: 23px;
    top:-10px;
    position: relative;}

#storeDetails #googleDirections .rowTop .row {margin-top:9px;}
#storeDetails #googleDirections .arrow {width:31px; height:13px;}
/*#storeDetails #googleDirections .rowTop .arrow{ background: url("../images/layout/sprite.png") no-repeat scroll 0 -183px transparent;  position: relative; margin:auto; top:-5px;} */
#storeDetails #googleDirections .closeButton { background: url("../images/layout/sprite.png") no-repeat scroll -138px -117px transparent;color: #002D57;float: right;
    font-size: 11px;font-weight: bold;padding-left: 20px;position: relative;text-indent: -68px;padding-bottom:17px;}
#storeDetails #googleDirections .closeButton:hover {color: #0067C0;}
#storeDetails #googleDirections .rowBottom .closeButton {padding-bottom:0px;}
#storeDetails #googleDirections .wrapper {  background: url("../images/layout/address_bg_middle.png") repeat-y scroll 0 0 transparent;
    left: -13px;
    padding-left: 23px;
    padding-right: 33px;
    position: relative;
	font-size:13px;
	width:344px;
	top:-10px;
	}
#storeDetails #googleDirections .wrapper b {font-weight:bold;}
#storeDetails #googleDirections #directionsPanel .adp-substep {padding-top: 5px; padding-bottom: 5px;}

/*---right side of page --*/
#storeDetails .columnRight{float:right; width:556px;}
#storeDetails .columnRight .googleMap{border: 8px solid #FFFFFF; width: 540px; margin-bottom:20px;} 	
#storeDetails .columnRight .googleMap .mapAccess { background: none repeat scroll 0 0 #F6F6F6;
    float: left;
    height: 25px;
    padding-right: 10px;
    padding-top: 2px;
    text-align: right;
    width: 530px;}
#storeDetails .columnRight .googleMap .mapAccess a {color: #002D57;font-size: 11px;font-weight: bold;padding:0px 10px 0px 18px;margin-left:5px;}
#storeDetails .columnRight .googleMap .mapAccess a:hover {color:#0067c0;}
#storeDetails .columnRight .googleMap .mapAccess a.print {background:url(../images/icons/print.png) center left no-repeat;}
#storeDetails .columnRight .googleMap .mapAccess a.email {background:url(../images/icons/email.png) center left no-repeat;}
#storeDetails .columnRight .googleMap .mapAccess a.link {background:url(../images/icons/link.png) center left no-repeat;}
#storeDetails .columnRight .error .row {padding: 16px 20px;}
#storeDetails .columnRight .error {background: none repeat scroll 0 0 #FFFFFF;}
#storeDetails .columnRight .error .message {color:#666; font-size: 11px; font-weight:bold; white-space:pre-wrap;}  
#storeDetails .columnRight .error .errorIcon { background: url("../images/layout/sprite.png") no-repeat scroll -81px 0 transparent; display: block; float: left; height: 23px; width: 27px; margin: 0 9px 5px 0;}
#storeDetails .columnRight .row .columns {width:172px; float: left;}
#storeDetails .columnRight .row .columnOne,
#storeDetails .columnRight .row .columnTwo {padding-right:20px; }
#storeDetails .columnRight .row .columns .subRow img {width:172px; height:172px;}
#storeDetails .columnRight .row .columns .subRowTwo{height:74px; padding-top:12px; text-transform:uppercase;color:#666;}
#storeDetails .columnRight .row .columns .subRowTwo .title { font-size:11px;}
#storeDetails .columnRight .row .columns .subRowTwo .name {font-size:16px; font-weight:bold; line-height:16px;}
#storeDetails .columnRight .row .columns .subRowFour {background:#0067c0; color:#fff; font-size:35px; padding-left:8px; margin-bottom: 23px;}
#storeDetails .columnRight .row .columns .subRowThree {background:#d11919; color:#fff; font-size:13px;padding-left:8px; margin-bottom:4px;}
#storeDetails .columnRight .row .columns .subRow.blueLabel {background: none repeat scroll 0 0 #35addb;}
#storeDetails .columnRight .row .columns .subRow.subRowThree,
#storeDetails .columnRight .row .columns .subRow.subRowFour {font-weight: bold;}
#storeDetails .pageRow .columnLeft .row1 h1{font-size:26px;} 
#storeDetails .pageRow .columnLeft .row1 {margin-bottom:-7px;}
#storeDetails .closeGoogleDir{cursor: pointer; display: block;height: 10px;}

 

/*--------------------
7. View all products
---------------------*/

/* heading */

.main-heading {overflow:hidden; margin: 0 0 13px; color:#0067C0; font-size:24px; font-weight:bold;}
.main-heading h1 {float: left; margin:0; padding:0; color:#0067C0; font-size:24px; font-weight:bold; text-transform:none;}
.allProducts .main-heading {float:left;}
.allProducts .eSpotTopRight {float:right; margin-bottom:-24px;}
*+html.cufon-active h1 {padding: 1px 7px 2px;}
/* tabs */
.tabset {overflow: hidden;margin: 0 0 9px;padding: 8px 0 0;width: 100%;list-style: none;}
.tabset li {float: left;padding: 0 14px 2px 0;width: 180px;line-height: 14px;font-size: 11px;font-weight: bold;}
.tabset li a {padding: 4px 0 3px 25px;background: url('../images/layout/sprite.png') no-repeat -100px -156px; color:#002D57;}
.tabset li a:hover, .tabset li a.active {text-decoration: none;color: #0067c0;background: url('../images/layout/sprite.png') no-repeat -80px -176px;}
/* navigation */
.alphabet-nav {overflow: hidden;border-top: 2px solid #fff;width: 100%;}
.alphabet-nav ul {overflow: hidden; margin: 0; padding: 9px 0 9px 8px; width: 962px; list-style: none; background: #f0f0f0;}
/* Defect No. 1917 - changed padding to 16px and width to 18px */
.alphabet-nav ul li {float: left;padding: 0 15px 0 1px;line-height: 16px;font-size: 13px;font-weight: bold;text-transform: uppercase; width:18px;}
.alphabet-nav ul li.none {text-transform: none;}
.alphabet-nav ul li a {float: left;width: 19px;text-align: center; color:#002D57; }
.alphabet-nav ul li.fade {color: #90a2b3;}
/* brands block */
.brands-block {overflow: hidden;border-top: 7px solid #fff;padding: 0 0 55px;width: 100%;}
.brands-block .holder {overflow: hidden;width: 960px;}
.brands-block .frame {float: left;overflow: hidden;height: 1%;background: url('../images/layout/bg-brands-block.gif') no-repeat 0 100%;}
.brands-block .box {float: left;margin: 0 20px 0 0;padding: 21px 0 21px 2px;width: 170px;min-height: 106px; }
.brands-block .letter {margin: 0 0 18px -1px; padding: 8px 0 0;width: 33px;height: 28px;text-decoration: none;line-height: 21px;font-size: 18px;font-weight: normal;text-align: center;color: #fff;background: url('../images/layout/sprite.png') no-repeat;}
.brands-block .fade .letter {color: #bcd4ea;background: url('../images/layout/sprite.png') no-repeat -40px 0;}
.brands-block ul {margin: 0;padding: 0;list-style: none;}
.brands-block ul li {line-height: 12px;}
.brands-block ul li a {color: #666; font-size:11px;}
.brands-block ul li a:hover {color: #0067C0;}

/* departments block */
.departments-block {overflow: hidden;border-top: 7px solid #fff;padding: 0 0 150px;width: 100%;}
.departments-block .holder {overflow: hidden;width: 960px;}
.departments-block .frame {float: left;overflow: hidden;padding: 19px 0 0;height: 1%;background: url('../images/layout/bg-brands-block.gif') no-repeat 0 100%;}
.departments-block .box {float: left;margin: 0 18px 0 0;padding: 6px 0 28px 0;width: 174px;min-height: 159px;}
.departments-block .mark {background: #e9e9e9;padding: 14px 10px 27px 12px;width: 150px; margin-top:-8px;}
.departments-block .heading {/*overflow: hidden;*/padding: 0 0 7px;width: 100%;min-height: 40px; font-size:17px; font-weight:bold; color:#002D57;}

*+html.cufon-active .departments-block h2 cufon {float: left !important;padding: 1px 0 0 !important;background: #0067c0;}
.departments-block ul {margin: 0;padding: 0 0 16px;list-style: none;}
.departments-block ul li {line-height: 14px;}
.departments-block ul li a {color: #666; font-size:11px;}
.departments-block ul li a:hover {color: #0067C0;}
.departments-block ul li.active a {color: #333;background: #f0cf14;}
.departments-block .link-view {font-size:11px; padding: 0 0 0 20px;font-weight: bold;background: url('../images/layout/sprite.png') no-repeat -180px -78px;}
.departments-block .box .link-view{color:#002d57;}
.departments-block .box .link-view:hover {color:#0067C0;}

.departments-block .deptImage { background: url(../images/departments_sprite.png) no-repeat top left; height:100px; margin:0 0 10px;}
.departments-block .deptImage.li_bathroom{ background-position: 0 0; } 
.departments-block .deptImage.li_construction{ background-position: -182px 0; } 
.departments-block .deptImage.li_kitchen{ background-position: -364px 0; } 
.departments-block .deptImage.li_decor{ background-position: -546px 0; } 
.departments-block .deptImage.li_garage{ background-position: -728px 0; } 
.departments-block .deptImage.li_hardware{ background-position: -910px 0; } 
.departments-block .deptImage.li_electricity{ background-position: -1092px 0; } 
.departments-block .deptImage.li_outdoor{ background-position: -1274px 0; } 
.departments-block .deptImage.li_tools{ background-position: -1456px 0; } 
.departments-block .deptImage.li_painting{ background-position: -1638px 0; } 
.departments-block .deptImage.li_floor{ background-position: -1820px 0; } 
.departments-block .deptImage.li_plumbing{ background-position: -2002px 0; } 
.departments-block .deptImage.li_doors{ background-position: -2184px 0; } 
.departments-block .deptImage.li_storage{ background-position: -2366px 0; } 
.departments-block .deptImage.li_appliance{ background-position: -2548px 0; }

/* heading */
.sub-heading {overflow:hidden; color:#002d57; font-weight:bold;}
.sub-heading .dym .dym_sugg {padding-right:10px; text-decoration:underline; font-style:italic;}
.genericESpot > .ad[name="Search Landing Header"] {margin:0 0 12px 0;}

/* navigation */
.main-holder .category-nav {overflow:hidden; margin:12px 0 0 0; border-bottom:4px solid #002d57;}
.main-holder .category-nav ul {width:810px; list-style:none;}
.main-holder .category-nav ul li {float:left; background-color:#f1f1f1; color:#666666; margin-right:10px; padding: 7px 10px; line-height:30px; font-size:15px;}
.main-holder .category-nav ul li:first-child {min-width:204px;}
.main-holder .category-nav ul li a {text-decoration:none; color:#444444;}
.main-holder .category-nav ul li.active {background-color:#002d57; color:#ffffff;}
.main-holder .category-nav ul li.active a {color:#ffffff;}

/* form for all the products, projects and utilities blocks*/
.content .box .form-option {padding: 10px 0 0;}
.content .box .form-option .row {overflow: hidden;margin: 0 0 7px;padding: 3px 0;width: 100%;background: #e6e6e6;}
.content .box .form-option label {display: block;margin: -3px 0;padding: 4px 0;line-height: 14px;font-size: 11px;font-weight: bold;color: #002d57;}
.content .box .form-option label.focus {color: #fff;background: #0067c0;}
.content .box .form-option .link-plus {float: left;margin: 0 0 0 7px;padding: 0 0 0 19px;font-weight: bold;background:url("../images/layout/sprite.png") no-repeat scroll -120px -138px transparent;font-size:11px;color:#002d57; cursor:pointer;}
.content .box .form-option .link-plus:hover {color: #0067c0;}
.content .box .form-option .link-no-options {float: left;margin: 0 0 0 8px;padding: 0 0 0 18px;font-weight: bold;font-size: 11px;color: #a1aebb;background:url("../images/layout/sprite.png") no-repeat scroll -160px -98px transparent;}
/*Checkboxes*/
.content .box .form-option .checkboxArea, .content .box .form-option .checkboxAreaChecked {float: left;overflow: hidden;width: 16px !important;height: 16px;margin: 0 8px 0 3px;background:#f6f6f6;}
.content .box .form-option .checkboxAreaChecked {background-image: url(../images/layout/sprite.png);background-position: -40px -88px;}


/* project block */
.content .project-block {overflow: hidden;padding: 1px 0 22px;width: 100%;}
.content .project-block {margin: 0 0 25px;padding: 1px 0 0;border-bottom: 7px solid #fff;}
.content .project-block .holder {width: 780px; float:left;}
.content .project-block .box {width: 172px; padding: 5px 5px 20px 0px; margin-right: 15px; float: left; position: relative; cursor: pointer;}
.content .project-block .type2 .box {line-height: 16px;} 
.content .project-block .box .visual {position: relative;margin: 0 0 20px;height: 210px;}
.content .project-block .type2 .box .visual {margin: 0 0 19px;}
.content .project-block .box .visual img {display: block;}
.content .project-block .box .heading {min-height: 78px;}
.content .project-block .type2 .box .heading {min-height: 61px;} 
.content .project-block .box .title {display: block;padding: 0 0 3px;line-height: 12px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #666;}
.content .project-block .type2 .box .title {padding: 0 0 2px;}
.content .project-block .box .title span {background: #f5d410;}
.content .project-block .box .meta {display: block;color:#333333;font-size:11px;}
.content .project-block .box .date {display: block;padding: 0;font-style: normal;color:#333333;font-size:11px;}
.content .project-block .box p {margin: 0 0 10px;min-height: 56px;color:#333333;font-size:11px;}
.content .project-block .type2 .box p {min-height: 56px;}
.content .project-block .box .link-more {padding: 0 0 0 21px;font-weight: bold;background: url('../images/layout/sprite.png') no-repeat -200px -58px;color:#002d57;font-size:11px;}
.content .project-block .box .link-more:hover {text-decoration: none;color: #0067c0;}

/* rate */
.content .box .rate {position: absolute;bottom: 2px;left: 0;padding: 7px 11px;width: 150px;background: #fff;}
.content .box .rate img {float: left;margin: 0 4px 0 0;}
.content .box .rate span {float: right;line-height: 14px;font-size: 11px;font-weight: bold;color: #0067c0;}
.content .project-block .box .icon {position: absolute;bottom: 10px;left: 10px;width: 40px;height: 57px;background: url('../images/layout/sprite.png') no-repeat 0 -115px;cursor: pointer;}

/* utility block */

.content .utility-block {overflow: hidden;padding: 1px 0 59px;width: 100%;}
.content .utility-block .holder {width: 768px; float:left;}
.content .utility-block .box {width: 172px; padding: 5px 5px 20px 0px; margin-right: 15px; float: left; position: relative; cursor: pointer;}
.content .utility-block .box .visual {display: block;margin: 0 0 17px;}
.content .utility-block .box .title {display: block;padding: 0 0 18px;line-height: 14px;font-size: 14px;font-weight: bold;color: #666;}

/*--------------------
8. Products Families
---------------------*/

/* navigation */
.products-family-nav {overflow: hidden;margin: 0 0 21px;border: solid #fff;border-width: 2px 0 8px;padding: 9px 0 11px;width: 100%;background: #f0f0f0;}
.products-family-nav .products-vignette { width:170px;margin: 0; height:20px; float:left; }
.products-family-nav .products-vignette h3{color: #FFFFFF;float: left;margin: 0;padding: 4px 4px 1px; }
.products-family-nav .products-vignette h3 span {background: none repeat scroll 0 0 #0067C0;font-size: 12px;font-weight: bold;}
.products-family-nav .products-vignette h3 .arrow {position:relative;top:1px; height:16px; width:6px; background:url(../images/layout/products-family-sticker.png) no-repeat center left transparent; margin-right: -8px; }
.products-family-nav ul {width:170px;margin: 0;padding:0 0 0 20px;list-style: none;float:left;}
.products-family-nav ul li {padding:0;line-height: 15px;font-size: 11px;font-weight: bold;}
.products-family-nav ul li a { color: #002D57; }
.products-family-nav ul li a:hover, .products-family-nav ul li.active a {text-decoration: none;color: #0067c0;}
table.products-family-nav {background-color:#ffffff;padding:0px;border-color:#ffffff;border-style:solid;border-width: 2px 0 8px;margin:0px;}
table.products-family-nav td.nav-dep-title {background-color:#ffffff;width:160px;vertical-align:middle;text-align:center;font-size:14pt;font-weight:bold;padding:8px;color:#002D57;text-transform:uppercase;}
table.products-family-nav td.nav-families	{background-color:#F0F0F0;padding:8px 0 8px 0;}
	
/* product block */
.content .product-family-block { padding: 1px 0 31px;width: 100%;margin: 0 0 25px;padding: 1px 0 0;}
.content .product-family-block .holder {width:768px; float:left; margin: -1px; overflow: hidden;}

/* Comapare page add to wishlist */
.content .product-compare-block .addOptions .shopping-lists-form-wrapper {float:left;width:100%;height:0px;position:relative;}
.content .product-compare-block .addOptions .shopping-lists-form { display: none; position: absolute; top: 5px; left: -37px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; }
.content .product-compare-block .addOptions .shopping-lists-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; }
.content .product-compare-block .addOptions .shopping-lists-form label span,
.content .product-compare-block .addOptions .shopping-lists-form > div > span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
.content .product-compare-block .addOptions .shopping-lists-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; }
.content .product-compare-block .addOptions .shopping-lists-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; }
.content .product-compare-block .addOptions .shopping-lists-form .submit:hover { background-color: #0067c0; }
.content .product-compare-block .addOptions .shopping-lists-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; }
.content .product-compare-block .addOptions .shopping-lists-form .close:hover { color: #0067c0; }
.content .product-compare-block .addOptions .shopping-lists-form ul { margin-bottom: 15px; padding: 0 10px; background: #f6f6f6;}
.content .product-compare-block .addOptions .shopping-lists-form ul li { border-top: 1px solid #fff; }
.content .product-compare-block .addOptions .shopping-lists-form ul li:first-child { border-top: 0; }
.content .product-compare-block .addOptions .shopping-lists-form ul li a { display: block; color: #002d57; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; background: none;word-wrap:break-word; }
.content .product-compare-block .addOptions .shopping-lists-form ul li a:hover { color: #0067c0; }

#productCompare li a.wishAnchor,
#productCompare li a.modal {font-size:11px;padding-left:15px; color:#002d57; font-weight:bold; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent;}

/*loading bar*/
.en .content #loadingBar .box {width:100%; height: 96px; background:url("../images/layout/en/loading_more_items.png") no-repeat scroll center center #FFF; float:left;} 
.fr .content #loadingBar .box {width:100%; height: 96px; background:url("../images/layout/fr/loading_more_items-fr.png") no-repeat scroll center center #FFF; float:left;}

#scrollToTop {height:60px; width:51px; background:url("../images/layout/scroll_to_top_button.png") no-repeat scroll top left transparent; position:fixed; right:0px; bottom:25%;display:none;z-index: 99999;} 
#scrollToTop h4{background:none; color:#fff; font-size: 14px;position: relative; text-align: center;top: 30px;}
#scrollToTop:hover {height:60px; width:51px; background:url("../images/layout/scroll_to_top_button.png") no-repeat scroll left -60px transparent; cursor:pointer;}

/************************
/ 9.Create account
/*************************/ 	  	

#forgotPasswordPage { background-color: #ffffff;}
#changePasswordPage { background-color: #ffffff;}
.fullWidth{ width:100% !important; }

/******Forgotten/Reset Password Block*****/
#createAccount .change_pw .box{background: none repeat scroll 0 0 #F4F4F4; height:310px; padding:20px; width:902px; font-size:11px; color:#333;}
#createAccount .change_pw .box .title {margin-bottom:19px;    color: #0067C0;font-size: 16px; font-weight: bold;}
#createAccount .change_pw .box .textInput {background: none repeat scroll 0 0 #e6e6e6;   border: medium none;    color: #333333;    font-size: 11px;    height: 21px; padding:1px 0 1px 5px; width: 138px;border-right:10px solid #e6e6e6;}
#createAccount .change_pw .box .input.pwinput {margin-bottom:17px; width:250px;}
#createAccount .change_pw .box .input.pwinputlong {margin-bottom:17px; width:450px;}
#createAccount .change_pw .box .input.pwinput label {display: block; font-weight:bold; margin-bottom:6px;}
#createAccount .change_pw .box .input.pwinputlong label {display: block; font-weight:bold; margin-bottom:6px;}
#createAccount .change_pw .box .submitButton {background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 87px 6px #002D57; color:#FFFFFF; font-size: 10px; font-weight: bold; padding-right:25px;text-align: left;text-transform: uppercase; width:106px;}
#createAccount .change_pw .box .input.pwinput label error { color: #d11919; font-weight: bold; height:30px;}
#createAccount .change_pw .box .input.pwinputlong label error { color: #d11919; font-weight: bold; height:30px;}

#createAccount .change_pw .content-box .textInput {margin-top:2px;margin-bottom:17px;}
/*left side of box */
#createAccount .passe_oublie .box{font-size:11px; color:#333; width:100%;}

#createAccount .passe_oublie .box .columnLeft {float:left; width: 360px; }
#createAccount .passe_oublie .box .columnLeft p {margin-bottom: 16px;} 
#createAccount .passe_oublie .box .columnLeft p.longText {width:700px;} 
#createAccount .passe_oublie .box .columnLeft p.shortText{width:305px;} 
#createAccount .passe_oublie .box .textInput {background: none repeat scroll 0 0 #e6e6e6;   border: medium none;    color: #333333;    font-size: 11px;    height: 21px; padding:1px 0 1px 5px; width: 138px;border-right:10px solid #e6e6e6;}
#createAccount .passe_oublie .box .input.email {margin-bottom:17px;}
#createAccount .passe_oublie .box .input.email label {display: block; font-weight:bold; margin-bottom:6px;}
#createAccount .passe_oublie .box .submitButton {

    	background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#024a84', endColorstr='#003a68', GradientType=0);/* IE6-9 */
    color:#fff;
    font-size: 12px;
	text-align: center;
    padding: 5px 10px;
    cursor:pointer;
    text-transform: none;
    font-weight: normal; width:106px;}
 
 #createAccount .passe_oublie .box .submitButton:hover { 
 
     background: #0067C0;/* Old browsers */
	background: -moz-linear-gradient(top, #0067C0 0%, #00549D 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0067C0), color-stop(100%, #00549D));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0067C0 0%, #00549D 100%);/* IE10+ */
	background: linear-gradient(to bottom, #0067C0 0%, #00549D 100%);/* W3C */
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0067C0', endColorstr='#00549D', GradientType=0);/* IE6-9 */
	color:#fff;
  }

/*right side of box */
#createAccount .passe_oublie .box .columnRight {float:left; width: 620px ; margin-left:20px;}
#createAccount .passe_oublie .box .columnRight.letter {background:#fff url("../images/layout/letter146x145.png") no-repeat;}
#createAccount .detailed_form .columnMiddle .blueCircleText{ color: #FFFFFF; float: left; font-size: 38px; margin-left: 39px; margin-top: 129px; text-transform: uppercase;}

/******Create Account Form*****/

/*intro block: order online block */ 
#createAccount .order_online .box {background: none repeat scroll 0 0 #f6f6f6; width:100%; font-size:11px; color:#333; margin-bottom:20px;display:inline-block;}
#createAccount .order_online .box .headline{background:none repeat scroll 0 0 transparent; padding:0px; margin:0px; padding-top:11px; padding-left:13px; padding-bottom:8px;}
#createAccount .order_online .box .headline h4{margin-bottom:5px;}
#createAccount .order_online .box .headline p a{color:#002d57; font-size:11px;font-weight:bold;}
#createAccount .order_online .box .headline p a:hover{color:#0067C0;}

/*main form*/ 
#createAccount .detailed_form .columnLeft{float:left;width:382px; padding-top:25px; padding-left:20px;}  
#createAccount .detailed_form .columnMiddle{background: no-repeat scroll 0 0 #efefef; height:100%; width:20px; float:left;}
#createAccount .detailed_form .columnRight{float:left; width: 600px;}  
#createAccount .detailed_form .box{background: none repeat scroll 0 0 #FFFFFF; height:365px; width:942px; font-size:11px; color:#333;}
#createAccount .detailed_form .box .title {margin-bottom:5px;}
#createAccount .detailed_form .box .columnLeft {float:left; }
#createAccount .detailed_form .box .columnLeft p.shortText{width:305px;} 
#createAccount .detailed_form .box .columnLeft p.longText{width:232px; padding-bottom: 18px;} 
/* Defect 1581 - removed line-height to height and also added bottom padding */
#createAccount .detailed_form .box .textInput {background: none repeat scroll 0 0 #e6e6e6;border: medium none;color: #333333;font-size: 11px;height:14px; padding:4px 0 5px 5px; width:138px;border-right:10px solid #e6e6e6;}
#createAccount .detailed_form .box .input {margin-bottom:8px;}
#createAccount .detailed_form .box .textInput {width:341px;} 
#createAccount .detailed_form .box .input label {display: block; font-weight:bold; margin-bottom:2px; }
#createAccount .detailed_form .box .submitButton {background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll right 6px #002D57; border-right: 10px solid #002D57; color:#FFFFFF; font-size: 10px; font-weight: bold; text-align: left;text-transform: uppercase; width:106px;}
#createAccount .detailed_form .box .submit{margin-top:17px;}
#createAccount .detailed_form .box .leftText { color: #002D57; font-weight: bold; padding-left: 104px;padding-top: 1px;}
#createAccount .detailed_form .box .bottomBox p{padding-top:34px;}
#createAccount .detailed_form .box .account .submitButton {background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll right 6px #002D57; color:#FFFFFF; font-size: 10px; font-weight: bold; text-align: left;text-transform: uppercase; width:141px; margin-top:9px;}
#createAccount .detailed_form .box .bottomBox.right {padding-top:18px;}
#createAccount .detailed_form .box .bottomBox.right p{padding:0px; width:354px;}
#createAccount .detailed_form .box .bottomBox.right title{font-weight:bold;}
#createAccount .detailed_form .box .columnRight .input {margin-bottom: 5px;}
#createAccount .order_guest .guestBox {background: none repeat scroll 0 0 #FFFFFF; width:922px; font-size:15px; color:#333; margin-bottom:20px; padding: 10px 0 10px 20px;}
#createAccount .order_guest .guestBox .noAccount .submitButton {
	background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#024a84', endColorstr='#003a68', GradientType=0);/* IE6-9 */
    color:#fff;
    font-size: 12px;
	text-align: center;
    padding: 5px 10px;
    cursor:pointer;
    text-transform: none;
    font-weight: normal; 
	color:#FFFFFF; font-size: 20px; font-weight: bold; text-align: left;text-transform: uppercase; margin-top:9px; display:inline-block;}

#createAccount .order_guest .guestBox .noAccount .submitButton:hover { 
    background: #0067C0;/* Old browsers */
	background: -moz-linear-gradient(top, #0067C0 0%, #00549D 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0067C0), color-stop(100%, #00549D));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0067C0 0%, #00549D 100%);/* IE10+ */
	background: linear-gradient(to bottom, #0067C0 0%, #00549D 100%);/* W3C */
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0067C0', endColorstr='#00549D', GradientType=0);/* IE6-9 */
	color:#fff;
 }

/*leftside of main form */
#createAccount  .box .columnLeft .form-filter .input #email,
#createAccount  .box .columnLeft .form-filter .input #password {width:340px; }

/*right side of main form */

#createAccount .detailed_form .box .columnRight .form-filter .input #address{ width: 125px;}
#createAccount .detailed_form .box .columnRight .form-filter .input #city{ width: 114px;}
#createAccount .detailed_form .box .columnRight .form-filter .input #app{ width: 55px;}

/*size of inputs*/
#createAccount .detailed_form .box .columnRight .form-filter .input #firstName,
#createAccount .detailed_form .box .columnRight .form-filter .input #lastName,
#createAccount .detailed_form .box .columnRight .form-filter .input #displayName,
#createAccount .detailed_form .box .columnRight .form-filter .input #codePostal,
#createAccount .detailed_form .box .columnRight .form-filter .input #emailConfirm,
#createAccount .detailed_form .box .columnRight .form-filter .input #email,
#createAccount .detailed_form .box .columnRight .form-filter .input #phone1,
#createAccount .detailed_form .box .columnRight .form-filter .input #password,
#createAccount .detailed_form .box .columnRight .form-filter .input #passwordConfirm{width: 242px;} 
#createAccount .detailed_form .box .columnRight .form-filter .input.left {padding-right:17px;} 

/*size of inputs div wrappers*/
#createAccount .detailed_form .box .columnRight .form-filter .input.address label{ width: 140px;}
#createAccount .detailed_form .box .columnRight .form-filter .input.city label{ width: 140px;}
#createAccount .detailed_form .box .columnRight .form-filter .inputapp label{ width: 55px;}
#createAccount .detailed_form .box .columnRight .form-filter .input.firstName label,
#createAccount .detailed_form .box .columnRight .form-filter .input.lastName label,
#createAccount .detailed_form .box .columnRight .form-filter .input.nickName label,
#createAccount .detailed_form .box .columnRight .form-filter .input.codePostal label,
#createAccount .detailed_form .box .columnRight .form-filter .input.emailConfirm label,
#createAccount .detailed_form .box .columnRight .form-filter .input.email label,
#createAccount .detailed_form .box .columnRight .form-filter .input.phone1 label,
#createAccount .detailed_form .box .columnRight .form-filter .input.password label,
#createAccount .detailed_form .box .columnRight .form-filter .input.passwordConfirm label{width: 163px;} 
#createAccount .detailed_form .box .columnRight .form-filter .input {float:left;}
#createAccount .detailed_form .box .columnRight .subRow {display:block; clear:both;}

/*selectwrapper for the Province*/
.form-filter .province { position:relative; float:left; padding-right: 38px; }
.form-filter .province label { padding-right: 105px; }
.form-filter .province label.error { padding-right:0; }
.form-filter .province .selectContainer {position:absolute;background:#fff;max-height:400px;overflow:auto;top:16px;left:0px;z-index:998;}
.form-filter .province .selectContainer ul { padding-bottom: 0;}
.form-filter .province .selectContainer ul li.selected, 
.form-filter .province .selectContainer ul li.current { background: #0067C0; color: #fff; }
.form-filter .province .selectContainer ul li { display:block; padding:4px 10px; margin:0; cursor:pointer; font-size: 11px; color: #333; }
.form-filter .province .selectbox { display: block; line-height: 22px; margin: 0px; height: 22px; padding-left: 10px; width: 167px;; display: block; background: #e6e6e6 url(../images/layout/arrow-down-light-blue-medium.png) no-repeat right 7px; cursor: pointer; color:#333; font-size: 11px; font-weight: normal; border: none; }

#createAccount .detailed_form .box .columnRight .form-filter .input.nickName { position: relative; }
#createAccount .detailed_form .box .columnRight .form-filter .input.nickName .help { position: absolute; bottom: 4px; right: -5px; overflow: visible; z-index: 15; }
#createAccount .detailed_form .box .columnRight .form-filter .input.nickName .help > span { display: block; text-indent: -5000px; margin: 0; background: url(../images/layout/ronaSpace_icon-help.png) no-repeat 0 0; width: 14px; height: 14px; cursor: pointer; }
#createAccount .detailed_form .box .columnRight .form-filter .input.nickName .help > div { display: none; position: absolute; left: -97px; bottom: 26px; z-index: 15; color: #fff; font-size: 13px; font-weight: bold; line-height: 15px; padding: 15px; background: #0067c0; width: 180px; }
#createAccount .detailed_form .box .columnRight .form-filter .input.nickName .help > div .arrow { display: block; position: absolute; bottom: -10px; left: 94px; background: url(../images/layout/trendsPage-product-arrows.png) no-repeat 0 0; width: 20px; height: 10px; }

/*****checkboxes *****/
#createAccount .detailed_form .box .columnRight .subRow.eight {margin-bottom:30px; padding-top:10px;}  
/* #createAccount .detailed_form .box .columnRight .subRow.eight .info{padding-right:20px; height: 60px; width: 300px;} 
#createAccount .detailed_form .box .columnRight .subRow.eight .row {padding-right:8px;}  */
#createAccount .detailed_form .box .columnRight .subRow.eight .info{padding-right:20px; } 
#createAccount .detailed_form .box .columnRight .subRow.eight .row {padding-right:20px;}
#createAccount .detailed_form .box .columnRight .subRow.seven {margin-bottom:30px; padding-top:10px;} 
#createAccount .detailed_form .box .columnRight .subRow.seven .info{padding-right:20px;} 
#createAccount .detailed_form .box .columnRight .subRow.seven .row {padding-right:20px;} 
#createAccount .detailed_form .box .columnRight .form-filter .subRow .checkboxes .row {float:left; font-weight:bold;}

/****radio buttons ****/
#createAccount .detailed_form .box .columnRight .form-filter .subRow .radiobuttons label { cursor: default;  float: left;  font-weight: bold;} 
#createAccount .detailed_form .box .columnRight .form-filter .subRow .radiobuttons span, #createAccount .detailed_form .box .columnRight .form-filter .subRow .radiobuttons span input{float:left;}
#createAccount .detailed_form .box .columnRight .form-filter .subRow .radiobuttons .choice{padding-right:20px; font-weight: bold;}
#createAccount .detailed_form .box .columnRight .form-filter .subRow .radiobuttons .title{padding-right:18px;} 
#createAccount .detailed_form .box .columnRight .form-filter .subRow .radiobuttons .choice div {padding-right:9px;}

#createAccount .detailed_form .box .columnRight .form-filter .subRow .radioArea {width:16px; height:16px; background: url("../images/layout/sprite.png") no-repeat scroll -99px -160px transparent; display:block; float: left;}
#createAccount .detailed_form .box .columnRight .form-filter .subRow .radioAreaChecked {width:16px; height:16px; background: url("../images/layout/sprite.png") no-repeat scroll -79px -180px transparent; display:block; float: left;}

/*text formatting */
#createAccount .detailed_form .box .columnRight .bottomBox.right .title {font-weight:bold;}

/*errors*/
#createAccount .detailed_form .box .columnRight .form-filter .subRow label.error { color: #FF0000;}
/*#createAccount .detailed_form .box .columnRight .form-filter .subRow.second label.error {height:30px;}*/
#createAccount .detailed_form .box .columnRight .form-filter .subRow.third label.error {height:30px;}
#createAccount .detailed_form .box .columnRight .form-filter .subRow.third label.error.app {height:30px; color:#333;}

#createAccount .detailed_form .box .columnRight .form-filter .subRow.second .input.nickName label.error {height:auto;}
/* #createAccount .detailed_form .box .columnRight .form-filter .subRow.forth label.error {height:30px;}*/

/* --- START- Commented as part of login optimisation enhancement---
#createAccount .detailed_form .box .columnRight .form-filter .subRow.fifth label.error {height:45px;}
#createAccount .detailed_form .box .columnRight .form-filter .subRow.six label.error {height:45px;}
---- END- Commented as part of login optimisation enhancement---- */

#createAccount .detailed_form .box.error  {height: 400px;}
#createAccount .detailed_form .box #genderError {color: #FF0000; font-weight: bold; width: 155px;} 






/************************
/ 10. Flooring
/*************************/ 	

/* main layout */
#flooring #sidebar {float:right;}
#flooring .content {float:left;}

/*banner*/
#flooring .banner {width:100%; border-bottom:solid 8px #fff; margin-bottom:29px; margin-left: auto; margin-right: auto; }

/*sidebar */
#flooring .sidebar .links ul li{background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left 3px transparent;
    color: #002D57; font-size: 11px; font-weight: bold; padding-left: 18px; width:160px;margin-bottom: 4px;}
#flooring .sidebar .links ul li a:hover { color: #1579D8; }
#flooring .sidebar  #utilities {height: 149px;}
#flooring .sidebar  #refundPolicy {clear:both;}
#flooring .sidebar .flooringSidebar .links {border:none; line-height:14px;}
#flooring .sidebar .title {font-size:13px; text-transform: uppercase; color: #0067c0; font-weight:bold; }
#flooring .sidebar #utilities .title {padding-bottom:10px; display:block; }
#flooring .sidebar div{padding: 17px 0 10px;}

/*sidebaricons color */
#flooring #utilities ul li.calculator a { background-position: 0 0; }
#flooring #utilities ul li.units a { background-position: -58px 0; }
#flooring #utilities ul li.measurement a { background-position: -116px 0; }
#flooring #utilities ul li.calculator a:hover { background-position: 0 58px; }
#flooring #utilities ul li.units a:hover { background-position: -58px 58px; }
#flooring #utilities ul li.measurement a:hover { background-position: -116px 58px; } 

/*thumnail navigation buttons */
#flooring .subNav {float:right; display:block; height:22px;}
#flooring .subNav .leftBtn a{background: url("../images/layout/arrow-left-white-small.png") no-repeat scroll 8px 6px #002D57; width:22px; height:22px; display:block; margin-right:10px;}
#flooring .subNav .rightBtn a{background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 8px 7px #002D57; width:22px; height:22px; display:block; margin-left:10px;} 
#flooring .subNav .leftBtn a:hover {background: url("../images/layout/arrow-left-white-small.png") no-repeat scroll 8px 6px #0067c0;}
#flooring .subNav .rightBtn a:hover {background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 8px 7px #0067c0;}


#flooring .titleWrapper{clear: both;float: left;width: 748px;}
#flooring .subWrapper{float: left;}
#flooring .subNav span {float:left;}
#flooring .subNav .marker { background: url("../images/layout/sprite.png") no-repeat scroll -66px -60px transparent; width:16px; height:22px; display:block;} 
#flooring .subNav .marker.active { background: url("../images/layout/sprite.png") no-repeat scroll -66px -36px transparent; width:16px; height:22px; display:block;} 

/* content section layout*/
#flooring .contentSection {padding-top:0px;}



/************************
/ 11. Compare
/*************************/ 	

.main-holder .print { color:#fff;text-transform:uppercase;padding:5px 10px 6px 32px;background:#002d57 url(../images/layout/print.png) 8px center no-repeat;font-weight:bold;font-size:10px;float:right}
.main-holder .retour {margin-left:15px; width:50px;
    background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#024a84', endColorstr='#003a68', GradientType=0);/* IE6-9 */
    font-size:10px;padding:5px 8px 6px 12px; color:#fff;font-weight:bold;text-align:left; float:right}
.main-holder .print:hover {background-color:#0067C0;}
.main-holder .retour:hover {
     background: #0067C0;/* Old browsers */
	background: -moz-linear-gradient(top, #0067C0 0%, #00549D 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0067C0), color-stop(100%, #00549D));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0067C0 0%, #00549D 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0067C0 0%, #00549D 100%);/* IE10+ */
	background: linear-gradient(to bottom, #0067C0 0%, #00549D 100%);/* W3C */
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0067C0', endColorstr='#00549D', GradientType=0);/* IE6-9 */
	color:#fff;
}
.main-holder .vider { color:#fff;text-transform:uppercase;padding:6px 10px 6px 32px;background:#002d57 url(../images/layout/compare-close.png) 8px center no-repeat;font-weight:bold;font-size:10px;float:right; display:block;}
.main-holder .vider:hover { color:#fff;text-transform:uppercase;padding:6px 10px 6px 32px;background:#0067C0 url(../images/layout/compare-close.png) 8px center no-repeat;font-weight:bold;font-size:10px;float:right; display:block; cursor: pointer; }


/* Evaluation */

#rating1 { width:80%;}
#rating2 { width:60%;}
#rating3 { width:94%;}
#rating4 { width:60%;} 

.product-compare-evaluation	.evalutions	{ color: #002D57; padding-right: 18px;font-weight: bold; display:block; font-size:11px; margin-bottom:15px; margin-top:10px}

.product-compare-evaluation .sidebar { float: left;width: 172px;  padding-right:20px}
.product-compare-evaluation .box { float: left; margin: 11px 20px 10px 0; width: 172px;}
.product-compare-evaluation .box.last{margin-right:0px;}
.product-compare-evaluation .box h4 { font-size: 20px;text-transform: uppercase;color: #0067C0;padding-bottom: 10px;}

.product-compare-bolt-rating { background:#0067C0; height:34px;}
.product-compare-bolt-overlay { height:34px; background:url(../images/layout/evalutation_overlay.png); background-position:-5px -5px; margin-top:-34px}
.product-compare-bolt-wrapper { background:#fff;}

/* Details */
.product-compare-characteristics {clear:both;}
.product-compare-characteristics .sidebar { float: left;width: 172px;  padding-right:20px}
.product-compare-characteristics .box { float: left; margin: 0 20px 21px 0; width: 165px; font-size:11px; color:#333; line-height:16px;}
.product-compare-characteristics .box.last {margin-right:0px;}
.product-compare-characteristics strong { font-weight:bold}
.product-compare-characteristics i { color:#888; font-style:italic}
.product-compare-characteristics .box.na {background:url("../images/layout/NA.png") no-repeat scroll 0 0 transparent; width:172px; height:53px;}


/*-------------------
	12:Product Page
-------------------*/

/* Comparator */
#compareProducts { height: 76px; background: #fff; position: relative; z-index: 10; }

.fr #compareProducts a#openComparator { position: absolute; width: 209px; height: 84px; right: 0; top: 0; z-index: 100; text-indent: -3000px; overflow: hidden; background: url(../images/layout/fr/productComparator-openLink-fr.png); }
.en #compareProducts a#openComparator { position: absolute; width: 209px; height: 84px; right: 0; top: 0; z-index: 100; text-indent: -3000px; overflow: hidden; background:url(../images/layout/en/productComparator-openLink-en.png);}

#compareProducts div#comparator { position: absolute; top: 76px; right: 0; z-index: 200; width: 172px; padding: 40px 18px 12px 19px; background: #0067C0 url(../images/layout/productComparator-title-bg.png) no-repeat 101px 15px; display: none; }
#compareProducts h6 { width: 107px; padding: 15px 51px 0 51px; height:  61px; position:  absolute; right: 0; top:0; z-index: 90;  margin: 0 auto; font-size: 17px; text-transform: uppercase; color: #fff; background: #0067C0; text-align: center; }
#compareProducts div#comparator div.dropZone { text-align: center; width: 76px; height: 76px; background: #e5e5e5; float: left; margin: 5px; position: relative;  }
#compareProducts div#comparator div.dropZone span { font-size: 10px; color: #666666; text-transform: uppercase; display: block; padding: 10px 5px; }
#compareProducts div#comparator div.dropZone a.removeItem { padding: 2px; width: 8px; height: 8px; display:block; position: absolute; right: 2px; top: 2px; background: #f2f2f2 url(../images/layout/cross-light-blue-small.png) no-repeat center center; text-align: left; text-indent: -3000px; overflow: hidden; }
#compareProducts div#comparator div.drophover { border: 1px solid #fff; margin: 4px; }
#compareProducts div#comparator ul { padding: 5px 5px 15px; clear: left; }
#compareProducts div#comparator ul li { margin-top: 8px; display: block; background: #fff; }
#compareProducts div#comparator ul li a { display: block; font-weight: bold; font-size: 9px; line-height: 22px; text-transform: uppercase; color: #002d57; padding-left: 8px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll 148px 6px transparent; }
#compareProducts div#comparator ul li a:hover { color: #0067c0; }
#compareProducts div#comparator #closeComparator { display: block; color: #fff; font-weight: bold; font-size: 10px; padding-left: 38px; background: url(../images/layout/arrow-up-white-small.png) no-repeat 18px center; }

/* Product Main Info */

#researchPriceForm {margin-bottom: 15px; }
#researchPriceForm .search { margin-bottom: 10px; height: 27px; }
#researchPriceForm .search .text { display: block; float: left; }
#researchPriceForm .search .text span { display: block; float: left; color: #fff; font-size: 11px; font-weight:bold; line-height: 1em; text-transform: uppercase; padding-left: 7px; padding-top: 2px; padding-bottom: 1px; background: url(../images/layout/productPage_researchPriceForm-label.gif) no-repeat 0 0 #f2f2f2; width: 59px; height: 24px; }
#researchPriceForm .search .text input { display: block; line-height: 27px; float: left; color: #333; font-size: 11px; margin-right: 5px; padding: 0 10px; background: #F4F4F4; width: 118px; height: 27px; }
#researchPriceForm .search .text .error { color: #d11919; font-weight: bold; }

#researchPriceForm .search .option {float: left; margin-right: 5px; position:relative;}
#researchPriceForm .search .option .selectbox {display: block; line-height: 27px; margin: 0; height: 27px; padding-left: 10px; width: 72px;background:url(../images/layout/productListing-dropdown-bg.png) right top; cursor: pointer; color:#333; font-size: 11px; font-weight: bold; border: none;}
#researchPriceForm .search .option .selectbox-wrapper {z-index: 20;overflow:auto;position:absolute;width:82px!important;background:#F4F4F4;padding:0;max-height:400px; -moz-box-shadow: 0px 0px 15px #777;-webkit-box-shadow: 0px 0px 15px #777;box-shadow: 0px 0px 15px #777;top:0;left:0;}
#researchPriceForm .search .option .selectbox-wrapper ul { padding-bottom: 0; }
#researchPriceForm .search .option .selectbox-wrapper ul li { display:block; padding:4px 9px 4px 30px; margin:0; cursor:pointer; font-size: 11px; font-weight: bold; color: #0067c0; }
#researchPriceForm .search .option .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#researchPriceForm .search .option .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}


#researchPriceForm .search .submit { display: block; float: left; color: #FFFFFF; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 27px; padding-left: 10px; background: #002D57 url("../images/layout/arrow-right-white-medium.png") no-repeat 34px 8px; width: 40px; }
#researchPriceForm .search .submit:hover { background-color: #0067c0; }
.help { overflow: hidden; font-size: 11px; line-height: 15px; }
.help span { display: block; float: left; color: #666666; margin-right: 15px; }
.help a { display: block; float: left; color: #002D57; font-weight: bold; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left 2px; padding-left: 12px; }
.help a:hover { color: #0067c0;; }

.rating-meter-small { float: left; margin-right: 10px; }
.rating-meter-small div.rating-cancel { display: none; }
.rating-meter-small div.star-rating{float:left;width:17px;height:14px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.rating-meter-small div.star-rating, .rating-meter-small div.star-rating a{background:url(../images/layout/productPage-rating-small.gif) no-repeat 0 0px }

#projectStepsInfo .rating-meter-small div.star-rating, #projectStepsInfo .rating-meter-small div.star-rating a,
#planningGuideInfo .rating-meter-small div.star-rating, #planningGuideInfo .rating-meter-small div.star-rating a,
#detailedBuyersGuide .rating-meter-small div.star-rating, #detailedBuyersGuide .rating-meter-small div.star-rating a
{ background:url("../images/icons/productPage-rating-small_project.png") no-repeat scroll 0 0px transparent; }
#projectStepsInfo #rightInfo .detailsInfo li span.tagText { color:#666666; font-size:12px; font-weight:normal;}

.rating-meter-small div.rating-cancel a, .rating-meter-small div.star-rating a{display:block;width:17px;height:100%;background-position:0 0px;border:0 }
.rating-meter-small div.star-rating-on a{ background-position:0 -14px!important}
.rating-meter-small div.star-rating-hover a{ background-position:0 -14px }
.rating-meter-small div.star-rating-readonly a{ cursor:default !important}
.rating-meter-small div.star-rating{ background:transparent!important; overflow:hidden!important}

.ecoLabels { padding-top: 45px; padding-bottom: 60px; }
.ecoLabels li { height: 52px; float: left; padding-left:5px; }
.ecoLabels li.tendances { padding-top: 16px; }

.addOptionsDiv ul.addOptions { padding: 5px 0 0 8px; list-style: none; width: 800px; overflow: hidden;}
.addOptionsDiv ul.addOptions > li { margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; float: left; width: 205px;}
.addOptionsDiv ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; }
.addOptionsDiv ul.addOptions > li > a:hover { color: #0067C0; }
.addOptionsDiv ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left 3px; }
.addOptionsDiv ul.addOptions > .active > a { color: #0067C0; }
.addOptionsDiv ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }
.addOptionsDiv ul.addOptions > .added > a { color: #0067C0; cursor: default; }


#shopping-lists-form { display: none; position: relative; top: 30px; left: -50px; padding: 7px 5px 7px 0px;  width: 275px; z-index: 10; background-color: #f1f1f1;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 	border: 1px solid #e7e7e7;
 }
#shopping-lists-form > div { overflow: hidden; padding: 0px 15px 0px 20px; margin-top:8px; margin-bottom:8px; }
#shopping-lists-form label span,
#shopping-lists-form > div > span { color: #6b6b6b; display: block; font-size: 12px; padding: 0 0 5px;font-family:arial; }
#shopping-lists-form label input { color: #6b6b6b; font-size: 12px; margin-bottom: 5px; padding: 0 8px; line-height: 25px; background: #fff; width: 215px; height: 30px; border: 1px solid #CCC;-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 }
#shopping-lists-form .submit { display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; padding: 3px 23px 3px 23px; background: #0067c0; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 	margin-top:4px;
 }
#shopping-lists-form .submit:hover { background-color: #0067c0; }
#shopping-lists-form .close {margin-top:8px; display: block; float: right; color: #6b6b6b; font-size: 11px; line-height: 25px; padding: 0 15px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 8px; }
#shopping-lists-form ul { margin-bottom: 15px; padding: 0 10px; background: #f6f6f6;}
#shopping-lists-form ul li { border-top: 1px solid #fff; }
#shopping-lists-form ul li:first-child { border-top: 0; }
#shopping-lists-form ul li a { display: block; color: #002d57; font-size: 12px; font-weight: bold; line-height: 25px; background: none; }
#shopping-lists-form #wishlistNameError { color: #ff0000; line-height: 12px; font-weight: normal; float: left;}
#shopping-lists-form {position:absolute;}
#productPictures { text-align: center; width: 338px; padding-left: 66px;}
#productPictures #mainPicture img { width: 300px;margin-bottom:5px;}
#productPictures #productsThumbs { float: left; height: 52px; position: relative; margin-left: 4px; }
#productPictures #productsThumbs li { float: left; margin-left: 21px; margin-right:3px; }
#productPictures #productsThumbs li:first-child { margin-left: 0; }
#productPictures #productsThumbs li a { border: 0px solid #fff; display: block; width: 50px }
#productPictures #productsThumbs li .activeBlock { display:none; position:absolute; width: 52px; height: 52px; background: url(../images/layout/productPage-slider_bgSelectedItem.png); }
#productPictures #productsThumbs li.active .activeBlock { display:block; }
#productPictures .zoomImage { position: relative; float: right; margin-left: 0; background: transparent; z-index: 10;  margin-right: 3px; }
#productPictures .zoomImage a { display: block; width: 50px; height: 58px; margin-top: -7px; text-indent: -3000px; background: transparent url(../images/layout/productPage-zoom-button.png); border: none; }
#productPictures .zoomImage a:hover { background-position: -50px 0; }

/* Product Related Info Left */
#relatedLeft { width: 748px; float: left; padding-top: 25px; }
#relatedLeft #productTabs #tabSelector { height: 22px; width: 748px; }
#relatedLeft #productTabs #tabSelector li { float: left; padding: 0 9px; line-height: 22px; font-size: 11px; font-weight: bold; background: #fff; margin-right: 3px; text-transform: uppercase; }
#relatedLeft #productTabs #tabSelector li.last { margin-right: 0; float:right; }
#relatedLeft #productTabs #tabSelector li a { color: #002d57; }
#relatedLeft #productTabs #tabSelector li a:hover { color: #0067C0; }
#relatedLeft #productTabs #tabSelector li.active { background: #0067C0; }
#relatedLeft #productTabs #tabSelector li.active a { color: #fff; }
#relatedLeft #productTabs #panel { overflow: hidden; border-top: 7px solid #0067C0; border-bottom: 7px solid #0067C0; background: #fff; padding: 30px 0px; }

#productSpecs { padding-left: 0px; padding-top: 25px; padding-bottom: 15px; display: block; font-size: 11px;}

#relatedRight div .title {font-size: 13px; font-weight:bold; text-transform:uppercase; color:#0067c0; margin-bottom:23px; display:block;}

#ecoAttributes, #userReviews { display: none; padding: 0 10px; }

#relatedLeft #productTabs #panel > div .block { margin-top: 25px; padding-top: 25px; border-top: 7px solid #f6f6f6; }
#relatedLeft #productTabs #panel > div .block:first-child { margin-top: 0; padding-top: 0; border: none; }
#relatedLeft #productTabs #panel > div .block .h4 { padding-bottom: 20px; font-size:13px; text-transform:uppercase; }
#relatedLeft #productTabs #panel > div .block h4 { font-size:11px; text-transform:uppercase; padding-top: 10px; }
#relatedLeft #productTabs #panel > div .block p { font-size: 11px; color: #333; line-height: 17px; }
#relatedLeft #productTabs #panel > div .block .bullets { overflow: hidden; color: #0067c0; margin-left: -10px; font-size: 11px; width: 738px; }
#relatedLeft #productTabs #panel > div .block .bullets li { float: left; padding: 0 0 0 20px; margin-left: 10px; margin-bottom: 5px; background: url(../images/layout/bullet-round-light-blue-small.gif) no-repeat 0 3px; width: 339px; }
#relatedLeft #productTabs #panel > div .block .table { overflow: hidden; color: #333; margin-left: -10px; font-size: 11px; width: 738px; }
#relatedLeft #productTabs #panel > div .block .table li { float: left; margin-left: 10px; margin-bottom: 3px; padding: 5px; background: #f6f6f6; width: 349px; }
#relatedLeft #productTabs #panel > div .block .table li span { display: block; float: left; width: 50%; }
#relatedLeft #productTabs #panel > div .block .table li span:first-child { color: #0067c0; font-weight: bold; text-transform: uppercase; }

#relatedLeft #productTabs #panel > div .block .enjeux { overflow: hidden; margin:10px 0 35px; }
#relatedLeft #productTabs #panel > div .block .enjeux li { float: left; text-align: center; margin: 0 9px; width: 127px; opacity: 0.1; filter: alpha(opacity=10); }
#relatedLeft #productTabs #panel > div .block .enjeux .selected { opacity: 1; filter: alpha(opacity=100); }
#relatedLeft #productTabs #panel > div .block .enjeux li span { display: block; font-size: 12px; color: #002d57; text-align: center; text-transform: uppercase; padding-top: 15px; }

#relatedLeft #productTabs #panel > div .myReview { overflow: hidden; }
#relatedLeft #productTabs #panel > div .myReview .h4, #relatedLeft #productTabs #panel > div .usersReviews h4 { font-size:13px; }
#relatedLeft #productTabs #panel > div .usersReviews { margin-top: 25px; padding-top: 25px; border-top: 7px solid #0067c0; }
#relatedLeft #productTabs #panel > div .usersReviews  .h4,
#relatedLeft #productTabs #panel > div .myReview  .h4 {padding-bottom: 16px;} 
#relatedLeft #productTabs #panel > div .usersReviews ul li { overflow: hidden; margin-top: 20px; padding: 20px 0; border-top: 7px solid #f6f6f6; }
#relatedLeft #productTabs #panel > div .usersReviews ul li:first-child { margin-top: 0; padding-top: 0; border: none; }

#relatedLeft #productTabs #panel > div .review-rating { float: left; width: 358px; }
#relatedLeft #productTabs #panel > div .review-rating > h5 { font-weight: bold; float: left; color: #0067c0; font-size: 11px; text-transform: uppercase; height: 30px; padding-top:1px; }
#relatedLeft #productTabs #panel > div .review-rating > a { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; padding-right: 20px; height: 30px; background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat right 3px; }
#relatedLeft #productTabs #panel > div .review-rating > a:hover { color: #0067c0; }
#relatedLeft #productTabs #panel > div .review-rating > span { display: block; float: right; color: #666; font-weight:bold; text-transform: uppercase; font-size: 11px; padding-left: 20px; padding-top:1px; background: url(../images/layout/productPage-rating-pin.gif) no-repeat 0 0; height: 30px; }
#relatedLeft #productTabs #panel > div .review-rating > div { clear: both; overflow: hidden; padding: 15px 0; border-top: 7px solid #f6f6f6; border-bottom: 7px solid #f6f6f6; width: 100%; }
#relatedLeft #productTabs #panel > div .review-rating > div .moyenne { float: left; font-size: 40px; font-weight: bold; line-height: 34px; color: #0067c0; }

#relatedLeft #productTabs #panel > div .cta { float: right; margin-top: 30px; padding-top: 15px; border-top: 7px solid #f6f6f6; width: 340px; }
#relatedLeft #productTabs #panel > div .cta a { text-transform:uppercase; display: block; color: #fff; font-size: 11px; font-weight: bold; line-height: 22px; padding-left: 15px; background: #002d57 url("../images/layout/arrow-right-white-medium.png") no-repeat scroll right 5px; }
#relatedLeft #productTabs #panel > div .cta a:hover { background-color: #0067c0; }
#relatedLeft #productTabs #panel > div .cta h5 { color: #0067c0; font-size: 11px; text-transform: uppercase; height: 35px; font-weight: bold; width:223px; }

#relatedLeft #productTabs #panel > div .review-content { float: right; width: 340px; }
#relatedLeft #productTabs #panel > div .review-content .title { display: block; color: #0067c0; font-size: 11px; text-transform: uppercase; padding-bottom: 5px; font-weight: bold; }
#relatedLeft #productTabs #panel > div .review-content .date { display: block; font-size: 11px; padding-bottom: 16px; }
#relatedLeft #productTabs #panel > div .review-content p { font-size: 11px; line-height: 17px; padding-bottom: 10px; }
#relatedLeft #productTabs #panel > div .review-content a { display: block; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 20px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left 2px; }
#relatedLeft #productTabs #panel > div .review-content a:hover { color: #0067c0; }

.rating-meter-big { float: right; }
.rating-meter-big div.rating-cancel { display: none; }
.rating-meter-big div.star-rating {float:left;width:42px;height:35px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.rating-meter-big div.star-rating, .rating-meter-big div.star-rating a{background:url(../images/layout/productPage-rating-big.gif) no-repeat 0 0px }
.rating-meter-big div.rating-cancel a, .rating-meter-big div.star-rating a{display:block;width:42px;height:100%;background-position:0 0px;border:0 }
.rating-meter-big div.star-rating-on a{ background-position:0 -35px!important}
.rating-meter-big div.star-rating-hover a{ background-position:0 -35px }
.rating-meter-big div.star-rating-readonly a{ cursor:default !important}
.rating-meter-big div.star-rating{ background:transparent!important; overflow:hidden!important}

#suggestedProducts { padding: 20px 0 0 0; width: 768px; }
#suggestedProducts div.item { width: 172px; margin-right: 20px; float: left; }
#suggestedProducts div.item.leftEdge { margin-left: -5px;  clear: left; }
#suggestedProducts div.item.rightEdge { margin-right: 0; }
#suggestedProducts div.item img { border: none; }
#suggestedProducts div.item span { display: block; }
#suggestedProducts div.item span.brand { font-size: 11px; color: #656565; text-transform: uppercase; padding-top: 10px; }
#suggestedProducts div.item span.name { height: 58px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
#suggestedProducts div.item span.name a { color: #656565; }
#suggestedProducts div.item span.price { font-size: 35px; font-weight:bold; color: #0067C0; padding: 18px 0 10px 0;  }
#suggestedProducts div.item a.viewDetails { background: #e5e5e5 url(../images/layout/arrow-right-light-blue-small.png) no-repeat 8px 6px; display: block; line-height: 22px; padding-left: 25px; font-size: 11px; font-weight: bold; color: #002d57; }
#suggestedProducts div.item span.name a.boxHover, #suggestedProducts div.item a.boxHover { color: #0067C0; }

/* Ronavantages CTA Right */

#ronavantages_cta img { display: block; margin-bottom: 20px; }

/* Product Related Info Right */
#relatedRight { margin-left: 768px; padding-top: 48px; width:162px;}
#relatedRight div h4 { font-size: 15px; text-transform: uppercase; color: #0067C0; padding-bottom: 20px; }
#relatedRight div#relatedProjects { padding-bottom: 0; }
#relatedRight div#relatedProjects h6 { font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
#relatedRight div#relatedProjects h6 span { background: #F5D410; color: #666666; }
#relatedRight div#relatedProjects a { display: block; font-size: 11px; color: #002d57; font-weight: bold; margin-bottom: 20px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#relatedRight div#relatedProjects a:hover { color: #0067C0; }
#relatedRight div#relatedProjects p { padding-bottom: 10px; font-size: 11px; color: #333;  line-height: 18px;}
#myRonaSpace { text-align: center; }
#relatedRight div#viewProducts ul { overflow: hidden; margin-left: -20px; }
#relatedRight div#viewProducts ul li { background: none; float: left; margin-left: 20px;}
#relatedRight div#viewProducts ul li img { display: block; }
#relatedRight div#viewProducts ul li span { display: block; color: #666666; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 5px 0 5px; }
#relatedRight div#viewProducts ul li span:hover { color: #0067C0; }
#relatedRight .genericESpot {border-top:0px;padding:0px}
#relatedRight .genericESpot .ad {border-top:7px solid #fff;padding:20px 0;}
#relatedRight #ronavantages_cta .genericESpot .ad {border-top:0px;padding:0px}
#relatedRight .genericESpot #viewProducts {border-top:7px solid #fff;padding:20px 0;}
/*-------------------
13:Product Page Eco
-------------------*/

#lifeCycleGraph { width: 172px; margin-left:470px;}
#lifeCycleGraph > div { position: relative; background: url(../images/layout/productPage_lifeCycleGraph-bg.gif) no-repeat 0 top; width: 172px; height: 174px; }
#lifeCycleGraph > div > span { display: block; position: absolute; bottom: 0; left: 0; color: #fff; font-weight:bold; font-size: 13px; text-transform: uppercase; text-align: center; line-height: 15px; white-space: nowrap; width: 100%; }
#lifeCycleGraph > div .rollover { position: absolute; }
#lifeCycleGraph > div .rollover > a { display: block; width: 45px; height: 30px; }
#lifeCycleGraph > div .rollover > div { display: none; position: absolute; top: 47px; left: -92px; padding: 20px 15px; border: 7px solid #D1D1D1; background: #fff; width: 180px; z-index: 10; }
#lifeCycleGraph > div .rollover > div .arrow { position: absolute; top: -19px; left: 0; background: url("../images/layout/productPage-otherProductsInfos-arrow-white-small.png") no-repeat scroll 94px 0 transparent; width: 100%; height: 19px; }
#lifeCycleGraph > div .rollover > div .title { display: block; color: #91a44a; font-size: 13px; font-weight: bold; padding-left: 70px; margin-bottom: 20px; height: 29px; }
#lifeCycleGraph > div .rollover > div .one-liner { line-height: 29px; }
#lifeCycleGraph > div .rollover > div p { color: #333; font-size: 11px; line-height: 17px; }

#lifeCycleGraph > div .acquisition { left: 65px; bottom: 130px; }
#lifeCycleGraph > div .acquisition .title { background: url(../images/layout/productPage_lifeCycleGraph-acquisition.gif) no-repeat 0 center; }
#lifeCycleGraph > div .fabrication { right: 23px; bottom: 100px; }
#lifeCycleGraph > div .fabrication .title { background: url(../images/layout/productPage_lifeCycleGraph-fabrication.gif) no-repeat 0 center; }
#lifeCycleGraph > div .emballage { right: 37px; bottom: 53px; }
#lifeCycleGraph > div .emballage .title { background: url(../images/layout/productPage_lifeCycleGraph-emballage.gif) no-repeat 0 center; }
#lifeCycleGraph > div .utilisation { left: 40px; bottom: 53px; }
#lifeCycleGraph > div .utilisation .title { background: url(../images/layout/productPage_lifeCycleGraph-utilisation.gif) no-repeat 0 center; }
#lifeCycleGraph > div .finVie { left: 25px; bottom: 100px; }
#lifeCycleGraph > div .finVie .title { background: url(../images/layout/productPage_lifeCycleGraph-finVie.gif) no-repeat 0 center; }

.ecoProduct #lifeCycleGraph { display: block; }

/*-------------------
14:Wishlist
-------------------*/
#wishlistPage h1 { padding-bottom: 8px !important;}
#wishlistPage h1 span {color: #024a84; font-size:16px; background-color:#ffffff;text-transform: none;}
#wishlistPage { z-index:5; }
#wishlistPage .content { position: relative; width: 940px; }
#wishlistPage .borderWishList {border-top:2px solid #024a84; margin-bottom: 10px;}
#wishlistPage .noWishList {margin-top:10px; }
#wishlistOptions { position: absolute; right: 0; top: 0; overflow: hidden; }
#wishlistOptions li { float: left; margin-left: 5px; }
#wishlistOptions li a { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 22px; padding: 0 10px 0 35px; }


#wishlistOptions .print a { background: #002D57 url(../images/layout/icon_print.png) no-repeat 10px center; }
#wishlistOptions .print1 a {font-size:10px; color: #024a84; background: #ffffff url(../images/layout/wishlist_print.jpg) no-repeat 10px center;border-left:1px solid #E5E5E5; }
#wishlistOptions .send a { background: #002D57 url(../images/layout/icon_send.png) no-repeat 10px center; }
#wishlistOptions .delete a { background: #002D57 url(../images/layout/icon_delete.png) no-repeat 10px center; }
#wishlistOptions .addToCart a { font-size:10px;color: #024a84; background: #ffffff url(../images/layout/wishlist_panier.jpg) no-repeat 10px center;border-left:1px solid #E5E5E5; }

#selectWishlist { margin-bottom: 20px; padding: 20px 15px; background: #f6f6f6; }
#selectWishlist h2 { float: left; color: #0067c0; font-size: 19px; text-transform: uppercase; margin-right: 10px; }

#selectWishlist .empty { clear: both; padding-top: 15px; }
#selectWishlist .empty span { float: left; color: #666; font-size: 19px; text-transform: uppercase; }
#selectWishlist .empty .delete { display: block; float: right; color: #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 22px; padding: 0 10px 0 35px; background: #002D57 url(../images/layout/icon_delete.png) no-repeat 10px center; }
#selectWishlist .empty .delete:hover { background-color: #0067c0; }

#selectWishlist .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;z-index:9997;font-size:11px;color:#0067c0;}
#selectWishlist .selectbox {padding:3px 0 0 5px;width:198px;height:19px;cursor:pointer;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#selectWishlist .selectbox-wrapper {position:absolute;width:220px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;top:0px;left:0px;z-index:998;}
#selectWishlist .selectbox-wrapper ul {background:#fff;z-index:9999;}
#selectWishlist .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333; width:186px;}
#selectWishlist .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#selectWishlist .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

/* Products listing */
#wishlistPage #productListing{margin-left: -5px;}
#wishlistPage #productListing div.item{margin: 0px; width:178px; padding: 0 5px;}

#productListing { clear: both; padding-top: 6px; margin-left: -10px; width: 960px;}
#productListing div.item { width: 172px; margin: 0 5px; padding: 5px 5px 0; float: left; position: relative; }
#productListing div.item .close { display: block; position: absolute; right: 0px; top: 15px; z-index: 11; background: url(../images/layout/wishlist_delete_item.jpg) no-repeat; width: 18px; height: 18px; cursor:pointer; }

/*-----------------------
15:Construction Plans 
------------------------*/
#constructionPlans .main-heading {margin: -3px 0 28px; }
#constructionPlans .contentText { color: #333333; font-size: 11px; padding-bottom: 22px; width: 100%; line-height:18px;}
/* product block */
.content .project-family-block {overflow: hidden; padding: 1px 0 31px;width: 100%;margin: 0 0 25px;padding: 1px 0 0;}
.content .project-family-block .holder {width: 768px;}
.content .project-family-block .box {display: inline-block;vertical-align: top;width: 172px; margin:11px 20px 10px 0; float:left;}
.content .project-family-block .box .bluebox { display:none;position:absolute; background:url(../images/layout/families_blueTransparent_bg.png); width:172px; height:172px; }
.content .project-family-block .box .bluebox .numberSelectedProducts { position:relative;text-transform:uppercase;color:#FFF; font-size:12px;font-weight:bold;width:100px; top:60px; left:35px; line-height:12px; }
.content .project-family-block .box .bluebox .numberSelectedProducts .randomLine { position:absolute; width:15px; height:2px; background:#FFF; top:5px; left:72px; }
.content .project-family-block .box .bluebox .compareBtn {position:relative;left:35px; top:70px;  padding:4px 5px 0 7px; width:76px; height:18px; font-size:10px; text-transform:uppercase; color:#FFF; font-weight:bold; background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 75px 6px #002D57; font-weight: bold;text-transform: uppercase; cursor:pointer;}
.content .project-family-block .box .bluebox .compareBtn:hover {background-color:#0067c0; !important;}
.content .project-family-block .box .visual {display: block;margin: 0 0 11px;}
.content .project-family-block .box .title {min-height: 90px;text-transform: uppercase;}
.content .project-family-block .box .title a:visited {color: #666;}
.content .project-family-block .box .title .brand {display: block;line-height: 14px;font-size: 11px;color: #666;}
.content .project-family-block .box .title .name {display: block;line-height: 17px;font-size: 16px;font-weight: bold;color: #666;}
.content .project-family-block .box .price {line-height: 39px;font-size: 35px;font-weight: bold;color: #0067c0; padding-bottom: 20px;}
.content .item-block .box .price {line-height: 39px;font-size: 35px;font-weight: bold;color: #0067c0; padding-bottom: 20px;}
.content .project-family-block .box .form-option {padding:0;}
.content .project-family-block .box .highlighted { background:#0067c0; color:#FFF;padding-left: 7px; }
.content .project-family-block .box .rebateBox {position:absolute; margin-top: -22px;width:164px; padding-left:8px;font-size: 13px;font-weight: bold;color: #FFF; text-transform:uppercase;}
	
	
.content .project-family-block .box .rebateBox.blue { background:#35addb; }
.content .project-family-block .box .rebateBox.red { background:#d11919; }
.content .project-family-block .box .rebateBox.green { background:#91a44a; }

.content .project-family-block .box.rollover {position:absolute;padding:5px;border:6px solid #d1d1d1;background:#FFF;display:none;vertical-align: top;width: 172px; margin:-11px 20px 10px -11px;z-index:1;}
.content .project-family-block .box.rollover .articleCode { margin-top:5px; }
.content .project-family-block .box.rollover .articleCode li { color:#666666; font-size:12px; }
/* Selects */
.content .project-family-block .box.rollover .selectContainer {position:relative;font-weight:bold;color:#0067c0;z-index:9;font-size:10px;font-weight:bold; top:10px;}
.content .project-family-block .box.rollover .selectbox {padding:3px 0 0 5px;margin-bottom: 10px;font-size: 11px;width:157px;height:19px;cursor:pointer;background:#f2f2f2 url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #f2f2f2;}
.content .project-family-block .box.rollover .selectbox-wrapper {position:absolute;width:179px !important;background:#f2f2f2;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-3px; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:15px;left:0px;z-index:998;}
.content .project-family-block .box.rollover label{ color:#333333; font-size:11px; font-weight:bold; }
.content .project-family-block .box.rollover .selectbox-wrapper ul {background:#fff;z-index:9999;}
.content .project-family-block .box.rollover .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333; width:145px;text-transform: none;}
.content .project-family-block .box.rollover .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
.content .project-family-block .box.rollover .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

.content .project-family-block .box.rollover div.option-quantity { margin:10px 0 20px 0; height:41px; }
.content .project-family-block .box.rollover div.option-quantity:hover { margin:10px 0 20px 0; height:41px; }
.content .project-family-block .box.rollover .option-quantity .cartButton { background: url("../images/layout/productListing-shopping-cart-icon-hover.png") no-repeat scroll 0 0 transparent;bottom: 67px; display: block; float: right; height: 33px; position: absolute; right: 23px; width: 35px;cursor:pointer;}
.content .project-family-block .box.rollover .option-quantity .cartButton:hover {background:url("../images/layout/productListing-shopping-cart-icon.png") no-repeat scroll 0 0 transparent;}
.content .project-family-block .box.rollover div.option-quantity > div { width:97px; height:20px; margin-top:2px; }
.content .project-family-block .box.rollover div.option-quantity > div a { float: left; display: block; text-indent: -5000px; background: url(../images/layout/more-less-icons.gif) no-repeat 0 -1px; width: 22px; height: 20px; }
.content .project-family-block .box.rollover div.option-quantity > div .remove:hover { background-position: 0 -23px; }
.content .project-family-block .box.rollover div.option-quantity > div .remove.disabled { background-position: 0 -45px; cursor: default; }
.content .project-family-block .box.rollover div.option-quantity > div .add { background-position: -22px -1px; }
.content .project-family-block .box.rollover div.option-quantity > div .add:hover { background-position: -22px -23px; }
.content .project-family-block .box.rollover div.option-quantity > div .add.disabled { background-position: -22px -45px; cursor: default; }
.content .project-family-block .box.rollover div.option-quantity > div input { display: block; line-height: 20px; float: left; color:#0067c0; font-size: 11px; font-weight: bold; text-align: center; background: #f2f2f2; width: 53px; height: 20px; }
.content .project-family-block .box.rollover .addShoppingCart:hover{ color:#0067C0; }
.content .project-family-block .box.rollover .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }

.content .project-family-block .box.rollover .addShoppingCart {font-size:11px;padding-left:15px; color:#002d57; font-weight:bold; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; }
.content .project-family-block .box.rollover .seeDetails { width:164px; height:18px;padding:5px 0 0 8px; margin: 11px 0 -5px -5px;background:url("../images/layout/arrow-right-white-small.png") no-repeat scroll 163px 6px #002d57; color:#FFF; font-size:10px; text-transform:uppercase; font-weight:bold; display:block; border-right: 10px solid #002D57;}
.content .project-family-block .box.rollover .seeDetails:hover {background-color:#0067c0; border-right-color:#0067c0;}
.content .project-family-block .box.rollover .selectContainer.active.modal label{text-transform: none; !important}


/*details button */
.content .project-family-block .box .form-option .link-plus {float: left;margin: 0 0 0 7px;padding: 0 0 0 19px;font-weight: bold;background:url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left 1px transparent;font-size:11px;color:#002d57; cursor:pointer;}
.content .project-family-block .box .form-option .link-plus:hover {color: #0067c0;}

/*pdf button */
.content .project-family-block .box .form-option .link-pdf {float: left;margin: 0 0 0 5px;padding: 0 0 0 21px;font-weight: bold;background:url("../images/icons/pdf.png") no-repeat scroll 0 0 transparent;font-size:11px;color:#002d57; cursor:pointer;}
.content .project-family-block .box .form-option .link-pdf:hover {color: #0067c0;}
.content .project-family-block  .imageWrapper{height:auto;}
/*rollover pdf button*/
.content .project-family-block .box .row .pdf {background:url("../images/icons/pdf.png") no-repeat scroll 7px 4px #002d57;  display: block; line-height: 22px; padding: 0 0 0 29px; width:143px;} 
.content .project-family-block .box .row .pdf a { color:#fff;font-size: 11px;font-weight: bold; }
.content .project-family-block .box .row .pdf a {color:#fff;}
.content .project-family-block .box .row.difficulty {padding-bottom: 25px;}
.content .project-family-block .box .row .pdf:hover{background-color:#0067c0;}
/*difficultu level */
.content .project-family-block .box .row .description{color:#666; font-size:12px; float:left; padding-right:12px;}
.content .project-family-block .box .row .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display:block; float: left; width:10px; height:13px; padding-right:3px;  margin-top:1px;}
.content .project-family-block .box .row .dollarIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display:block; float: left; width:10px; height:13px; padding-right:3px;  margin-top:1px;}
.content .project-family-block .box .row .subTitle {font-size: 13px; font-weight:bold; color: #0067C0; padding-bottom:14px; }



.content .project-family-block .box .row.projects {margin-top:6px; background: #e6e6e6; padding:9px 0 0 9px;}
.content .project-family-block .box .row.projects .links{ }
.content .project-family-block .box .row.projects  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll 0 2px transparent; line-height:10px; width: 135px; padding: 0 0 10px 20px;}
.content .project-family-block .box .row.projects a {color: #002D57;font-size: 11px;font-weight: bold;}
.content .project-family-block .box .row.projects a:hover {color:#0067c0;}
.content .project-family-block .box .box.rollover .addToCart {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll 0 2px transparent;margin-bottom: 3px; width: 151px; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 18px;}
	
.content .project-family-block .box .box.rollover .addToCart:hover {color: #0067C0;}
.content .project-family-block .itemRow .imageWrapper .subWrapper{height:auto;}

.content .project-family-block .sectionTitle {float:left;}
/* white border line */

#constructionPlans .whiteLine {border-top: solid 7px #fff; padding-bottom:20px;}

/*-------------------
16.All Projects
-------------------*/
/* Room listing */

.roomListing { overflow: hidden; margin-left: -20px; width: 960px; }
.roomListing.secondListing { width:580px; }
.roomListing li { float: left; margin-left: 20px; margin-bottom: 15px; width: 172px; margin-bottom: 20px;}
.roomListing li span { display: block; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 11px; padding: 10px 0 8px 25px; height:15px; background: #002d57 url(../images/trends_rooms/icon_btns.png) no-repeat 5px 11px; }
.roomListing li span.double { padding: 6px 0 6px 25px; height:21px; }
.roomListing li a:hover span { background-color: #0067c0; }
.roomListing li img { display: block; }

.roomListing .cuisine span { background-position: 5px -21px; }
.roomListing .salle_de_bain span { background-position: 5px -53px; }
.roomListing .terrasse_et_jardin span { background-position: 5px -85px; }
.roomListing .salon_et_entree span { background-position: 5px -117px; }
.roomListing .garage_et_remise span { background-position: 5px -149px; }
.roomListing .salle_a_manger span { background-position: 5px -181px; }
.roomListing .salle_deau span { background-position: 5px -213px; }
.roomListing .pieces_specialisees span { background-position: 5px -246px; }
.roomListing .autres span { background-position: 5px -277px; }
.roomListing .facade span { background-position: 5px -276px; }

.roomListing .couvre-plancher_et_ceramique span { background-position: 5px -310px; }
.roomListing .fleurs_plantes_et_jardin span { background-position: 5px -340px; }
.roomListing .peinture_moulures_et_papier-peint span { background-position: 5px -369px; }
.roomListing .decoration span { background-position: 5px -398px; }
.roomListing .maison span { background-position: 5px -430px; }
.roomListing .rangement span { background-position: 5px -466px; }
.roomListing .ecoresponsable span { background-position: 5px -500px; background-color:#91a44a; }
.roomListing .menuiserie_et_ameublement span { background-position: 5px -533px; }

#allProjects .whiteLine { background:#FFFFFF; width:940px; height:8px; margin:5px 0 20px; }
#allProjects h3 { font-size:18px; }
#allProjects h3 span {  background:#0067c0; }

#allProjects .box { float:left; }
#allProjects .box.left { width: 553px; }
#allProjects .box.right { width: 386px; }
#allProjects .box.right h3 { margin-left:20px; }
#allProjects .box.right .smallbox { float:left; height:150px; width:173px;border-bottom:8px solid #FFF; margin-left:20px; }
#allProjects .box.right .smallbox .littlebox { height:53px;position:relative; }
#allProjects .box.right .smallbox .h4 { font-size:13px;line-height: 13px; padding-top:15px; }
#allProjects .box.right .smallbox p { font-size:11px; color:#333333; position:absolute; bottom: 0; line-height: 18px;  }
#allProjects .box.right .smallbox a { color:#002d57;font-size:11px; font-weight:bold; padding-left:20px;background:url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left 2px transparent; margin-top:15px;display:block; text-decoration: none;}
#allProjects .box.right .smallbox a:hover { color:#0067c0; }


/* Project Tabs */

#projectTabs { clear: both; }
#projectTabs .tabPanelsControls { overflow: hidden; border-bottom: 8px solid #0067c0; }
#projectTabs .tabPanelsControls li { float: left; color: #002d57; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 38px; margin-right: 15px; padding: 0 18px; background: #fff; cursor: pointer; }
#projectTabs .tabPanelsControls .active,
#projectTabs .tabPanelsControls li:hover { color: #fff; background: #0067c0; }
#projectTabs .tabPanels { padding: 30px 0 10px; border-bottom: 8px solid #0067c0; background: #fff; }
#projectTabs .tabPanels > div ul { overflow: hidden; }
#projectTabs .tabPanels > div ul li { position:relative; float: left; margin-left: 12px; height: 385px; width: 172px; padding-bottom:20px; }
#projectTabs .tabPanels > div ul li a { display: block; }
#projectTabs .tabPanels > div ul li .project-category { display: block; color: #fff; font-size: 12px; font-weight: bold; line-height: 16px; text-transform: uppercase; padding: 0 5px; background: #002d57;width: 162px; height: 32px; }
#projectTabs .tabPanels > div ul li img { display: block; margin-bottom: 20px; }
#projectTabs .tabPanels > div ul li .project-name { margin-bottom: 30px; }
#projectTabs .tabPanels > div ul li .project-name span { color: #666666; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 14px; background: none repeat scroll 0 0 #F5D410; }
#projectTabs .tabPanels > div ul li p { font-size: 11px; line-height: 16px; margin-bottom: 20px; color:#333333; }
#projectTabs .tabPanels > div ul li .seeProject { display: block;position:absolute; bottom:20px; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 20px; background:url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#projectTabs .tabPanels > div ul li:hover .seeProject { color: #0067c0; }
#projectTabs .tabPanels > div ul li .seeProject.video { background: url("../images/layout/arrow-right-camera.png") no-repeat scroll -4px 0 transparent; }
#projectTabs .tabPanels > div ul li .imageWrapper {width: 172px; height: 196px;padding: 0 0 20px 0; display:block;}


/*-------------------
17.Project - flooring
-------------------*/

#projectfloorContentWrapper {width:748px; float:left;}
#projectsFlooring #projectTabs { width: 748px;  }
#projectsFlooring #projectTabs .greyline { width:170px; height:7px; float:right; background:#e6e6e6; }
#projectsFlooring #projectTabs .h4 { font-size:13px; padding:20px 0; } 
#projectsFlooring #projectTabs .form-filter .checkboxes {padding: 0 0 35px;}
#projectsFlooring #projectTabs .form-filter .row {overflow: hidden;padding: 2px 0 5px 1px;height: 1%;}
#projectsFlooring #projectTabs .form-filter .checkboxes input {float: left;margin: 0;padding: 0;width: 14px;height: 14px;}
#projectsFlooring #projectTabs .form-filter label {float: left;margin: 0 0 0 14px;padding: 0;width: 130px;font-weight: bold;color: #666;cursor: default;font-size:11px;}
#projectsFlooring #projectTabs .form-filter label span  {float: left;padding: 1px 5px;}
#projectsFlooring #projectTabs .form-filter label.focus span {background: #f0cf14;}
#projectsFlooring #projectTabs .form-filter .checkboxArea, #projectsFlooring #projectTabs .form-filter .checkboxAreaChecked  {background: url("../images/layout/sprite.png") no-repeat scroll -40px -72px transparent; float: left; height: 16px; overflow: hidden; width: 16px !important;}
#projectsFlooring #projectTabs .form-filter .checkboxAreaChecked  {background-position: -40px -56px;}
#projectsFlooring #projectTabs .form-filter label {color: #666666; cursor: default; float: left; font-weight: bold; margin: 0 0 0 4px; padding: 0 5px;}

/*thumnail navigation buttons */
#projectsFlooring .subNav {float:right; display:block; height:22px;}
#projectsFlooring .subNav .leftBtn a{background: url("../images/layout/arrow-left-white-small.png") no-repeat scroll 8px 6px #002D57; width:22px; height:22px; display:block; margin-right:10px;}
#projectsFlooring .subNav .rightBtn a{background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 8px 7px #002D57; width:22px; height:22px; display:block; margin-left:10px;} 
#projectsFlooring .subNav .leftBtn a:hover {background: url("../images/layout/arrow-left-white-small.png") no-repeat scroll 8px 6px #0067c0;}
#projectsFlooring .subNav .rightBtn a:hover {background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 8px 7px #0067c0;}
#projectsFlooring .titleWrapper{clear: both;float: left;width: 748px;}
#projectsFlooring .subWrapper{float: left;}
#projectsFlooring .subNav span {float:left;}
#projectsFlooring .subNav .marker { background: url("../images/layout/sprite.png") no-repeat scroll -66px -60px transparent; width:16px; height:22px; display:block;} 
#projectsFlooring .subNav .marker.active { background: url("../images/layout/sprite.png") no-repeat scroll -66px -36px transparent; width:16px; height:22px; display:block;} 

/* sidebar */
#sideProjectFlooring div { border-top:none; padding:0 }
#sideProjectFlooring .smallbox { float:left; width:173px;border-bottom:8px solid #FFF; }
#sideProjectFlooring .smallbox .littlebox { height:65px;position:relative; }
#sideProjectFlooring .smallbox .h4 { font-size:13px;line-height: 13px; padding-top:15px; }
#sideProjectFlooring .smallbox p { font-size:11px; color:#333333; position:absolute; bottom: 0; line-height:18px; }
#sideProjectFlooring .call2action { color:#002d57;font-size:11px; font-weight:bold; padding-left:20px;background:url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left 2px transparent; margin-top:15px;display:block; }
#sideProjectFlooring .call2action:hover { color:#0067c0; }

#sideProjectFlooring #utilities { position: relative; top: 20px; border-bottom:8px solid #FFF;padding-bottom:35px; }
#sideProjectFlooring #utilities .h4 { font-size:13px; }

/*-------------------
18.Project - Step by step
-------------------*/

#projectStepsInfo {background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;}
#projectStepsInfo .btn_print, #projectStepsDetails .btn_print { color:#002d57; font-weight:bold; font-size:10px; text-transform:uppercase; background:url(../images/layout/smallicon_btnprint.png) no-repeat scroll 8px center #f6f6f6; width:70px; line-height:22px;display:block; float:right; padding-left:30px; }
#projectStepsInfo .btn_print:hover, #projectStepsDetails .btn_print:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnprint-hover.png) no-repeat scroll 8px center #0067C0; }
#projectStepsInfo p, #projectStepsDetails p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; }
#projectStepsDetails p a { font-weight:bold; color:#002d57; text-decoration:underline; }
#projectStepsDetails p a:hover { color:#0067C0; }
#projectStepsDetails .button.openAll {  background: url("../images/layout/arrow-down-light-blue-small.png") no-repeat scroll 8px 6px #F6F6F6;color: #002D57; cursor: pointer; display: block; float: right; font-size: 10px; font-weight: bold; padding-bottom: 3px; padding-left: 28px; padding-top: 3px; text-transform: uppercase; width: 149px;}
#projectStepsDetails .button.openAll:hover {color: #0067C0;}
/*drawer open all button */
#projectStepsDetails .button.openAll span.close {display:none;}
#projectStepsDetails .button.openAll.active span.close {display:block;}
#projectStepsDetails .button.openAll.active span.open {display:none;}
#projectStepsDetails .button.openAll span.open {display:block;}
#projectStepsDetails .button.openAll.active { padding-right: 2px;}
#projectStepsDetails .button.openAll.active { background: url("../images/layout/arrow-down-light-blue-small.png") no-repeat scroll 8px 6px #F6F6F6;}
#projectStepsDetails .button.openAll:hover {color: #0067C0;}
#projectStepsDetails #allSteps h3 {float:left;} 



#projectStepsInfo #rightInfo {float: right;width: 538px; position:relative;}
#projectStepsInfo #rightInfo h2 { width:355px; margin-top:-6px; }
#projectStepsInfo #rightInfo h2 .eco{ color:white; background: #91A44A;font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid white; line-height: 32px; }
#projectStepsInfo #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; }
#projectStepsInfo #rightInfo .detailsInfo { margin:10px 0 0; position: relative; }
#projectStepsInfo #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyIcons { float:left; margin-left: 5px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; }
#projectStepsInfo #rightInfo .detailsInfo  .tag {float:left;}
#projectStepsInfo #rightInfo .detailsInfo li span.blue {color: #0067C0;font-weight: bold;}
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -60px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
.fr #projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -34px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;}
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .close:hover { color:#0067c0; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow { width:333px; height:44px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow.odd { background:#f6f6f6; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/projectStepsDifficultyLevelIcons.png) no-repeat; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #one .iconBox{ width:15px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #two .iconBox { width:30px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconBox { width:50px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #four .iconBox { width:70px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;}
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconInfo { padding-top:5px; }
#projectStepsInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo.current { color:#0067c0; }

#projectStepsInfo #rightInfo .detailsInfo li .costIcons { float:left; margin-left: 5px; }
#projectStepsInfo #rightInfo .detailsInfo li .costIcons .dollarIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; }
#projectStepsInfo #rightInfo .detailsInfo  .tag {float:left;}
#projectStepsInfo #rightInfo .detailsInfo li span.blue {color: #0067C0;font-weight: bold;}
#projectStepsInfo #rightInfo .detailsInfo li .costLevel { display: none; position: absolute; left: 50px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
.fr #projectStepsInfo #rightInfo .detailsInfo li .costLevel { display: none; position: absolute; left: -34px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;}
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .close:hover { color:#0067c0; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .levelRow { width:333px; height:44px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .levelRow.odd { background:#f6f6f6; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/productPage_cost-money-icon.png) no-repeat; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel #one .iconBox{ width:15px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel #two .iconBox { width:30px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel #three .iconBox { width:50px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel #four .iconBox { width:70px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;}
#projectStepsInfo #rightInfo .detailsInfo li .costLevel #three .iconInfo { padding-top:5px; }
#projectStepsInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo.current { color:#0067c0; }

#projectStepsInfo #rightInfo .btn_downloadpdf { color:#002d57; font-weight:bold; font-size:10px;  margin: 10px 0; text-transform:uppercase; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #f6f6f6; width:230px; line-height:22px;display:block; padding-left:30px; }
#projectStepsInfo #rightInfo .btn_downloadpdf:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #0067C0; }
#projectStepsInfo #rightInfo .horizontal_line { width:538px; height: 8px; background:#f6f6f6; margin:0 0 7px; }

#projectStepsInfo #rightInfo div.evaluationPreview { position:relative; }
#projectStepsInfo #rightInfo div.evaluationPreview a { color: #002d57; line-height: 15px; font-size: 11px; font-weight: bold; }
#projectStepsInfo #rightInfo div.evaluationPreview a:hover,
#projectStepsInfo #rightInfo div.evaluationPreview .nbReviews.active { color: #0067C0; }
#projectStepsInfo #rightInfo div.evaluationPreview .nbReviews { padding-right: 20px; background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat right 3px; }

#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview .h4 { font-size:13px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview ul { padding-bottom: 10px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview li { overflow: hidden; padding-bottom: 5px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background:url("../images/icons/productPage-rating-small_project.png") no-repeat scroll right -14px transparent; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic { position: relative; float: left; background: #f7f6f6; width: 254px; height: 14px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic div { position: absolute; left: 0; top: 0; background: url(../images/layout/productPage-reviewsPreview-bg.gif) repeat-x 0 0; height: 14px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingNbVotes { display: block; float: right; color: #666; font-size: 11px; line-height: 14px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview .writeReview { float: none; background-position: left 1px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview .close { position: absolute; right: 35px; top: -10px; color: #002d57; font-size: 11px; line-height: 10px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#projectStepsInfo #rightInfo div.evaluationPreview #nbReviewsPreview .close:hover { color: #0067C0; }
#projectStepsInfo #rightInfo div.evaluationPreview .writeReview { float: right; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#projectStepsInfo #rightInfo .textZone { padding:20px 0 0; height: 157px;  }
#projectStepsInfo #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; }
#projectStepsInfo #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; }
#projectStepsInfo #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; }
#projectStepsInfo #rightInfo ul.addOptions > li > a:hover { color: #0067C0; }
#projectStepsInfo #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; }
#projectStepsInfo #rightInfo ul.addOptions > .active > a { color: #0067C0; }
#projectStepsInfo #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }
#projectStepsInfo #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; }
#projectStepsInfo #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; }
#projectStepsInfo #rightInfo .tendanceRona { float:right; }
#projectStepsInfo #rightInfo #tend { float:right; }

#projectStepsInfo #projectPictures { margin-right: 548px; text-align: center; margin-bottom:10px;}
#projectStepsInfo #projectPictures #mainPicture { width:344px; height:344px; overflow:hidden;margin-bottom: 15px; }
#projectStepsInfo #projectPictures #mainPicture img { width: 344px;}
#projectStepsInfo #projectPictures #projectsThumbs { float: right; height: 52px; position: relative; }
#projectStepsInfo #projectPictures #projectsThumbs li { float: left; margin-left: 21px; margin-right:3px; }
#projectStepsInfo #projectPictures #projectsThumbs li:first-child { margin-left: 0; }
#projectStepsInfo #projectPictures #projectsThumbs li a { border: 0px solid #fff; display: block; width: 50px }
#projectStepsInfo #projectPictures #projectsThumbs li .activeBlock { display:none; position:absolute; width: 50px; height: 50px; background: url("../images/layout/productPage-slider_bgSelectedItem.png") repeat scroll 0 0 transparent; }
#projectStepsInfo #projectPictures #projectsThumbs li.active .activeBlock { display:block; }
#projectStepsInfo #projectPictures #projectsThumbs li.video .activeBlock  { background: url("../images/layout/productPage-slider_video.png") repeat scroll 0 0 transparent;display:block!important;}

#projectStepsInfo #projectPictures #projectsThumbs img {width: 50px; height: 50px;}
#projectStepsInfo #projectPictures .zoomImage { position: relative; float: right; right: 8px; margin-left: 27px; background: transparent; z-index: 10;}
#projectStepsInfo #projectPictures .zoomImage a { display: block; width: 50px; height: 58px; margin-top: -7px; text-indent: -3000px; background: transparent url(../images/layout/productPage-zoom-button.png); border: none; }
#projectStepsInfo #projectPictures .zoomImage a:hover { background-position: -50px 0; }

/*condiotional print objects (hidden in normal display) */
#projectStepsInfo .printSafe {display:none; float:left;}
#projectStepsDetails .printSafe{display:none;}
.printSafe{display:none;}

/*#projectStepsDetails { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 20px; position: relative; z-index: 1; width:710px; } */
#projectStepsDetails  h3 { font-size:18px; }
#projectStepsDetails  h3 span {  background:#0067c0; }
#projectStepsDetails .box { float:left; width:340px; }
#projectStepsDetails .box.paddingleft { padding-left:25px;  width: 318px}
#projectStepsDetails .box.firstleft { width:365px }
#projectStepsDetails .box.table { width:710px; padding-top:20px; }
#projectStepsDetails .listTitle { font-size:12px; font-weight:bold; text-transform:uppercase; color:#0067c0; padding-bottom:20px; display:block; }
#projectStepsDetails .box .listTools > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 16px; padding-left: 20px; color: #0067c0; line-height: 14px; cursor:pointer; }
#projectStepsDetails .box .listTools > li:hover {color:#002D57;}
#projectStepsDetails .box .listTools > li.nolink { background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px; }
#projectStepsDetails .box .listTools > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; font-size:11px; }
#projectStepsDetails .box .listTools > li > a:hover { color: #0067C0; }
#projectStepsDetails .btn_print { width:130px; }
#projectStepsDetails .blueline { background:#0067C0; height:8px;}
#projectStepsDetails .box.table table { text-align:left; font-size:11px; margin-bottom: 10px; }
#projectStepsDetails .box.table table th { background:#0067c0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; border-right: 15px solid #FFF; padding: 3px 0 0 5px; height:18px; text-align:left; }
#projectStepsDetails .box.table table .last { border-right:none; }
#projectStepsDetails .box.table table td { background:#f6f6f6; border-top:3px solid #FFF; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; text-transform:none; color:#333333; vertical-align: top; padding-top:3px;}
#projectStepsDetails .box.table table .first {color:#0067c0;  text-transform:uppercase; font-weight: bold;}
#projectStepsDetails .box.table table .first .text {width:100px; display: block; padding-bottom: 3px; width: 148px; float:left;} 
#projectStepsDetails .box.table table .letter {float:left;}

/* drop down boxes */
#projectStepsDetails  #allSteps { padding-top:10px; }
#projectStepsDetails .dropDownContent .row .columnLeft .title {color:#666; font-weight:bold; font-size:13px;} 
#projectStepsDetails .dropDownContent .row .columnLeft .title .bullet {color:#0067c0; padding-right:3px;}
#projectStepsDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;}
#projectStepsDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} 
#projectStepsDetails .dropDownContent .row .columnLeft .infoText {font-style: italic; color:#7c7b7b;} 
#projectStepsDetails #etapes.paddingBox {border-bottom: solid 7px #0067C0;}

#projectStepsDetails #relatedLeft {padding: 0px;}
#projectStepsDetails #relatedLeft .wrapper .link {font-size: 12px; font-weight: bold; color:#002d57; text-transform:uppercase; padding:10px 10px 10px 10px; background: url('../images/layout/blue_circle_new.png') no-repeat scroll 10px 7px #F6F6F6; margin-top:15px; } 
#projectStepsDetails #relatedLeft .wrapper .link .number { color: #FFFFFF; font-size: 13px; left: -29px; margin-bottom: -7px; margin-left: -28px; padding-bottom: 4px; padding-right: 17px; vertical-align: baseline;}
#projectStepsDetails  #relatedLeft .wrapper .link:hover {background-position: 10px -27px;} 
#projectStepsDetails  #relatedLeft .wrapper .link a {padding-left:35px;}
#projectStepsDetails #relatedLeft .wrapper .link a  span.title.active {color: #0067C0;}
#projectStepsDetails  #relatedLeft .wrapper .link a:hover {color: #0067C0;}
#projectStepsDetails  #relatedLeft .wrapper .link .arrowBig {background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 -12px transparent;  height:13px;  width:20px;display:block; float:right;  position:relative; top:2px; cursor:pointer;} 
#projectStepsDetails  #relatedLeft .wrapper .link .arrowBig.active{background-position:0 2px;} 

#projectStepsDetails  #relatedLeft .wrapper .dropDownContent {display:none;} 
#projectStepsDetails  #relatedLeft  {width:748px; margin-top:26px; margin-bottom: 20px;}
#projectStepsDetails  #relatedLeft .paddingBox {padding: 20px; background:#fff;}
#projectStepsDetails  #relatedLeft #productTabs {padding-top:20px;}
#projectStepsDetails  .pageTop {background: url("../images/layout/sprite.png") no-repeat scroll -490px -221px transparent; bottom: 21px; color: #002D57; display: block; float: right; font-size: 11px; font-weight: bold; height: 10px; margin-bottom: 10px; padding-left: 18px;}
#projectStepsDetails .pageTop > a:hover { color: #0067C0; }
#projectStepsDetails  #relatedLeft .top {padding-top:20px; font-size:11px; padding-left:20px;}
#projectStepsDetails  #relatedLeft .row.img {padding-top:40px;}
#projectStepsDetails  #relatedLeft .row .columnLeft {float: left; padding-left: 25px; padding-right: 11px; width: 470px;}
#projectStepsDetails  #relatedLeft .row .columnLeft .top {padding-left:20px;}
#projectStepsDetails  #relatedLeft .row .columnRight {float:left;}
#projectStepsDetails  #relatedLeft .row.img { padding-top:40px;}  
#projectStepsDetails  #relatedLeft .row .zoom {cursor:pointer; background: url("../images/layout/zoom.jpg") no-repeat scroll 0 0 transparent; height: 30px; position: relative;
    right: -170px; top: -30px; width: 30px;}
#projectStepsDetails  #relatedLeft .row .zoom:hover{background-position: 0 -30px;}
#projectStepsDetails  #relatedLeft .row .zoom a {display:block; height:30px; width:30px;} 
/*right sidebar */

#projectStepsDetails #relatedRight .row.tools .links {border: medium none; line-height: 14px; color:#002D57;}
#projectStepsDetails #relatedRight .row.tools .links:hover {color: #0067C0;}
#projectStepsDetails #relatedRight .row.tools .links  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left 12px transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;margin-bottom: 4px;}
#projectStepsDetails #relatedRight .row.tools,
#projectStepsDetails #relatedRight #utilities {padding-bottom:40px;}
#projectStepsDetails #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;}
#projectStepsDetails #relatedRight {width: 168px;}
#projectStepsDetails #relatedRight  .row.tools.pdf .links {line-height:11px;}
#projectStepsDetails #relatedRight  .row.tools.pdf .links img {position:relative;top:2px; padding-left:3px;}
#projectStepsDetails #relatedRight  .row.tools.pdf .links ul li {width:144px; padding-top:11px;}


#projectStepsDetails #utilities ul li.calculator a { background-position: 0 0; }
#projectStepsDetails #utilities ul li.units a { background-position: -58px 0; }
#projectStepsDetails #utilities ul li.measurement a { background-position: -116px 0; }
#projectStepsDetails #utilities ul li.calculator a:hover { background-position: 0 58px; }
#projectStepsDetails #utilities ul li.units a:hover { background-position: -58px 58px; }
#projectStepsDetails#projectStepsDetails #utilities ul li.measurement a:hover { background-position: -116px 58px; }
#projectStepsDetails .rating-meter-big div.star-rating, #projectStepsDetails .rating-meter-big div.star-rating a { background: url(" ../images/layout/projectPage-rating-big.png") no-repeat scroll 0 0 transparent; }



/* INFO SECTION */

/* sidebar */ 
#projectStepsDetails .pageRow #relatedRight .row.tools .links {border: medium none; line-height: 24px; color:#002D57;}
#projectStepsDetails .pageRow #relatedRight .row.tools .links:hover {color: #0067C0;}
#projectStepsDetails .pageRow #relatedRight .row.tools .links  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;}
#projectStepsDetails .pageRow #relatedRight .row.tools,
#projectStepsDetails .pageRow #relatedRight #utilities {padding-bottom:20px;}
#projectStepsDetails .pageRow #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;}
#projectStepsDetails  #relatedRight div .title.middle{margin:0 0 16px; }
#projectStepsDetails  #relatedRight {padding-top:25px;}
#projectStepsDetails  #ronavantages_cta img {padding-top:20px; float:left;}
#projectStepsDetails  #relatedRight div {}




/*-----------------------
19:Buyer`s Guide 
------------------------*/
/*title info text */
#buyersGuide .main-heading {margin: -3px 0 28px; }
#buyersGuide .contentText {color: #333333; font-size: 11px; padding-bottom: 22px; width: 100%; line-height:18px;}

/*thumbs */

#buyersGuide .item-block .itemRow{padding-bottom:20px;}
#buyersGuide .box {float:left; width:172px; padding-right:20px; padding-bottom: 20px;}
#buyersGuide .item-block .itemRow .box .imageWrapper {width: 172px; height: 209px; padding: 0 0 20px 0; display:block;}
#buyersGuide .item-block .itemRow .box .title {margin-bottom:20px; display:block; height: 26px;} 
#buyersGuide .item-block .itemRow .box .title span {font-size:12px; color:#666; font-weight:bold; text-transform:uppercase;background:#f5d410;}
#buyersGuide .item-block .itemRow .box .infoText {font-size:11px; color:#333; line-height:16px; padding-bottom:30px; height: 67px; display:block; overflow: hidden;} 

#buyersGuide .item-block .itemRow .box .btn {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57;font-weight: bold; padding-left: 18px; font-size: 11px;}
#buyersGuide .item-block .itemRow .box .btn:hover {color:#0067C0;}
#buyersGuide .item-block .itemRow .box .btn.boxHover {color:#0067C0;}
#buyersGuide .item-block  {width: 768px;  float: left;}
#buyersGuide .border {width:748px; background:#fff; height:7px; margin-bottom:20px; float:left;}

/*-----------------------
20:Planner`s Guide 
------------------------*/

/*reset width */
#plannersGuide .content {width:100%; float:none;}

#plannersGuide .contentText {color: #333333; font-size: 11px; padding-bottom: 22px; width: 100%; line-height: 18px;}

/*thumbs */

#plannersGuide .item-block .itemRow{padding-bottom:20px;}
#plannersGuide .box {float:left; width:172px; padding-right:20px; padding-bottom: 20px;}
#plannersGuide .item-block .itemRow .box .imageWrapper {width: 172px; height: 209px; padding: 0 0 20px 0; display:block;}
#plannersGuide .item-block .itemRow .box .title {margin-bottom:20px; display:block; height: 26px;} 
#plannersGuide .item-block .itemRow .box .title span {font-size:12px; color:#666; font-weight:bold; text-transform:uppercase;background:#f5d410;}
#plannersGuide .item-block .itemRow .box .infoText {font-size:11px; color:#333; line-height:16px; padding-bottom:30px; height: 67px; display:block; overflow: hidden;} 

#plannersGuide .item-block .itemRow .box .btn {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57;font-weight: bold; padding-left: 18px; font-size: 11px;}
#plannersGuide .item-block .itemRow .box .btn:hover {color:#0067C0;} 
#plannersGuide .item-block .itemRow .box .btn.boxHover {color:#0067C0;}
#plannersGuide .item-block  {width: 961px;  float: left;}
#plannersGuide .border {width:748px; background:#fff; height:7px; margin-bottom:20px; float:left;}


/*---------------------
21.Detailed planning Guide 
--------------------*/
#planningGuideInfo { background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;}
#planningGuideInfo .btn_print { color:#002d57; font-weight:bold; font-size:10px; text-transform:uppercase; background:url(../images/layout/smallicon_btnprint.png) no-repeat scroll 8px center #f6f6f6; width:70px; line-height:22px;display:block; float:right; padding-left:30px; }
#planningGuideInfo .btn_print:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnprint-hover.png) no-repeat scroll 8px center #0067C0; }
#planningGuideInfo p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; }

#planningGuideInfo #rightInfo {float: right;width: 538px; position:relative;}
#planningGuideInfo #rightInfo h2 { width: 430px; margin-top:-6px; }
#planningGuideInfo #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; }
#planningGuideInfo #rightInfo .detailsInfo { margin:10px 0 0; position: relative;}
#planningGuideInfo #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; }
#planningGuideInfo #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; }
#planningGuideInfo #rightInfo .detailsInfo li span.tagText { color:#666666; font-size:12px; font-weight:normal;}
#planningGuideInfo #rightInfo .detailsInfo li .difficultyIcons { float:left; margin-left: 5px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; }
#planningGuideInfo #rightInfo .detailsInfo .tag { float: left;}
#planningGuideInfo .tagText {float:left; color: #666; font-size: 12px; }

#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;}
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .close:hover { color:#0067c0; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow { width:333px; height:44px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow.odd { background:#f6f6f6; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/projectStepsDifficultyLevelIcons.png) no-repeat; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #one .iconBox{ width:15px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #two .iconBox { width:30px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconBox { width:50px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #four .iconBox { width:70px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;}
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconInfo { padding-top:5px; }
#planningGuideInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo.current { color:#0067c0; }

#planningGuideInfo #rightInfo .detailsInfo li .costIcons { float:left; margin-left: 5px; }
#planningGuideInfo #rightInfo .detailsInfo li .costIcons .dollarIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; }
#planningGuideInfo #rightInfo .detailsInfo .tag { float: left;}
#planningGuideInfo .tagText {float:left; color: #666; font-size: 12px; }

#planningGuideInfo #rightInfo .detailsInfo li .costLevel { display: none; position: absolute; left: 20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;}
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .close:hover { color:#0067c0; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow { width:333px; height:44px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow.odd { background:#f6f6f6; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/productPage_cost-money-icon.png) no-repeat; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel #one .iconBox{ width:15px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel #two .iconBox { width:30px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel #three .iconBox { width:50px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel #four .iconBox { width:70px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;}
#planningGuideInfo #rightInfo .detailsInfo li .costLevel #three .iconInfo { padding-top:5px; }
#planningGuideInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo.current { color:#0067c0; }

#planningGuideInfo #rightInfo .btn_downloadpdf { color:#002d57; font-weight:bold; font-size:10px;  margin: 10px 0; text-transform:uppercase; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #f6f6f6; width:230px; line-height:22px;display:block; padding-left:30px; }
#planningGuideInfo #rightInfo .btn_downloadpdf:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #0067C0; }
#planningGuideInfo #rightInfo .horizontal_line { width:538px; height: 8px; background:#f6f6f6; margin:0 0 10px; }
#planningGuideInfo #rightInfo .fbBtn {  padding-top: 4px; }

#planningGuideInfo #rightInfo div.evaluationPreview { position:relative; }
#planningGuideInfo #rightInfo div.evaluationPreview a { color: #002d57; line-height: 15px; font-size: 11px; font-weight: bold; }
#planningGuideInfo #rightInfo div.evaluationPreview a:hover,
#planningGuideInfo #rightInfo div.evaluationPreview .nbReviews.active { color: #0067C0; }
#planningGuideInfo #rightInfo div.evaluationPreview .nbReviews { padding-right: 20px; background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat right 3px; }

#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview .h4 { font-size:13px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview ul { padding-bottom: 10px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview li { overflow: hidden; padding-bottom: 5px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background:url("../images/icons/productPage-rating-small_project.png") no-repeat scroll right -14px transparent; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic { position: relative; float: left; background: #f7f6f6; width: 254px; height: 14px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic div { position: absolute; left: 0; top: 0; background: url(../images/layout/productPage-reviewsPreview-bg.gif) repeat-x 0 0; height: 14px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingNbVotes { display: block; float: right; color: #666; font-size: 11px; line-height: 14px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview .writeReview { float: none; background-position: left 1px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview .close { position: absolute; right: 35px; top: -10px; color: #002d57; font-size: 11px; line-height: 10px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#planningGuideInfo #rightInfo div.evaluationPreview #nbReviewsPreview .close:hover { color: #0067C0; }
#planningGuideInfo #rightInfo div.evaluationPreview .writeReview { float: right; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#planningGuideInfo #rightInfo .textZone { padding:20px 0 0; height: 157px;  }
#planningGuideInfo #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; }
#planningGuideInfo #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; }
#planningGuideInfo #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; }
#planningGuideInfo #rightInfo ul.addOptions > li > a:hover { color: #0067C0; }
#planningGuideInfo #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; }
#planningGuideInfo #rightInfo ul.addOptions > .active > a { color: #0067C0; }
#planningGuideInfo #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }
#planningGuideInfo #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; }
#planningGuideInfo #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; }
#planningGuideInfo #rightInfo .tendanceRona { float:right; }

#planningGuideInfo #projectPictures { margin-right: 548px; text-align: center; }
#planningGuideInfo #projectPictures #mainPicture { width:344px; height:344px; overflow:hidden;margin-bottom: 15px; }
#planningGuideInfo #projectPictures #mainPicture img { width: 344px;}
#planningGuideInfo #projectPictures #projectsThumbs { float: left; height: 52px; position: relative; }
#planningGuideInfo #projectPictures #projectsThumbs li { float: left; margin-left: 21px; margin-right:3px;}
#planningGuideInfo #projectPictures #projectsThumbs li:first-child { margin-left: 0; }
#planningGuideInfo #projectPictures #projectsThumbs li a { border: 0px solid #fff; display: block; width: 50px }
#planningGuideInfo #projectPictures #projectsThumbs li .activeBlock { display:none; position:absolute; width: 50px; height: 50px; background: url(../images/layout/productPage-slider_bgSelectedItem.png); }
#planningGuideInfo #projectPictures #projectsThumbs li.active .activeBlock { display:block; }
#planningGuideInfo #projectPictures #projectsThumbs li.video .activeBlock  { background: url("../images/layout/productPage-slider_video.png") repeat scroll 0 0 transparent;display:block!important;}
#planningGuideInfo #projectPictures .zoomImage { position: relative; float: right; right: 8px; margin-left: 0; background: #0067c0; z-index: 10; }
#planningGuideInfo #projectPictures .zoomImage a { display: block; width: 50px; height: 58px; margin-top: -8px; text-indent: -3000px; background: #0067c0 url(../images/layout/productPage-zoom-button.png); border: none; }
#planningGuideInfo #projectPictures .zoomImage a:hover { background-position: -50px 0; }



/* sidebar */ 
#detailedPlanningGuide .pageRow #relatedRight .row.tools .links {border: medium none; line-height: 24px; color:#002D57;}
#detailedPlanningGuide .pageRow #relatedRight .row.tools .links:hover {color: #0067C0;}
#detailedPlanningGuide .pageRow #relatedRight .row.tools .links  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;}
#detailedPlanningGuide .pageRow #relatedRight .row.tools,
#detailedPlanningGuide .pageRow #relatedRight #utilities {padding-bottom:20px;}
#detailedPlanningGuide .pageRow #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;}

#detailedPlanningGuide  #relatedRight div .title.middle{margin:0; }
#detailedPlanningGuide  #relatedRight {padding-top:23px;}
#detailedPlanningGuide  #ronavantages_cta img {padding-top:20px; float:left;}
#detailedPlanningGuide  #relatedRight div {padding: 20px 0 0;}

/*utilities buttons */
#detailedPlanningGuide  #utilities ul li.calculator a { background-position: 0 0; }
#detailedPlanningGuide  #utilities ul li.units a { background-position: -58px 0; }
#detailedPlanningGuide  #utilities ul li.measurement a { background-position: -116px 0; }
#detailedPlanningGuide  #utilities ul li.calculator a:hover { background-position: 0 58px; }
#detailedPlanningGuide  #utilities ul li.units a:hover { background-position: -58px 58px; }
#detailedPlanningGuide  #utilities ul li.measurement a:hover { background-position: -116px 58px; } 

/* FAQ SECTION */
#detailedPlanningGuide  #relatedLeft .wrapper {padding:20px; background:#fff; border-bottom:solid 8px #0067c0;margin-bottom:20px; }
#detailedPlanningGuide  #relatedLeft .wrapper .text {color: #333333; font-size:11px; padding-bottom:20px;}
#detailedPlanningGuide  #relatedLeft .wrapper .text .italics {font-style:italic;color:#7c7b7b; }
#detailedPlanningGuide  #relatedLeft .wrapper .text .title {text-transform:uppercase; color:#0067c0;  font-weight:bold; font-size:12px; padding-bottom:10px;} 
#detailedPlanningGuide  #relatedLeft .wrapper .text .title.noSpace {padding-bottom:0px;}
#detailedPlanningGuide  #relatedLeft .wrapper .text .title .grey {color:#666666;text-transform:none;} 
#detailedPlanningGuide  #relatedLeft .wrapper .text p {padding-bottom:14px; line-height:17px;}

#detailedPlanningGuide .rating-meter-big div.star-rating,#detailedPlanningGuide .rating-meter-big div.star-rating a { background: url(" ../images/layout/projectPage-rating-big.png") no-repeat scroll 0 0 transparent;}

/*-------------
22.Detailed Buyer's Guide
--------------*/

/*HEADER SECTION */

#detailedBuyersGuide {  background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;}
#detailedBuyersGuide .btn_print, #projectStepsDetails .btn_print { color:#002d57; font-weight:bold; font-size:10px; text-transform:uppercase; background:url(../images/layout/smallicon_btnprint.png) no-repeat scroll 8px center #f6f6f6; width:92px; line-height:22px;display:block; float:right; padding-left:30px; }
#detailedBuyersGuide .btn_print:hover, #projectStepsDetails .btn_print:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnprint-hover.png) no-repeat scroll 8px center #0067C0; }
#detailedBuyersGuide p, #projectStepsDetails p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; }
#detailedBuyersGuide .infoText p, #projectStepsDetails .infoText p {color:#7c7b7b;}
#detailedBuyersGuide p a { font-weight:bold; color:#002d57; text-decoration:underline; }
#detailedBuyersGuide p a:hover { color:#0067C0; }
#detailedBuyersGuide #rightInfo { float: right; position: relative; top: -5px; width: 538px;}
#detailedBuyersGuide #rightInfo h2 { width:355px; padding-bottom:50px; }
#detailedBuyersGuide #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; }
#detailedBuyersGuide #rightInfo .detailsInfo { margin:10px 0 0; position: relative;}
#detailedBuyersGuide #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; }
#detailedBuyersGuide #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; }

#detailedBuyersGuide #rightInfo .btn_downloadpdf { color:#002d57; font-weight:bold; font-size:10px;  margin: 10px 0; text-transform:uppercase; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #f6f6f6; width:230px; line-height:22px;display:block; padding-left:30px; }
#detailedBuyersGuide #rightInfo .btn_downloadpdf:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #0067C0; }
#detailedBuyersGuide #rightInfo .horizontal_line { width:538px; height: 8px; background:#f6f6f6; margin:0 0 10px; }

#detailedBuyersGuide #rightInfo div.evaluationPreview { position:relative; }
#detailedBuyersGuide #rightInfo div.evaluationPreview a { color: #002d57; line-height: 15px; font-size: 11px; font-weight: bold; }
#detailedBuyersGuide #rightInfo div.evaluationPreview a:hover,
#detailedBuyersGuide #rightInfo div.evaluationPreview .nbReviews.active { color: #0067C0; }
#detailedBuyersGuide #rightInfo div.evaluationPreview .nbReviews { padding-right: 20px; background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat right 3px;  }

#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .h4 { font-size:13px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview ul { padding-bottom: 10px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li { overflow: hidden; padding-bottom: 5px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background:url("../images/icons/productPage-rating-small_project.png") no-repeat scroll right -14px transparent; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic { position: relative; float: left; background: #f7f6f6; width: 254px; height: 14px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic div { position: absolute; left: 0; top: 0; background: url(../images/layout/productPage-reviewsPreview-bg.gif) repeat-x 0 0; height: 14px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingNbVotes { display: block; float: right; color: #666; font-size: 11px; line-height: 14px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .writeReview { float: none; background-position: left 1px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .close { position: absolute; right: 35px; top: -10px; color: #002d57; font-size: 11px; line-height: 10px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview .close:hover { color: #0067C0; }
#detailedBuyersGuide #rightInfo div.evaluationPreview .writeReview { float: right; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#detailedBuyersGuide #rightInfo .textZone { padding:20px 0 40px;}
#detailedBuyersGuide #rightInfo ul.addOptions { padding: 10px 0 5px; float:left; }
#detailedBuyersGuide #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; }
#detailedBuyersGuide #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; }
#detailedBuyersGuide #rightInfo ul.addOptions > li > a:hover { color: #0067C0; }
#detailedBuyersGuide #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; }
#detailedBuyersGuide #rightInfo ul.addOptions > .active > a { color: #0067C0; }
#detailedBuyersGuide #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }
#detailedBuyersGuide #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; }
#detailedBuyersGuide #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; }
#detailedBuyersGuide #rightInfo .tendanceRona { float:right; }

#detailedBuyersGuide #projectPictures { margin-right: 548px; text-align: center; }
#detailedBuyersGuide #projectPictures #mainPicture { width:344px; height:344px; overflow:hidden;margin-bottom: 15px; }
#detailedBuyersGuide #projectPictures #mainPicture img { width: 344px;}
#detailedBuyersGuide #projectPictures #projectsThumbs { float: left; height: 52px; position: relative; }
#detailedBuyersGuide #projectPictures #projectsThumbs li { float: left; margin-left: 24px; }
#detailedBuyersGuide #projectPictures #projectsThumbs li:first-child { margin-left: 0; }
#detailedBuyersGuide #projectPictures #projectsThumbs li a { border: 0px solid #fff; display: block; width: 50px }
#detailedBuyersGuide #projectPictures #projectsThumbs li .activeBlock { display:none; position:absolute; width: 50px; height: 50px; background: url(../images/layout/productPage-slider_bgSelectedItem.png); }
#detailedBuyersGuide #projectPictures #projectsThumbs li.active .activeBlock { display:block; }
#detailedBuyersGuide #projectPictures #projectsThumbs li.video .activeBlock  { background: url("../images/layout/productPage-slider_video.png") repeat scroll 0 0 transparent; display:block!important;}
#detailedBuyersGuide #projectPictures .zoomImage { position: relative; float: right; margin-left: 0; z-index: 10; background:transparent; margin-right:1px}
#detailedBuyersGuide #projectPictures .zoomImage a { margin-right:7px; display: block; width: 50px; height: 58px; margin-top: -8px; text-indent: -3000px; background: transparent url(../images/layout/productPage-zoom-button.png); border: none; }
#detailedBuyersGuide #projectPictures .zoomImage a:hover { background-position: -50px 0; }

#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background: url(../images/icons/productPage-rating-small_project.png) no-repeat right -14px; }
#detailedBuyersGuide #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background: url(../images/icons/productPage-rating-small_project.png) no-repeat right -14px; }
#detailedBuyersGuide .rating-meter-small div.star-rating-on a {background-position: 0 -12px !important;}
#detailedBuyersGuide .rating-meter-small div.star-rating, 
#detailedBuyersGuide .rating-meter-small div.star-rating a{background:url(../images/icons/productPage-rating-small_project.png) no-repeat 0 2px;}


/* INFO SECTION */

/* sidebar */ 
#detailedBuyersGuideInfo  #relatedRight .row.tools .links {border: medium none; line-height: 16px; color:#002D57;}
#detailedBuyersGuideInfo  #relatedRight .row.tools .links:hover {color: #0067C0;}
#detailedBuyersGuideInfo  #relatedRight .row.tools .links  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;}
#detailedBuyersGuideInfo  #relatedRight .row.tools,
#detailedBuyersGuideInfo  #relatedRight #utilities {padding-bottom:20px;}
#detailedBuyersGuideInfo  #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;}

#detailedBuyersGuideInfo  #relatedRight div .title.middle{margin:0; }
#detailedBuyersGuideInfo  #relatedRight {padding-top:25px;}
#detailedBuyersGuideInfo  #ronavantages_cta img {padding-top:20px; float:left;}
#detailedBuyersGuideInfo  #relatedRight div {padding: 15px 0 0;}


/*utilities buttons */
#detailedBuyersGuideInfo  #utilities ul li.calculator a { background-position: 0 0; }
#detailedBuyersGuideInfo  #utilities ul li.units a { background-position: -58px 0; }
#detailedBuyersGuideInfo  #utilities ul li.measurement a { background-position: -116px 0; }
#detailedBuyersGuideInfo  #utilities ul li.calculator a:hover { background-position: 0 58px; }
#detailedBuyersGuideInfo  #utilities ul li.units a:hover { background-position: -58px 58px; }
#detailedBuyersGuideInfo  #utilities ul li.measurement a:hover { background-position: -116px 58px; }

/*dropdownSection */ 
#detailedBuyersGuideInfo #relatedLeft .wrapper {padding:10px; background:#fff; border-bottom:solid 8px #0067c0;margin-bottom:20px; }
#detailedBuyersGuideInfo #relatedLeft .wrapper .row ul li { color:#666; font-size:13px; font-weight:bold; }
#detailedBuyersGuideInfo #relatedLeft .wrapper .row ul li .black { color:#000; }
#detailedBuyersGuideInfo #relatedLeft .wrapper .row {background: #f6f6f6; padding:10px;} 
#detailedBuyersGuideInfo #relatedLeft .wrapper .link {font-size: 12px; font-weight: bold; color:#002d57; text-transform:uppercase; padding:10px 10px 10px 10px; background:url("../images/layout/white_arrow_on_blue_circle.png") no-repeat scroll 10px 7px #F6F6F6; margin-top:15px;} 
#detailedBuyersGuideInfo #relatedLeft .wrapper .link:hover {background-position: 10px -27px;} 
#detailedBuyersGuideInfo #relatedLeft .wrapper .link a {padding-left:35px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .link a .active{color: #0067C0;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .link a:hover {color: #0067C0;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .link .arrow {background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 -12px transparent;  height:13px;  width:20px;display:block; float:right;  position:relative; top:2px; cursor:pointer;} 
#detailedBuyersGuideInfo #relatedLeft .wrapper .link .arrow.active{background-position: 0 1px;} 

#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent {display:none;} 
#detailedBuyersGuideInfo #relatedLeft .wrapper #dropdown {padding-bottom:15px;}
/*1st dropdown */
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText{padding:16px 30px 0px 30px; color:#333; font-size:11px; line-height:17px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .titleBox{color:#fff; background:url("../images/layout/blue_circle.png") no-repeat scroll 0 0 transparent;  height: 19px; padding-bottom:15px;}

#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .titleBox .number{font-size:13px; font-size: 13px; left: 8px; padding-right: 19px; position: relative; top: 1px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .title {color:#0067C0; font-size:13px; font-weight:bold; padding-bottom:4px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .blue{font-size:11px; text-transform:none; color:#0067C0; font-weight:bold;}  
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText .blue:hover{color:#002d57;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText p {padding-bottom:24px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent .infoText p.bullet {padding-left:20px; margin-left:21px; background:url("../images/layout/bullet.png") no-repeat scroll 1px 6px transparent; }

/*2nd dropdown */
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent  .infoText .box img {padding-top:30px; width: 542px; margin:auto;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent  .infoText .box {text-align:center;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent  .infoText .titleBox .title{  color: #666666; padding-top: 5px; position: relative; top: 2px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent  .italics {color:#7c7b7b; font-style:italic;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .dropDownContent  .textBox{padding-bottom:26px;}

/* 3rd dropdown */
#detailedBuyersGuideInfo  #relatedLeft .wrapper  #travailTable {padding-top: 29px; padding-left:36px; clear:both; padding-bottom:40px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column {padding-right:8px;float:left; line-height:12px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.one {width:100px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.one .inner {width:60px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.two {width:108px; font-size:11px; color:#0067c0;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.two .inner{width:63px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.three{width:136px; font-size:11px; color:#333;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.three .inner{}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.four{width:157px; font-size:11px; color:#333;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.five{width:157px;padding-right:0px;font-size:11px; color:#333;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .topTitle,
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .subTop{font-size:11px; text-transform:uppercase; color:#fff;font-weight:bold; background:#0067C0; padding: 2px 0 2px 7px; }
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .subTop{background:#969ba2;} 
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .subColumnLeft{float:left; width:48%; padding-right:4%;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .subColumnRight{float:left;width:48%;} 
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .cell {margin-top:3px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .single {height:18px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .double {height:39px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .triple {height:60px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .large {height:42px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .doubleLarge {height:90px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column .row{padding:0px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .column.one {color:#0067c0; text-transform:uppercase; font-weight:bold; font-size:11px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent .inner{ padding:1px 0px 0 7px;display:block;} 

/* fourth dropdown */
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent  .infoText.compact {}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent  .infoText.compact p.bullet{padding-bottom: 2px; padding-left:20px; margin-left:20px;} 
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent  .infoText.compact p {padding-bottom: 2px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent  .infoText.compact .title {color: #666666; padding-top:18px; display:block;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent  .infoText.compact ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 22px; margin-left: 21px;}
#detailedBuyersGuideInfo  #relatedLeft .wrapper .dropDownContent  .infoText.compact ul li:hover {color: #0067C0;}

/*pageTop button */
#detailedBuyersGuideInfo .pageTop { background: url("../images/layout/sprite.png") no-repeat scroll -490px -221px transparent;
    bottom: 21px; color: #002D57; display: block; font-size: 11px; font-weight: bold; height: 10px; margin-bottom: 10px; padding-left: 18px; float:right; } 
#detailedBuyersGuideInfo .pageTop > a:hover { color: #0067C0; }
#detailedBuyersGuideInfo .wrapperTop{ height: 37px; margin: auto; display:block;padding-right: 6px;}
#detailedBuyersGuideInfo .wrapperTop.fourth{position: relative;    top: -14px;}
#detailedBuyersGuideInfo .wrapperTop.second{ height: 12px;position: relative;    top: -37px;}

/* buyer guide page open and close steps button */

#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll {  background:url("../images/layout/arrow-down-white-small.png") no-repeat scroll 10px 9px #002d57;color: #fff; cursor: pointer; display: block; float: right; font-size:10px; font-weight: bold; padding: 5px 9px 5px 25px; margin: 10px 0;text-transform: uppercase; width: 149px; clear: both; }
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll span.close {display:none;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll.active span.close {display:block;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll.active span.open {display:none;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll span.open {display:block;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll.active { padding-right: 2px;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll.active { background: url("../images/layout/arrow-up-white-small.png") no-repeat scroll 10px 9px #002d57;}
#detailedBuyersGuideInfo #relatedLeft .wrapper .button.openAll:hover {color: #f6f6f6;}


/*modal window */
 #addReviewForm.detailedBuyersGuide .content .item .title  {float:left; text-transform:uppercase; font-weight:bold; color:#666; font-size:12px; background:#f5d410;}
 #addReviewForm.detailedBuyersGuide .content .item  .titleBox {margin-top:20px;}
 #addReviewForm.detailedBuyersGuide .content textarea {resize: none;}
 #addReviewForm.detailedBuyersGuide .content textarea {color:#fff;}
 #addReviewForm.detailedBuyersGuide .rating-meter-big div.star-rating,
 #addReviewForm.detailedBuyersGuide .rating-meter-big div.star-rating a{background:url(../images/layout/projectPage-rating-big.png) no-repeat 6px 3px; }
 #addReviewForm.detailedBuyersGuide .rating-meter-big div.star-rating-on a{ background-position:4px -32px!important}
 #addReviewForm.detailedBuyersGuide .rating-meter-big div.star-rating-hover a{ background-position:4px -32px }
 #addReviewForm.detailedBuyersGuide .rating-meter-big div.star-rating-readonly a{ cursor:default !important}
 #addReviewForm.detailedBuyersGuide .rating-meter-big div.star-rating{ background:transparent!important; overflow:hidden!important}
 
 
  
/*-------------------
23.Tools
-------------------*/

#toolsPage .content { float:left; }
#toolsPage .content h2 { color: #0067c0; font-size: 33px; padding-bottom: 20px; text-transform:uppercase; }
#toolsPage .content h2 span { padding: 0 0 2px; border-bottom: 1px solid #0067c0; background: none; }
#toolsPage .content h3 { overflow: hidden; color: #fff; font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 30px; }
#toolsPage .content h3 span { display: block; float: left; background: #0067c0; }

#toolsList { overflow: hidden; }
#toolsList li { float: left; margin-bottom: 40px; padding-right: 20px; width: 167px; }
#toolsList li a { display: block; color: #0067c0; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 51px; padding-left: 60px; height: 53px; }
#toolsList li a:hover { color: #002d57; }

#toolsList li .beton-escaliers,
#toolsList li .beton-surface,
#toolsList li .beton-jointement,
#toolsList li .capacite-liquide,
#toolsList li .carreaux-de-ceramique,
#toolsList li .ossature-du-sous-sol,
#toolsList li .panneaux-de-gypse,
#toolsList li .papier-peint,
#toolsList li .tapis-ou-linoleum { line-height: 14px; padding-top: 12px; height: 41px; }

#toolsList li .beton-escaliers { background: url(../images/tools/CALCULATRICES_BETONESCALIER.png) no-repeat 0 0; }
#toolsList li .beton-surface { background: url(../images/tools/CALCULATRICES_BETONSURFACEOUDALLE.png) no-repeat 0 0; }
#toolsList li .beton-jointement { background: url(../images/tools/CALCULATRICES_BETONJOITEMENTPOTEAU.png) no-repeat 0 0; }
#toolsList li .capacite-liquide { background: url(../images/tools/CALCULATRICES_CAPACITELIQUIDE.png) no-repeat 0 0; }
#toolsList li .carreaux-de-ceramique { background: url(../images/tools/CALCULATRICES_CARREAUXDECERAMIQUE.png) no-repeat 0 0; }
#toolsList li .chauffage { background: url(../images/tools/CALCULATRICES_CHAUFFAGE.png) no-repeat 0 0; }
#toolsList li .climatisation { background: url(../images/tools/CALCULATRICES_CLIMATISATION.png) no-repeat 0 0; }
#toolsList li .isolant { background: url(../images/tools/CALCULATRICES_ISOLANT.png) no-repeat 0 0; }
#toolsList li .longueur { background: url(../images/tools/CALCULATRICES_LONGUEUR.png) no-repeat 0 0; }
#toolsList li .ossature-du-sous-sol { background: url(../images/tools/CALCULATRICES_OSSATUREDUSOUSSOL.png) no-repeat 0 0; }
#toolsList li .moulure { background: url(../images/tools/CALCULATRICES_MOULURES.png) no-repeat 0 0; }
#toolsList li .panneaux-de-gypse { background: url(../images/tools/CALCULATRICES_PANNEAUDEGYPSE.png) no-repeat 0 0; }
#toolsList li .papier-peint { background: url(../images/tools/CALCULATRICES_PAPIERPEINT.png) no-repeat 0 0; }
#toolsList li .poids { background: url(../images/tools/CALCULATRICES_POIDS.png) no-repeat 0 0; }
#toolsList li .peinture { background: url(../images/tools/CALCULATRICES_PEINTURE.png) no-repeat 0 0; }
#toolsList li .semences { background: url(../images/tools/CALCULATRICES_SEMENCES.png) no-repeat 0 0; }
#toolsList li .surface { background: url(../images/tools/CALCULATRICES_SURFACE.png) no-repeat 0 0; }
#toolsList li .terre { background: url(../images/tools/CALCULATRICES_TERRE.png) no-repeat 0 0; }
#toolsList li .tapis-ou-linoleum { background: url(../images/tools/CALCULATRICES_TAPISOULINOLEUM.png) no-repeat 0 0; }
#toolsList li .toiture { background: url(../images/tools/CALCULATRICES_TOITURE.png) no-repeat 0 0; }
#toolsList li .ventilation { background: url(../images/tools/CALCULATRICES_VENTILATION.png) no-repeat 0 0; }
#toolsList li .volume { background: url(../images/tools/CALCULATRICES_VOLUME.png) no-repeat 0 0; }

#toolsList li .beton-escaliers:hover { background: url(../images/tools/CALCULATRICES_BETONESCALIER_OVER.png) no-repeat 0 0; }
#toolsList li .beton-surface:hover { background: url(../images/tools/CALCULATRICES_BETONSURFACEOUDALLE_OVER.png) no-repeat 0 0; }
#toolsList li .beton-jointement:hover { background: url(../images/tools/CALCULATRICES_BETONJOITEMENTPOTEAU_OVER.png) no-repeat 0 0; }
#toolsList li .capacite-liquide:hover { background: url(../images/tools/CALCULATRICES_CAPACITELIQUIDE_OVER.png) no-repeat 0 0; }
#toolsList li .carreaux-de-ceramique:hover { background: url(../images/tools/CALCULATRICES_CARREAUXDECERAMIQUE_OVER.png) no-repeat 0 0; }
#toolsList li .chauffage:hover { background: url(../images/tools/CALCULATRICES_CHAUFFAGE_OVER.png) no-repeat 0 0; }
#toolsList li .climatisation:hover { background: url(../images/tools/CALCULATRICES_CLIMATISATION_OVER.png) no-repeat 0 0; }
#toolsList li .isolant:hover { background: url(../images/tools/CALCULATRICES_ISOLANT_OVER.png) no-repeat 0 0; }
#toolsList li .longueur:hover { background: url(../images/tools/CALCULATRICES_LONGUEUR_OVER.png) no-repeat 0 0; }
#toolsList li .ossature-du-sous-sol:hover { background: url(../images/tools/CALCULATRICES_OSSATUREDUSOUSSOL_OVER.png) no-repeat 0 0; }
#toolsList li .moulure:hover { background: url(../images/tools/CALCULATRICES_MOULURES_OVER.png) no-repeat 0 0; }
#toolsList li .panneaux-de-gypse:hover { background: url(../images/tools/CALCULATRICES_PANNEAUDEGYPSE_OVER.png) no-repeat 0 0; }
#toolsList li .papier-peint:hover { background: url(../images/tools/CALCULATRICES_PAPIERPEINT_OVER.png) no-repeat 0 0; }
#toolsList li .poids:hover { background: url(../images/tools/CALCULATRICES_POIDS_OVER.png) no-repeat 0 0; }
#toolsList li .peinture:hover { background: url(../images/tools/CALCULATRICES_PEINTURE_OVER.png) no-repeat 0 0; }
#toolsList li .semences:hover { background: url(../images/tools/CALCULATRICES_SEMENCES_OVER.png) no-repeat 0 0; }
#toolsList li .surface:hover { background: url(../images/tools/CALCULATRICES_SURFACE_OVER.png) no-repeat 0 0; }
#toolsList li .terre:hover { background: url(../images/tools/CALCULATRICES_TERRE_OVER.png) no-repeat 0 0; }
#toolsList li .tapis-ou-linoleum:hover { background: url(../images/tools/CALCULATRICES_TAPISOULINOLEUM_OVER.png) no-repeat 0 0; }
#toolsList li .toiture:hover { background: url(../images/tools/CALCULATRICES_TOITURE_OVER.png) no-repeat 0 0; }
#toolsList li .ventilation:hover { background: url(../images/tools/CALCULATRICES_VENTILATION_OVER.png) no-repeat 0 0; }
#toolsList li .volume:hover { background: url(../images/tools/CALCULATRICES_VOLUME_OVER.png) no-repeat 0 0; }

#toolsPage .sidebar { margin-top: 60px; }
#toolsPage .sidebar > div { padding: 15px 0; }
#toolsPage .sidebar > div:first-child { padding-top: 0; border: none; }


/*-------------------
24.Shopping Cart
-------------------*/

#shoppingCartPage .content { position: relative; width:auto; float:none;}

/* Options */
#shoppingCartOptions { overflow: hidden; position: absolute; right: 0; top: 0; }
#shoppingCartOptions li { float: left; line-height: 22px; margin-left: 25px; }
#shoppingCartOptions li .continueShopping { display: block; color: #002D57; font-size: 11px; font-weight: bold; padding-left: 20px; background: url(../images/layout/arrow-left-light-blue-small.png) no-repeat left 6px; }
#shoppingCartOptions li .continueShopping:hover { color: #0067C0; }

#shoppingCartPage .content .count {color: #666666; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#shoppingCartPage .content #paymentError,
#checkoutPage #paymentError { color: #d11919; font-size: 14px; margin-bottom: 15px; }


/* More information */
#shoppingCartPage .content #moreInformation { overflow: hidden; margin-bottom: 7px; padding-bottom: 10px; background: #ffffff; }
/*#shoppingCartPage .content #moreInformation h2 { color: #0067C0; font-size: 19px; text-transform: uppercase; margin-bottom: 2px; margin-right: 10px; }*/
#shoppingCartPage .content #moreInformation h2 span { color: #666666; }
#shoppingCartPage .content #moreInformation h2 span.liv {display:inline-block;width:18px; background: url("../images/layout/truck.png") no-repeat scroll 0 2px #ffffff;}
#shoppingCartPage .content #moreInformation p { float: left; font-size: 11px; }
#shoppingCartPage .content #moreInformation a { float: left; font-size: 11px; color: #0067c0; text-decoration: underline; }
#shoppingCartPage .content #moreInformation h2 {color: #0067C0; font-size: 14px; font-weight:bold; text-transform: uppercase; margin-bottom: 2px; margin-right: 10px;}
#shoppingCartPage .content #moreInformation.qof h2 { 
	color: #0067C0; font-size: 14px; font-weight:bold; text-transform: uppercase; margin-bottom: 2px; margin-right: 10px;
	padding-left:50px;
	line-height: 51px; 
	background: url("../images/layout/tag_panier_2h.png") no-repeat scroll 0 0 #ffffff;
}
#shoppingCartPage .content #moreInformation.qof h2.noicon {
	background-image: none;
	padding-left: 0;
}
#shoppingCartPage .content #moreInformation.qof h2 span { color: #666666; }

/* Empty shopping cart */

#shoppingCartEmpty { margin: 35px 0 10px; }
#shoppingCartEmpty > div p { color: #666; font-size: 18px; text-align: center; text-transform: uppercase; line-height: 66px; margin: 0 auto; background: #f6f6f6; width: 440px; }

/* Shopping list */
#shoppingCartList > li { position: relative; overflow: hidden; padding: 15px 0 1px; border-bottom: 1px solid #e5e5e5; }
#shoppingCartList > li > div { position: relative; float: left; }
#shoppingCartList > li .details { width: 595px; text-align: left; padding-left:10px;}
#shoppingCartList > li .quantity { width: 130px; text-align: center; }
#shoppingCartList > li .status { width: 160px; text-align: center;display:none;}
#shoppingCartList > li .status > div {color:#666666;font-weight: bold;font-size: 11px;}
#shoppingCartList > li .status > div.commit {color:#0067c0;font-size: 12px; }
#shoppingCartList > li .status > div.revised {font-size: 11px;font-weight: normal;}
#shoppingCartList > li .status > div.revised > div {color:#d11919;font-weight: bold;}
#shoppingCartList > li .price { width: 115px; text-align: right; }
#shoppingCartList > li .total { width: 150px; text-align: right; }
#shoppingCartList > li.item > .priceRow {display:table-row;}
#shoppingCartList > li.item > .priceRow > div { position: relative; display:table-cell; padding:12px 0;vertical-align: top;}
#shoppingCartList > li.item > .priceRow > div.status {display:none;}
#shoppingCartList > li.item > .priceRow > .price { padding:1px 30px 12px 0; width: 85px; }
#shoppingCartList > li.item > .priceRow > .total { padding:16px 35px 0 0; width: 114px; border-left: 1px solid #e5e5e5;}
#shoppingCartList > li > .priceRow .update  {color: #666666;display: block;font-size: 11px;text-decoration: underline;line-height: 20px;}
#shoppingCartList.qof  > li .status { display:block;}
#shoppingCartList.qof > li .details { width: 435px;}
#shoppingCartList.qof > li.item > .priceRow > div.status {display:table-cell;padding-top: 22px;vertical-align: top;}

#shoppingCartList > li > .price h3 span,
#shoppingCartList > li > .total h3 span { float: right; }

#shoppingCartList > .headers { padding:0.2em 0; background-color:#f1f1f1; color:#666666; font-size:12px; }
#shoppingCartList > .headers > div { min-height:auto; text-align:center;font-weight: bold; }
#shoppingCartList > .headers > div.details { text-align:left; }

#shoppingCartList > li > .details .delete {left: 0;position: absolute;top: 90px;color: #666666;display: block;font-size: 11px;text-decoration: underline;width:76px;text-align: center; margin-left: 10px;}

#shoppingCartList > li > .details img { float: left; width: 76px; height: 76px; }
#shoppingCartList > li > .details .specs { position: relative; margin-left: 115px; width: 330px; height: 115px; }
#shoppingCartList > li > .details .specs span { display: block; }
#shoppingCartList > li > .details .specs .brand { color: #666; font-size: 11px; text-transform: uppercase; }
#shoppingCartList > li > .details .specs .name { color: #666; font-size: 15px; font-weight: bold; margin: 5px 0; }
#shoppingCartList > li > .details .specs .name a { color: #0067c0; }
#shoppingCartList > li > .details .specs .name a:hover { color: #666; }
#shoppingCartList > li > .details .specs .sku { color: #666666; font-size: 12px; line-height: 1.2em; }
#shoppingCartList > li > .details .specs .format { color: #666666; font-size: 12px; line-height: 1.2em; }
#shoppingCartList > li > .details .specs .options { position: absolute; bottom: 0; left: 0; }
#shoppingCartList > li > .details .specs .options .option-name { color: #333333; font-size: 11px; font-weight: bold; padding: 5px 0 0; }
#shoppingCartList > li > .details .specs .options .option-value { color: #0067C0; font-size: 11px; font-weight: bold; }
#shoppingCartList > li > .details .specs .productDetails { list-style: none; overflow: hidden; }
#shoppingCartList > li > .details .specs .productDetails li { float: left; width: 160px; }

#shoppingCartList > li > .priceRow > .quantity input { border:1px solid #e5e5e5; width:47px; height:28px; line-height:28px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; }
#shoppingCartList > li > .priceRow > .quantity .promotions { clear: both; padding-top: 10px; width: 100%; }
#shoppingCartList > li > .priceRow > .quantity .promotionName { display: block; font-size: 13px; color: #0067c0; font-weight: bold; text-transform: uppercase; line-height: 16px; padding: 15px 0 0; }

#shoppingCartList > li > .priceRow > .price .regularPrice{ font-size: 12px; text-decoration: line-through;  padding-right: 10px;}
#shoppingCartList > li > .priceRow > .price .regular.rebatePrice {color: #d11919;}
#shoppingCartList > li > .priceRow > .price .regular,
#shoppingCartList > li > .priceRow > .total .regular,
#shoppingCartList > li > .priceRow > .total .regular-plus-rebate { display: block; font-size: 18px; font-weight: bold; color: #666666; padding: 0; }
#shoppingCartList > li > .priceRow > .total .regular.rebatePrice {color: #d11919;}
#shoppingCartList > li > .priceRow > .price .rebate,
#shoppingCartList > li > .priceRow > .total .rebate { display: block; clear: both; font-size: 18px; font-weight: bold; color: #0067c0; padding: 0; background: #f0cf14; }
#shoppingCartList > li > .priceRow > .total .regular-plus-rebate { height: auto; }

#shoppingCartList > li > .priceRow > .price .uom {color:#666666; font-size:12px; clear:both; padding-right: 15px; padding-left:15px;}

#shoppingCartList > .notAvailable > .priceRow > .price { opacity: 0.2; filter: alpha(opacity=20); }

#shoppingCartList li .rebateRows {width:555px;float:right;}
#shoppingCartList li .rebateRow {display:table-row;}
#shoppingCartList li .rebateRow > * {padding:2px 0;}
#shoppingCartList li .rebateRow:last-child > * {padding-bottom:12px;}
#shoppingCartList li .rebateRow .promotionName {display:table-cell;width:391px;
font-size: 13px; color: #d11919; font-weight: bold; text-align:right; padding-right:12px;}
#shoppingCartList li .rebateRow .rebate{width:114px;font-size:18px;font-weight:bold;color:#d11919;padding-right:35px;text-align:right;display:table-cell;border-left:1px solid #e5e5e5;}
#shoppingCartList li .rebateRows .regular-plus-rebate
{width:114px;font-size:18px;font-weight:bold;color:#666666;padding-right:35px;text-align:right;display:table-cell;border-left:1px solid #e5e5e5;}

#shoppingCartList > li > .delete { display: block; position: absolute; left: 5px; bottom: 12px; color: #666666; font-size: 11px; text-decoration:underline; }
#shoppingCartList > li > .delete:hover { color: #0067C0; }
#shoppingCartList > li > .moveToWishlist { display: block; position: absolute; left: 125px; top: 105px; color: #666666; font-size: 11px; text-decoration:underline; }
#shoppingCartList > li > .moveItemToWishlist { display: block; position: absolute; left: 125px; top: 105px; color: #666666; font-size: 11px; text-decoration:underline; }
#shoppingCartList > li > .moveToWishlist:hover { color: #0067C0; }
#shoppingCartList > li > .moveToWishlist.moved { color: #0067C0; background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }
#shoppingCartList > li > .groundShippingOnly { display: block; position: absolute; left: 385px; margin-top: 195px; color: #666; font-size: 11px; line-height: 22px; padding-left: 35px; background: url(../images/layout/icon_truck.png) no-repeat 0 4px; }

/* Shopping Summary */

#shoppingCartSummary { position: relative; overflow: hidden; padding-top: 20px; float: right; }
#shoppingCartSummary .paymentInfos { float: right; color: #666; width: 430px; }
#shoppingCartSummary .paymentInfos .charge { overflow: hidden; padding: 2px 0; }
#shoppingCartSummary .paymentInfos .charge span { display: block; float: left; line-height: 25px; }
#shoppingCartSummary .paymentInfos .charge .charge-name { font-size: 13px; text-align: right;  width: 240px; margin-right:10px;}
#shoppingCartSummary .paymentInfos .charge .charge-price { float: right; font-size: 18px;  font-weight: bold; text-align: right; padding: 0 35px 0 1px; }
#shoppingCartSummary .paymentInfos .charge .promo-code {margin-left: 45px; height:22px; background: url("../images/layout/btn-code-promo.png") no-repeat scroll right top #FFFFFF;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 	border:1px solid #E7E7E7;
 	line-height: 20px;
}
#shoppingCartSummary .paymentInfos .charge.rebate { color: #d11919; }
#shoppingCartSummary .paymentInfos .charge .promo-code input {width: 60px;margin:4px 0 0 5px;font-size: 12px;}
#shoppingCartSummary .paymentInfos .charge .promo-code a {width: 25px;display:inline-block;}
#shoppingCartSummary .paymentInfos #PromotionError.error{display: block;font-size: 12px;padding: 2px 30px 5px 30px;text-align: right;}
#shoppingCartSummary .paymentInfos .total .charge-price { font-size: 24px; color: #0067c0; }
#shoppingCartSummary .paymentInfos .charge.total span { line-height: 30px; margin-top:5px; }

#shoppingCartSummary .paymentInfos .enterPromotionCode { position: relative; margin: 10px 0 5px; padding: 10px 15px; background: #e9e9e9; }
#shoppingCartSummary .paymentInfos .enterPromotionCode label span { display: block; color: #666; font-size: 11px; padding-bottom: 5px; }
#shoppingCartSummary .paymentInfos .enterPromotionCode label .error { font-weight: bold; color: #d11919; }
#shoppingCartSummary .paymentInfos .enterPromotionCode label input { font-size: 11px; padding: 0 10px; background: #fff; width: 165px; height: 22px; }
#shoppingCartSummary .paymentInfos .enterPromotionCode .update { display: block; position: absolute; right: 15px; bottom: 10px; color: #FFFFFF; font-size: 10px; text-transform: none; line-height: 22px; padding-left: 10px; padding-right: 10px; 

background: #024a84; /* Old browsers */
	background: -moz-linear-gradient(top, #024a84 0%, #003a68 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#024a84), color-stop(100%,#003a68)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #024a84 0%,#003a68 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #024a84 0%,#003a68 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #024a84 0%,#003a68 100%); /* IE10+ */
	background: linear-gradient(to bottom, #024a84 0%,#003a68 100%); /* W3C */
 }
#shoppingCartSummary .paymentInfos .enterPromotionCode .update:hover { background-color: #0067C0; }

#shoppingCartFooter .pay-btn { display: inline-block; color: #fff; font-size: 18px; text-transform: uppercase; text-align: center; height: 28px; margin-bottom: 15px; padding:10px 20px 0 50px; background: #3f9c35 url(../images/layout/shoppingCart_pay-btn.gif) no-repeat left 0; }
#shoppingCartFooter .pay-btn:hover { background: #0067c0 url(../images/layout/productPage-addToCart-button.png) no-repeat 0 -36px; }
#shoppingCartFooter .secured-payment img { float: right; }
#shoppingCartFooter .cancel {
	width:230px;float:left;text-align: left;
	border-right: 1px solid #e5e5e5;
}
#shoppingCartFooter .cancel p {
	font-size: 11px;
}
#shoppingCartFooter .cancel span {
    color: #0067c0;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

#shoppingCartPage .shippingInfos {float: left; color:#666666; font-size: 14px; padding: 10px; width: 500px; }
#shoppingCartPage .shippingInfos .address .title { font-family: Arial; display: block; font-weight: bold; color: #0067c0; margin:15px 0 5px 0;}
#shoppingCartPage .shippingInfos .address .name { font-weight: bold; }
#shoppingCartPage .shippingInfos .address .changeStore { display:inline-block; font-size: 11px; text-decoration:underline; margin-top: 10px; }
#shoppingCartPage .shippingInfos .address .changeStore:hover { color: #0067c0; }
.wait {font-size: 14px; color: #0067c0; background: url(../images/layout/blue-bullet.png) no-repeat 0 4px #ffffff; padding-left:15px;margin-top:20px;font-weight: bold;}
#shoppingCartPage .shippingInfos .wait { color: #0067c0; background: url(../images/layout/blue-bullet.png) no-repeat 0 4px #ffffff; padding-left:15px;margin-top:20px;font-weight: bold;}

.productDisclaimer {
    float: left;
    font-family: Arial;
    font-size: 12px;
    margin-top: 3px;
    position: relative;
	margin-top:30px;
	margin-bottom:30px;
}

.hidden{
	display:none;
}
#shoppingCartFooter {clear:both;}

/*-------------------
25.My Rona Space
-------------------*/

/* Header */

#ronaSpaceHeader { overflow: hidden; padding-top: 15px; padding-bottom: 40px; }
#ronaSpaceHeader img { float: left;}
#ronaSpaceHeader > div { margin-left: 0px; padding-bottom: 50px; }
#ronaSpaceHeader > div .tagline { overflow: hidden; position: relative; font-size: 25px; color: #666; line-height: 25px; text-transform: uppercase; margin-bottom: 15px; padding-top: 20px; }
#ronaSpaceHeader > div .tagline span { display: block; clear: both; float: left; margin-top: -4px;padding: 3px 4px 0; background: #f5d410; }
/*#ronaSpaceHeader > div p { font-size: 12px; color: #666; line-height: 16px; margin-bottom: 15px; margin-left: 290px;}*/
/*#ronaSpaceHeader > div a { display: block; color: #002d57; font-size: 11px; font-weight: bold; line-height: 11px; margin-bottom: 10px; margin-left: 290px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; }*/
#ronaSpaceHeader > div p { font-size: 12px; color: #666; line-height: 16px; margin-bottom: 15px;}
#ronaSpaceHeader > div a { padding-left:5px; padding-top:4px; text-transform:uppercase; font-size:9px; font-weight: bold; color: #002d57; }*/

#ronaSpaceHeader > div a:hover { color: #0067c0; }

/* Panels */

#ronaSpace .content { float:left; }

#ronaSpacePanels { position: relative; }
#ronaSpacePanels .toggleAll { display: block; position: absolute; right: 0; top: -40px; color: #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 22px; padding-left: 30px; padding-right: 15px; background: #002D57 url(../images/layout/arrow-down-white-small.png) no-repeat 8px 8px; }
#ronaSpacePanels .toggleAll.active { background: #002D57 url(../images/layout/arrow-up-white-small.png) no-repeat 8px 8px; }
#ronaSpacePanels .toggleAll:hover { background-color: #0067c0; }

#ronaSpacePanels > ul { margin-bottom: 10px; padding: 15px 10px 5px; border-top: 7px solid #0067c0; border-bottom: 7px solid #0067c0; background: #fff; }
#ronaSpacePanels > ul > li { margin-bottom: 10px; }
#ronaSpacePanels > ul > li > .toggle { background: #f6f6f6 url(../images/layout/ronaSpace_toggle-arrow-expand.png) no-repeat 695px 15px; height: 40px; cursor: pointer; }
#ronaSpacePanels > ul > li > .toggle:hover { background-position: 695px -16px; }
#ronaSpacePanels > ul > li > .toggle span { display: block; color: #002d57; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 41px; padding-left: 38px; background: url(../images/layout/ronaSpace_toggle-arrow.gif) no-repeat 10px center; }
#ronaSpacePanels > ul > li > .toggle:hover span { color: #0067c0; }
#ronaSpacePanels > ul > li > .active { background: #f6f6f6 url(../images/layout/ronaSpace_toggle-arrow-close.png) no-repeat 695px -16px; }
#ronaSpacePanels > ul > li > .active span { color: #0067c0; }

#ronaSpacePanels > .ui-tabs-panel > .slide { display: none; color: #333; font-size: 11px; zoom: 1; }
#ronaSpacePanels > .ui-tabs-panel > .slide > div { position: relative; margin-top: 0px;width:740px }
#ronaSpacePanels > .ui-tabs-panel > .slide > div .edit { display: block; position: absolute; right: 20px; top: 0; color: #002d57; font-size: 11px; font-weight: bold; line-height: 11px; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; z-index: 10; }
#ronaSpacePanels > .ui-tabs-panel > .slide > div .edit:hover { color: #0067c0; }

#ronaSpacePanels > .ui-tabs-panel > .slide > form { display: none; }
#ronaSpacePanels > .ui-tabs-panel > .slide > form > .options { overflow: hidden; padding: 10px 10px 5px; }
#ronaSpacePanels > .ui-tabs-panel > .slide > form > .options a { }
#ronaSpacePanels > .ui-tabs-panel > .slide > form > .options a:hover { background: #F0CF14; color: #333; }
/*#ronaSpacePanels > .ui-tabs-panel > .slide > form > .options a.disabled { background-color: #F0CF14; }
#ronaSpacePanels > .ui-tabs-panel > .slide > form > .options a.disabled:hover { background-color: #333; }*/
#ronaSpacePanels > .ui-tabs-panel > .slide > form > .options a.save { width: 135px;  }
#ronaSpacePanels > .ui-tabs-panel > .slide.edit > div { display: none; }
#ronaSpacePanels > .ui-tabs-panel > .slide.edit > form { display: block; }

#ronaSpacePanels .help { position: absolute; overflow: visible; z-index: 15; }
#ronaSpacePanels .help > span { display: block; text-indent: -5000px; margin: 0; background: url(../images/layout/ronaSpace_icon-help.png) no-repeat 0 0; width: 14px; height: 14px; cursor: pointer; }
#ronaSpacePanels .help > div { display: none; position: absolute; left: -97px; bottom: 26px; z-index: 15; color: #fff; font-size: 13px; font-weight: bold; line-height: 15px; padding: 15px; background: #0067c0; width: 180px; }
#ronaSpacePanels .help > div .arrow { display: block; position: absolute; bottom: -10px; left: 94px; background: url(../images/layout/trendsPage-product-arrows.png) no-repeat 0 0; width: 20px; height: 10px; }
#ronaSpacePanels .help.contrast > span { background-position: 0 -14px; }

#ronaSpacePanels .personalInfos ul { padding-bottom: 1px; }
#ronaSpacePanels .personalInfos > div > ul > li,
#ronaSpacePanels .personalInfos > form > ul > li { position: relative; font-weight: bold; margin: 0 10px 10px; padding-bottom: 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .personalInfos ul li .label { color: #0067c0; font-size: 9px; text-transform: uppercase; margin-bottom: 5px; }
#ronaSpacePanels .personalInfos > div ul li .value { color: #666; font-size: 9px;}
#ronaSpacePanels .personalInfos > div ul li .unknown { color: #cecece; }
#ronaSpacePanels .personalInfos > div ul li .address-type { display: block; position: absolute; right: 0; bottom: 10px; font-size: 11px; color: #cecece; }
#ronaSpacePanels .personalInfos > div ul li .helpNick { left: 120px; top: 0; }
#ronaSpacePanels .personalInfos > div ul li .helpNickfr { left: 112px; top: 0; }
#ronaSpacePanels .personalInfos > div ul li .helpFavStore { left: 120px; top: 0; }
#ronaSpacePanels .personalInfos > div ul li .helpFavStorefr { left: 112px; top: 0; }
#ronaSpacePanels .personalInfos > div ul li .helpBD { left: 129px; top: 0; }
#ronaSpacePanels .personalInfos > div ul li .helpBDfr { left: 193px; top: 0; }
#ronaSpacePanels .personalInfos > form { margin-top: 20px; }

/****radio buttons ****/
#ronaSpacePanels .myform-filter .value label { cursor: default; float:left;  font-weight: bold;} 
#ronaSpacePanels .myform-filter .value span, #ronaSpacePanels .myform-filter .value span input{float:left; font-size: 9px; }
#ronaSpacePanels .myform-filter .value .choice {padding:10px 20px 0 0; font-weight: bold;width: 125px;}
#ronaSpacePanels .myform-filter .value .radiobuttons .choice {padding:23px 35px 0 0;width:auto;}
#ronaSpacePanels .myform-filter .value .title {padding-right:18px;} 
#ronaSpacePanels .myform-filter .value .choice div {padding-right:9px;}

#ronaSpacePanels #form-filter .radioArea {width:16px; height:16px; background: url("../images/layout/sprite.png") no-repeat scroll -99px -160px transparent; display:block; float: left;}
#ronaSpacePanels #form-filter .radioAreaChecked {width:16px; height:16px; background: url("../images/layout/sprite.png") no-repeat scroll -79px -180px transparent; display:block; float: left;}


#ronaSpacePanels .personalInfos > form ul li .text { width: 175px; float:left; margin-right:20px; }
#ronaSpacePanels .personalInfos > form ul li .text span { white-space: nowrap;display: block; font-size: 9px; color: #333; font-weight: bold; margin-bottom: 5px; }
#ronaSpacePanels  div.cols {margin-bottom: 0px !important; }
#ronaSpacePanels .error ul li { color: #d11919; white-space: nowrap;display: block; font-size: 9px; font-weight: bold; margin-bottom: 5px; }
#ronaSpacePanels .personalInfos > form ul li .text .error { color: #D11919; }
#ronaSpacePanels .personalInfos > form ul li .text input { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 10px; background: #e6e6e6; width: 155px; height: 22px; }
#ronaSpacePanels .personalInfos > form ul li .big { width: 440px; }
#ronaSpacePanels .personalInfos > form ul li .big input { width: 420px; }
#ronaSpacePanels .personalInfos > form ul li .small { width: 80px; }
#ronaSpacePanels .personalInfos > form ul li .small input { width: 60px; }
#ronaSpacePanels .personalInfos > form ul li .value { overflow: hidden; }
#ronaSpacePanels .personalInfos > form ul li .overflow { overflow:visible; padding-bottom:20px; }
#ronaSpacePanels .personalInfos > form ul li .value .modifyPWD {  line-height: 18px;   }
#ronaSpacePanels .personalInfos > form ul li .value .modifyPWD:hover { background-color: #0067c0; }
#ronaSpacePanels .personalInfos > form ul li .value .newPWD { display: none; }
#ronaSpacePanels .personalInfos > form ul li .option { float: left; margin-right: 20px; }
#ronaSpacePanels .personalInfos > form ul li .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;font-size:10px;font-weight:bold;}
#ronaSpacePanels .personalInfos > form ul li .option div.selectbox-wrapper {position:absolute;width:179px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:0px;left:0px;z-index:998;}
#ronaSpacePanels .personalInfos > form ul li .option div.selectbox-wrapper ul { padding-bottom: 0;}
#ronaSpacePanels .personalInfos > form ul li .option div.selectbox-wrapper ul li.selected, 
#ronaSpacePanels .personalInfos > form ul li .option div.selectbox-wrapper ul li.current { background: #0067C0; color: #fff; }
#ronaSpacePanels .personalInfos > form ul li .option div.selectbox-wrapper ul li { display:block; padding:4px 10px; margin:0; cursor:pointer; font-size: 11px; font-weight: bold; color: #333; }
#ronaSpacePanels .personalInfos > form ul li .option .selectbox { display: block; line-height: 20px; margin: 0px; height: 20px; padding-left: 10px; width: 102px; display: block; background: #e6e6e6 url(../images/layout/arrow-down-light-blue-medium.png) no-repeat right 7px; cursor: pointer; color:#333; font-size: 11px; font-weight: bold; border: none; }
#ronaSpacePanels .personalInfos > form ul li .option.day .selectbox { width: 75px; }
#ronaSpacePanels .personalInfos > form ul li .option.day .selectbox-wrapper { width: 85px!important; }
#ronaSpacePanels .personalInfos > form ul li .option.month .selectbox { width: 120px; }
#ronaSpacePanels .personalInfos > form ul li .option.month .selectbox-wrapper { width: 130px!important; }
#ronaSpacePanels .personalInfos > form ul li .option.year .selectbox { width: 95px; }
#ronaSpacePanels .personalInfos > form ul li .option.year .selectbox-wrapper { width: 105px!important; }
#ronaSpacePanels .personalInfos > form ul li .help { left: 375px; bottom: 13px; }
#ronaSpacePanels .personalInfos > form ul li .nickname-help { left: 575px; bottom: 13px; }
#ronaSpacePanels .personalInfos > form ul li .favStore { font-size: 9px; }
#ronaSpacePanels .personalInfos > form ul li .helpFavStore { left: 120px; top: 0; }
#ronaSpacePanels .personalInfos > form ul li .helpFavStorefr { left: 112px; top: 0; }
#ronaSpacePanels .personalInfos > form ul li .value.address label {margin-bottom: 10px; font-size: 9px; }

/*selectwrapper for the Province*/
#ronaSpacePanels .personalInfos > form ul li .value.address .labelProvince { float:left; }
#ronaSpacePanels .personalInfos > form ul li .value.address .labelProvince span{ float:none;display:block;margin-bottom: 5px; }
#ronaSpacePanels .personalInfos > form ul li .value.address .labelProvince #province_row { float:none; }
#ronaSpacePanels .personalInfos > form ul li .value.address .labelProvince #province_row #province_input{width: 165px; height:22px;}

#ronaSpacePanels .myAddressBook ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myAddressBook ul li { overflow: hidden; padding: 15px 0 0px 0px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myAddressBook ul li.overflow {overflow:visible;}
#ronaSpacePanels .myAddressBook ul li.noborder { padding: 0; border-bottom: none; }
#ronaSpacePanels .myAddressBook ul li > div { float: left; color: #666; font-size: 9px; font-weight: bold; padding-right: 2px; width: 175px; }
#ronaSpacePanels .myAddressBook ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myAddressBook > div ul li > .zipcode { width: 85px !important; height: 36px;  }
#ronaSpacePanels .myAddressBook > div ul li > .appartment { width: 45px !important;  }
#ronaSpacePanels .myAddressBook > div ul li > .billing { width: 86px !important; }
#ronaSpacePanels .myAddressBook ul li > .title { font-size: 11px; color: #cecece; width: 95px;  }
#ronaSpacePanels .myAddressBook ul .headers { padding: 0 0 10px 0; border: none; }
#ronaSpacePanels .myAddressBook ul .headers > div > span { display: block; color: #fff; font-size: 9px; text-transform: uppercase; line-height: 18px; padding: 0 0 0 5px; background: #0067c0; }
#ronaSpacePanels > ul > li > .myAddressBook > form > .options { padding-top: 5px; }
#ronaSpacePanels .myAddressBook ul .headers > div.zipcode > span,
#ronaSpacePanels .myAddressBook ul .headers > div.address > span,
#ronaSpacePanels .myAddressBook ul .headers > div.province > span, 
#ronaSpacePanels .myAddressBook ul .headers > div.city > span,
#ronaSpacePanels .myAddressBook ul .headers > div.appartment > span {height: 36px;line-height: 36px;}
#ronaSpacePanels .myAddressBook ul .headers > div.billing > span {height: 36px;line-height: 36px;}
#ronaSpacePanels .myAddressBook > form ul li > .zipcode { width: 85px; height: 36px;line-height: 36px; }
#ronaSpacePanels .myAddressBook > form ul li > .city,
#ronaSpacePanels .myAddressBook ul li > div.city {width: 145px !important;}
#ronaSpacePanels .myAddressBook ul li form#myAddressBookForm ul li.headers div.province { width: 139px; }
#ronaSpacePanels .myAddressBook ul li > div.province {width: 66px}
#ronaSpacePanels .myAddressBook > form ul li > .province {width: 116px;}
#ronaSpacePanels .myAddressBook > form ul li > .appartment { width: 55px; }
#ronaSpacePanels .myAddressBook > form ul li > .billing { width: 55px; }
#ronaSpacePanels .myAddressBook > div ul .headers > .title { padding-top: 0; width: 95px; }
#ronaSpacePanels .myAddressBook > form ul li > .options { padding-right: 0; width: 161px; }
#ronaSpacePanels .myAddressBook > form ul li > div { font-size: 9px; line-height: 22px; }
#ronaSpacePanels .myAddressBook > form ul li > div > span { padding: 0 10px; }
#ronaSpacePanels .myAddressBook > form ul li label .nb { display: block; float: left; color: #FFFFFF; font-size: 12px; font-weight: normal; text-align: center; line-height: 21px; margin-right: 10px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat scroll 0 0 transparent; width: 22px; height: 22px; }
#ronaSpacePanels .myAddressBook > form ul li span.error { display: block; color: #D11919; line-height: 12px; margin-bottom: 5px; padding: 0;}
#ronaSpacePanels .myAddressBook > form ul li.error { padding-top: 10px; }
#ronaSpacePanels .myAddressBook > form ul li.error span.error { display: block; }
#ronaSpacePanels .myAddressBook > form ul li > .address .error { padding-left: 32px; }
#ronaSpacePanels .myAddressBook > form ul li > div .text input { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 5px; background: #e6e6e6; width: 158px; height: 22px; }
#ronaSpacePanels .myAddressBook > form ul li > .city .text input {width: 135px;}
/* Selectbox for the province */
#ronaSpacePanels .myAddressBook ul li > div.province .option { float: left; }
#ronaSpacePanels .myAddressBook ul li > div.province .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;font-size:10px;font-weight:bold;}
#ronaSpacePanels .myAddressBook ul li > div.province .option div.selectbox-wrapper {position:absolute;width:144px !important;background:#fff;padding:2px 0px;max-height:600px;overflow:auto; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:0px;left:0px;z-index:998; border: 1px solid;}
#ronaSpacePanels .myAddressBook ul li > div.province .option div.selectbox-wrapper ul { padding: 0; margin:0;}
#ronaSpacePanels .myAddressBook ul li > div.province .option div.selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 10px no-repeat;}
#ronaSpacePanels .myAddressBook ul li > div.province .option div.selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 10px no-repeat;}
#ronaSpacePanels .myAddressBook ul li > div.province .option div.selectbox-wrapper ul li { overflow:visible;display:block; padding:4px 20px;border-bottom:none; margin:0; cursor:pointer; font-size: 11px; font-weight: bold; color: #333; }
#ronaSpacePanels .myAddressBook ul li > div.province .option .selectbox { display: block; line-height: 22px; margin: 0px; height: 22px; padding-left: 10px; width: 124px; display: block; background: #e6e6e6 url(../images/layout/arrow-down-light-blue-medium.png) no-repeat right 7px; cursor: pointer; color:#333; font-size: 11px; font-weight: bold; border: none; }

#ronaSpacePanels .myAddressBook > form ul li > .zipcode .text input {width: 65px;}
#ronaSpacePanels .myAddressBook > form ul li > .appartment .text input { width: 45px; }
#ronaSpacePanels .myAddressBook > form ul li > .title .text input { width: 85px; }
#ronaSpacePanels .myAddressBook > form ul li > .options { overflow: hidden; }
#ronaSpacePanels .myAddressBook > form ul li > .options a,
#ronaSpacePanels .myAddressBook > form ul li > .options div { display: block; clear: both; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 12px; white-space: nowrap; zoom: 1; }
#ronaSpacePanels .myAddressBook > form ul li > .options div { padding-right: 0; }
#ronaSpacePanels .myAddressBook > form ul li > .options a:hover { color: #0067c0; }
#ronaSpacePanels .myAddressBook > form ul li > .options .remove{ padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 2px; }
#ronaSpacePanels .myAddressBook > form ul .addRow > .address label a { display: block; float: left; text-indent: -5000px; margin-right: 10px; margin-top: 2px; background: url(../images/layout/sendWishlist_addEmail-btn-bg.png) no-repeat scroll 0 0 transparent; width: 19px; height: 18px; }
#ronaSpacePanels .myAddressBook > form ul .addRow > .address label a:hover { background-position: 0 -18px; }
#ronaSpacePanels .myAddressBook > form ul .addRow > .address label div { float: left; width: 328px; }
#ronaSpacePanels .myAddressBook > form ul .addRow label div { opacity: 0.4; filter: alpha(opacity=40); background: #e6e6e6; width: 100%; height: 22px; }
#ronaSpacePanels .myAddressBook > form ul .addRow > .options div { opacity: 0.4; filter: alpha(opacity=40); }
#ronaSpacePanels .myAddressBook .optionsAddress { float: right !important; margin-right: 12px; width:400px !important}
#ronaSpacePanels .myAddressBook .optionsAddress  a { text-align:right; float:right; display:inline-block !important; float: right;font-size: 11px;color: #002D57;font-weight: bold; padding-left:20px; margin-top:5px}
#ronaSpacePanels .myAddressBook .optionsAddress  a:hover { color: #0067c0; }
#ronaSpacePanels .myAddressBook .optionsAddress .remove{ background: url(../images/layout/cross-light-blue-small.png) no-repeat 6px 8px; margin-left:30px}
#ronaSpacePanels .myAddressBook .optionsAddress .remove:hover { color: #0067c0; }

#ronaSpacePanels .myPurchaseHistory > div ul { margin: 0 10px 20px; }
#ronaSpacePanels .myPurchaseHistory > div ul li { overflow: hidden; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myPurchaseHistory > div ul li > div { float: left; color: #666; font-size: 13px; font-weight: bold; padding-right: 10px; width: 200px; }
#ronaSpacePanels .myPurchaseHistory > div ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myPurchaseHistory > div ul li > .price { padding-right: 0; width: 264px; }
#ronaSpacePanels .myPurchaseHistory > div ul .headers { padding: 0 0 10px; border: none; }
#ronaSpacePanels .myPurchaseHistory > div ul .headers > div span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myPurchaseHistory > div ul li > .order a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myPurchaseHistory > div ul li > .order a:hover { color: #0067c0; }

#ronaSpacePanels .myWishlists ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myWishlists ul li { overflow: hidden; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myWishlists ul li > div { float: left; color: #666; font-size: 13px; font-weight: bold; padding-right: 10px; width: 170px; }
#ronaSpacePanels .myWishlists ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myWishlists > div ul li > .nbItems { padding-right: 0; width: 264; }
#ronaSpacePanels .myWishlists ul .headers { padding: 0 0 10px; border: none; }
#ronaSpacePanels .myWishlists ul .headers > div span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myWishlists ul li > .name a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myWishlists ul li > .name a:hover { color: #0067c0; }
#ronaSpacePanels > ul > li > .myWishlists > form > .options { padding-top: 5px; }
#ronaSpacePanels .myWishlists > form ul li > div { line-height: 22px; }
#ronaSpacePanels .myWishlists > form ul li > .nbItems { width: 164px; }
#ronaSpacePanels .myWishlists > form ul li > .options { padding-right: 0; width: 90px; }
#ronaSpacePanels .myWishlists > form ul li label span { display: block; float: left; color: #FFFFFF; font-size: 12px; font-weight: normal; text-align: center; line-height: 21px; margin-right: 10px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat scroll 0 0 transparent; width: 22px; height: 22px; }
#ronaSpacePanels .myWishlists > form ul li > div input { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 10px; background: #e6e6e6; width: 99px; height: 22px; }
#ronaSpacePanels .myWishlists > form ul li > div input.disabled {opacity: 0.4; filter: alpha(opacity=40);}
#ronaSpacePanels .myWishlists > form ul li > div .text { margin-right: 0px; }
#ronaSpacePanels .myWishlists > form ul li > .options a,
#ronaSpacePanels .myWishlists > form ul li > .options div { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 22px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 7px; }
#ronaSpacePanels .myWishlists > form ul li > .options div { padding-right: 0; }
#ronaSpacePanels .myWishlists > form ul li > .options a:hover { color: #0067c0; }
#ronaSpacePanels .myWishlists > form ul .addRow > .name label a { display: block; float: left; text-indent: -5000px; margin-right: 10px; margin-top: 2px; padding-left: 0; background: url(../images/layout/sendWishlist_addEmail-btn-bg.png) no-repeat scroll 0 0 transparent; width: 19px; height: 18px; }
#ronaSpacePanels .myWishlists > form ul .addRow > .name label a:hover { background-position: 0 -18px; }
#ronaSpacePanels .myWishlists > form ul .addRow > .name label div { float: left; opacity: 0.4; filter: alpha(opacity=40); background: #e6e6e6; width: 180px; height: 22px; }
#ronaSpacePanels .myWishlists > form ul .addRow > .date,
#ronaSpacePanels .myWishlists > form ul .addRow > .nbItems,
#ronaSpacePanels .myWishlists > form ul .addRow > .options { opacity: 0.4; filter: alpha(opacity=40); }

#ronaSpacePanels .myBookmarks ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myBookmarks ul li { overflow: hidden; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myBookmarks ul li > div { float: left; color: #002d57; font-size: 13px; font-weight: bold; padding-right: 10px; width: 212px; }
#ronaSpacePanels .myBookmarks ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myBookmarks > div ul li > .url { padding-right: 0; width: 486px; }
#ronaSpacePanels .myBookmarks ul .headers { padding: 0 0 10px; border: none; }
#ronaSpacePanels .myBookmarks ul .headers > div span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myBookmarks > div ul li > .name a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myBookmarks > div ul li > .name a:hover { color: #0067c0; }
#ronaSpacePanels .myBookmarks ul li > .url a { color: #002d57; }
#ronaSpacePanels .myBookmarks ul li > .url a:hover { color: #0067c0; }
#ronaSpacePanels > ul > li > .myBookmarks > form > .options { padding-top: 5px; }
#ronaSpacePanels .myBookmarks > form ul li > div .text { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 10px; background: #e6e6e6; width: 192px; height: 22px; }
#ronaSpacePanels .myBookmarks > form ul li > .url { width: 386px; }
#ronaSpacePanels .myBookmarks > form ul li > .options { padding-right: 0; width: 90px; }
#ronaSpacePanels .myBookmarks > form ul li > .options a,
#ronaSpacePanels .myBookmarks > form ul li > .options div { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 22px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 7px; }
#ronaSpacePanels .myBookmarks > form ul li > .options a:hover { color: #0067c0; }

#ronaSpacePanels .myProjects ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myProjects ul li { overflow: hidden; position: relative; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; z-index: 15; }
#ronaSpacePanels .myProjects ul li > div { float: left; color: #002d57; font-size: 13px; font-weight: bold; padding-right: 10px; width: 212px; }
#ronaSpacePanels .myProjects ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myProjects ul li > .url { width: 300px; }
#ronaSpacePanels .myProjects > div ul li > .status { color: #666; padding-right: 0; width: 176px; }
#ronaSpacePanels .myProjects ul .headers { overflow: visible; padding: 0 0 10px; border: none; height: 18px; }
#ronaSpacePanels .myProjects ul .headers > div > span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myProjects > div ul li > .name a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myProjects > div ul li > .name a:hover { color: #0067c0; }
#ronaSpacePanels .myProjects ul li > .url a { color: #002d57; }
#ronaSpacePanels .myProjects ul li > .url a:hover { color: #0067c0; }
#ronaSpacePanels .myProjects ul .headers .status { position: relative; }
#ronaSpacePanels .myProjects ul .headers .status .help { top: 2px; left: 60px; padding: 0; }
#ronaSpacePanels .myProjects > form ul li > div .text { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 10px; background: #e6e6e6; width: 192px; height: 22px; }
#ronaSpacePanels .myProjects > form ul li > .status { color: #666; width: 83px; }
#ronaSpacePanels .myProjects > form ul li > .options { overflow: hidden; padding-right: 0; width: 83px; }
#ronaSpacePanels .myProjects > form ul li > .options a { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 15px; }
#ronaSpacePanels .myProjects > form ul li > .options a:hover { color: #0067c0; }
#ronaSpacePanels .myProjects > form ul li > .options .remove{ padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 3px; }

#ronaSpacePanels .myFavoriteStores ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myFavoriteStores ul li { overflow: hidden; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myFavoriteStores ul li > div { float: left; color: #002d57; font-size: 13px; font-weight: bold; padding-right: 10px; width: 212px; }
#ronaSpacePanels .myFavoriteStores ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myFavoriteStores ul li > .phone {color: #666; width: 105px; }
#ronaSpacePanels .myFavoriteStores ul li > .status {color: #CECECE;font-size: 11px;padding-top: 2px;padding-right: 0;width: 149px;text-align: right;}
#ronaSpacePanels .myFavoriteStores ul li > .status a {color: #002D57;}
#ronaSpacePanels .myFavoriteStores ul li > .status a:hover { color: #0067c0; }

#ronaSpacePanels .myFavoriteStores ul .headers { padding: 0 0 10px; border: none; }
#ronaSpacePanels .myFavoriteStores ul .headers > div span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myFavoriteStores ul .headers > .status { padding-top: 0; }
#ronaSpacePanels .myFavoriteStores ul li > .name a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myFavoriteStores ul li > .name a:hover { color: #0067c0; }
#ronaSpacePanels .myFavoriteStores > form ul li > div { color: #666; }
#ronaSpacePanels .myFavoriteStores > form ul li > .status { text-align: right; }
#ronaSpacePanels .myFavoriteStores > form ul li > .status a { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 12px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 2px; }
#ronaSpacePanels .myFavoriteStores > form ul li > .status a:hover { color: #0067c0; }
#ronaSpacePanels .myFavoriteStores > form > .options .addStores { float: left; margin-left: 80px; }
#ronaSpacePanels .myFavoriteStores > form ul li > .remove { padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 2px; }
#ronaSpacePanels .myFavoriteStores > form ul li > .remove:hover { color: #0067c0; }
#ronaSpacePanels .myFavoriteStores > form ul li >  a { text-align:right; float:right; display:inline-block !important; float: right;font-size: 11px;color: #002D57;font-weight: bold; padding-left:20px; margin-top:5px}
#ronaSpacePanels .myFavoriteStores > form ul li >  a:hover { color: #0067c0; }

#ronaSpacePanels .myFavoriteStores > form ul li > .makeMainStore{ padding-left: 70px;}
#ronaSpacePanels .myFavoriteStores > form ul li > .makeMainStore:hover { color: #0067c0; }
#ronaSpacePanels .myRatingsReviews ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myRatingsReviews ul li { overflow: hidden; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myRatingsReviews ul li > div { float: left; color: #002d57; font-size: 13px; font-weight: bold; padding-right: 10px; width: 212px; }
#ronaSpacePanels .myRatingsReviews ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myRatingsReviews > div ul li > .url { padding-right: 0; width: 486px; }
#ronaSpacePanels .myRatingsReviews ul .headers { padding: 0 0 10px; border: none; }
#ronaSpacePanels .myRatingsReviews ul .headers > div span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myRatingsReviews ul li > .name a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myRatingsReviews ul li > .name a:hover { color: #0067c0; }
#ronaSpacePanels .myRatingsReviews ul li > .url a { color: #002d57; }
#ronaSpacePanels .myRatingsReviews ul li > .url a:hover { color: #0067c0; }
#ronaSpacePanels > ul > li > .myRatingsReviews > form > .options { padding-top: 5px; }
#ronaSpacePanels .myRatingsReviews > form ul li > div .text { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 10px; background: #e6e6e6; width: 192px; height: 22px; }
#ronaSpacePanels .myRatingsReviews > form ul li > .url { width: 386px; }
#ronaSpacePanels .myRatingsReviews > form ul li > .options { padding-right: 0; width: 90px; }
#ronaSpacePanels .myRatingsReviews > form ul li > .options a,
#ronaSpacePanels .myRatingsReviews > form ul li > .options div { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 22px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 7px; }
#ronaSpacePanels .myRatingsReviews > form ul li > .options a:hover { color: #0067c0; }

#ronaSpacePanels .mySubscriptions > div,
#ronaSpacePanels .mySubscriptions > form { overflow: hidden; margin-top: 20px; }
#ronaSpacePanels .mySubscriptions .checkboxAreaChecked { display:none; }
#ronaSpacePanels .mySubscriptions > form { position: relative; }
#ronaSpacePanels .mySubscriptions ul { overflow: hidden; padding: 0 0 10px; margin-left: -1px; margin-top: -1px; width: 450px; }
#ronaSpacePanels .mySubscriptions li { position: relative; float: left; border-left: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; width: 181px; height: 140px; }
#ronaSpacePanels .mySubscriptions input { position: absolute; left: -3000px; opacity: 0; height: 0; z-index: 1; }
#ronaSpacePanels .mySubscriptions .disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; }
#ronaSpacePanels .mySubscriptions label { display: block; overflow: hidden; padding-left: 10px; padding-top: 110px; width: 161px; height: 30px; cursor: pointer; }
#ronaSpacePanels .mySubscriptions label .checkmarks { display: block; float: left; background: #e6e6e6; width: 16px; height: 16px; }
#ronaSpacePanels .mySubscriptions .active .checkmarks { background: url("../images/layout/sprite.png") no-repeat scroll -40px -56px transparent; }
#ronaSpacePanels .mySubscriptions label .text { display: block; color: #666; font-size: 11px; font-weight: bold; line-height: 16px; margin-left: 15px; padding: 0 10px; }
#ronaSpacePanels .mySubscriptions .active .text { background: #F0CF14; }
#ronaSpacePanels .mySubscriptions .news { background: url(../images/layout/ronaSpace_icon-bulletin.png) no-repeat 63px 20px; }
#ronaSpacePanels .mySubscriptions .news.active { background-position: -110px 20px; }
#ronaSpacePanels .mySubscriptions .contest { background: url(../images/layout/ronaSpace_icon-contest.png) no-repeat 65px 22px; }
#ronaSpacePanels .mySubscriptions .contest.active { background-position: -108px 22px; }
#ronaSpacePanels .mySubscriptions .ronamag { background: url(../images/layout/ronaSpace_icon-magazine.png) no-repeat 28px 31px; }
#ronaSpacePanels .mySubscriptions .ronamag.active { background-position: -145px 31px; }
#ronaSpacePanels .mySubscriptions .flyers { background: url(../images/layout/ronaSpace_icon-flyers.png) no-repeat 65px 32px; }
#ronaSpacePanels .mySubscriptions .flyers.active { background-position: -108px 32px; }
#ronaSpacePanels .mySubscriptions .liquidations { padding-left: 20px; background: url(../images/layout/ronaSpace_icon-liquidation.png) no-repeat 68px 32px; }
#ronaSpacePanels .mySubscriptions .liquidations.active { background-position: -105px 32px; }
#ronaSpacePanels .mySubscriptions .promotions { background: url(../images/layout/ronaSpace_icon-promotion.png) no-repeat 68px 32px; }
#ronaSpacePanels .mySubscriptions .promotions.active { background-position: -105px 32px; }
#ronaSpacePanels .mySubscriptions .openings { background: url(../images/layout/ronaSpace_icon-opening.png) no-repeat 63px 28px; }
#ronaSpacePanels .mySubscriptions .openings.active { background-position: -110px 28px; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe { margin: 0 10px; padding-top: 10px; border-top: 1px solid #f6f6f6; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe { overflow: hidden; clear: both; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe label { display: block; overflow: hidden; position: relative; left: 0; top: 0; padding: 0; background: none; width: 334px; height: 33px; cursor: pointer; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe label .checkmarks { display: block; float: left; background: #e6e6e6; width: 16px; height: 16px; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe .active .checkmarks { background:url("../images/layout/sprite.png") no-repeat scroll -40px -56px transparent; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe label .text { display: block; float: left; color: #666; font-size: 11px; font-weight: bold; line-height: 16px; margin-left: 15px; padding: 0 2px; width: 295px;}
#ronaSpacePanels .mySubscriptions > form > .unsubscribe .active .text { background: #F0CF14; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe > .reasons { display: none; overflow: hidden; padding: 10px 20px; background: #f6f6f6; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe > .reasons p { color: #333; font-weight: bold; font-size: 11px; margin-bottom: 10px; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe > .reasons .error { color: #D11919; }
#ronaSpacePanels .mySubscriptions > form > .unsubscribe > .reasons > div { float: left; }

.fr #ronaSpacePanels .mySubscriptions .openings { background: url(../images/layout/fr/ronaSpace_icon-opening.png) no-repeat 63px 28px; }
.en #ronaSpacePanels .mySubscriptions .openings { background: url(../images/layout/en/ronaSpace_icon-opening.png) no-repeat 63px 28px; }

#ronaSpacePanels .myPromotionalAlerts ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myPromotionalAlerts ul li { overflow: hidden; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; }
#ronaSpacePanels .myPromotionalAlerts ul li > div { float: left; color: #002d57; font-size: 13px; font-weight: bold; padding-right: 10px; width: 212px; }
#ronaSpacePanels .myPromotionalAlerts ul li > div > div { padding: 0 5px; }
#ronaSpacePanels .myPromotionalAlerts ul li > .sku { color: #666; padding-right: 0; width: 330px }
#ronaSpacePanels .myPromotionalAlerts ul li > .status { color: #cecece; font-size: 11px; padding-top: 2px; padding-right: 0; width: 79px; }
#ronaSpacePanels .myPromotionalAlerts ul .headers { padding: 0 0 10px; border: none; }
#ronaSpacePanels .myPromotionalAlerts ul .headers > div span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myPromotionalAlerts ul .headers > .status { padding-top: 0; }
#ronaSpacePanels .myPromotionalAlerts ul li > .name a { display: block; color: #002d57; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 3px; }
#ronaSpacePanels .myPromotionalAlerts ul li > .name a:hover { color: #0067c0; }
#ronaSpacePanels > ul > li > .myPromotionalAlerts > form > .options { padding-top: 5px; }
#ronaSpacePanels .myPromotionalAlerts > form ul li > div { line-height: 22px; }
#ronaSpacePanels .myPromotionalAlerts > form ul li > div .text { display: block; font-size: 11px; color: #333; font-weight: normal; line-height: 22px; padding: 0 10px; background: #e6e6e6; width: 192px; height: 22px; }
#ronaSpacePanels .myPromotionalAlerts > form ul li > .url { width: 386px; }
#ronaSpacePanels .myPromotionalAlerts > form ul li > .status a{ display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 22px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 7px; }
#ronaSpacePanels .myPromotionalAlerts > form ul li > .status a:hover { color: #0067c0; }

#ronaSpacePanels .myProjectsInProgress ul { margin: 0 10px 20px; padding-top: 25px; }
#ronaSpacePanels .myProjectsInProgress ul li { overflow: hidden; position: relative; padding: 15px 0 10px; border-bottom: 2px solid #f6f6f6; z-index: 15; }
#ronaSpacePanels .myProjectsInProgress ul li > div { float: left; color: #002d57; font-size: 13px; font-weight: bold; padding-right: 10px; width: 212px; }
#ronaSpacePanels .myProjectsInProgress ul li > div > div { padding: 0 5px;``` }
#ronaSpacePanels .myProjectsInProgress ul li > .url { color: #666; font-weight: bold; padding-right: 0; width: 486; }
#ronaSpacePanels .myProjectsInProgress ul .headers { overflow: visible; padding: 0 0 10px; border: none; height: 18px; }
#ronaSpacePanels .myProjectsInProgress ul .headers > div > span { display: block; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 18px; padding-left: 5px; background: #0067c0; }
#ronaSpacePanels .myProjectsInProgress > div ul li > .name { color: #666; line-height: 17px; width: 212px !important;}
#ronaSpacePanels .myProjectsInProgress > form > ul > li { overflow: visible; height: 80px; }
#ronaSpacePanels .myProjectsInProgress > form .name .nb { display: block; float: left; color: #FFFFFF; font-size: 12px; font-weight: normal; text-align: center; line-height: 21px; margin-right: 10px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat scroll 0 0 transparent; width: 22px; height: 22px; }
#ronaSpacePanels .myProjectsInProgress > form .name > div { margin-left: 30px; }
#ronaSpacePanels .myProjectsInProgress > form .name label { display: block; color: #333; font-size: 11px; font-weight: bold; margin-bottom: 2px; }
#ronaSpacePanels .myProjectsInProgress > form .name .selectContainer { position: relative; margin-bottom: 9px; }
#ronaSpacePanels .myProjectsInProgress > form .name .selectbox {display: block; line-height: 20px; margin: 0; height: 20px;; padding-left: 10px;background: #E6E6E6 url(../images/layout/arrow-down-light-blue-small.png) no-repeat 150px 6px; width:155px; cursor: pointer; color:#333; font-size: 10px; font-weight: bold; border: none;}
#ronaSpacePanels .myProjectsInProgress > form .name .selectbox-wrapper {position:absolute;width:166px!important;background:#E6E6E6;padding:0;max-height:400px;overflow:auto; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;top: 0;left:0;z-index: 20;}
#ronaSpacePanels .myProjectsInProgress > form .name .selectbox-wrapper ul { margin: 0; padding: 0; }
#ronaSpacePanels .myProjectsInProgress > form .name .selectbox-wrapper ul li { border: none; display:block; padding:4px 9px 4px 30px; margin:0; cursor:pointer; font-size: 10px; font-weight: normal; color: #333; font-weight: bold; background: none repeat scroll 0 0 #FFFFFF; }
#ronaSpacePanels .myProjectsInProgress > form .name .selectbox-wrapper ul li.selected {background: url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#ronaSpacePanels .myProjectsInProgress > form .name .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#ronaSpacePanels .myProjectsInProgress > form .url textarea { resize: none; display: block; float: left; color: #333; font-size: 11px; font-weight: normal; line-height: 16px; padding: 5px; background: #E6E6E6; width: 300px; height: 70px; }
#ronaSpacePanels .myProjectsInProgress > form .url a { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 22px; margin-top: -7px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 7px; }
#ronaSpacePanels .myProjectsInProgress > form .url a:hover { color: #0067c0; }
#ronaSpacePanels .myProjectsInProgress > form .addRow > .name a { display: block; float: left; text-indent: -5000px; margin-right: 10px; margin-top: 2px; background: url(../images/layout/sendWishlist_addEmail-btn-bg.png) no-repeat scroll 0 0 transparent; width: 22px; height: 18px; }
#ronaSpacePanels .myProjectsInProgress > form .addRow > .name a:hover { background-position: 0 -18px; }
#ronaSpacePanels .myProjectsInProgress > form .addRow > .name div { opacity: 0.4; filter: alpha(opacity=40); }
#ronaSpacePanels .myProjectsInProgress > form .addRow > .name div div { line-height: 22px; margin: 0; height: 20px;; padding-left: 10px;background: #E6E6E6 url(../images/layout/arrow-down-light-blue-small.png) no-repeat 157px 6px; width:166px; cursor: pointer; color:#333; font-size: 10px; font-weight: normal; border: none; }
#ronaSpacePanels .myProjectsInProgress > form .addRow > .url div { float: left; width: 328px; opacity: 0.4; filter: alpha(opacity=40); padding: 0; background: #e6e6e6; width: 400px; height: 80px; }
#ronaSpacePanels .myProjectsInProgress > form .addRow > .url span { display: block; float: right; font-size: 11px; color: #002d57; font-weight: bold; line-height: 22px; margin-top: -7px; padding-left: 15px; background: url(../images/layout/cross-light-blue-small.png) no-repeat left 7px; opacity: 0.4; filter: alpha(opacity=40); }

/*-------------------
26:Trends
-------------------*/

/* Carousel */

#trendsCarousel #slides .slide img {width:940px; height:400px;}
#trendsCarousel { overflow: hidden; position: relative; margin-bottom: 20px; width: 940px; height: 400px; z-index: 1; }
#trendsCarousel #slides { height: 400px; width: 940px; position: absolute; left: 50%; margin-left: -470px; }
#trendsCarousel #slides .slide { height: 400px; width: 940px; z-index: 6; }
#trendsCarousel #pagerContainer { width: 940px; position: absolute; right: 50%; bottom:0px; margin-right: -450px; z-index: 200; }
#trendsCarousel #slidePager { position: absolute; right: 127px; bottom: 10px; z-index: 20; height: 29px; }
#trendsCarousel #slidePager a { width: 129px; height: 19px; display: block; float: left; position: relative; }
#trendsCarousel #slidePager a span.number { color: #0067c0; font-size: 13px; padding: 0 100px 0 0; line-height: 29px; width: 28px; height: 29px; display: block; background: url(../images/layout/homeCarousel-pager-bg.png); text-align: center; position: absolute; top: 0; left: 0; z-index: 50; }
#trendsCarousel #slidePager a:hover span.number { color: #002D57; }
#trendsCarousel #slidePager a span.number .cufon{ margin-top: 9px; }
#trendsCarousel #slidePager a span.timer { width: 24px; height: 24px; position: absolute; top: 2px; left: 2px; z-index: 30; display:  block; }
#trendsCarousel #slidePager a.last { width: 28px; height: 29px; overflow: hidden; }
#trendsCarousel #pauseplay { color: #0067C0; cursor: pointer; display: block; font-size: 13px; height: 20px; padding: 9px 0 0 100px; position: absolute; right: 0; top: -39px; width: 55px; z-index: 7; }
#trendsCarousel .play { background: url("../images/layout/homeCarousel-pager-bg-play.png") repeat scroll 0 0 transparent; }
#trendsCarousel .pause { background: url("../images/layout/homeCarousel-pager-bg-pause.png") repeat scroll 0 0 transparent; }

#trendsCarousel #slides .slide .slideTitle { overflow: hidden; position: absolute; left: 0; top: 0; }
#trendsCarousel #slides .slide .slideTitle div { color: #002d57; font-size: 30px; line-height: 30px; text-transform: uppercase; }
#trendsCarousel #slides .slide .slideTitle div > span { display: block; position: relative; clear: both; float: left; margin-top: -10px; padding: 10px 10px 10px 0; background: #e8e8e8; z-index: 1; }
#trendsCarousel #slides .slide .slideTitle div > span:first-child { margin-top: 0; padding-top: 10px; padding-bottom: 0; z-index: 2; }
#trendsCarousel #slides .slide .slideTitle div > span span { display: block; margin-bottom: 3px; border-bottom: 1px solid #002d57; }
#trendsCarousel #slides .slide .slideTitle a { display: block; clear: both; float: left; color: #002D57; font-size: 11px; font-weight: bold; margin-top: -10px; padding: 10px 25px 10px 0; background: #e8e8e8 url(../images/layout/arrow-right-light-blue-medium.png) no-repeat right center; }
#trendsCarousel #slides .slide .slideTitle a:hover { color: #0067c0; }

.fr #trendsCarousel #slides .slide .slideTrend { position: absolute; right: 0; top: 0; color: #fff; font-size: 15px; line-height: 58px; background: #e8e8e8 url(../images/layout/fr/trendsPage_rona-trends-bg.png) no-repeat 17px center; width: 200px; height: 58px; }
.en #trendsCarousel #slides .slide .slideTrend { position: absolute; right: 0; top: 0; color: #fff; font-size: 15px; line-height: 58px; background: #e8e8e8 url(../images/layout/en/trendsPage_rona-trends-bg.png) no-repeat 17px center; width: 200px; height: 58px; }
/* bug #1900 */
#trendsCarousel #slides .slide .slideTrend span {display: block;float:right;width: 74px;text-align: center;padding-top: 23px; color: #fff; font-family: 'ScotchBlack',Georgia,Times,serif;}

/* Tabs */
#trendsPage .content { float:left; }
#trendsPage h1 { font-size: 18px; line-height: 18px; padding-bottom: 25px; }
#trendsPage h1 span { padding: 1px 4px; }

#trendsTabs .tabPanelsControls { position: relative; width: 940px; height: 180px; z-index: 2; }
#trendsTabs .tabPanelsControls li { float: left; margin-left: 20px; width: 300px; cursor: pointer; }
#trendsTabs .tabPanelsControls li:first-child { margin-left: 0; }
#trendsTabs .tabPanelsControls li > img { display: block; }
/* Defect 1901 -  removed text-decoration: underline */
#trendsTabs .tabPanelsControls li > div { position: relative; color: #002d57; font-size: 20px; text-transform: uppercase; height: 40px; padding: 20px 20px 0; background: #e8e8e8; }
/*#trendsTabs .tabPanelsControls li > div span { border-bottom: 1px solid #002d57; }*/
#trendsTabs .tabPanelsControls li > div .arrow { display: none; position: absolute; bottom: -20px; left: 0; background: url(../images/layout/trendsPage_tabPanelsControls-arrow.png) no-repeat center 0; width: 100%; height: 13px; }

#trendsTabs .tabPanelsControls .active > div .arrow { display: block; }
#trendsTabs .tabPanelsControls .active div,
#trendsTabs .tabPanelsControls li:hover .spanDiv { color: #FFFFFF; background: #0067c0; }
#trendsTabs .tabPanelsControls .active div span,
#trendsTabs .tabPanelsControls li:hover div span { color:#FFFFFF; }
/*#trendsTabs .tabPanelsControls .active > div span,
#trendsTabs .tabPanelsControls li:hover > div span { border-bottom: 1px solid #fff; }*/

#trendsTabs .tabPanels { position: relative; overflow: hidden; background: #fff; width: 940px; z-index: 1; }
#trendsTabs .tabPanels > div { overflow: hidden; width: 942px; margin-left: -1px; margin-top: -1px; border-bottom: 8px solid #0067c0; border-top: 8px solid #0067c0; }
#trendsTabs .tabPanels > div > div { overflow: hidden; float: left; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; width: 156px; height: 155px; }
#trendsTabs .tabPanels > div > .disabled img { opacity: 0.3; filter: alpha(opacity=30); }
#trendsTabs .tabPanels > div > div a:hover img { margin-top: -155px; }

/* Style Header */

#trendsStyleHeader { overflow: hidden; margin-bottom: 20px; padding: 20px 0; border-top: 8px solid #fff; border-bottom: 8px solid #fff; background: url(../images/layout/trendsPage_trendsStyleHeader-bg.png) no-repeat 20px 0; width: 100%; height: 133px;}
#trendsStyleHeader h2 { font-size: 30px; color: #0067c0; line-height: 30px; padding-bottom: 0; width: 285px; text-transform:uppercase; }
#trendsStyleHeader h2 .underline { margin-bottom: 5px; border-bottom: 1px solid #0067c0; background: none; }
#trendsStyleHeader h3 { display: block; clear: both; color: #fff; font-size: 18px; line-height: 18px; }
#trendsStyleHeader .trendsContent { margin-left: 285px; padding-left: 20px; border-left: 2px solid #fff; }
#trendsStyleHeader .trendsContent h2 { color: #969ba2; font-size: 19px; text-transform: uppercase; line-height: 21px; padding-bottom: 10px;width: 100%; }
#trendsStyleHeader .trendsContent p { color: #333; font-size: 11px; line-height: 16px; }
#trendsStyleHeader .trendsTitle { float:left; margin-left:0; padding-left:0; border-left:none; }


/* Trends Style Nav */

#trendsStyleNav { padding: 10px 0; border-top: 2px solid #fff; border-bottom: 8px solid #fff; background: #f0f0f0; }
#trendsStyleNav .style { overflow: hidden; float: left; color: #fff; font-size: 12px; height: 12px; text-transform: uppercase; line-height: 12px; padding: 4px 8px 0px 4px; background: #0067c0 url(../images/layout/trendsPage_trendsStyleNav-bg.gif) no-repeat right 0; }
#trendsStyleNav ul { overflow: hidden; margin-left: 176px; width: 764px; }
#trendsStyleNav ul li { float: left; padding-left: 20px; width: 170px; }
#trendsStyleNav ul li a { display: block; color: #002d57; font-size: 11px; font-weight: bold; line-height: 15px; }
#trendsStyleNav ul .active a,
#trendsStyleNav ul li a:hover { color: #0067c0; }

/* Trends Room Viewer */

#trendsRoomViewer { overflow: hidden; position: relative; margin-bottom: 20px; background: #fff; width: 940px; height: 400px; }
#trendsRoomViewer .scroll-bottom,
#trendsRoomViewer .scroll-top { display: block; position: absolute; left: 448px; background: url(../images/trends_viewer/btns-scroll.png) no-repeat 0 0; width: 45px; height: 22px; z-index:2; }
#trendsRoomViewer .scroll-bottom { bottom: -1px; }
#trendsRoomViewer .scroll-bottom:hover { background-position: 0 -22px; }
#trendsRoomViewer .scroll-top { top: 0; background-position: -45px 0; }
#trendsRoomViewer .scroll-top:hover { background-position: -45px -22px; }
#trendsRoomViewer .expand { display: block; position: absolute; right: 0; bottom: 0; background: #002d57 url(../images/trends_viewer/icon_expand.png) no-repeat center 10px; width: 37px; height: 39px; z-index: 2; }
#trendsRoomViewer .expand:hover,
#trendsRoomViewer .expand.active:hover { background-color: #0067c0; }
#trendsRoomViewer .expand.active { background: #002d57 url(../images/trends_viewer/icon_expand.png) no-repeat center -22px; }
#trendsRoomViewer .slideshow { display: block; position: absolute; right: 39px; bottom: 0; background: #002d57 url(../images/trends_viewer/icon_slideshow.png) no-repeat center 10px; width: 37px; height: 39px; z-index: 2; }
#trendsRoomViewer .slideshow:hover { background-color: #0067c0; }

#trendsRoomViewer .views { z-index: 1; }
#trendsRoomViewer .views > div { display: none; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
#trendsRoomViewer .views > div .product { position: absolute; z-index: 1; }
#trendsRoomViewer .views > div .product > a { display: block; color: #fff; font-family: 'ScotchBlack',Georgia,Times,serif; font-size: 20px; text-align: center; line-height: 28px; background: url(../images/layout/trendsPage-product-nb-big.png) no-repeat 0 0; width: 28px; height: 28px; }
#trendsRoomViewer .views > div .product > a .cufon{ padding-top: 5px; }
#trendsRoomViewer .views > div .product > div { display: none; position: absolute; width: 172px; z-index: 1; }
#trendsRoomViewer .views > div .product > div > div { color: #fff; padding: 10px 15px; background: #0067c0; }
#trendsRoomViewer .views > div .product > div > div .brand { display: block; font-size: 11px; text-transform: uppercase; }
#trendsRoomViewer .views > div .product > div > div .name { display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
#trendsRoomViewer .views > div .product > div > div a { display: block; color: #fff; font-size: 11px; padding-left: 20px; background: url(../images/layout/arrow-right-white-medium.png) no-repeat  0 2px; }
#trendsRoomViewer .views > div .product > div .arrow { display: block; position: absolute; padding: 0; background: url(../images/layout/trendsPage-product-arrows.png) no-repeat 0 0; }
#trendsRoomViewer .views > div .top > div { left: -72px; bottom: 0; padding-bottom: 39px; }
#trendsRoomViewer .views > div .top > div .arrow { left: 76px; bottom: 29px; width: 20px; height: 10px; }
#trendsRoomViewer .views > div .bottom > div { left: -72px; top: 0; padding-top: 39px; }
#trendsRoomViewer .views > div .bottom > div .arrow { left: 76px; top: 29px; background-position: 0 -10px; width: 20px; height: 10px; }
#trendsRoomViewer .views > div .left > div { top: -25px; right: 0; padding-right: 39px; }
#trendsRoomViewer .views > div .left > div .arrow { top: 30px; right: 29px; background-position: -20px 0; width: 10px; height: 20px; }
#trendsRoomViewer .views > div .right > div { top: -25px; left: 0; padding-left: 39px; }
#trendsRoomViewer .views > div .right > div .arrow { top: 30px; left: 29px; background-position: -30px 0; width: 10px; height: 20px; }

#trendsRoomViewerControler ul { overflow: hidden; margin-left: -2px; width: 174px; }
#trendsRoomViewerControler ul li { float: left; cursor: pointer; }
#trendsRoomViewerControler ul .active,
#trendsRoomViewerControler ul li:hover { opacity: 0.2; filter: alpha(opacity=20); }
#trendsRoomViewerControler ul li img { display: block; margin-left: 2px; margin-bottom: 2px; }

/* Products Listing */

#trendsPage #trendsProductListing { clear: both; padding-top: 6px; margin-left: -10px; width: 768px; }
#trendsPage #trendsProductListing div.item { width: 172px; margin: 0 5px; padding: 5px 5px 0; float: left; position: relative; }
#trendsPage #trendsProductListing h3 { margin-left: 10px; }
#trendsPage #trendsProductListing .seeMoreProducts { display: block; clear: both; float: right; color: #FFFFFF; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 22px; margin-right: 10px; margin-top: 10px; padding-right: 35px; padding-left: 15px; background: #002D57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 6px; }
#trendsPage #trendsProductListing .seeMoreProducts:hover { background-color: #0067c0; }
#trendsPage #trendsProductListing .item .number { position: absolute; left: 10px; top: 10px; color: #fff; font-family: 'ScotchBlack',Georgia,Times,serif; font-size: 14px; text-align: center; line-height: 18px; background: url(../images/layout/trendsPage-product-nb.png) no-repeat 0 0; width: 19px; height: 18px; z-index: 10; }
#trendsPage #trendsProductListing .item .number .cufon { padding-top: 2px; }

#trendsPage .sidebar .h4 { font-size:13px; }

/* Slideshow */
.pp_content_container { margin-left: 9px; }
div.pp_default .pp_content { overflow: hidden; border: 7px solid #d1d1d1; border-bottom: 0; background: #d1d1d1; }
div.pp_default .pp_close { position: absolute; right: 1px; bottom: 19px; text-indent: -5000px; padding: 0; background: url(../images/layout/productPage_productSlideshow-close.png) no-repeat 0 0; width: 13px; height: 13px; }
div.pp_default .pp_close:hover { background-position: 0 -13px; }
.pp_details { height: 47px; }
.pp_description { color: #666; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 47px; background: #d1d1d1; width: 100%; }
.pp_gallery { z-index: 999; position: absolute; right: 25px; bottom: 17px; margin-right: 20px; overflow: hidden; }
.pp_gallery li { float: left; margin-right: 8px; }
.pp_gallery li a { display: block; color: #0067C0; font-size: 13px; line-height: 22px; padding-left: 9px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat -22px 0; width: 14px; height: 21px; }
.pp_gallery li a:hover,
.pp_gallery .selected a { color: #fff; background-position: 1px 0; }
a.pp_next,
a.pp_previous { display: block; position: absolute; top: 0; text-indent: -5000px; width: 40px; height: 100%; }
a.pp_next:hover,
a.pp_previous:hover { background-position: -40px center; }
a.pp_previous { left: 0; background: url(../images/layout/productPage_slider-arrows-left.gif) no-repeat 0 center; }
a.pp_next { right: 0; background: url(../images/layout/productPage_slider-arrows-right.gif) no-repeat 0 center; }

/*-------------------
@Sidebar
-------------------*/

/* sidebar */
#sidebar {float: left;width: 172px;}
#sidebar.catalogFilter {float:left; width:224px;}
#sidebar #morepaddin .box { padding: 20px 0 8px; }
/* box */ 
#sidebar .box {margin: 0 0 10px;border-bottom:1px solid #cacaca;padding: 7px 0 8px;width: 100%;}
#sidebar .box:after {content: "";display: block;clear: both;}
#sidebar.catalogFilter .box {margin: 0 0 10px;border-bottom:1px solid #cacaca;padding: 7px 7px; background-color:#f1f1f1; width:auto;}
#sidebar h2 {margin:0;line-height: 13px;font-size: 13px;font-weight: bold;text-transform: uppercase;color: #0067c0; padding-bottom:7px;}
#sidebar h2 a {color: #0067c0;}
#sidebar h2.lesspadding {padding: 0 0 10px;}
/* form */
#sidebar .form-filter .selects,
#sidebar .form-filter .checkboxes,
#sidebar .form-filter .links {overflow: hidden;width: 100%;}
#sidebar .form-filter .selects {padding: 11px 0 6px;}
#sidebar .form-filter .checkboxes + .links {padding:10px 0 0 0;}
#sidebar .form-filter .select2 {width: 172px;}
#sidebar .open-close {padding: 0 25px 0 0;background: url('../images/layout/sprite.png') no-repeat 100% -235px;}
#sidebar .open-close.toggled { background:url("../images/layout/sprite.png") no-repeat scroll 100% -220px transparent; }
#sidebar .slide-block .block {position: relative;width:100%;}
#sidebar .form-filter .row {overflow: hidden;padding: 2px 0 5px 1px;height: 1%; display:none}
#sidebar .form-filter .checkboxes input {float: left;margin: 0;padding: 0;width: 14px;height: 14px;}
#sidebar .form-filter label {float: left;margin: 0 0 0 14px;padding: 0;width: 141px;color: #666;cursor: pointer;font-size:12px;}
#sidebar .form-filter label span  {text-transform: none;font-size:12px;font-weight: normal;}
#sidebar .form-filter label.focus span {background: #f0cf14;}
#sidebar.catalogFilter .form-filter label {float: left;margin: 0 0 0 3px;padding: 0;width: auto;max-width: 190px;color: #666;cursor: pointer;font-size:12px;}
#sidebar.catalogFilter .form-filter label.focus span {background: none;}
#sidebar.catalogFilter div.qty {float:none; padding-left:3px; display:inline;}
#sidebar .link-clear {float: right;padding: 2px 0 0 17px;font-weight: bold;background: url('../images/layout/sprite.png') no-repeat -140px -115px;font-size:11px;color:#666666;}
#sidebar .link-clear:hover {text-decoration: none;color: #0067c0;}
#sidebar .link-plus {padding: 2px 0 0 17px;font-weight: bold;background: url('../images/layout/sprite.png') no-repeat -120px -136px;font-size:11px;color:#666666;}
#sidebar .link-plus:hover {text-decoration: none;color: #0067c0;}
/* slider */
#sidebar .slider-box {padding: 11px 0 6px;}
#sidebar .slider-box .price {margin: 0 0 16px;line-height: 28px;font-size: 25px;font-weight: bold;color: #666;display:none;}
#sidebar .slider {position: relative;margin: 0 20px 10px 20px;width: 167px;height: 60px;}
#sidebar .slider .ui-slider-range {position:absolute;left:0;top:52px;height: 5px;background: #0067C0;-webkit-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.75);-moz-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.75);box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.75);}
#sidebar .ruler {position:absolute;left:0;top:52px;width:172px;height:5px;overflow:hidden;background-color:#6b6b6b;-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.75);box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.75);}
#sidebar .slider a.ui-slider-handle{position: absolute;top: 0;left:0;overflow: hidden;width: 48px;height: 60px;background: url('../images/layout/sprite.png') no-repeat -340px 0;margin:0 0 0 -24px;color: #666;font-size: 11px;font-weight: bold;	padding-top: 8px;text-align: center;}
#sidebar .slider .runner-right a {right: auto;left: -4px;}
#sidebar .slider .price-left, #sidebar .slider .price-right {display:none;}
#sidebar .slider .price-right {left: auto;right: 0;}
/* custom forms */
#sidebar .outtaHere {position:absolute;left:-3000px;}
/*Checkboxes*/
#sidebar .checkboxArea, #sidebar .checkboxAreaChecked {float: left;overflow: hidden;width: 16px !important;height: 16px;background: url(../images/layout/sprite.png) no-repeat -40px -40px;cursor: pointer;}
#sidebar .checkboxAreaChecked {background-position: -40px -56px;}
#sidebar .form-option .checkboxArea, #sidebar .form-option .checkboxAreaChecked {margin: 0 8px 0 3px;background-position: -40px -72px;}
#sidebar .form-option .checkboxAreaChecked {background-position: -40px -88px;}
#sidebar.catalogFilter .checkboxArea, #sidebar.catalogFilter .checkboxAreaChecked {float: left;overflow: hidden;width: 16px !important;height: 16px;background: url("../images/layout/checkbox-grayblue.png") no-repeat 0 2px;cursor: pointer;}
#sidebar.catalogFilter .checkboxAreaChecked {background: url("../images/layout/checkbox-grayblue-checked.png") no-repeat 0 2px;}

/* Selects */
#sidebar .form-filter .box .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;z-index:997;font-size:10px;font-weight:bold;}
#sidebar .form-filter .box .selectbox {padding:0 0 0 5px;width:159px;height:22px;cursor:pointer;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#sidebar .form-filter .box .selectbox-wrapper {position:absolute;width:179px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:0px;left:0px;z-index:998;}
#sidebar .form-filter .box .selectbox-wrapper ul {background:#fff;z-index:9999;}
#sidebar .form-filter .box .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:10px;color:#333; width:145px;text-transform: none;}
#sidebar .form-filter .box .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#sidebar .form-filter .box .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

.resultsNavigatorBox .selectContainer {position:relative;color:#666666;float:left;z-index:997;font-size:12px;}
.resultsNavigatorBox .selectbox {padding:0 25px 0 5px;width:130px;height:22px;cursor:pointer;background:#fff url(../images/layout/dropdown_arrow.jpg) 132px -4px no-repeat;border:1px solid #cacaca;border-radius:3px;}
.resultsNavigatorBox .selectbox-wrapper {position:absolute;width:160px !important;background:#fff;max-height:400px;overflow:auto;-moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:0px;left:0px;z-index:998;border:1px solid #cacaca;border-radius:3px;}
.resultsNavigatorBox .selectbox-wrapper ul {background:#fff;z-index:9999;}
.resultsNavigatorBox .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 5px;margin:0;cursor:pointer;}
.resultsNavigatorBox .selectbox-wrapper ul li.selected {background:#fff;}
.resultsNavigatorBox .selectbox-wrapper ul li.current {color:#fff;background:#0067C0;}

.resultsNavigatorBox {margin-bottom:10px; padding:10px 7px; background-color:#f8f8f8; position:relative; min-height:20px;}
.resultsNavigatorBox.bottom {background-color:transparent;}
.resultsNavigatorBox .label {color:#444444; font-size:14px; margin-bottom:4px;}
.resultsNavigatorBox .pageSizeBox {float:left; margin-right:10px;}
.resultsNavigatorBox .sortBox {float:left;}
.resultsNavigatorBox .paging {color:#444444; font-size:14px; position:absolute; right:7px; bottom:10px;}
.resultsNavigatorBox .paging ul {float:right;}
.resultsNavigatorBox .paging ul li {float:left; margin:0 4px; padding:0 3px;}
.resultsNavigatorBox .paging ul li.active {border-bottom:3px solid #002d57;}
.resultsNavigatorBox .paging ul li.previous, .resultsNavigatorBox .paging ul li.next {text-decoration:underline;}

.sidebar .genericESpot {border-top:0px;padding-top:10px}
.sidebar .genericESpot .ad {border-top:7px solid #fff;padding:20px 0;}
.sidebar > div {border-top:7px solid #fff;padding:20px 0 20px 5px;}
.sidebar div h4 {font-size:14px;text-transform:uppercase;color:#0067C0;padding-bottom:10px;}
.sidebar div h4.noPadding {padding:0px;}

/* Customize */
#customizeHomepage {border:none;padding-bottom:10px;font-weight:bold;}
#customizeHomepage h6 { font-size: 11px; color: #656565; text-transform: uppercase; display: block; padding: 10px 0 2px 0;}
#customizeHomepage ul { padding: 7px 0 0 0; }
#customizeHomepage ul li { padding: 12px 0 12px 0; height: 16px; font-size: 11px; display: block; background: url(../images/layout/customize-checbkox-bg.png) no-repeat; }
#customizeHomepage ul li.active { background-position: left bottom; }
#customizeHomepage ul li {text-transform: none;  line-height: 16px; display: block; cursor: pointer;  padding: 0 0 0 50px; color: #666; background: url(../images/layout/customize-icons-sprite.png) no-repeat;font-size: 10px;}
#customizeHomepage ul li.deco { background-position: 25px 0; }
#customizeHomepage ul li.active.deco { background-position: -175px 0; }
#customizeHomepage ul li.promo { background-position: 25px -16px; }
#customizeHomepage ul li.active.promo { background-position: -175px -16px; }
#customizeHomepage ul li.tools { background-position: 25px -32px; }
#customizeHomepage ul li.active.tools { background-position: -175px -32px; }
#customizeHomepage ul li.experts { background-position: 25px -48px; }
#customizeHomepage ul li.active.experts { background-position: -175px -48px; }
#customizeHomepage ul li.projects { background-position: 25px -64px; }
#customizeHomepage ul li.active a.projects { background-position: -175px -64px; }
#customizeHomepage ul li span { padding: 3px 2px; }
#customizeHomepage ul li.active  { background-position: left bottom; }
#customizeHomepage ul li.active span { background: #F0CF14;  }


/* Checkout Summary */

#checkoutSummary { margin: 10px 0; padding: 0; border: none;}

#checkoutSummary div.title {
    color: #0067c0;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    position:relative;
}
#checkoutSummary div.title .subtitle {
	font-size: 11px; color: #666;
}
#checkoutSummary div.title a {
    position:absolute;
    top:0;
    right:0;
    font-weight: bold;
}
#checkoutSummary div.address {
	padding:10px 15px;
	background-color: #F6F6F6;
	margin: 0 -15px;
	font-size: 13px;
	color:#666666;
}
#checkoutSummary a {
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
#checkoutSummary div.address div.subtitle {
    font-weight: bold;
    font-size: 14px;
}
body.checkout .sidebar {
	width:330px;
}
body.checkout .sidebar #checkoutSummary {
	padding: 10px 15px 0 15px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 	border:1px solid #E7E7E7;
 	background-color: #ffffff;	
}

#checkoutSummary .bordered { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 8px solid #fff; }

#checkoutSummary .purchaseSummary ul { margin: 0 -15px;}
#checkoutSummary .purchaseSummary ul li { overflow: hidden; padding:5px 15px; border-top:1px solid #E7E7E7;}
#checkoutSummary .purchaseSummary ul.charges {border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;background-color: #F1F1F1;padding-bottom: 15px;}
#checkoutSummary .purchaseSummary ul.charges li {border-top:none;}
#checkoutSummary .purchaseSummary ul .partial-total .en { width: 101px; height: 42px; display: block; float: left; font-size: 11px; color: #002d57; font-weight: bold; line-height: 30px; padding-left: 20px; background: url(../images/layout/en/iconLock_en.jpg) no-repeat left 0px; }
#checkoutSummary .purchaseSummary ul .partial-total .fr { width: 101px; height: 42px; display: block; float: left; font-size: 11px; color: #002d57; font-weight: bold; line-height: 30px; padding-left: 20px; background: url(../images/layout/fr/iconLock_fr.jpg) no-repeat left 0px; }
#checkoutSummary .purchaseSummary ul li .product-qty { float: left; font-size: 11px; padding-bottom: 8px; color:#0067c0;; font-weight: bold; padding-top: 3px; width: 20px; }
#checkoutSummary .purchaseSummary ul li .product-name { float: left; font-size: 11px; padding-bottom: 8px; color:#0067c0;; font-weight: bold; padding-top: 3px; width: 190px; }
#checkoutSummary .purchaseSummary ul li .product-sku { font-size: 10px; color: #666; font-weight: bold; }
#checkoutSummary .purchaseSummary ul li .product-price { float: right; font-size: 16px; padding-bottom: 8px; color: #666666; font-weight: bold; text-align: right; width: 85px; }
	
#checkoutSummary .purchaseSummary ul li .charge-name { float: left; font-size: 12px; color: #666; font-weight: bold; width: 180px;text-align: right;padding-top: 2px;}
#checkoutSummary .purchaseSummary ul li .charge-price { float: right; font-size: 16px; color: #666; font-weight: bold; text-align: right; width: 95px;padding-top: 2px; }
#checkoutSummary .purchaseSummary ul .partial-total .charge-name { font-size: 14px; line-height: 32px;}
#checkoutSummary .purchaseSummary ul .partial-total .charge-price { font-size: 19px; color: #0067c0; font-weight: bold;width: 115px; line-height: 32px;}
#checkoutSummary .purchaseSummary ul .partial-total .verisign {background: url("../images/layout/icon_verisign.png") no-repeat left 1px;}

#checkoutSummary .contactInfos { padding-bottom: 20px; }
#checkoutSummary .contactInfos .address { color: #333; font-size: 11px; line-height: 16px; }
#checkoutSummary .contactInfos .address .h4 { color: #0067C0; font-family: Arial; font-size: 13px; font-weight: bold; text-transform: none; padding-bottom: 0; }
#checkoutSummary .contactInfos .seeMap { display: block; color: #002D57; font-size: 11px; font-weight: bold; margin-top: 10px; padding-left: 20px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left 1px; }
#checkoutSummary .contactInfos .seeMap:hover { color: #0067C0; }

#purchaseSummary .contactInfos { padding-bottom: 20px; }
#purchaseSummary .contactInfos .address { color: #333; font-size: 11px; line-height: 16px; }
#purchaseSummary .contactInfos .address .h4 { color: #0067C0; font-family: Arial; font-size: 13px; font-weight: bold; text-transform: none; padding-bottom: 0; }
#purchaseSummary .contactInfos .seeMap { display: block; color: #002D57; font-size: 11px; font-weight: bold; margin-top: 10px; padding-left: 20px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left 1px; }
#purchaseSummary .contactInfos .seeMap:hover { color: #0067C0; }

.sidebar #checkoutSummary .deliveryInfos { font-size: 11px; color: #333; font-weight: bold; margin-bottom: 25px; padding: 20px 20px 10px; background: #f6f6f6; }
.sidebar #checkoutSummary .deliveryInfos div { padding-bottom: 10px; }
.sidebar #checkoutSummary .deliveryInfos span { display: block; color: #0067c0; padding-top: 1px; }
.sidebar #checkoutSummary .deliveryInfos .big { font-size: 20px; }

/* Rona space */
#myRonaSpace { text-align: center; }
.fr #myRonaSpace a { width: 139px; height: 140px; padding: 35px 0 0 2px; margin: 0 auto; background: url(../images/layout/fr/myRonaSpace-bg.png) no-repeat; display: block; text-transform: uppercase; text-align: center; color: #002D57; font-size: 17px; }
.en #myRonaSpace a { width: 139px; height: 140px; padding: 35px 0 0 2px; margin: 0 auto; background: url(../images/layout/en/myRonaSpace-bg.png) no-repeat; display: block; text-transform: uppercase; text-align: center; color: #002D57; font-size: 17px; }
#myRonaSpace a strong { display: block; font-size: 31px; }
#myRonaSpace a:hover { color: #0067C0; background-position: left -175px; }

/* Refund policy */
#refundPolicy a {background: url("../images/layout/return-policy-icon.png") no-repeat scroll 0 1px transparent;color: #002D57;display: block; font-size: 14px; height: 53px; padding: 32px 0 0 45px;text-transform: uppercase;}
#refundPolicy a:hover { color: #0067C0; background-position: left -88px; }

/* Utilities */
#utilities h4 {padding-bottom:25px;}
#utilities ul { margin: 0 -6px; display: table;}
#utilities ul li { width: 58px; float: left; margin: 0px; }
#utilities ul li a { display: block; height: 58px; text-indent: -3000px; overflow: hidden; background: url(../images/layout/sprite-icon-utilities.png); }
#utilities ul li.calculator a { background-position: 0 116px; }
#utilities ul li.units a { background-position: -58px 116px; }
#utilities ul li.measurement a { background-position: -116px 116px; }
#utilities ul li.calculator a:hover { background-position: 0 58px; }
#utilities ul li.units a:hover { background-position: -58px 58px; }
#utilities ul li.measurement a:hover { background-position: -116px 58px; }

/* Utilities white hover dark blue  */
#utilities.darkOnWhite ul li.calculator a { background-position: 0 174px; }
#utilities.darkOnWhite ul li.units a { background-position: -58px 174px; }
#utilities.darkOnWhite ul li.measurement a { background-position: -116px 174px; }
#utilities.darkOnWhite ul li.calculator a:hover { background-position: 0 116px; }
#utilities.darkOnWhite ul li.units a:hover { background-position: -58px 116px; }
#utilities.darkOnWhite ul li.measurement a:hover { background-position: -116px 116px; }

#utilities ul li.beton-escaliers a { background: url(../images/tools/CALCULATRICES_BETONESCALIER.png) no-repeat 0 0; }
#utilities ul li.beton-surface a { background: url(../images/tools/CALCULATRICES_BETONSURFACEOUDALLE.png) no-repeat 0 0; }
#utilities ul li.beton-jointement a { background: url(../images/tools/CALCULATRICES_BETONJOITEMENTPOTEAU.png) no-repeat 0 0; }
#utilities ul li.capacite-liquide a { background: url(../images/tools/CALCULATRICES_CAPACITELIQUIDE.png) no-repeat 0 0; }
#utilities ul li.carreaux-de-ceramique a { background: url(../images/tools/CALCULATRICES_CARREAUXDECERAMIQUE.png) no-repeat 0 0; }
#utilities ul li.chauffage a { background: url(../images/tools/CALCULATRICES_CHAUFFAGE.png) no-repeat 0 0; }
#utilities ul li.climatisation a { background: url(../images/tools/CALCULATRICES_CLIMATISATION.png) no-repeat 0 0; }
#utilities ul li.isolant a { background: url(../images/tools/CALCULATRICES_ISOLANT.png) no-repeat 0 0; }
#utilities ul li.longueur a { background: url(../images/tools/CALCULATRICES_LONGUEUR.png) no-repeat 0 0; }
#utilities ul li.ossature-du-sous-sol a { background: url(../images/tools/CALCULATRICES_OSSATUREDUSOUSSOL.png) no-repeat 0 0; }
#utilities ul li.moulure a { background: url(../images/tools/CALCULATRICES_MOULURES.png) no-repeat 0 0; }
#utilities ul li.panneaux-de-gypse a { background: url(../images/tools/CALCULATRICES_PANNEAUDEGYPSE.png) no-repeat 0 0; }
#utilities ul li.papier-peint a { background: url(../images/tools/CALCULATRICES_PAPIERPEINT.png) no-repeat 0 0; }
#utilities ul li.poids a { background: url(../images/tools/CALCULATRICES_POIDS.png) no-repeat 0 0; }
#utilities ul li.peinture a { background: url(../images/tools/CALCULATRICES_PEINTURE.png) no-repeat 0 0; }
#utilities ul li.semences a { background: url(../images/tools/CALCULATRICES_SEMENCES.png) no-repeat 0 0; }
#utilities ul li.surface a { background: url(../images/tools/CALCULATRICES_SURFACE.png) no-repeat 0 0; }
#utilities ul li.terre a { background: url(../images/tools/CALCULATRICES_TERRE.png) no-repeat 0 0; }
#utilities ul li.tapis-ou-linoleum a { background: url(../images/tools/CALCULATRICES_TAPISOULINOLEUM.png) no-repeat 0 0; }
#utilities ul li.toiture a { background: url(../images/tools/CALCULATRICES_TOITURE.png) no-repeat 0 0; }
#utilities ul li.ventilation a { background: url(../images/tools/CALCULATRICES_VENTILATION.png) no-repeat 0 0; }
#utilities ul li.volume a { background: url(../images/tools/CALCULATRICES_VOLUME.png) no-repeat 0 0; }
#utilities a.call2action {float: left;margin: -1px 0 0;padding: 5px 25px 5px 10px;line-height: 12px;font-size: 10px;font-weight: bold;text-transform: uppercase;color: #fff; background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 140px 7px #002D57;}
#utilities a.call2actionfr {float: left;margin: -1px 0 0;padding: 5px 25px 5px 10px;line-height: 12px;font-size: 10px;font-weight: bold;text-transform: uppercase;color: #fff; background: url("../images/layout/arrow-right-white-small.png") no-repeat scroll 154px 13px #002D57;}
#utilities a.call2action:hover {background-color: #0067C0;}
#utilities a.call2actionfr:hover {background-color: #0067C0;}

#utilities ul li.beton-escaliers a:hover { background: url(../images/tools/CALCULATRICES_BETONESCALIER_OVER.png) no-repeat 0 0; }
#utilities ul li.beton-surface a:hover { background: url(../images/tools/CALCULATRICES_BETONSURFACEOUDALLE_OVER.png) no-repeat 0 0; }
#utilities ul li.beton-jointement a:hover { background: url(../images/tools/CALCULATRICES_BETONJOITEMENTPOTEAU_OVER.png) no-repeat 0 0; }
#utilities ul li.capacite-liquide a:hover { background: url(../images/tools/CALCULATRICES_CAPACITELIQUIDE_OVER.png) no-repeat 0 0; }
#utilities ul li.carreaux-de-ceramique a:hover { background: url(../images/tools/CALCULATRICES_CARREAUXDECERAMIQUE_OVER.png) no-repeat 0 0; }
#utilities ul li.chauffage a:hover { background: url(../images/tools/CALCULATRICES_CHAUFFAGE_OVER.png) no-repeat 0 0; }
#utilities ul li.climatisation a:hover { background: url(../images/tools/CALCULATRICES_CLIMATISATION_OVER.png) no-repeat 0 0; }
#utilities ul li.isolant a:hover { background: url(../images/tools/CALCULATRICES_ISOLANT_OVER.png) no-repeat 0 0; }
#utilities ul li.longueur a:hover { background: url(../images/tools/CALCULATRICES_LONGUEUR_OVER.png) no-repeat 0 0; }
#utilities ul li.ossature-du-sous-sol a:hover { background: url(../images/tools/CALCULATRICES_OSSATUREDUSOUSSOL_OVER.png) no-repeat 0 0; }
#utilities ul li.moulure a:hover { background: url(../images/tools/CALCULATRICES_MOULURES_OVER.png) no-repeat 0 0; }
#utilities ul li.panneaux-de-gypse a:hover { background: url(../images/tools/CALCULATRICES_PANNEAUDEGYPSE_OVER.png) no-repeat 0 0; }
#utilities ul li.papier-peint a:hover { background: url(../images/tools/CALCULATRICES_PAPIERPEINT_OVER.png) no-repeat 0 0; }
#utilities ul li.poids a:hover { background: url(../images/tools/CALCULATRICES_POIDS_OVER.png) no-repeat 0 0; }
#utilities ul li.peinture a:hover { background: url(../images/tools/CALCULATRICES_PEINTURE_OVER.png) no-repeat 0 0; }
#utilities ul li.semences a:hover { background: url(../images/tools/CALCULATRICES_SEMENCES_OVER.png) no-repeat 0 0; }
#utilities ul li.surface a:hover { background: url(../images/tools/CALCULATRICES_SURFACE_OVER.png) no-repeat 0 0; }
#utilities ul li.terre a:hover { background: url(../images/tools/CALCULATRICES_TERRE_OVER.png) no-repeat 0 0; }
#utilities ul li.tapis-ou-linoleum a:hover { background: url(../images/tools/CALCULATRICES_TAPISOULINOLEUM_OVER.png) no-repeat 0 0; }
#utilities ul li.toiture a:hover { background: url(../images/tools/CALCULATRICES_TOITURE_OVER.png) no-repeat 0 0; }
#utilities ul li.ventilation a:hover { background: url(../images/tools/CALCULATRICES_VENTILATION_OVER.png) no-repeat 0 0; }
#utilities ul li.volume a:hover { background: url(../images/tools/CALCULATRICES_VOLUME_OVER.png) no-repeat 0 0; }


/* Related Videos */
.sidebar #relatedVideos .h4 { padding-bottom: 20px; font-size:13px; }
.sidebar #relatedVideos img { display: block; margin-bottom: 20px; }
.sidebar #relatedVideos ul li a { display: block; color: #002D57; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding-left: 20px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left center; }
.sidebar #relatedVideos ul li a:hover { color: #0067c0; }

/* Social Medias */
.sidebar #relatedSocialMedias .h4 { padding-bottom: 20px; font-size:13px; }

/* Rona Mag */

#ronaMag a { display: block; text-indent: -5000px; background: url(../images/layout/ronaMag.png) no-repeat 0 0; width: 172px; height: 115px; }

/* Decor Rona */

#ronaDecor { padding-top: 0; border: none; }
.fr #ronaDecor a { display: block; text-indent: -5000px; background: url(../images/layout/fr/ronaDecor.png) no-repeat 0 0; width: 172px; height: 203px; }
.en #ronaDecor a { display: block; text-indent: -5000px; background: url(../images/layout/en/ronaDecor.png) no-repeat 0 0; width: 172px; height: 203px; }
#ronaDecor a:hover { background-position: -172px 0; }

/*-------------------
@Footer
-------------------*/

/* Bottom Banners */

#bottombanners {padding-top:30px;margin-right:-18px; }
#bottombanners .banner {margin-right:auto; margin-left: auto; }
#bottombanners .last {margin-right:0px;}

#bottombanners .findstorebanner {background-image:url(../images/banners/find-a-store-banner.png); width:100%;height:62px; display:block;}
#bottombanners .findstorebanner h3 {margin-left: 70px;padding-top: 20px;font-size:24px; display: inline-block;}
#bottombanners .findstorebanner a {float:right; color:#fff;font-size:11px; text-transform:uppercase; font-weight:bold; padding: 4px 10px; margin-top:20px; margin-right:20px;background:#002D57;}
#bottombanners .findstorebanner a:hover {color:#002d57;background:#fff}
#bottombanners .findstorebanner div {background:white;height: 5px;float:right;width: 390px;margin-top: 28px;margin-right: 20px;}

/* Footer */

#footer .footerNav { float: left; width: 152px; height: 180px; background: url(../images/layout/vertical-dotted-line.png) repeat-y right top; margin-right: 20px; padding: 30px 20px 0 0; }
#footer .footerNav.last { background: none; margin-right: 0; }
#footer .footerNav h4 { font-size: 13px; text-transform: uppercase; line-height: 15px; height: 25px; color:#0067C0;font-weight:bold;}
#footer .footerNav ul li { line-height: 12px; font-size: 11px; margin: 4px 0; }
#footer .footerNav ul li a {  color: #333; }
#footer .footerNav ul li a:hover {  color: #0067c0; }
#footer .footerNav ul li a:hover span { background: #F5D410; }
#footer .footerNav.last { background: none; margin-right: 0; }
#footer p.copyright { clear: both; text-align: right;  padding: 22px 0; font-size: 11px; color: #333;margin-right:15px;}

/*-------------------
@Modals
-------------------*/

#mask { position:absolute;top:0;left:0;z-index:9000;background:#000;display:none;}
.modalWrapper {position: fixed;background:transparent;z-index:9990;display:none;}
.modalWrapper a.close {font-size:11px;font-weight:bold;line-height:13px;color:#002d57;z-index:9999999;background: url(../images/layout/cross-light-blue-small.png) no-repeat right center;padding-right: 20px;position:absolute;top:25px;right:38px;} 
.modalWrapper a.close:hover {color:#0067C0;}
.modalWrapper a.centered {right:138px;}
.modalWrapper .box {background:#fff;border:10px solid #d1d1d1;padding:35px 48px;margin:0px 10px 10px;float:left;position:relative;
	-moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 20px #B3B3B3;box-shadow: 0px 0px 20px #B3B3B3;}
.modalWrapper.notfixed { position:absolute; }

#foundStore .storeRow .custom-radio { position: relative; top:-3px; }
/* input, label positioning */
.custom-radio input {position: absolute;left: 2px;top: 3px;margin: 0;z-index: 0;}
.custom-radio label {display: block;position: relative;z-index: 1;font-size: 1.3em;padding-right: 1em;line-height: 1;padding: .5em 0 1.5em 30px;margin: 0 0 .3em;cursor: pointer; background: url("../images/layout/radiobutton.png") no-repeat scroll -15px -17px transparent;}
.custom-radio label.hover, .custom-radio label.focus {background-position: -15px -117px;}
.custom-radio label.checked {background-position: -15px -217px;}
.custom-radio label.focus {outline: 1px dotted #ccc;}

/*-------------------
	1:Store Select
-------------------*/

#selectStore {width:685px;background:transparent;color:#666666;font-size:11px;}
#selectStore .full {width:549px;z-index:99998;} #selectStore #full2 {z-index:99997;} #selectStore .half {width:212px;height:95px;margin-right:0px;z-index:99995;}
#selectStore h2 {font-size:16px;margin-bottom:20px;}
#selectStore .blue {color:#0067c0; font-weight: bold;}
#selectStore h3 {padding-bottom:20px; color:#0067c0; font-weight:bold; text-transform:none;}
#selectStore h3 span {background:none; padding:0;}
#selectStore .storeTable {float:left;color:#333333; padding-top:10px;}
#selectStore .storeRow {padding:10px 15px;float:left;width:516px;}
#selectStore .odd {background: #f6f6f6;}
#selectStore .active h4 { color:#0067c0; }
#selectStore .storeRow div {float:left;min-height:20px;}
#selectStore .storeRow .description {width:310px;}
#selectStore .storeRow .description .radioTitle {color:#002d57;padding-bottom:5px;text-transform:none; font-size:13px; font-weight:bold;display:block;}
#selectStore .storeRow .services {float: left;width: 145px;}
#selectStore .storeRow .services .tooltip {float:left;}
#selectStore .storeRow .services .icon {width:20px;height:20px;margin-left:-6px;float:left;background-position:top center; background-repeat:no-repeat;}
#selectStore .storeRow .services .gears {background-image:url(../images/icons/gears.png);}
#selectStore .storeRow .services .home {background-image:url(../images/icons/home.png);}
#selectStore .storeRow .services .fan {background-image:url(../images/icons/fan.png);}
#selectStore .storeRow .services .tent {background-image:url(../images/icons/tent.png);}
#selectStore .storeRow .services .GeneralServices_Installation {background-image:url(../images/icons/servicesDinstallation.png);}
#selectStore .storeRow .services .GeneralServices_ToolRental  {background-image:url(../images/icons/locationDoutils.png);}
#selectStore .storeRow .services .GeneralServices_CuttingService {background-image:url(../images/icons/salleDeCoupe.png);}
#selectStore .storeRow .services .GeneralServices_LumberYard {background-image:url(../images/icons/coursABois.png);}
#selectStore .storeRow .services .GeneralServices_GardenCenter {background-image:url(../images/icons/centreJardin.png);}
#selectStore .storeRow .services .GeneralServices_Delivery {background-image:url(../images/icons/livraison.png);}
#selectStore .storeRow .distanceNumber {width:60px;color:#002d57;text-align:right;font-size:13px;font-weight:bold; float:right;}
#selectStore .storeRow.active .radioTitle, #selectStore .storeRow.active .distanceNumber {color:#0067c0;}
#selectStore .storeRow.active .state {background:url(../images/icons/hollow_hexagon.png) top left no-repeat;}

#selectStore .rememberStore { padding:5px 14px 20px; }
#selectStore .rememberStore .bottomCheck {padding-right:20px;} 
#selectStore .rememberStore .bottomCheck {float:left; font-weight:bold;}
#selectStore .rememberStore .checkboxArea, #selectStore .rememberStore .checkboxAreaChecked  {background: url("../images/layout/sprite.png") no-repeat scroll -40px -72px transparent; float: left; height: 16px; overflow: hidden; width: 16px !important;}
#selectStore .rememberStore .checkboxAreaChecked  {background-position: -40px -56px;}
#selectStore .rememberStore label {color: #333; cursor: default; float: left; font-weight: bold; margin: 0 0 0 4px; padding: 0 5px;} 

#selectStore .tooltip {margin-left:10px;}


/* wrapper divs for both modals */
.storeRow .custom-radio { position: relative; top:-3px; }
/* input, label positioning */
.storeRow .custom-radio input {position: absolute;left: 2px;top: 4px;margin: 0;z-index: 0;}
.storeRow .custom-radio label {display: block;position: relative;z-index: 1;font-size: 11px;line-height: 1;padding: .2em 0 0em 25px;margin: 0;cursor: pointer; background: url("../images/layout/radiobutton.png") no-repeat scroll -15px -17px transparent;}
.storeRow .custom-radio label.hover, .storeRow .custom-radio label.focus {background-position: -15px -117px;}
.storeRow .custom-radio label.checked {background-position: -15px -217px;}
.storeRow .custom-radio label.focus {outline: 1px dotted #ccc;}


#selectStore .finderRow {float:left;width:175px;margin-right:24px;z-index:99999999;position:relative;}
#selectStore .finderRow.last {margin:18px 0 0 0;width:150px;float:right;}
#selectStore .finderRow span {color:#333333;width:175px;float:left;font-weight:bold;margin-bottom:5px;}
#selectStore .finderRow span.error_message {color:#F00;}
#selectStore .finderRow label { position:absolute; color:#333333; text-transform:uppercase; font-size:10px; top:23px; left:8px  }
#selectStore .finderRow .postal_code { width:165px; height:12px;padding-top:5px;padding-bottom:5px; color:#333333; text-transform:uppercase; font-size:10px; padding-left:10px; background:#e6e6e6; }
#selectStore .finderRow .selectbox {padding:4px 8px;width:149px;display:block;cursor:pointer;color:#0067c0;background:#e6e6e6 url(../images/layout/arrow-down-light-blue-small.png) right 8px no-repeat;border-right:10px solid #e6e6e6;font-weight:bold;}
#selectStore .finderRow .selectbox-wrapper {position:absolute;z-index:100;width:185px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-10px;margin-top:-20px;-moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;font-weight:bold;}
#selectStore .finderRow .selectbox-wrapper ul {background:#fff;z-index:9999;}
#selectStore .finderRow .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:10px;color:#333; }
#selectStore .finderRow .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#selectStore .finderRow .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#selectStore .findLink {margin-top:8px;}
#selectStore .findLink .btn {margin-left:8px;}
#selectStore .ou {position:absolute;bottom:-55px;left:50%;margin-left:-38px;width:76px;height:77px;z-index:999999;}
.fr #selectStore .ou1 {background:url(../images/layout/fr/ou1.png);}
.en #selectStore .ou1 {background:url(../images/layout/en/or1.png);}
.fr #selectStore .ou2 {background:url(../images/layout/fr/ou2.png);}
.en #selectStore .ou2 {background:url(../images/layout/en/or2.png);}

/*-------------------
	2:Found store
-------------------*/

#foundStore {width:685px;background:transparent;color:#666666;font-size:11px;}
#foundStore .full {width:557px;}
#foundStore h3 {padding-bottom: 25px;}
#foundStore h2 {font-size:15px;margin-bottom:20px;float:left;width:215px;padding-top:3px;}
#foundStore .finder {float:left;width:352px; margin:0 0 0 -18px;}
#foundStore .finderRow {float:left;margin-right:11px;}
#foundStore .first { margin:-19px 10px 0 10px; }
#foundStore .last {margin-right:0px;width:100px;float:right;}
#foundStore .finderRow span.error_message {color:#F00;float:left;font-weight:bold;margin-bottom:5px;position:absolute;}
#foundStore .finderRow span.display_message {float:left;margin-bottom:5px;position:absolute;}
#foundStore .finderRow label { position:absolute; color:#333333; text-transform:uppercase; font-size:10px; top:84px; left: 265px;  }
#foundStore .finderRow .postal_code { width:110px; height:20px; color:#333333; text-transform:uppercase; font-size:10px; padding-left:10px; background:#e6e6e6; margin-top: 5px; padding-top: 2px; }
#foundStore .finderRow .selectbox {padding:4px 8px;width:74px;display:block;cursor:pointer;color:#0067c0;background:#e6e6e6 url(../images/layout/arrow-down-light-blue-small.png) right 8px no-repeat;border-right:10px solid #e6e6e6;font-weight:bold;}
#foundStore .finderRow .selectbox-wrapper {position:absolute;z-index:200;width:110px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-10px;margin-top:-20px; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;font-weight:bold;}
#foundStore .finderRow .selectbox-wrapper ul {background:#fff;z-index:9999;}
#foundStore .finderRow .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:10px;color:#333; }
#foundStore .finderRow .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#foundStore .finderRow .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#foundStore .finderRow .submit {padding:5px 20px 5px 13px;}
#foundStore .storeTable {float:left;color:#333333; padding-top:10px;}
#foundStore .storeRow {padding:10px 15px;float:left;width:516px;}
#foundStore .odd {background: #f6f6f6;}
#foundStore .storeRow div {float:left;min-height:20px;}
#foundStore .storeRow .state {width:25px;height:20px;background:url(../images/icons/hexagon.png) top left no-repeat;}
#foundStore .storeRow .description {width:310px;}
#foundStore .storeRow .description .radioTitle {color:#002d57;padding-bottom:5px;text-transform:none; font-size:13px; font-weight:bold;display:block;}
#foundStore .storeRow .services {float: left;width: 145px;}
#foundStore .storeRow .services .tooltip {float:left;}
#foundStore .storeRow .services .icon {width:20px;height:20px;margin-left:-6px;float:left;background-position:top center; background-repeat:no-repeat;}
#foundStore .storeRow .services .gears {background-image:url(../images/icons/gears.png);}
#foundStore .storeRow .services .home {background-image:url(../images/icons/home.png);}
#foundStore .storeRow .services .fan {background-image:url(../images/icons/fan.png);}
#foundStore .storeRow .services .tent {background-image:url(../images/icons/tent.png);}
#foundStore .storeRow .services .GeneralServices_Installation {background-image:url(../images/icons/servicesDinstallation.png);}
#foundStore .storeRow .services .GeneralServices_ToolRental  {background-image:url(../images/icons/locationDoutils.png);}
#foundStore .storeRow .services .GeneralServices_CuttingService {background-image:url(../images/icons/salleDeCoupe.png);}
#foundStore .storeRow .services .GeneralServices_LumberYard {background-image:url(../images/icons/coursABois.png);}
#foundStore .storeRow .services .GeneralServices_GardenCenter {background-image:url(../images/icons/centreJardin.png);}
#foundStore .storeRow .services .GeneralServices_Delivery {background-image:url(../images/icons/livraison.png);}
#foundStore .storeRow .distanceNumber {width:60px;color:#002d57;text-align:right;font-size:13px;font-weight:bold; float:right;}
#foundStore .storeRow.active .radioTitle, #foundStore .storeRow.active .distanceNumber {color:#0067c0;}
#foundStore .storeRow.active .state {background:url(../images/icons/hollow_hexagon.png) top left no-repeat;}

#foundStore .rememberStore { padding:5px 14px 20px; }
#foundStore .rememberStore .bottomCheck {padding-right:20px;} 
#foundStore .rememberStore .bottomCheck {float:left; font-weight:bold;}
#foundStore .rememberStore .checkboxArea, #foundStore .rememberStore .checkboxAreaChecked  {background: url("../images/layout/sprite.png") no-repeat scroll -40px -72px transparent; float: left; height: 16px; overflow: hidden; width: 16px !important;}
#foundStore .rememberStore .checkboxAreaChecked  {background-position: -40px -56px;}
#foundStore .rememberStore label {color: #333; cursor: default; float: left; font-weight: bold; margin: 0 0 0 4px; padding: 0 5px;} 

#foundStore .tooltip {margin-left:2px;}

#foundStore .submit {float:right;color:#fff;font-size:10px;font-weight:bold;text-transform:uppercase;padding:5px 65px 5px 13px;background:#002d57 url(../images/layout/arrow-right-white-small.png) right 6px no-repeat;border-right:10px solid #002d57;cursor:pointer;}
#foundStore .submit:hover {background-color:#0067C0; border-right:10px solid #0067C0;}

#foundStore .bar {float:left;height:8px;background:#f5f5f5;margin:15px 0px;width:100%;}
#foundStore .local {padding:5px 25px 5px 13px;}


/*-------------------
	3:No store
-------------------*/

#selectStore .center {width:397px;margin-left:110px;padding: 40px 24px 24px;}
#selectStore .center h2 {font-size:15px;font-weight:normal;padding-right:5px;}
#selectStore .center .submit {float:left;margin-right:10px;}

/*-----------------
	4.Confirm Email 
	
-------------------*/



#confirmEmail .submit {float:right;color:#fff;font-size:10px;font-weight:bold;text-transform:uppercase;padding:5px 65px 5px 13px;background:#002d57;cursor:pointer;}
#confirmEmail .center .submit {margin-top: 10px; float: right; margin-bottom: 20px; padding: 4px 10px; position: relative; left:-3px; }
#confirmEmail .center .submit:hover{background-color:#0067C0;}
#confirmEmail .center .smaller {padding: 5px 15px 5px 5px;border-right:5px solid #002D57;float:right; margin-top:36px;}
#confirmEmail .center {width:300px;}
.modalWrapper #confirmEmail a.centered {right:42px;}  
.modalWrapper #confirmEmail .box {padding: 44px 48px 24px 47px;}
#confirmEmail h3{padding-bottom: 30px;}
#confirmEmail p {font-size:12px;color:#666666;}
#confirmEmail p a {color:#0067C0; text-decoration:underline;}


.submitButton:hover {background-color:#0067c0 !important; border-right-color:#0067c0 !important;}

/* Skype fix */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}


/*** MODAL WINDOW ***/
#mask { position:absolute; top:0; left:0; z-index:9000; display:none; }  
.modalWindow { position: fixed; background: #fff; display:none; border: 7px solid #d1d1d1; z-index:9999; -moz-box-shadow: 0px 0px 20px #666; -webkit-box-shadow: 0px 0px 20px #666; box-shadow: 0px 0px 20px #666; }
.modalWindow > a.close { display: block; position: absolute; right: 15px; top: 15px; font-size: 11px; font-weight: bold; line-height: 13px; color: #002D57; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 2px; padding-right: 20px; } 
.modalWindow > a.close:hover { color: #0067C0; }

/*-------------------
  6:Login 
-------------------*/

#loginForm { position: relative; overflow: hidden; padding: 30px 45px; border: 7px solid #d1d1d1; background: #fff; width: 360px; }
#loginForm .close { position: absolute; right: 15px; top: 15px; color: #002D57; font-size: 11px; line-height: 13px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#loginForm .close:hover,
#loginForm .forgottenPW:hover { color: #0067C0; }
#loginForm h3 { margin-bottom: 25px; padding-bottom: 0; }
#loginForm h3 span { color: #fff; text-transform: uppercase; padding: 2px; background: #0067C0; }
#loginForm label { display: block; padding-bottom: 10px }
#loginForm label span { display: block; color: #333333; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
#loginForm label .text { font-size: 11px; padding: 0 5px; background: #e6e6e6; width: 350px; height: 22px; }
#loginForm .login,
#loginForm .createAccount{ display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; line-height: 20px; padding-left: 10px; padding-right: 30px; text-transform: uppercase; background: #002D57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 6px; }
#loginForm .login:hover,
#loginForm .createAccount:hover { background-color: #0067C0; }
#loginForm .forgottenPW { display: block; float: right; color: #002D57; font-size: 11px; font-weight: bold; line-height: 27px; padding-left: 20px; background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat left 8px; }
#loginForm h4 { clear: both; margin-bottom: 0; padding-bottom: 10px; padding-top: 25px; font-weight:bold; }
#loginForm p { font-size: 11px; line-height: 14px; padding-bottom: 10px; }

/*-------------------
  7:Write a Review 
-------------------*/

#addReviewForm {display:none; position:fixed; overflow: hidden; padding: 45px; width: 555px; background: none repeat scroll 0 0 #FFFFFF; border: 7px solid #D1D1D1; box-shadow: 0 0 20px #B3B3B3; z-index:9001;}
.notfixed {position:absolute;}
#addReviewForm > .close { position: absolute; right: 15px; top: 15px; color: #002D57; font-size: 11px; line-height: 13px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#addReviewForm > .close:hover { color: #0067C0; }
#addReviewForm .item { width: 172px; margin-right: 20px; float: left; position: relative; }
#addReviewForm .item .filter { background:url(../images/layout/productPage_lightboximg_filter.png); width:172px; height:172px; position:absolute; }
#addReviewForm .item .imgBox { width:172px; height:172px; }
#addReviewForm .item img { border: none; width: 172px; height:172px; }
#addReviewForm .item span { display: block; }
#addReviewForm .item .brand { font-size: 11px; color: #656565; text-transform: uppercase; padding-top: 10px; }
#addReviewForm .item .name { color: #656565; font-size: 15px; font-weight: bold; text-transform: uppercase; }
#addReviewForm .item .price { font-size: 35px; color: #0067C0; padding: 18px 0 20px 0; font-weight:bold; }
#addReviewForm .item .sku { color: #666; font-size: 12px; line-height: 15px; }
#addReviewForm .evaluation { margin-left: 195px; }
#addReviewForm .evaluation h3 { margin-bottom: 25px; padding-bottom: 0; }
#addReviewForm .evaluation h3 span { color: #fff; text-transform: uppercase; padding: 0 4px 1px; background: #0067C0; }
#addReviewForm .evaluation label { display: block; padding-bottom: 10px }
#addReviewForm .evaluation label span { display: block; color: #333333; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
#addReviewForm .evaluation label .text { font-size: 11px; padding: 0 5px; background: #f6f6f6; width: 350px; height: 22px; }
#addReviewForm .evaluation label .textarea { font-size: 12px; line-height: 22px; color: #666; padding: 5px; background: #f6f6f6; width: 350px; height: 140px; }
#addReviewForm .evaluation label small { display: block; font-size: 11px; padding: 5px 0; }
#addReviewForm .evaluation label .error { color: #d11919; font-weight: bold; }
#addReviewForm .evaluation .cancel,
#addReviewForm .evaluation .submit { display: block; float: right; margin-top: 10px; color: #fff; font-size: 10px; font-weight: bold; line-height: 20px; margin-left: 15px; padding-left: 10px; padding-right: 30px; text-transform: uppercase; background: #002D57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 5px; }
#addReviewForm .evaluation .cancel:hover,
#addReviewForm .evaluation .submit:hover { background-color: #0067C0; }

#addReviewForm .evaluation .review-rating { float: left; margin-bottom: 15px; width: 360px; }
#addReviewForm .evaluation .review-rating > div { clear: both; overflow: hidden; padding: 15px 0; border-top: 7px solid #f6f6f6; border-bottom: 7px solid #f6f6f6; width: 100%; }
#addReviewForm .evaluation .review-rating > div .moyenne { float: left; font-size: 40px; font-weight: bold; line-height: 34px; color: #0067c0; }

#addReviewForm .evaluation .rating-legend { position: relative; clear: both; float: right; width: 300px; height: 50px; }
#addReviewForm .evaluation .rating-legend div { position: absolute; left: 0; top: 0; font-size: 11px; margin-top: 10px; padding-top: 25px; text-align: center; background: url("../images/layout/productPage_rating-legend-bg.gif") no-repeat top center; width: 100px; }
#addReviewForm .evaluation .rating-legend .poor { left: 62px; }
#addReviewForm .evaluation .rating-legend .good { left: 146px; }
#addReviewForm .evaluation .rating-legend .excellent { left: 229px; }

#addReviewForm .content { float: none; width: auto; }
#addReviewForm .confirmation { display: none; }
#addReviewForm .confirmation p { font-size: 16px; color: #666; }
#addReviewForm .confirmation .close { display: block; right: 45px; top: 190px; color: #fff; font-size: 10px; font-weight: bold; line-height: 27px; margin-left: 15px; padding-left: 10px; padding-right: 30px; text-transform: uppercase; background: #002D57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 8px; width: 80px; float:right; }
#addReviewForm .confirmation .close:hover { background-color: #0067C0; }

/*-------------------
  8:Product Slideshow
-------------------*/

#productSlideshow { overflow: hidden; border-bottom: 0; width: 660px; }
#productSlideshow .close { position: absolute; z-index:99999; right:15px; text-indent: -5000px; padding: 0; background: url(../images/layout/productPage_productSlideshow-close.png) no-repeat 0 -13px; width: 13px; height: 13px; }
#productSlideshow h2 { color: #666; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 47px; background: #d1d1d1; width: 100%; }
#productSlideshow #slider_container { overflow: hidden; position: relative; width: 660px; height: 660px; }
#productSlideshow .slider ul { width: 9999px; height: 660px; }
#productSlideshow .slider ul li { float: left; }
#productSlideshow .slider ul li img { width: 660px; height: 660px; }
#productSlideshow .slider-controls { position: absolute; right: 12px; bottom: 12px; margin-right: 20px; overflow: hidden; }
#productSlideshow .slider-controls li { float: left; margin-right: 10px; }
#productSlideshow .slider-controls li a { display: block; text-align: center; color: #0067C0; font-size: 13px; font-weight:bold; line-height: 21px; padding: 1px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat -22px 0; width: 22px; height: 21px; cursor:pointer;}
#productSlideshow .slider-controls li a:hover,
#productSlideshow .slider-controls .active a { color: #fff; background-position: 0 0; }
#productSlideshow .slider-arrows li a { display: block; position: absolute; top: 310px; text-indent: -5000px; width: 40px; height: 40px; }
#productSlideshow .slider-arrows li a:hover { background-position: center -34px; }
#productSlideshow .slider-arrows .previous a { left: 0; background: #d1d1d1 url(../images/layout/productPage_slider-arrows-left.png) no-repeat center 10px; cursor:pointer;}
#productSlideshow .slider-arrows .next a { right: 0; background: #d1d1d1 url(../images/layout/productPage_slider-arrows-right.png) no-repeat center 10px; cursor:pointer;}


/*-------------------
  9:Video Slideshow
-------------------*/

#videoSlideshow { overflow: hidden; padding: 16px 20px; background:#fff; border:7px solid #D1D1D1; box-shadow: 0 0 20px #B3B3B3;z-index:9001;}
#videoSlideshow  h3 { font-size:18px; color:#0067c0;}
#videoSlideshow  h3 span { background-color:#fff; }
#videoSlideshow #video_container { overflow: hidden; position: relative; width: 640px; height: 390px; }

/*-------------------
  10:Send Wishlist
-------------------*/

#sendWishlistForm { padding: 30px 45px; width: 360px; }
#sendWishlistForm .form > p { font-size: 11px; padding-bottom: 15px; }
#sendWishlistForm .form > .email-fields div { overflow: hidden; margin-bottom: 10px; }
#sendWishlistForm .form > .email-fields div .number { display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 21px; margin-top: 23px; margin-right: 10px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat 0 0; width: 22px; height: 21px; }
#sendWishlistForm .form > .email-fields div label,
#sendWishlistForm .form > .addEmail-field label { display: block; float: left; }
#sendWishlistForm .form > .email-fields div label span,
#sendWishlistForm .form > .addEmail-field label span { display: block; color: #333333; font-size: 11px; font-weight: bold; padding: 5px 0; }
#sendWishlistForm .form > .email-fields div label .error { font-weight: bold; color: #d11919; }
#sendWishlistForm .form > .email-fields div label input,
#sendWishlistForm .form > .addEmail-field label div { display: block; font-size: 11px; padding: 0 10px; background: #e6e6e6; width: 270px; height: 22px; }
#sendWishlistForm .form > .email-fields div .delete { display: block; float: left; margin-left: 10px; margin-top: 23px; background: #002D57 url(../images/layout/icon_delete.png) no-repeat center center; width: 22px; height: 22px; }
#sendWishlistForm .form > .email-fields div .delete:hover { background-color: #0067C0; }
#sendWishlistForm .form > .addEmail-field { overflow: hidden; margin-bottom: 25px; } 
#sendWishlistForm .form > .addEmail-field label { opacity: 0.4; filter: alpha(opacity=20); }
#sendWishlistForm .form > .addEmail-field .add { display: block; float: left; margin-right: 8px; margin-left: 2px; margin-top: 25px; background: url(../images/layout/sendWishlist_addEmail-btn-bg.png) no-repeat 0 0; width: 19px; height: 18px; }
#sendWishlistForm .form > .addEmail-field .add:hover { background-position: 0 -18px; }
#sendWishlistForm .form > label { display: block; margin-bottom: 10px; }
#sendWishlistForm .form > label span { display: block; color: #333333; font-size: 11px; font-weight: bold; padding: 5px 0; }
#sendWishlistForm .form > label textarea { font-size: 11px; padding: 10px; background: #e6e6e6; width: 340px; height: 100px; }
#sendWishlistForm .form > .cancel,
#sendWishlistForm .form > .submit,
#sendWishlistForm .confirmation .close { font-weight: bold; display: block; float: left; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 22px; padding: 0 10px; background: #002D57; }
#sendWishlistForm .form > .cancel:hover,
#sendWishlistForm .form > .submit:hover,
#sendWishlistForm .confirmation .close:hover { background-color: #0067C0;}
#sendWishlistForm .form > .submit { float: right; }

#sendWishlistForm .confirmation { display: none; }
#sendWishlistForm .confirmation p { font-size: 16px; color: #666; margin-bottom: 15px; }
#sendWishlistForm .confirmation li { overflow: hidden; margin-bottom: 20px; }
#sendWishlistForm .confirmation li .number { display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 21px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat 0 0; width: 22px; height: 21px; }
#sendWishlistForm .confirmation li .email { display: block; font-size: 16px; color: #666; line-height: 20px; margin-left: 30px; }

/******************
11. 404
******************/

/*gerneral layout */
.enErrorGeneric{background: url("../images/layout/404_background_EN.png") no-repeat scroll 0 0 transparent; height: 634px; margin-left: -25px; width: 990px;margin-top: 10px;} 
.frErrorGeneric{background: url("../images/layout/404_background.png") no-repeat scroll 0 0 transparent;height: 634px; margin-left: -25px; width: 990px;margin-top: 10px;}
#error_container .box {position: absolute; right: 44px; top: 136px; width: 318px;}
#error_container .box h2{ color: #FFFFFF;font-size: 24px;line-height: 1;padding-bottom: 20px; text-transform: uppercase; background-color:#0067c0; padding: 4px 0 0 4px; margin-bottom: 20px;}	
#error_container .box infoText{}
#error_container .box p{font-size:11px; line-height:17px; color:#666; margin-bottom:20px; width:262px;}
#error_container .btn.large{color:#fff; font-size:20px; background: url(../images/layout/arrow-white-right-vLarge.png) no-repeat scroll right 12px #002d57; padding: 11px 0 6px 11px; width:210px; cursor:pointer; border-right:solid 20px #002d57;}
#error_container .btn.large:hover {background-color: #0067c0; border-right:solid 20px #0067c0; }
.error #searchForm input.textInput {background: none repeat scroll 0 0 #FFFFFF;border: medium none; color: #333333; font-size: 10px; height: 21px; padding: 1px 0 1px 5px;width: 297px;}

/*main box*/
.box.blue{ background: url("../images/layout/water_background.png") repeat scroll 0 0 transparent; float: left; height: 98px;margin-top: -7px; width: 100%;}

/*8footer */ 
#footer.error{position:absolute; bottom: 26px; right: 12px;}
#footer .footerNav.noBorder {background:none;}

.submitForgot{white-space:nowrap; background-image:url(../images/layout/arrow-right-light-blue-small.png); padding-left:10px; background-repeat:no-repeat; line-height: 12px; background-position:left center; margin-top:18px; display:block; padding-top:2px}
/*-------------------
  Rona Login Form Overlay (modal)
-------------------*/

#overlayLoginForm { position: relative; overflow: hidden; padding: 40px 24px 24px; border: 7px solid #d1d1d1; background: #fff; width: 360px; }
#overlayLoginForm .close { position: absolute; right: 15px; top: 15px; color: #002D57; font-size: 11px; line-height: 13px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#overlayLoginForm .close:hover { color: #0067C0; }
#overlayLoginForm h3 { padding-bottom:20px; color:#0067c0; font-weight:bold; text-transform:none; }
#overlayLoginForm h3 span { background:none; padding:0; }
#overlayLoginForm label { display: block; color: #333333; font-size: 12px; }
#overlayLoginForm span.error { display: block; color: #FF0000; font-size: 11px; }
#overlayLoginForm input.text { font-size: 14px; width: 350px; padding:5px; margin:5px 0 10px; border:1px solid #e7e7e7; border-radius:3px; background-color:#e7e7e7; color:#666666; }
#overlayLoginForm .login,
#overlayLoginForm .createAccount{ float: left; }
#overlayLoginForm .forgottenPW { display: block; float: right; color: #666666; font-size: 11px; margin-top: 10px; text-decoration:underline; }
#overlayLoginForm h4 { clear: both; margin-bottom: 0; padding-bottom: 10px; padding-top: 25px; font-weight:bold; text-transform:none; }
#overlayLoginForm p { font-size: 11px; line-height: 14px; padding-bottom: 10px; color: #333; }

/*-------------------
  12:Confirm Unsubscribe
-------------------*/
#confirmUnsubscribe { overflow: hidden; overflow: hidden; padding: 45px 45px 35px; border: 7px solid #d1d1d1; background: #fff; width: 500px; }
#confirmUnsubscribe .close { position: absolute; right: 15px; top: 15px; color: #002D57; font-size: 11px; line-height: 13px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#confirmUnsubscribe .close:hover { color: #0067c0; }
#confirmUnsubscribe .customClose { position: relative; left: 0; top: 0; background: url(../images/layout/arrow-right-white-medium.png) no-repeat scroll right 6px #002D57; color: #FFFFFF; display: block; clear: both; float: left; font-size: 10px; font-weight: bold; line-height: 22px; padding-right: 30px; padding-left: 15px; text-transform: uppercase; }
#confirmUnsubscribe .customClose:hover { color: #fff; background-color: #0067c0; }
#confirmUnsubscribe > div { float: left; width: 235px; }
#confirmUnsubscribe > .right { float: right; margin-top: -4px; background: url(../images/layout/teaser_follow-on-fb.gif) no-repeat 0 0; height: 217px; }
#confirmUnsubscribe > .right p { color: #666; font-size: 16px; padding-left: 20px; padding-top: 100px; }
#confirmUnsubscribe > .right a { margin-left: 20px; background: url(../images/layout/arrow-right-white-medium.png) no-repeat scroll right 6px #002D57; color: #FFFFFF; display: block; clear: both; float: left; font-size: 10px; font-weight: bold; line-height: 22px; padding-right: 30px; padding-left: 15px; text-transform: uppercase; }
#confirmUnsubscribe > .right a:hover { background-color: #0067c0; }
#confirmUnsubscribe h3 { margin-bottom: 20px; padding-bottom: 0; }
#confirmUnsubscribe h3 span { color: #fff; text-transform: uppercase; padding: 2px; background: #0067C0; }
#confirmUnsubscribe p { color: #666; font-size: 12px; padding-bottom: 15px; }

/*-----------------------
eSpots
------------------------*/
.genericESpot .content {width:748px;float:left;}  
.scrollingESpot .content {width:748px;float:left;}  
.scrollingESpot .contentSection { padding-bottom:0px; }
/*thumnail navigation buttons */
.scrollingESpot .subNav {float:right; display:block; height:22px;}
.scrollingESpot .subNav .leftBtn a{background: url("../images/layout/left-arrow-gray.png") no-repeat center top transparent; width:15px; height:20px; display:block; margin-right:3px;}
.scrollingESpot .subNav .rightBtn a{background: url("../images/layout/right-arrow-gray.png") no-repeat center top transparent; width:15px; height:20px; display:block; margin-left:3px;} 
.scrollingESpot .titleWrapper{clear: both;float: left;width: 748px;margin-bottom: 12px;}
.scrollingESpot .titleWrapper .title{font-weight: bold; color: #666666;}
.scrollingESpot .subWrapper{float: left;}
.scrollingESpot .subNav span {float:left;}
.scrollingESpot .subNav .marker { width:10px; height:10px; margin: 5px; background-color: #9E9E9E; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 
.scrollingESpot .subNav .marker.active { background-color: #178FDB;}

/*Added for shopping cart move to wish list ../images/*/
#shoppingCartList #shopping-lists-form {  display: none; position: absolute; top: 105px; left: 120px; padding: 0 0 5px;background-color: #f1f1f1; width: 275px; z-index: 10; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 	border: 1px solid #e7e7e7; }
#shoppingCartList #shopping-lists-form > div {overflow: hidden; padding: 0px 15px 0px 20px; margin-top:8px; margin-bottom:8px;  }
#shoppingCartList #shopping-lists-form label span,
#shoppingCartList #shopping-lists-form > div > span { color: #6b6b6b; display: block; font-size: 12px; padding: 0 0 5px;font-family:arial; }
#shoppingCartList #shopping-lists-form label input { color: #6b6b6b; font-size: 12px; margin-bottom: 5px; padding: 0 8px; line-height: 25px; background: #fff; width: 215px; height: 30px; border: 1px solid #CCC;-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;}
#shoppingCartList #shopping-lists-form .submit {  display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; padding: 3px 23px 3px 23px; background: #0067c0; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
 	border-radius: 3px;
 	margin-top:4px;}
#shoppingCartList #shopping-lists-form .submit:hover { background-color: #0067c0; }
#shoppingCartList #shopping-lists-form .close {margin-top:8px; display: block; float: right; color: #6b6b6b; font-size: 11px; line-height: 25px; padding: 0 15px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 8px; }
#shoppingCartList #shopping-lists-form ul { margin-bottom: 15px; padding: 0 10px; background: #f6f6f6;}
#shoppingCartList #shopping-lists-form ul li { border-top: 1px solid #fff; }
#shoppingCartList #shopping-lists-form ul li:first-child { border-top: 0; }
#shoppingCartList #shopping-lists-form ul li a { display: block; color: #002d57; font-size: 12px; font-weight: bold; line-height: 25px; background: none; }
#shoppingCartList #shopping-lists-form ul li a:hover { color: #0067c0; }
 
/*  styles for eSpot wysiwyg content */
/* Content Container */

.genericESpot h1 {color: #0067C0; font-size: 80px;line-height: 65px; margin-left: -6px; padding-bottom: 17px; text-transform: uppercase;}
#sideProjectFlooring .genericESpot .ad p {font-size:11px;line-height:17px;margin-bottom:20px;color:#333; position: relative;}
.genericESpot p {font-size:11px;line-height:17px;margin-bottom:20px;color:#333;}
.genericESpot h3 {color:#FFFFFF;font-size:17px;line-height:1;text-transform:uppercase;margin-bottom:20px;padding-bottom:0px;}
.genericESpot h3 span {padding:2px 4px 1px 4px;background:#0067c0;}
.genericESpot h3.green span { background:# 91A44A;}
.genericESpot h3.yellow {color:#666;font-size:17px;line-height: 1;text-transform:uppercase;margin-bottom:20px;}
.genericESpot h3.yellow span {padding:0 4px 1px 0;background:#f4d51c; }
.genericESpot h4 {color:#0067c0;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.genericESpot h4.green {color:# 91A44A;}
.genericESpot h5 {color:#7c7b7b;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.genericESpot h6 {color:#7c7b7b;font-size:13px;font-weight:bold;margin-bottom:10px;}
.genericESpot ul, .genericESpot ol {overflow:hidden;margin-bottom:20px;}
.genericESpot ul li {color:#0067c0;font-size:11px;line-height:14px;margin-bottom:2px;padding:0 20px;background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px;}
.genericESpot ol li {color:#0067c0;font-size:11px;line-height:14px;margin-bottom:2px;margin:0 20px;list-style:outside;list-style-type:decimal;}
.genericESpot .imgRight {float:right;padding:10px 0px 10px 10px;}
/*.genericESpot img {padding:10px 10px 10px 0px;float:left;}*/
.genericESpot hr {margin-top:15px;padding:25px 5px 0;border-top:7px solid #F6F6F6;}
.genericESpot .note {color:#7c7b7b;font-style:italic;}
.genericESpot .quote {font-weight:bold;font-style:italic;color:#333;}
.genericESpot .author {font-weight:bold;font-style:italic;color:#666;}
.genericESpot table {width:100%;}
.genericESpot table td {padding-right:10px;vertical-align:top;}
.genericESpot table.styled th, .genericESpot table th {font-size:13px;text-align:left;padding:2px 5px;color:white;font-weight:bold;background:#0067C0;}
.genericESpot table.styled td {font-size:11px;line-height:18px;padding:5px;background:#F6F6F6;}

.genericESpot a {color:#002D57;text-decoration:underline;}
.genericESpot a:hover {color:#0067c0;text-decoration:underline;}
.genericESpot strong {font-weight:bold;}
.genericESpot em {font-style:italic;}
.genericESpot u {text-decoration:underline;}
.genericESpot .dark_blue {color:#002D57;}
.genericESpot .light_blue {color:#0067c0;}
.genericESpot .grey {color:#7c7b7b;}
.genericESpot .dark_grey {color:#333;}
.genericESpot .green {color:#91a44a;}

/*  styles for UCM wysiwyg content used in layout editor */
/* Content Container */
.layoutBuilderRichContent h1 {color: #0067C0; font-size: 80px;line-height: 65px; margin-left: -6px; padding-bottom: 17px; text-transform: uppercase;}

.layoutBuilderRichContent p {font-size:11px;line-height:17px;margin:20px 0;color:#333;}
.layoutBuilderRichContent h3 {color:#FFFFFF;font-size:17px;line-height:1;text-transform:uppercase;margin-bottom:20px;padding-bottom:0px;}
.layoutBuilderRichContent h3 span {padding:0px 4px 1px 4px;background:#0067c0;}
.layoutBuilderRichContent h3.green span { background:# 91A44A;}
.layoutBuilderRichContent h3.yellow {color:#666;font-size:17px;line-height: 1;text-transform:uppercase;margin-bottom:20px;}
.layoutBuilderRichContent h3.yellow span {padding:0 4px 1px 0;background:#f4d51c; }
.layoutBuilderRichContent h4 {color:#0067c0;font-size:13px;font-weight:bold;text-transform:uppercase;}
.layoutBuilderRichContent h4.green {color:# 91A44A;}
.layoutBuilderRichContent h5 {color:#7c7b7b;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.layoutBuilderRichContent h6 {color:#7c7b7b;font-size:13px;font-weight:bold;margin-bottom:10px;}
.layoutBuilderRichContent ul, .layoutBuilderRichContent ol {overflow:hidden;margin-bottom:20px;}
.layoutBuilderRichContent ul li {color:#0067c0;font-size:11px;line-height:14px;margin-bottom:2px;padding:0 20px;background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px;}
.layoutBuilderRichContent ol li {color:#0067c0;font-size:11px;line-height:14px;margin-bottom:2px;margin:0 20px;list-style:outside;list-style-type:decimal;}
.layoutBuilderRichContent .imgRight {float:right;padding:10px 0px 10px 10px;}
/*.layoutBuilderRichContent img {padding:10px 10px 10px 0px;float:left;}*/
.layoutBuilderRichContent hr {margin-top:15px;padding:25px 5px 0;border-top:7px solid #F6F6F6;}
.layoutBuilderRichContent .note {color:#7c7b7b;font-style:italic;}
.layoutBuilderRichContent .quote {font-weight:bold;font-style:italic;color:#333;}
.layoutBuilderRichContent .author {font-weight:bold;font-style:italic;color:#666;}
.layoutBuilderRichContent table {width:100%;}
.layoutBuilderRichContent table td {padding-right:10px;vertical-align:top;}
.layoutBuilderRichContent table.styled th, .layoutBuilderRichContent table th {font-size:13px;text-align:left;padding:2px 5px;color:white;font-weight:bold;background:#0067C0;}
.layoutBuilderRichContent table.styled td {font-size:11px;line-height:18px;padding:5px;background:#F6F6F6;}

.layoutBuilderRichContent a {color:#002D57;}
.layoutBuilderRichContent a:hover {color:#0067c0;}
.layoutBuilderRichContent strong {font-weight:bold;}
.layoutBuilderRichContent em {font-style:italic;}
.layoutBuilderRichContent u {text-decoration:underline;}
.layoutBuilderRichContent .dark_blue {color:#002D57;}
.layoutBuilderRichContent .light_blue {color:#0067c0;}
.layoutBuilderRichContent .grey {color:#7c7b7b;}
.layoutBuilderRichContent .dark_grey {color:#333;}
.layoutBuilderRichContent .green {color:#91a44a;}

.layoutBuilderRichContent #compareProducts ul, .layoutBuilderRichContent #compareProducts ol {margin-bottom:20px; overflow: visible}
.layoutBuilderRichContent #otherProducts li {background: none repeat scroll 0 0 transparent; padding: 0px; float: left; margin: 0 10px; height:76px;}
.layoutBuilderRichContent #otherProductsInfos li {background: none repeat scroll 0 0 #FFFFFF;  margin: 0px; padding: 0px; }
.layoutBuilderRichContent #compareProducts h6 { width: 107px; padding: 15px 51px 0 51px; height:  61px; position:  absolute; right: 0; top:0; z-index: 90;  margin: 0 auto; font-size: 17px; text-transform: uppercase; color: #fff; background: #0067C0; text-align: center; }

.sidebar #utilities h4 {padding-bottom:10px; margin-bottom: 0px;}
.sidebar #utilities ul { margin: 0 -6px; display: table; width: 180px; padding-top: 0px; }
.sidebar #utilities ul li { background: none repeat scroll 0 0 transparent; padding: 0px; width: 57px; float: left; margin: 0px; }

/* Containers */
.wysiwyg_container {width:698px;padding:26px 15px 30px;background:#fff;}
.dropDownContent .wysiwyg_container {padding:5px 0px 0px;}
.wysiwyg_lightbox {width:722px;padding:26px 15px 30px;background:#fff;}

.wysiwyg {width:100%;float:left;}

.wysiwyg h1 {color: #0067C0; font-size: 80px;line-height: 65px; margin-left: -6px; padding-bottom: 17px; text-transform: uppercase;}
.wysiwyg h1 span {background:none;}
.wysiwyg p {font-size:11px;line-height:17px;margin-bottom:20px;color:#333;}
.wysiwyg h3 {color:#FFFFFF;font-size:17px;line-height:1;text-transform:uppercase;margin-bottom:20px;padding-bottom:0px;}
.wysiwyg h3 span {padding:0px 4px 1px 4px;background:#0067c0;}
.wysiwyg h3.green span { background:# 91A44A;}
.wysiwyg h3.yellow {color:#666;font-size:17px;line-height: 1;text-transform:uppercase;margin-bottom:20px;}
.wysiwyg h3.yellow span {padding:0 4px 1px 0;background:#f4d51c; }
.wysiwyg h4 {color:#0067c0;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;}
.wysiwyg h4.green {color:# 91A44A;}
.wysiwyg h5 {color:#7c7b7b;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.wysiwyg h6 {color:#7c7b7b;font-size:13px;font-weight:bold;margin-bottom:10px;}
.wysiwyg ul, .wysiwyg ol {overflow:hidden;margin-bottom:20px;}
.wysiwyg ul li {color:#0067c0;font-size:11px;line-height:14px;margin-bottom:2px;padding:0 20px;background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px;}
.wysiwyg ol li {color:#0067c0;font-size:11px;line-height:14px;margin-bottom:2px;margin:0 20px;list-style:outside;list-style-type:decimal;}
.wysiwyg .imgRight {float:right;padding:10px 10px 10px 0px;}
.wysiwyg img {padding:10px 10px 10px 0px;float:left;}
.wysiwyg hr {margin-top:15px;padding:25px 5px 0;border-top:7px solid #F6F6F6;}
.wysiwyg .note {color:#7c7b7b;font-style:italic;}
.wysiwyg .quote {font-weight:bold;font-style:italic;color:#333;}
.wysiwyg .author {font-weight:bold;font-style:italic;color:#666;}
.wysiwyg table {width:100%;}
.wysiwyg table td {padding-right:10px;vertical-align:top;}
.wysiwyg table.styled th, .wysiwyg table th {font-size:13px;text-align:left;padding:2px 5px;color:white;font-weight:bold;background:#0067C0;}
.wysiwyg table.styled td {font-size:11px;line-height:18px;padding:5px;background:#F6F6F6;}

.wysiwyg a {color:#002D57;text-decoration:underline;}
.wysiwyg a:hover {color:#0067c0;text-decoration:underline;}
.wysiwyg strong {font-weight:bold;}
.wysiwyg em {font-style:italic;}
.wysiwyg u {text-decoration:underline;}
.wysiwyg .dark_blue {color:#002D57;}
.wysiwyg .light_blue {color:#0067c0;}
.wysiwyg .grey {color:#7c7b7b;}
.wysiwyg .dark_grey {color:#333;}
.wysiwyg .green {color:#91a44a;}

/* Special blocks */
.wysiwyg .documents { padding-top: 15px; margin-bottom: 8px; }
.wysiwyg .documents > div { position: relative; padding: 30px; background: #f5f5f5; }
.wysiwyg .documents .bubble { position: absolute; right: 25px; top: -11px; background: url(../images/corpo/layout/bubble_documents.png) no-repeat 0 bottom; width: 61px; height: 61px; }
.wysiwyg .documents h5 {overflow:hidden;color:#666;font-size:17px;line-height: 1;text-transform:uppercase;margin-left:0px;}
.wysiwyg .documents h5 span {padding:0 4px 1px;background:#f4d51c; }
.wysiwyg .documents ul {margin-bottom:0px;}
.wysiwyg .documents li { margin-top: 15px; padding:15px 0px 0px 0px; border-top: 2px solid #fff; list-style:none !important; background:none; }
.wysiwyg .documents li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.wysiwyg .documents li a { display: block; color: #002d57; font-size: 11px; font-weight: bold; padding-top: 7px; padding-left: 60px; background: url(../images/corpo/layout/icon_documents-big.gif) no-repeat 0 0; height: 32px; }
.wysiwyg .documents li a:hover { color: #0067c0;  background: url(../images/corpo/layout/icone_document_pdf-hover.png) no-repeat 0 0; }

/*********************
3. TIPS AND TRICKS
***********************/

/*general layout */
#tipsAndTricksInfo {background: none repeat scroll 0 0 #FFFFFF; padding: 20px; position: relative; z-index: 1;}
#tipsAndTricksInfo .btn_print, #projectStepsDetails .btn_print { color:#002d57; font-weight:bold; font-size:10px; text-transform:uppercase; background:url(../images/layout/smallicon_btnprint.png) no-repeat scroll 8px center #f6f6f6; width:70px; line-height:22px;display:block; float:right; padding-left:30px; }
#tipsAndTricksInfo .btn_print:hover, #projectStepsDetails .btn_print:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnprint-hover.png) no-repeat scroll 8px center #0067C0; }
#tipsAndTricksInfo p, #projectStepsDetails p { font-size:11px; color:#333333; line-height:17px; margin-bottom: 8px; }

/*details section */
#tipsAndTricksDetails p a { font-weight:bold; color:#002d57; text-decoration:underline; }
#tipsAndTricksDetails p a:hover { color:#0067C0; }
#tipsAndTricksDetails .button.openAll {  background: url("../images/layout/arrow-down-light-blue-small.png") no-repeat scroll 8px 7px #F6F6F6;color: #002D57; cursor: pointer; display: block; float: right; font-size: 10px; font-weight: bold;  padding: 4px 12px 5px 28px; text-transform: uppercase; width: 149px; padding-right:12px;}

/*drawer open all button */
#tipsAndTricksDetails .button.openAll span.close {display:none;}
#tipsAndTricksDetails .button.openAll.active span.close {display:block;}
#tipsAndTricksDetails .button.openAll.active span.open {display:none;}
#tipsAndTricksDetails .button.openAll span.open {display:block;}
#tipsAndTricksDetails .button.openAll.active { padding-right: 2px;}
#tipsAndTricksDetails .button.openAll.active { background: url("../images/layout/arrow-up-light-blue-small.png") no-repeat scroll 8px 6px #F6F6F6;}
#tipsAndTricksDetails .button.openAll:hover {color: #0067C0;}
#tipsAndTricksDetails #allSteps h3 {float:left;} 

/*left side */
#tipsAndTricksDetails #relatedLeft #productTabs #panel > div .cta h5 {width:249px;}
#tipsAndTricksDetails #relatedLeft .paddingBox {float:left;} 
#tipsAndTricksDetails #relatedLeft  #allSteps {float:left;} 
#tipsAndTricksDetails #relatedLeftdrop .DownWrapper .link a .title {color: #0067C0; }
#tipsAndTricksDetails #relatedLeft .wrapper .link .arrowBig {background: url("../images/layout/arrow_large_darkblue_down.png") no-repeat scroll 0 0 transparent;  height:13px; width:20px; display:block; float:right; position:relative; top:2px; cursor:pointer;} 
#tipsAndTricksDetails #relatedLeft .wrapper .link a{color:#002d57;}
#tipsAndTricksDetails #relatedLeft #etapes #allSteps {width: 718px;} 

/*right side */
#tipsAndTricksInfo #rightInfo {float: right;width: 538px; position:relative;}
#tipsAndTricksInfo #rightInfo h2 { width:186px; margin-top:-6px;padding-bottom: 24px; }
#tipsAndTricksInfo #rightInfo h2 span { color:#0067c0; font-size:30px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #0067c0; line-height: 32px; width:100px; }
#tipsAndTricksInfo #rightInfo .detailsInfo { margin:10px 0 0; position: relative; }
#tipsAndTricksInfo #rightInfo .detailsInfo li { color:#666666; font-size:12px; float:left; margin-right:11px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li span { color:#0067c0; font-weight:bold; }

/*difficulty levels*/ 
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyIcons { float:left; margin-left: 5px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyIcons .hammerIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; }
#tipsAndTricksInfo #rightInfo .detailsInfo  .tag {float:left;}
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;}
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .close:hover { color:#0067c0; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow { width:333px; height:44px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow.odd { background:#f6f6f6; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/projectStepsDifficultyLevelIcons.png) no-repeat; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #one .iconBox{ width:15px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #two .iconBox { width:30px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconBox { width:50px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #four .iconBox { width:70px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;}
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel #three .iconInfo { padding-top:5px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .difficultyLevel .levelRow .iconInfo.current { color:#0067c0; }

/*cost levels*/ 
#tipsAndTricksInfo #rightInfo .detailsInfo li .costIcons { float:left; margin-left: 5px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costIcons .dollarIcon {background: url("../images/layout/sprite.png") no-repeat scroll -69px -90px transparent; display: block; float: left; height: 13px; margin-top: 1px;padding-right: 3px;width: 10px; }
#tipsAndTricksInfo #rightInfo .detailsInfo  .tag {float:left;}
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel { display: none; position: absolute; left: 20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .close { background: url("../images/layout/cross-light-blue-small.png") no-repeat scroll right 2px transparent; color: #002D57; font-size: 11px; font-weight:bold; line-height: 10px; padding-right: 20px; position: absolute; right: 35px; top: -10px;}
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .close:hover { color:#0067c0; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .h4 { font-weight:bold; font-size:13px; padding-bottom:13px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow { width:333px; height:44px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow.odd { background:#f6f6f6; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconBox { height:23px; position:relative; top:11px; left:11px; background:url(../images/layout/productPage_cost-money-icon.png) no-repeat; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #one .iconBox{ width:15px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #two .iconBox { width:30px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #three .iconBox { width:50px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #four .iconBox { width:70px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo {position:absolute; color:#002d57; font-weight:bold; left:140px; height:44px; width:230px; margin-top:-22px; padding-top:12px;}
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel #three .iconInfo { padding-top:5px; }
#tipsAndTricksInfo #rightInfo .detailsInfo li .costLevel .levelRow .iconInfo.current { color:#0067c0; }

/*download button */
#tipsAndTricksInfo #rightInfo .btn_downloadpdf { color:#002d57; font-weight:bold; font-size:10px;  margin: 10px 0; text-transform:uppercase; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #f6f6f6; width:230px; line-height:22px;display:block; padding-left:30px; }
#tipsAndTricksInfo #rightInfo .btn_downloadpdf:hover { color:#FFFFFF; background:url(../images/layout/smallicon_btnddlwnpdf.png) no-repeat scroll 8px center #0067C0; }
/*define 'fake' border */
#tipsAndTricksInfo #rightInfo .horizontal_line { width:538px; height: 8px; background:#f6f6f6; margin:0 0 7px; }

/*evaluation preview */
#tipsAndTricksInfo #rightInfo div.evaluationPreview { position:relative; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview a { color: #002d57; line-height: 15px; font-size: 11px; font-weight: bold; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview a:hover,
#tipsAndTricksInfo #rightInfo div.evaluationPreview .nbReviews.active { color: #0067C0; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview .nbReviews { padding-right: 20px; background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat right 3px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview { display: none; position: absolute; left: -20px; top: 50px; padding: 5px 40px 40px;margin-top:10px; background:url(../images/layout/shadow_bg_fixed_reviewinfo.png) bottom center no-repeat; width: 325px; z-index: 11; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview .h4 { font-size:13px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview .arrow { position: absolute; top: -60px; left:-8px; background: url(../images/layout/productPage-otherProductsInfos-arrow-white.png) no-repeat left top; width: 415px; height: 60px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview ul { padding-bottom: 10px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview li { overflow: hidden; padding-bottom: 5px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingValue { display: block; float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 10px; padding-right: 25px; background:url("../images/icons/productPage-rating-small_project.png") no-repeat scroll right -14px transparent; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic { position: relative; float: left; background: #f7f6f6; width: 254px; height: 14px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingGraphic div { position: absolute; left: 0; top: 0; background: url(../images/layout/productPage-reviewsPreview-bg.gif) repeat-x 0 0; height: 14px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview li .ratingNbVotes { display: block; float: right; color: #666; font-size: 11px; line-height: 14px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview .writeReview { float: none; background-position: left 1px; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview #nbReviewsPreview .close { position: absolute; right: 35px; top: -10px; color: #002d57; font-size: 11px; line-height: 10px; padding-right: 20px; background: url("../images/layout/cross-light-blue-small.png") no-repeat right 2px; }
#tipsAndTricksInfo #rightInfo div.evaluat``ionPreview #nbReviewsPreview .close:hover { color: #0067C0; }
#tipsAndTricksInfo #rightInfo div.evaluationPreview .writeReview { float: right; padding-left: 20px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#tipsAndTricksInfo #rightInfo .textZone { padding:20px 0 0; min-height: 202px;}
#tipsAndTricksInfo.eco #rightInfo .textZone {min-height: 201px;}

/*Add Optons */
#tipsAndTricksInfo #rightInfo ul.addOptions { padding: 15px 0 0; float:left; }
#tipsAndTricksInfo #rightInfo ul.addOptions > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 11px; padding-left: 20px; }
#tipsAndTricksInfo #rightInfo ul.addOptions > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; }
#tipsAndTricksInfo #rightInfo ul.addOptions > li > a:hover { color: #0067C0; }
#tipsAndTricksInfo #rightInfo ul.addOptions > .active { background: url(../images/layout/arrow-down-light-blue-small.png) no-repeat left center; }
#tipsAndTricksInfo #rightInfo ul.addOptions > .active > a { color: #0067C0; }
#tipsAndTricksInfo #rightInfo ul.addOptions > .added { background: url(../images/layout/check-light-blue-small.gif) no-repeat left center; }
#tipsAndTricksInfo #rightInfo ul.addOptions > .added > a { color: #0067C0; cursor: default; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form { display: none; position: absolute; top: 14px; left: -33px; padding: 0 0 33px; background: url(../images/layout/productPage-addOptions-bottom-bg.png) no-repeat 0 bottom; width: 294px; z-index: 10; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form > div { overflow: hidden; padding: 11px 33px 0; background: url(../images/layout/productPage-addOptions-top-bg.png) no-repeat 0 0; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form label span { color: #333333; display: block; font-size: 11px; font-weight: bold; padding: 0 0 5px; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form label input { color: #333; font-size: 11px; margin-bottom: 5px; padding: 0 10px; line-height: 25px; background: #f2f2f2; width: 208px; height: 25px; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .submit { display: block; float: left; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 30px 0 10px; background: #002d57 url(../images/layout/arrow-right-white-medium.png) no-repeat right 4px; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .submit:hover { background-color: #0067c0; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .close { display: block; float: right; color: #002d57; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 20px 0 0; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 5px; }
#tipsAndTricksInfo #rightInfo ul.addOptions li #bookmark-form .close:hover { color: #0067c0; }
#tipsAndTricksInfo #rightInfo .tendanceRona { float:right; }

/* project pictures */
#tipsAndTricksInfo #projectPictures { margin-right: 548px; text-align: center; margin-bottom:10px;}
#tipsAndTricksInfo #projectPictures #mainPicture { width:344px; height:344px; overflow:hidden;margin-bottom: 19px; }
#tipsAndTricksInfo #projectPictures #mainPicture img { width: 344px;}
#tipsAndTricksInfo #projectPictures #projectsThumbs { float: left; height: 52px; position: relative; }
#tipsAndTricksInfo #projectPictures #projectsThumbs li { float: left; margin-left: 21px; margin-right:3px; }
#tipsAndTricksInfo #projectPictures #projectsThumbs li:first-child { margin-left: 0; }
#tipsAndTricksInfo #projectPictures #projectsThumbs li a { border: 0px solid #fff; display: block; width: 50px }
#tipsAndTricksInfo #projectPictures #projectsThumbs li .activeBlock { display:none; position:absolute; width: 50px; height: 50px; background: url("../images/layout/productPage-slider_bgSelectedItem.png") repeat scroll 0 0 transparent; }
#tipsAndTricksInfo #projectPictures #projectsThumbs li.active .activeBlock { display:block; }
#tipsAndTricksInfo #projectPictures #projectsThumbs li.video .activeBlock  { background: url("../images/layout/productPage-slider_video.png") repeat scroll 0 0 transparent;display:block!important;}

/*zoom icon */
#tipsAndTricksInfo #projectPictures .zoomImage { position: relative; float: right; right: 8px; margin-left: 0; background: transparent; z-index: 10;}
#tipsAndTricksInfo #projectPictures .zoomImage a { display: block; width: 50px; height: 58px; margin-top: -7px; text-indent: -3000px; background: transparent url(../images/layout/productPage-zoom-button.png) -50px 0; border: none; }
#tipsAndTricksInfo #projectPictures .zoomImage a:hover { background-position: 0 0; }
#tipsAndTricksInfo .fbBtn {padding-top: 4px;  height: 20px !important;}

/*condiotional print objects (hidden in normal display) */
#tipsAndTricksInfo .printSafe {display:none; float:left;}
#tipsAndTricksDetails .printSafe{display:none;}
.printSafe{display:none;}

/*main contemt area of tips and tricks */
#tipsAndTricksDetails  h3 { font-size:18px; }
#tipsAndTricksDetails  h3 span {  background:#0067c0; }
#tipsAndTricksDetails .box { float:left; width:340px; }
#tipsAndTricksDetails .box.paddingleft { padding-left:25px;  width: 318px}
#tipsAndTricksDetails .box.firstleft { width:365px }
#tipsAndTricksDetails .box.table { width:710px; padding-top:20px; }
#tipsAndTricksDetails .listTitle { font-size:12px; font-weight:bold; text-transform:uppercase; color:#0067c0; padding-bottom:20px; display:block; }

/*individual tool list */
#tipsAndTricksDetails .box .listTools > li { position: relative; margin-bottom: 2px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 1px; font-size: 11px; line-height: 16px; padding-left: 20px; color: #0067c0; line-height: 14px; cursor:pointer; }
#tipsAndTricksDetails .box .listTools > li:hover {color:#002D57;}
#tipsAndTricksDetails .box .listTools > li.nolink { background: url(../images/layout/dot-left-light-blue-small.png) no-repeat left 1px; }
#tipsAndTricksDetails .box .listTools > li > a { position: relative; color: #002d57; font-weight: bold; line-height: 14px; font-size:11px; }
#tipsAndTricksDetails .box .listTools > li > a:hover { color: #0067C0; }
#tipsAndTricksDetails .btn_print { width:130px; }
#tipsAndTricksDetails .blueline { background:#0067C0; height:8px;}
#tipsAndTricksDetails .box.table table { text-align:left; font-size:11px; margin-bottom: 10px; }
#tipsAndTricksDetails .box.table table th { background:#0067c0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; border-right: 15px solid #FFF; padding: 3px 0 0 5px; height:18px; text-align:left; }
#tipsAndTricksDetails .box.table table .last { border-right:none; }
#tipsAndTricksDetails .box.table table td { background:#f6f6f6; border-top:3px solid #FFF; border-right: 15px solid #FFF; padding:2px 0 0 5px; height:18px; text-transform:none; color:#333333; vertical-align: top; padding-top:3px;}
#tipsAndTricksDetails .box.table table .first {color:#0067c0;  text-transform:uppercase; font-weight: bold;}
#tipsAndTricksDetails .box.table table .first .text {width:100px; display: block; padding-bottom: 3px; width: 148px; float:left;} 
#tipsAndTricksDetails .box.table table .letter {float:left;}

/* drop down boxes */
#tipsAndTricksDetails  #allSteps { padding-top:10px; }
#tipsAndTricksDetails .dropDownContent .row .columnLeft .title {color:#666; font-weight:bold; font-size:13px;} 
#tipsAndTricksDetails .dropDownContent .row .columnLeft .title .bullet {color:#0067c0; padding-right:3px;}
#tipsAndTricksDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;}
#tipsAndTricksDetails .dropDownContent .row .columnLeft {color:#333; font-weight:normal; font-size:11px;} 
#tipsAndTricksDetails .dropDownContent .row .columnLeft .infoText {font-style: italic; color:#7c7b7b;} 
#tipsAndTricksDetails #etapes.paddingBox {border-bottom: solid 7px #0067C0;}

/*Left section */ 
#tipsAndTricksDetails #relatedLeft {padding: 0px;}
#tipsAndTricksDetails #relatedLeft .wrapper .link { background: url("../images/layout/blue_circle_new.png") no-repeat scroll 10px 7px #F6F6F6; color: #002D57;font-size: 12px;font-weight: bold;margin-left: -11px; margin-top: 10px;padding: 10px;text-transform: uppercase; width: 709px; border-bottom: 2px solid #F6F6F6; border-top: 2px solid #F6F6F6;}
#tipsAndTricksDetails #relatedLeft .wrapper .link:hover { background: url("../images/layout/blue_circle_new.png") no-repeat scroll 10px -27px #F6F6F6;}
#tipsAndTricksDetails #relatedLeft .wrapper .link .number { color: #FFFFFF; font-size: 13px; left: -29px; margin-bottom: -7px; margin-left: -28px; padding-bottom: 4px; padding-right: 17px; vertical-align: baseline;}
#tipsAndTricksDetails #relatedLeft .wrapper .link:hover {background-position: 1v    0px -27px;}
#tipsAndTricksDetails #relatedLeft .wrapper .link a {padding-left:35px;}
#tipsAndTricksDetails #relatedLeft .wrapper .link a  span.title.active {color: #0067C0;}
#tipsAndTricksDetails #relatedLeft .wrapper .link:hover a {color: #0067C0;}
#tipsAndTricksDetails #relatedLeft .wrapper .link .arrowBig {background:url("../images/layout/arrow_large_darkblue_down.png") no-repeat scroll 0 0 transparent;  height:13px;  width:20px;display:block; float:right;  position:relative; top:2px; cursor:pointer;} 
#tipsAndTricksDetails #relatedLeft .wrapper .link:hover .arrowBig {background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 -12px transparent;}
#tipsAndTricksDetails #relatedLeft .wrapper .link .arrowBig.active{background: url("../images/layout/blue_arrow_big.png") no-repeat scroll 0 2px transparent;} 
#tipsAndTricksDetails #relatedLeft .wrapper .dropDownContent {display:none;} 
#tipsAndTricksDetails #relatedLeft  {width:748px; margin-top:20px; margin-bottom: 20px;}
#tipsAndTricksDetails #relatedLeft .paddingBox {padding: 20px; background:#fff; margin-bottom:20px; padding-right:10px;}
#tipsAndTricksDetails #relatedLeft #productTabs {padding-top:20px;}
#tipsAndTricksDetails  .pageTop {background: url("../images/layout/sprite.png") no-repeat scroll -490px -221px transparent; bottom: 21px; color: #002D57; display: block; float: right; font-size: 11px; font-weight: bold; height: 10px; margin-bottom: 10px; padding-left: 18px;}
#tipsAndTricksDetails .pageTop > a:hover { color: #0067C0; }
#tipsAndTricksDetails #relatedLeft .top {padding-top:20px; font-size:11px; padding-left:20px;}
#tipsAndTricksDetails #relatedLeft .row.img {padding-top:40px;}
#tipsAndTricksDetails #relatedLeft .row .columnLeft {float: left; padding-left: 25px; padding-right: 11px; width: 470px;}
#tipsAndTricksDetails #relatedLeft .row .columnLeft .top {padding-left:20px;}
#tipsAndTricksDetails #relatedLeft .row .columnRight {float:left;}
#tipsAndTricksDetails #relatedLeft .row.img { padding-top:40px;}  
#tipsAndTricksDetails #relatedLeft .row .zoom {cursor:pointer; background: url("../images/layout/zoom.jpg") no-repeat scroll 0 0 transparent; height: 30px; position: relative; right: -170px; top: -30px; width: 30px;}
#tipsAndTricksDetails #relatedLeft .row .zoom:hover{background-position: 0 -30px;}
#tipsAndTricksDetails #relatedLeft .row .zoom a {display:block; height:30px; width:30px;} 

/*right sidebar */
#relatedRight div .title {margin-bottom:16px;}
#relatedRight div#relatedProjects p {color: #333333; font-size: 11px; line-height: 16px; padding-bottom: 10px;}
#relatedRight div#relatedProjects a {margin-bottom:18px;}
#relatedRight div#relatedProjects h6 {font-size: 12px;font-weight: bold; margin-bottom: 7px; text-transform: uppercase;}
#relatedRight > div { border-top: 7px solid #FFFFFF;padding: 21px 0 0;}

/*right section */
#tipsAndTricksDetails  #relatedRight div.links {padding-bottom:0px; padding-top: 10px;}
#tipsAndTricksDetails  #relatedRight h3 span {padding: 1px 4px;}
#tipsAndTricksDetails #relatedRight h3 {padding-bottom:16px;}
#tipsAndTricksDetails #relatedRight .row.tools .links {border: medium none; line-height: 20px; color:#002D57;}
#tipsAndTricksDetails #relatedRight .row.tools .links:hover {color: #0067C0;}
#tipsAndTricksDetails #relatedRight .row.tools .links  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;}
#tipsAndTricksDetails #relatedRight .row.tools,
#tipsAndTricksDetails #relatedRight #utilities {padding-bottom:17px;}
#tipsAndTricksDetails #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;}
#tipsAndTricksDetails #relatedRight {width: 168px;}
#tipsAndTricksDetails #relatedRight  .row.tools.pdf .links {line-height:11px; padding-top:5px;}
#tipsAndTricksDetails #relatedRight  .row.tools.pdf .links img {position:relative;top:2px; padding-left:3px;}
#tipsAndTricksDetails #relatedRight  .row.tools.pdf .links ul li {width:144px; padding-top:11px;}

/*define individual utilties symbols */
#tipsAndTricksDetails #utilities ul li.calculator a { background-position: 0 0; }
#tipsAndTricksDetails #utilities ul li.units a { background-position: -58px 0; }
#tipsAndTricksDetails #utilities ul li.measurement a { background-position: -116px 0; }
#tipsAndTricksDetails #utilities ul li.calculator a:hover { background-position: 0 58px; }
#tipsAndTricksDetails #utilities ul li.units a:hover { background-position: -58px 58px; }
#tipsAndTricksDetails #tipsAndTricksDetails #utilities ul li.measurement a:hover { background-position: -116px 58px; }
#tipsAndTricksDetails .rating-meter-big div.star-rating, #tipsAndTricksDetails .rating-meter-big div.star-rating a { background: url(" ../images/layout/projectPage-rating-big.png") no-repeat scroll 0 0 transparent; }


/* INFO SECTION */

/* sidebar */ 
#tipsAndTricksDetails .pageRow #relatedRight .row.tools .links {border: medium none; line-height: 24px; color:#002D57;}
#tipsAndTricksDetails .pageRow #relatedRight .row.tools .links:hover {color: #0067C0;}
#tipsAndTricksDetails .pageRow #relatedRight .row.tools .links  ul li {background: url("../images/layout/arrow-right-light-blue-small.png") no-repeat scroll left center transparent; color: #002D57; font-size: 11px;font-weight: bold; padding-left: 18px; width: 174px;}
#tipsAndTricksDetails .pageRow #relatedRight .row.tools,
#tipsAndTricksDetails .pageRow #relatedRight #utilities {padding-bottom:20px;}
#tipsAndTricksDetails .pageRow #relatedRight #utilities ul li {background: url("../images/layout/sprite-icon-utilities.png") repeat scroll 0 0 transparent; display: block; height: 58px; overflow: hidden; text-indent: -3000px;}
#tipsAndTricksDetails  #relatedRight div .title.middle{margin:0; }
#tipsAndTricksDetails  #relatedRight {padding-top:23px;}
#tipsAndTricksDetails  #ronavantages_cta img {padding-top:20px; float:left;}
#tipsAndTricksDetails  #relatedRight div {}
#tipsAndTricksDetails .dropDownContent .row p {color: #333333;font-size: 11px; line-height: 18px; padding: 20px 20px 5px 18px;}
#tipsAndTricksDetails #relatedLeft #etapes #allSteps {padding-top: 20px; }
#tipsAndTricksDetails #relatedLeft #etapes #allSteps h3 {padding-bottom:9px;}
#productSlideshow .slider-controls li a:hover, #productSlideshow .slider-controls a {padding-top:5px;}

#tipsAndTricksInfo .rating-meter-small div.star-rating, #tipsAndTricksInfo  .rating-meter-small div.star-rating a
{ background:url("../images/icons/productPage-rating-small_project.png") no-repeat scroll 0 0px transparent; }

/*ECO*/
#tipsAndTricksDetails.eco #etapes #allSteps h3 span {background-color:#91a44a;} 
#tipsAndTricksInfo.eco #rightInfo h2 span {color:#91a44a; border-bottom: 1px solid #91a44a;}
#tipsAndTricksInfo.eco #rightInfo .tendanceRona {margin-top: 7px;}


/*general layout */
.modalWindowExperts { background: #fff;  border: 7px solid #d1d1d1; z-index:9999; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 20px #B3B3B3;box-shadow: 0px 0px 20px #B3B3B3;}
.modalWindowExperts > a.close { display: block; position: absolute; right: 15px; top: 15px; font-size: 11px; font-weight: bold; line-height: 13px; color: #002D57; background: url(../images/layout/cross-light-blue-small.png) no-repeat right 2px; padding-right: 20px; } 
.modalWindowExperts > a.close:hover { color: #0067C0; }
.modalWindowExperts textArea {color: #666666; line-height:22px; font-size: 12px; resize: none;}
#questionSubmitMessage .center.box h2 {margin-bottom: 20px;}
#askExpertForm.detail{  padding: 30px 45px 49px; width:564px; }


/*form style */
#askExpertForm {  padding: 30px 45px 27px; width:564px; }
#askExpertForm .form > p { font-size: 11px; padding-bottom: 15px; }
#askExpertForm .form > .email-fields div { overflow: hidden; margin-bottom: 10px; }
#askExpertForm .form > .email-fields div .number { display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 21px; margin-top: 23px; margin-right: 10px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat 0 0; width: 22px; height: 21px; }
#askExpertForm .form > .email-fields div label,
#askExpertForm .form > .addEmail-field label { display: block; float: left; }
#askExpertForm .form > .email-fields div label span,
#askExpertForm .form > .addEmail-field label span { display: block; color: #333333; font-size: 11px; font-weight: bold; padding: 5px 0; }
#askExpertForm .form > .email-fields div label .error { font-weight: bold; color: #d11919; }
#askExpertForm .form > .email-fields div label input,
#askExpertForm .form > .addEmail-field label div { display: block; font-size: 11px; padding: 0 10px; background: #e6e6e6; width: 270px; height: 22px; }
#askExpertForm .form > .email-fields div .delete { display: block; float: left; margin-left: 10px; margin-top: 23px; background: #002D57 url(../images/layout/icon_delete.png) no-repeat center center; width: 22px; height: 22px; }
#askExpertForm .form > .email-fields div .delete:hover { background-color: #0067C0; }
#askExpertForm .form > .addEmail-field { overflow: hidden; margin-bottom: 25px; } 
#askExpertForm .form > .addEmail-field label { opacity: 0.4; filter: alpha(opacity=20); }
#askExpertForm .form > .addEmail-field .add { display: block; float: left; margin-right: 8px; margin-left: 2px; margin-top: 25px; background: url(../images/layout/sendWishlist_addEmail-btn-bg.png) no-repeat 0 0; width: 19px; height: 18px; }
#askExpertForm .form > .addEmail-field .add:hover { background-position: 0 -18px; }
#askExpertForm .form > label { display: block; margin-bottom: 10px; }
#askExpertForm .form  label span { color: #333333; font-size: 11px; font-weight: bold; padding: 5px 0 5px 0; }
#askExpertForm .form  label span.left {float:left;}
#askExpertForm .form  label textarea { font-size: 11px; padding: 10px; background: #e6e6e6;width: 544px; height: 132px;  margin-top: 2px; }
#askExpertForm .form > .cancel,
#askExpertForm .form > .submit,
#askExpertForm .confirmation .close { font-weight: bold; display: block; float: left; color: #fff; font-size: 10px; text-transform: uppercase; line-height: 22px; padding: 0 34px 0 13px; background: #002D57 url(../images/layout/arrow-right-white-medium.png) no-repeat right center; }
#askExpertForm .form > .cancel:hover,
#askExpertForm .form > .submit:hover,
#askExpertForm .confirmation .close:hover { background-color: #0067C0;}
#askExpertForm .form > .submit { float: right; }

/*confirmation style */ 
#askExpertForm .confirmation { display: none; }
#askExpertForm .confirmation p { font-size: 16px; color: #666; margin-bottom: 15px; }
#askExpertForm .confirmation li { overflow: hidden; margin-bottom: 20px; }
#askExpertForm .confirmation li .number { display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 21px; background: url(../images/layout/productPage_slider-controls-bg.png) no-repeat 0 0; width: 22px; height: 21px; }
#askExpertForm .confirmation li .email { display: block; font-size: 16px; color: #666; line-height: 20px; margin-left: 30px; }
#askExpertForm.modalWindow {display:block;}
#mask { position:absolute; top:0; left:0; z-index:9000; }  
#askExpertForm .form > label span.subject {color:#0067C0; } 
#askExpertForm .form > span {font-size:11px; font-weight:bold; color:#333;} 
#askExpertForm  .subject.left {color:#0067C0;}
#askExpertForm h3 {padding-bottom:26px;}
#askExpertForm .selectbox { background: url("../images/layout/arrow-down-light-blue-small.png") no-repeat scroll right 8px #f6f6f6;
border-right: 10px solid #f6f6f6; cursor: pointer; height: 19px; padding: 3px 0 0 5px; width: 269px; padding-top:5px; margin: 3px 0 19px; color:#0067C0;}
#askExpertForm .selectContainer {position:relative;font-weight:bold;color:#0067c0;float:left;z-index:9997;font-size:10px;font-weight:bold;}
#askExpertForm.selectbox {padding:10px 0 10px 5px;width:159px;height:19px;cursor:pointer;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#askExpertForm .selectbox-wrapper {position:absolute;width:290px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 20px #B3B3B3;-webkit-box-shadow: 0px 0px 10px #B3B3B3;box-shadow: 0px 0px 10px #B3B3B3;top:0px;left:0px;z-index:998;}
#askExpertForm .selectbox-wrapper ul {background:#fff;z-index:9999;}
#askExpertForm .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:10px;color:#333; width: 256px;text-transform: none;}
#askExpertForm .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#askExpertForm .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}
#askExpertForm span.error {display:none; color:#d11919 !important;}
#askExpertForm span.error.bottom{  float: left; margin-top: 10px;}
#askExpertForm .noerror {display:block;}
#askExpertForm #showErrors {position:absolute; cursor:pointer; z-index:9990; top:10px;}
#askExpertForm  .line {text-transform:uppercase; color: #0067c0; font-size: 11px; font-weight:bold; margin-bottom: 10px;}  
#askExpertForm .left {padding-bottom:5px;}
#askExpertForm .noerror.question{padding-top:8px;}
#questionSubmitMessage .submit {float:right;color:#fff;font-size:10px;font-weight:bold;text-transform:uppercase;padding:5px 65px 5px 13px;background:#002d57 url(../images/layout/arrow-right-white-small.png) right 6px no-repeat;border-right:10px solid #002d57;cursor:pointer; width:62px;}
#questionSubmitMessage .center .submit {margin-top: 10px; float: right; margin-bottom: 20px;padding: 4px 0 4px 13px; position: relative; left:-3px; top: -3px;}
#questionSubmitMessage .center .submit:hover{background-color:#0067C0;border-right: 10px solid #0067C0;}
#questionSubmitMessage .center .smaller {padding: 5px 15px 5px 5px;border-right:5px solid #002D57;float:right; margin-top:36px;}
#questionSubmitMessage .center {width:310px;}
#questionSubmitMessage h3{padding-bottom: 30px;}
#questionSubmitMessage h2 {color: #666;}
.submitButton:hover {background-color:#0067c0 !important; border-right-color:#0067c0 !important;}
#questionSubmitMessage .box  { padding: 63px 48px 0px;}
.content-heading h2 {float: left;margin: 0;padding: 7px 7px 2px !important;line-height: 25px;font-size: 28px !important;font-weight: bold;color: #fff;background: #0067c0;}

#orderMerge .center {width:397px;margin-left:110px;padding: 35px 0px 35px 48px;}
#orderMerge .center h2 {font-size:15px;font-weight:normal;padding-right:5px;}
#orderMerge .center .submit {float:left;margin-right:10px;}

#promotions .promotionsUl { width: 200px; margin: 0 -6px; display: table; }
#promotions .promotionsUl li { background: none repeat scroll 0 0 transparent !important; padding: 0px; width: 86px; float: left; margin: 0px; }

#socialNetworks ul li { width: 58px; float: left; margin: 0px; }
#socialNetworks ul li a { display: block; overflow: hidden; }
#socialNetworks ul { width: 200px; margin: 0 -6px; display: table; }
#socialNetworks ul li { background: none repeat scroll 0 0 transparent; padding: 0px; width: 33px; float: left; margin: 0px; }
#socialNetworks p {color: #333; font-size: 14px;}
/* TODO: Check this image url */
#socialNetworks .squaresubmitButton:hover {background: url(../images/layout/arrow-right-white-small.png) no-repeat 6px center #0067c0;}
#socialNetworks .squaresubmitButton { height: 22px; width: 22px; text-indent: -3000px; overflow: hidden; background: url(../images/layout/arrow-right-white-small.png) no-repeat 6px center #002D57; cursor: pointer; text-align: left; }
#socialNetworks label { position: absolute; left: 12px; top: 345px; font-size: 10px; color: #333; }


/* START Chnages checkout */


#selectedBillingAddress > div { position: relative; margin-bottom: 10px; padding: 20px 20px 0; background: #fff; height: 1%; }

#selectedBillingAddress > div > ul li { overflow: hidden; padding-top: 10px; border-top: 2px solid #f6f6f6; min-height: 55px; }
#selectedBillingAddress > div > ul li:first-child { padding-top: 0; border: none; }
#selectedBillingAddress > div > ul li > div { float: left; margin-left: 20px; width: 222px; }
#selectedBillingAddress > div > ul li > div:first-child { margin-left: 0; }
#selectedBillingAddress > div > ul li > div .info { color: #0067c0; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; }
#selectedBillingAddress > div > ul li > div .value { color: #666; font-size: 13px; font-weight: bold; }

/* END Chnages checkout */

/*START checkout changes */
#billingAddress {margin-bottom: 10px; padding-bottom: 50px; border-bottom: 8px solid #fff; }
#addAddressForm { min-height:75px;}

#billingAddress .tabPanels1 .billingInformationForm{ position: relative; margin-bottom: 10px; padding: 20px 20px 0; background: #fff; height: 1%; }

#billingAddress .billingTitle { float: left; font-family: Arial; color: #0067c0; font-size: 13px; font-weight: bold; text-transform:uppercase; }

#billingAddress > div .tabPanelsControls1 { overflow: hidden; margin-bottom: 15px; width: 360px; }
#billingAddress > div .tabPanelsControls1 li { float: left; color: #333; font-weight: bold; font-size: 11px; line-height: 14px; margin-bottom: 5px; padding-left: 25px; background: url(../images/icons/hexagon.png) no-repeat 0 0; width: 145px; height: 14px; cursor: pointer; }
#billingAddress > div .tabPanelsControls1 .active { background: url(../images/icons/hollow_hexagon.png) no-repeat 0 0; }
#billingAddress > div .tabPanelsControls1 .hidden { padding-top: 5px; border-top: 1px solid #a3a3a3; background-position: 0 5px;position: inherit; }
#billingAddress > div .tabPanelsControls1 .show { position: inherit; }

#billingAddress .tabPanels1 .address { color: #333; font-size: 11px; line-height: 16px; }
#billingAddress .tabPanels1 .address .h4 { color: #0067C0; font-family: Arial; font-size: 13px; font-weight: bold; padding-bottom: 0; }
#billingAddress .tabPanels1 form { width: 450px; }
#billingAddress .tabPanels1 form label { float: left; font-size: 11px; color: #333; margin-right: 20px; margin-bottom: 10px; width: 205px; }
#billingAddress .tabPanels1 form label span { display: block; font-weight: bold; line-height: 12px; margin-bottom: 5px; }
#billingAddress .tabPanels1 form label .error { color: #d11919; }
#billingAddress .tabPanels1 form label input { padding: 0 10px; width: 185px; height: 22px; background: #e6e6e6; }
#billingAddress .tabPanels1 form .address { width: 335px; }
#billingAddress .tabPanels1 form .address input { width: 315px; }
#billingAddress .tabPanels1 form .appartment { width: 75px; }
#billingAddress .tabPanels1 form .appartment input { width: 55px; }
#billingAddress .tabPanels1 form .submit { color: #002D57; font-size: 11px; font-weight: bold; padding-left: 18px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#billingAddress .tabPanels1 form .submit:hover { color: #0067c0; }
#billingAddress .tabPanels1 form .submit.added { color: #0067c0; background: url(../images/layout/check-light-blue-small.gif) no-repeat left 1px; cursor: default; }

/*selectwrapper for the Province*/
#billingAddress .tabPanels1 form .selectContainer {position:relative;font-weight:bold;color:#0067c0;z-index:999!important;font-size:11px;color:#0067c0;display:block;}
#billingAddress .tabPanels1 form .selectbox {padding:3px 0 0 5px;width:273px;height:19px;cursor:pointer; margin-bottom:10px;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#billingAddress .tabPanels1 form .selectbox-wrapper {position:absolute;width:298px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;z-index: 998;}
#billingAddress .tabPanels1 form .selectbox-wrapper ul {background:#fff;z-index:9999;}
#billingAddress .tabPanels1 form .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333;}
#billingAddress .tabPanels1 form .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#billingAddress .tabPanels1 form .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

#billingAddress .tabPanels1 form .province .selectContainer {position:relative;font-weight:bold;color:#0067c0;z-index:999!important;font-size:11px;color:#0067c0;display:block;}
#billingAddress .tabPanels1 form .province .selectbox {padding:3px 0 0 5px;width:273px;height:19px;cursor:pointer; margin-bottom:10px;background:#e6e6e6 url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #e6e6e6;}
#billingAddress .tabPanels1 form .province .selectbox-wrapper {position:absolute;width:298px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;z-index: 998;}
#billingAddress .tabPanels1 form .province .selectbox-wrapper ul {background:#fff;z-index:9999;}
#billingAddress .tabPanels1 form .province .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333;}
#billingAddress .tabPanels1 form .province .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#billingAddress .tabPanels1 form .province .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

#ronaSpacePanels .myAddressBook ul .headers > div.billing > span {height: 36px;line-height: 36px;}

.checkBoxBilling {background-position: -40px -56px;  float: right;}

#clientInformations > .back:hover { background-color: #0067c0; }
#clientInformations > .back { display: block; float: right; margin-right: 10px; font-size: 15px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 36px; padding: 0 40px 0 35px; background: url("../images/layout/arrow-left-white-big.png") no-repeat scroll 20px 50% #3F9C35; }

#selectedShippingAddress > div { position: relative; margin-bottom: 10px; padding: 20px 20px 0; background: #fff; height: 1%; }

#selectedShippingAddress > div > ul li { overflow: hidden; padding-top: 10px; border-top: 2px solid #f6f6f6; min-height: 55px; }
#selectedShippingAddress > div > ul li:first-child { padding-top: 0; border: none; }
#selectedShippingAddress > div > ul li > div { float: left; margin-left: 20px; width: 222px; }
#selectedShippingAddress > div > ul li > div:first-child { margin-left: 0; }
#selectedShippingAddress > div > ul li > div .info { color: #0067c0; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; }
#selectedShippingAddress > div > ul li > div .value { color: #666; font-size: 13px; font-weight: bold; }

#shippingAddress {margin-bottom: 10px; padding-bottom: 45px; border-bottom: 8px solid #fff; width: 750px; }
#shippingAddress > div .tabPanelsControls .show { position: inherit; }

#shippingAddress .address { color: #333; font-size: 11px; line-height: 16px; }
#shippingAddress .address .h4 { color: #0067C0; font-family: Arial; font-size: 13px; font-weight: bold; padding-bottom: 0; }
#shippingAddress  form { width: 450px; }
#shippingAddress  form label { float: left; font-size: 11px; color: #333; margin-right: 20px; margin-bottom: 10px; width: 205px; }
#shippingAddress  form label span { display: block; font-weight: bold; line-height: 12px; margin-bottom: 5px; }
#shippingAddress  form label .error { color: #d11919; }
#shippingAddress  form label input { padding: 0 10px; width: 185px; height: 22px; background:#e6e6e6; }
#shippingAddress  form .address { width: 335px; }
#shippingAddress  form .address input { width: 315px; }
#shippingAddress  form .appartment { width: 75px; }
#shippingAddress  form .appartment input { width: 55px; }
#shippingAddress  form .submit { color: #002D57; font-size: 11px; font-weight: bold; padding-left: 18px; background: url(../images/layout/arrow-right-light-blue-small.png) no-repeat left 2px; }
#shippingAddress  form .submit:hover { color: #0067c0; }
#shippingAddress  form .submit.added { color: #0067c0; background: url(../images/layout/check-light-blue-small.gif) no-repeat left 1px; cursor: default; }

/*selectwrapper for the Province*/
#shippingAddress  form .selectContainer {position:relative;font-weight:bold;color:#0067c0;z-index:999!important;font-size:11px;color:#0067c0;display:block;}
#shippingAddress  form .selectbox {padding:3px 0 0 5px;width:273px;height:19px;cursor:pointer; margin-bottom:10px;background:#fff url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #fff;}
#shippingAddress  form .selectbox-wrapper {position:absolute;width:298px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;z-index: 998;}
#shippingAddress  form .selectbox-wrapper ul {background:#fff;z-index:9999;}
#shippingAddress  form .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333;}
#shippingAddress  form .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#shippingAddress  form .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

#shippingAddress  form .province .selectContainer {position:relative;font-weight:bold;color:#0067c0;z-index:999!important;font-size:11px;color:#0067c0;display:block;}
#shippingAddress  form .province .selectbox {padding:3px 0 0 5px;width:273px;height:19px;cursor:pointer; margin-bottom:10px;background:#e6e6e6 url(../images/layout/arrow-down-blue-small.png) right 8px no-repeat;border-right:10px solid #e6e6e6;}
#shippingAddress  form .province .selectbox-wrapper {position:absolute;width:298px !important;background:#fff;padding:2px 0px;max-height:400px;overflow:auto;margin-left:-6px; -moz-box-shadow: 0px 0px 15px #B3B3B3;-webkit-box-shadow: 0px 0px 15px #B3B3B3;box-shadow: 0px 0px 15px #B3B3B3;z-index: 998;}
#shippingAddress  form .province .selectbox-wrapper ul {background:#fff;z-index:9999;}
#shippingAddress  form .province .selectbox-wrapper ul li {display:block;padding:4px 4px 4px 30px;margin:0;cursor:pointer;font-size:11px;color:#333;}
#shippingAddress  form .province .selectbox-wrapper ul li.selected {background:#fff url(../images/layout/checkmark_blue.png) 5px 5px no-repeat;}
#shippingAddress  form .province .selectbox-wrapper ul li.current {color:#fff;background:#0067C0 url(../images/layout/checkmark_white.png) 5px 5px no-repeat;}

.btn-save { display: block; float: right; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin-top: 2px; padding: 0 40px 0 35px; background: #3F9C35 no-repeat right 13px; }
.btn-save-guest { display: block; float: right; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin-top: 8px; margin-right: -280px; padding: 0 40px 0 35px; background: #3F9C35 no-repeat right 13px; }
.btn-save-address { display: block; float: right; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin-top: 8px; margin-right: -20px; padding: 0 40px 0 35px; background: #3F9C35 no-repeat right 13px; }
.btn-cancel { display: block; float: right; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin-top: 2px; margin-right: -280px; padding: 0 40px 0 35px; background: #3F9C35 no-repeat right 13px; }

.billing .form-filter .row {overflow: hidden;padding: 2px 0 5px 1px;height: 1%; display:block}
.billing .checkboxArea, .billing .checkboxAreaChecked {float: left;overflow: hidden;width: 16px !important;height: 16px;background: url(../images/layout/sprite.png) no-repeat -40px -40px;}
.billing .checkboxAreaChecked {background-position: -40px -56px;}
/*END checkout changes*/