@charset "utf-8";
/* CSS Document */
/*img, div { behavior: url('/en_ca/collections/niceneasy/includes/css/iepngfix.htc'); }*/


#oval_container {position:relative; top:0px; left:258px;}
/*#oval_container {position:relative; top:0px; left:0px;}*/


div#oval1, a#popupoval1 {position:absolute; top:10px; left:234px;}
div#oval2, a#popupoval2 {position:absolute; top:57px; left:429px;}
div#oval3, a#popupoval3 {position:absolute; top:167px; left:482px;}
div#oval4, a#popupoval4 {position:absolute; top:245px; left:335px;}
div#oval5, a#popupoval5 {position:absolute; top:245px; left:132px;}
div#oval6, a#popupoval6 {position:absolute; top:167px; left:0px;}
div#oval7, a#popupoval7 {position:absolute; top:57px; left:54px;}
/*
div#oval1, a#popupoval1 {position:absolute; top:0px; left:0px;}
div#oval2, a#popupoval2 {position:absolute; top:100px; left:0px;}
div#oval3, a#popupoval3 {position:absolute; top:200px; left:0px;}
div#oval4, a#popupoval4 {position:absolute; top:300px; left:0px;}
div#oval5, a#popupoval5 {position:absolute; top:400px; left:0px;}
div#oval6, a#popupoval6 {position:absolute; top:500px; left:0px;}
div#oval7, a#popupoval7 {position:absolute; top:600px; left:0px;}
*/





div#oval1 a, 
div#oval2 a,
div#oval3 a,
div#oval4 a,
div#oval5 a,
div#oval6 a,
div#oval7 a,
.popupoval {position:absolute; display:block; width:156px; height:95px;}
.popupoval {cursor:pointer;}

div#oval1 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_dimensional.png) no-repeat 0 0;}
div#oval2 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_10mincolor.png) no-repeat 0 0;}
div#oval3 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_grays.png) no-repeat 0 0;}
div#oval4 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_touchup.png) no-repeat 0 0;}
div#oval5 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_frost.png) no-repeat 0 0;}
div#oval6 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_highlights.png) no-repeat 0 0;}
div#oval7 a {background:url(/en_ca/collections/niceneasy/images/img_sm_oval_conditioning.png) no-repeat 0 0;}
	
.rollpadding {padding-left:0px;}

div#roll1,
div#roll2,
div#roll3,
div#roll4,
div#roll5,
div#roll6,
div#roll7 {width:636px; z-index:1000;}

div#roll1 {background:url(/en_ca/collections/niceneasy/images/img_roll_NNE.png) no-repeat 0 0;}
div#roll2 {background:url(/en_ca/collections/niceneasy/images/img_roll_P10.png) no-repeat 0 0;}
div#roll3 {background:url(/en_ca/collections/niceneasy/images/img_roll_GraySolution.png) no-repeat 0 0;}
div#roll4 {background:url(/en_ca/collections/niceneasy/images/img_roll_RTU.png) no-repeat 0 0;}
div#roll5 {background:url(/en_ca/collections/niceneasy/images/img_roll_FT.png) no-repeat 0 0;}
div#roll6 {background:url(/en_ca/collections/niceneasy/images/img_roll_highlights.png) no-repeat 0 0;}
div#roll7 {background:url(/en_ca/collections/niceneasy/images/img_roll_colorSeal.png) no-repeat 0 0;}






.backhide {position:absolute; left:-9000px; top:0;}
.backshow {position:absolute; top:340px; left:525px;}
.rollhide {position:absolute; left:-9000px; top:0; height:1px;}
.rollshow {display:block; height:340px;}
.ovalhide {position:absolute; left:-9000px; top:0;}
.ovalshow {display:block; height:340px;}

#center_text {position:absolute; top:155px; left:195px; width:260px; text-align:center; color:#666;}
#center_text p {font-size:.85em; padding-top:6px;}
#center_oval {position:absolute; top:110px; left:174px;}
.blue-text {color:#084694;}

.asterik {font-size:.8em; color:#666; position:absolute; bottom:5px; left:30px;}
.popuptext:link, 
.popuptext:visited, 
.popuptext:active, 
.popuptext:hover {text-decoration:none;}

.popuptext {position:absolute;}
.popuptext p {font-size:0.9em; line-height:1.3em; text-align:center; color:#666; padding-top:8px;}
#popuptext1 {top:150px; left:125px; width:155px; text-align:center;}
#popuptext2 {top:90px; left:150px; width:265px; text-align:center;}
#popuptext3 {top:85px; left:150px; width:365px; text-align:center;}
#popuptext4 {top:215px; left:150px; width:365px; text-align:center;}
#popuptext5 {top:215px; left:150px; width:365px; text-align:center;}
#popuptext6 {top:230px; left:200px; width:260px; text-align:center;}
#popuptext7 {top:90px; left:235px; width:170px; text-align:center;}

#lilarrow1,
#lilarrow2,
#lilarrow3,
#lilarrow4,
#lilarrow5,
#lilarrow6,
#lilarrow7{position:absolute; top:82px; left:87px;}