@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do:400,700);


/********************************** common tag **********************************/
html, body {margin:0; padding:0; color:#8a5d1a;font-family:Georgia, serif;font-weight:400; color:#555; line-height:1.2em}

strong, b { font-weight:bold}
a { text-decoration:underline; outline:none; border:none;}
a:hover { text-decoration:underline; outline:none;  border:none;}
.clear { clear:both; max-height:0!important}
.bold {  font-weight:700}
.block { display:block}
.hide {display:none !important}
.left { float:left}
.right { float:right}
.justify {text-align:justify}
.centralize {text-align:center !important}
.margin_center { margin:0 auto}
.uppercase {text-transform:uppercase}
.relative {position:relative}
.italic {font-style:italic}
.cursordefault { cursor:default}
.display_inline {display:inline}
.inline_block {display:inline-block}
.ie7 .inline_block{display:inline;zoom:1}
.italic {font-style:italic}

.white { color:#fff}
.black {color:#000000}

.h1 {font-family: 'Georgia', serif;font-size:41px; line-height:41px; font-weight:700}
.h2 {font-family: 'Georgia', serif; font-size:18px; line-height:18px;}/*sub-heading*/
.h3 {font-family: 'Georgia', serif; font-size:14px; line-height:21px}
.h4 {font-family: 'Nothing You Could Do', sans-serif;font-size:16px; line-height:19px; margin:5px 0 0 0;}
.h5 {font-family: 'Oswald', sans-serif;font-size:14px; line-height:17px}
p {font-size:13px; line-height:1.2em}

h1,h2,h3,h4,h5,h6,p,ul,li{background: url('')}/*Android browser width bug workaround*/
html,body,h1,h2,h3,h4,h5,h6,div,p,span{max-height: 999999px}/*Android chrome font size bug workaround*/
.nohighlight{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline:none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none}
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.animated{transition:all .5s cubic-bezier(0, .18, .25, 1); -webkit-transition:all .2s cubic-bezier(0, .18, .25, 1);-moz-transition:all .2s cubic-bezier(0, .18, .25, 1)}
.animated_slow{transition:all .75s cubic-bezier(0, .18, .25, 1); -webkit-transition:all .75s cubic-bezier(0, .18, .25, 1);-moz-transition:all .75s cubic-bezier(0, .18, .25, 1)}
.width500 { width:500px }
.lightblue { color:#33b0c0}


/********************************** WRAPPER **********************************/
body{ background:#F7F7EF;position:relative;}
.main_content{width:640px; margin:0 auto;position:relative;box-sizing: border-box;}
.top_logo{position:absolute; top:25px; left:25px; background:url(../images/app_logo.png) no-repeat; width:144px; height:18px}
.nc_logo{position:absolute; bottom: 20px; left: 25px; background:url(../images/nc_icon.png)no-repeat; width:164px; height:15px }
.whatisabout { display:block; position:absolute; top:25px; right:25px; background:url(../images/btn_about.png) center right no-repeat; width:132px; height:25px;}
.whatisabout span {display:none; background:url(../images/btn_about_pop.png) 0 0 no-repeat; width:111px; height:25px }
.whatisabout:hover span { display:block; }

.bottom_kleenex { display:block;position:fixed; bottom:0; right:0; background:url(../images/pattern.png) no-repeat; width: 30%; max-width:391px; height:398px; z-index:-1;}
.previouspage { display:block; position:absolute; margin:0 auto;top:0;left:50%; margin:0 0 0 -32.5px;background:url(../images/btn_back.png) no-repeat; width:65px; height:51px }
.nextpage { display:block; position:fixed; margin:0 auto;bottom:0;left:50%; margin:0 0 0 -32.5px;background:url(../images/btn_next.png) no-repeat; width:65px; height:51px }
.previouspage.hidden { top:-51px; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ }
.nextpage.hidden {bottom:-51px;opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */}
.nextpage.disable {background:url(../images/btn_next_gray.png) no-repeat;}

.main_content {width:640px; margin:0 auto; padding:80px 0; overflow:hidden;}
.page0 .titleimage{display:block; background:url(../images/landing_title.png) no-repeat; width:470px; height:47px; margin:0 auto;}
.page p{font-family: 'Georgia', serif; margin:20px auto; text-align:center;font-size:18px}
.page1 p{width:auto}
.letsgo_btn { background:url(../images/cta_letsgo.png) no-repeat;display:block;width:65px;height:70px;margin:40px auto 0;}
.done_btn { background:url(../images/done_btn.png); width: 120px; height: 40px; margin:60px auto 0; display: block;}
.done_btn.active { background-position:0 40px }

/********************************** QUESTION **********************************/
.page .questionorange {color:#e74c3c; font-size: 18px; padding: 0 20px}

.page .error_msg_height {height: 20px}
.page .require_to_select {font-size:13px; color:#898989; font-style:italic; text-align:cener;}

.qindex { font-style:italic; padding-right:10px; margin-right:10px; border-right-style:solid; border-right-color:#e74c3c; border-right-width:1px; }
.qtitle {width: 500px;}
.htablelabel { width:453px; margin:0 auto; }
.htablelabel .right { padding:0 10px 0 0; }
.col5 { width:537px;}
.col5 > span { display:block; text-align:center; width:106px;}
.genderselection { width:300px; margin:10px auto}
.genderselection .male{ background:url(../images/icon_male.png) 0 0; width:134px; height:125px;display:block;float:left}
.genderselection .male.selected { background-position:0 125px;}
.genderselection .female{ background:url(../images/icon_female.png) 0 0; width:129px; height:136px;display:block;float:right;}
.genderselection .female.selected { background-position:0 136px;}
/*.yesnoselection { width:240px; margin:10px auto}
.yesnoselection .yes{ background:url(../images/yes_btn.png) 0 0; width:240px; height:40px;display:block;float:left}
.yesnoselection .yes.selected { background-position:-120px 0;}*/

.yesnoselection { width:120px; margin:10px auto}
.yesnoselection .yesno{ width:119px; height:47px;display:block;float:left;position:relative;}
.yesnoselection .yes{background:url(../images/yes_btn_r.png) 0 0;display:block;position:absolute;top:0;left:0;width:119px; height:45px;opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}
.yesnoselection .no{background:url(../images/yes_btn_r2.png) 0 0;display:block;position:absolute;top:0;left:0;width:119px; height:45px; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */}
.yesnoselection .selected .yes { background-position:-55px 0;opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */}
.yesnoselection .selected .no { background-position:-55px 0;opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}


/*.yes {width: 370px; margin:10px auto}*/



.page .subquestion { color: #33b0c0; font-style:italic; font-size:14px; text-align:center; margin:30px auto 20px; line-height:25px; }
.page .sqindex1 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex1.png) no-repeat; }
.page .sqindex2 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex2.png) no-repeat; }
.page .sqindex3 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex3.png) no-repeat; }
.page .sqindex4 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex4.png) no-repeat; }
.page .sqindex5 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex5.png) no-repeat; }
.page .sqindex6 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex6.png) no-repeat; }
.page .sqindex7 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex7.png) no-repeat; }
.page .sqindex8 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex8.png) no-repeat; }
.page .sqindex9 { display:inline-block; padding:1px 0 0 30px; background:url(../images/sqindex9.png) no-repeat; }

.page2 .questionorange,.page6 .questionorange, .page7 .questionorange, .page9 .questionorange { text-align:justify;}


.charselection { width: 500px; margin:0 auto; }
.charselection .vselection { width:126px }
.charselection .vselection .title { font-size:12px; color:#33b0c0; text-align:center;margin:0 0 10px; width:135px}
.charselection .vslider{width:55px; margin: 0 auto;}
.charselection .charlabel {width:300px; padding:88px 0 0; }
.charselection .charlabel > span {display:block; font-style:italic; color:#000;height:105px; padding:0 0 0 20px; font-size:14px; }

.locationselection { width:600px; margin:10px auto 0;}
.locationselection .vselection { width:126px }
.locationselection .vselection .title { font-size:12px; color:#33b0c0; text-align:center;margin:0 0 10px; width:135px}
.locationselection .vslider{width:55px; margin: 0 auto;}
.locationselection .locationlabel {width:200px; padding:118px 0 0; }
.locationselection .locationlabel > span {display:block; font-style:italic; color:#000;height:55px;padding:0 0 0 40px; font-size:14px; }

.amountselectiongroup { width:600px; margin:10px auto 0;}
.amountselection {width:156px; float:left; margin:0 20px 0; }
.amountselection .title{ font-size:12px; color:#33b0c0; text-align:center;margin:0 0 10px;}
.amountselection .amountlabel{width:60px; }
.amountselection .amountlabel > span {display:block; font-style:italic; color:#000;padding:215px 0 0 10px; font-size:14px; }
.amountselection .amountlabel > span:first-child { padding-top:87px} 

.numberselectiongroup { width:600px; margin:20px auto 40px;}
.numberselection {width:186px; float:left; margin:0 5px 0; }
.numberselection .title{ font-size:14px; color:#33b0c0; text-align:center;margin:0 0 10px;}
.numberselection .content { color:#000; font-size:13px; font-style:italic;}
.numberselection .numberinput { padding: 5px 2px 5px 10px; width:2em; border: 1px solid rgb(98, 197, 198)}

.brandbutton {display:block; width:100px; margin:10px auto; text-align:center; background:#555; font-style:italic; color:#CCC; text-decoration:none; padding:15px 0; font-size:14px}
.brandinput {display:block; width:98px; margin:10px auto; text-align:center; background:#FFF; border:1px solid #33b0c0; font-style:italic; color:#000; text-decoration:none; padding:14px 0; font-size:15px; }

.brandselection1 .withvalue, .brandselection1 .brandbutton.selected, .brandselection1 .brandbutton:hover {width:100px; padding:15px 0; border:none; background: #fbc500 ; color:#FFF; text-decoration:none;}
.brandselection2 .withvalue, .brandselection2 .brandbutton.selected, .brandselection2 .brandbutton:hover {width:100px; padding:15px 0; border:none; background: #33b0c0 ; color:#FFF; text-decoration:none;}
.brandselection3 .withvalue, .brandselection3 .brandbutton.selected, .brandselection3 .brandbutton:hover {width:100px; padding:15px 0; border:none; background: #e74b4a ; color:#FFF; text-decoration:none;}

.threeboxesinarow {width:490px; margin:20px auto 0;}
.aisleselection > a {display:block; float:left; width:140px; height:163px; padding:1px; margin:0 0 15px 20px; text-decoration:none; }
.aisleselection > a .img { display:block; width:132px; height:132px; background:url(../images/q7_tile_empty.png) no-repeat 50% 50%;}
.aisleselection > a.on .txt { display:block; font-size:12px; color:#000; text-align:center; margin:10px 0; font-style:italic;}
.aisleselection > a .txt { display:none;}
.aisleselection .selection1.on .img{ background:url(../images/q7_tile1.png) repeat 0 0; width:130px; height:130px; border:1 solid #33b0c0 }
.aisleselection .selection2.on .img{ background:url(../images/q7_tile2.png) repeat 0 0; width:130px; height:130px; border:1 solid #16a085 }
.aisleselection .selection3.on .img{ background:url(../images/q7_tile3.png) repeat 0 0; width:130px; height:130px; border:1 solid #fbc500 }
.aisleselection .selection4.on .img{ background:url(../images/q7_tile4.png) repeat 0 0; width:130px; height:130px; border:1 solid #f2395b }
.aisleselection .selection5.on .img{ background:url(../images/q7_tile5.png) repeat 0 0; width:130px; height:130px; border:1 solid #e74b4a }

.aisleselection .selection1.on:hover .img{ background-position:0 130px}
.aisleselection .selection2.on:hover .img{ background-position:0 -130px}
.aisleselection .selection3.on:hover .img{ background-position:0 130px}
.aisleselection .selection4.on:hover .img{ background-position:0 -130px}
.aisleselection .selection5.on:hover .img{ background-position:0 130px}

.sixboxesinarow {width:549px; margin:20px auto 0;}
.aislerankholders > a {display:block; float:left; width:60px; height:90px; padding:1px; margin:10px 0 0 24px; text-decoration:none; }
.aislerankholders > a .img { display:block; width:60px; height:60px; background:url(../images/q7_tile_ranked_empty.png) no-repeat 50% 50%;}
.aislerankholders > a .txt { display:block; font-size:11px; color:#33b0c0; text-align:center; margin:5px 0;}
.aislerankholders .selection1 .img{ background:url(../images/q7_tile1_ranked.png) repeat 0 0; }
.aislerankholders .selection2 .img{ background:url(../images/q7_tile2_ranked.png) repeat 0 0; }
.aislerankholders .selection3 .img{ background:url(../images/q7_tile3_ranked.png) repeat 0 0; }
.aislerankholders .selection4 .img{ background:url(../images/q7_tile4_ranked.png) repeat 0 0; }
.aislerankholders .selection5 .img{ background:url(../images/q7_tile5_ranked.png) repeat 0 0; }
.aislerankholders .selection6 .img{ background:url(../images/q7_tile6_ranked.png) repeat 0 0; }

.fourboxesinarow {margin:20px auto 0; }
.factorselection > a {display:block; float:left; width:132px; height:163px; padding:1px; margin:0 0 15px 20px; text-decoration:none; }
.factorselection > a .img { display:block; width:132px; height:132px; background:url(../images/q7_tile_empty.png) no-repeat 50% 50%;}
.factorselection > a.on .txt { display:block; font-size:12px; color:#000; text-align:center; margin:10px 0; font-style:italic;}
.factorselection > a .txt { display:none;}
.factorselection .selection1.on .img{ background:url(../images/q8_tile1.png) repeat 0 0; width:130px; height:130px; border:1 solid #33b0c0 }
.factorselection .selection2.on .img{ background:url(../images/q8_tile2.png) repeat 0 0; width:130px; height:130px; border:1 solid #a286c0 }
.factorselection .selection3.on .img{ background:url(../images/q8_tile3.png) repeat 0 0; width:130px; height:130px; border:1 solid #fbc500 }
.factorselection .selection4.on .img{ background:url(../images/q8_tile4.png) repeat 0 0; width:130px; height:130px; border:1 solid #1e9e49 }
.factorselection .selection5.on .img{ background:url(../images/q8_tile5.png) repeat 0 0; width:130px; height:130px; border:1 solid #343644 }
.factorselection .selection6.on .img{ background:url(../images/q8_tile6.png) repeat 0 0; width:130px; height:130px; border:1 solid #f2395b }
.factorselection .selection7.on .img{ background:url(../images/q8_tile7.png) repeat 0 0; width:130px; height:130px; border:1 solid #e74b4a }
.factorselection .selection1.on:hover .img{ background-position:0 130px}
.factorselection .selection2.on:hover .img{ background-position:0 -130px}
.factorselection .selection3.on:hover .img{ background-position:0 130px}
.factorselection .selection4.on:hover .img{ background-position:0 -130px}
.factorselection .selection5.on:hover .img{ background-position:0 130px}
.factorselection .selection6.on:hover .img{ background-position:0 -130px}
.factorselection .selection7.on:hover .img{ background-position:0 130px}

.sevenboxesinarow {width:625px; margin:0 auto;}
.factorrankholders > a {display:block; float:left; width:60px; height:90px; padding:1px; margin:10px 0 0 24px; text-decoration:none; }
.factorrankholders > a .img { display:block; width:60px; height:60px; background:url(../images/q7_tile_ranked_empty.png) no-repeat 50% 50%;}
.factorrankholders > a .txt { display:block; font-size:11px; color:#33b0c0; text-align:center; margin:5px 0;}
.factorrankholders .selection1 .img{ background:url(../images/q8_tile1_ranked.png) repeat 0 0; }
.factorrankholders .selection2 .img{ background:url(../images/q8_tile2_ranked.png) repeat 0 0; }
.factorrankholders .selection3 .img{ background:url(../images/q8_tile3_ranked.png) repeat 0 0; }
.factorrankholders .selection4 .img{ background:url(../images/q8_tile4_ranked.png) repeat 0 0; }
.factorrankholders .selection5 .img{ background:url(../images/q8_tile5_ranked.png) repeat 0 0; }
.factorrankholders .selection6 .img{ background:url(../images/q8_tile6_ranked.png) repeat 0 0; }
.factorrankholders .selection7 .img{ background:url(../images/q8_tile7_ranked.png) repeat 0 0; }

.themeselection > a {display:block; float:left; width:132px; height:163px; padding:1px; margin:0 0 15px 20px; text-decoration:none; }
.themeselection > a .img { display:block; width:132px; height:132px; background:url(../images/q7_tile_empty.png) no-repeat 50% 50%;}
.themeselection > a.on .txt { display:block; font-size:12px; color:#000; text-align:center; margin:10px 0; font-style:italic;}
.themeselection > a .txt { display:none;}
.themeselection .selection1.on .img{ background:url(../images/q9_tile1.png) repeat 0 0; width:130px; height:130px; border:1 solid #33b0c0 }
.themeselection .selection2.on .img{ background:url(../images/q9_tile2.png) repeat 0 0; width:130px; height:130px; border:1 solid #a286c0 }
.themeselection .selection3.on .img{ background:url(../images/q9_tile3.png) repeat 0 0; width:130px; height:130px; border:1 solid #fbc500 }
.themeselection .selection4.on .img{ background:url(../images/q9_tile4.png) repeat 0 0; width:130px; height:130px; border:1 solid #1e9e49 }
.themeselection .selection5.on .img{ background:url(../images/q9_tile5.png) repeat 0 0; width:130px; height:130px; border:1 solid #343644 }
.themeselection .selection6.on .img{ background:url(../images/q9_tile6.png) repeat 0 0; width:130px; height:130px; border:1 solid #f2395b }
.themeselection .selection7.on .img{ background:url(../images/q9_tile7.png) repeat 0 0; width:130px; height:130px; border:1 solid #e74b4a }
.themeselection .selection8.on .img{ background:url(../images/q9_tile8.png) repeat 0 0; width:130px; height:130px; border:1 solid #83a8c3 }
.themeselection .selection1.on:hover .img{ background-position:0 130px}
.themeselection .selection2.on:hover .img{ background-position:0 -130px}
.themeselection .selection3.on:hover .img{ background-position:0 130px}
.themeselection .selection4.on:hover .img{ background-position:0 -130px}
.themeselection .selection5.on:hover .img{ background-position:0 -130px}
.themeselection .selection6.on:hover .img{ background-position:0 130px}
.themeselection .selection7.on:hover .img{ background-position:0 -130px}
.themeselection .selection8.on:hover .img{ background-position:0 130px}

.themerankholders > a {display:block; float:left; width:60px; height:90px; padding:1px; margin:10px 0 0 16px; text-decoration:none; }
.themerankholders > a .img { display:block; width:60px; height:60px; background:url(../images/q7_tile_ranked_empty.png) no-repeat 50% 50%;}
.themerankholders > a .txt { display:block; font-size:11px; color:#33b0c0; text-align:center; margin:5px 0;}
.themerankholders .selection1 .img{ background:url(../images/q9_tile1_ranked.png) repeat 0 0; }
.themerankholders .selection2 .img{ background:url(../images/q9_tile2_ranked.png) repeat 0 0; }
.themerankholders .selection3 .img{ background:url(../images/q9_tile3_ranked.png) repeat 0 0; }
.themerankholders .selection4 .img{ background:url(../images/q9_tile4_ranked.png) repeat 0 0; }
.themerankholders .selection5 .img{ background:url(../images/q9_tile5_ranked.png) repeat 0 0; }
.themerankholders .selection6 .img{ background:url(../images/q9_tile6_ranked.png) repeat 0 0; }
.themerankholders .selection7 .img{ background:url(../images/q9_tile7_ranked.png) repeat 0 0; }
.themerankholders .selection8 .img{ background:url(../images/q9_tile8_ranked.png) repeat 0 0; }

.designselection > a {display:block; float:left; width:132px; height:163px; padding:1px; margin:0 0 15px 20px; text-decoration:none; }
.designselection > a .img { display:block; width:132px; height:132px; background:url(../images/q7_tile_empty.png) no-repeat 50% 50%;}
.designselection > a.on .txt { display:block; font-size:12px; color:#000; text-align:center; margin:10px 0; font-style:italic;}
.designselection > a .txt { display:none;}
/* 
need to asign image here for page 10, which is currently missing
background:url(../images/q9_tile8.png) repeat 0 0; width:130px; height:130px; border:1 solid #83a8c3  */

/*theme1 Characters*/
.theme1 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Characters/1.png) repeat 0 0; width:130px; height:130px;}
.theme1 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Characters/2.png) repeat 0 0; width:130px; height:130px;}
.theme1 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Characters/3.png) repeat 0 0; width:130px; height:130px;}
.theme1 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Characters/4.png) repeat 0 0; width:130px; height:130px;}
.theme1 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Characters/5.png) repeat 0 0; width:130px; height:130px;}

.theme1 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme1 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme1 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme1 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme1 .designselection .selection5.on:hover .img{ background-position:0 -130px}

.twoboxesinarow {margin:20px auto 0;}
.fiveboxesinarow {width: 455px; margin: 10px auto}

.page10 .twoboxesinarow {height: 170px}
.page10 .threeboxesinarow {height: 170px}
.page10 .fourboxesinarow {height: 170px}
.page10 .fiveboxesinarow {margin: 20px auto 0;}
.page10 .sevenboxesinarow {height: 170px}
.page10 .tenboxesinarow {margin: 20px auto 0;}

.page10 .designrankholders .1row {height: 120px}
.page10 .designrankholders .2row {height: 240px}

/*theme2 Characters*/
.theme2 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Colors/1.png) repeat 0 0; width:130px; height:130px;}
.theme2 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Colors/2.png) repeat 0 0; width:130px; height:130px;}
.theme2 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Colors/3.png) repeat 0 0; width:130px; height:130px;}
.theme2 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Colors/4.png) repeat 0 0; width:130px; height:130px;}
.theme2 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Colors/5.png) repeat 0 0; width:130px; height:130px;}
.theme2 .designselection .selection6.on .img{background:url(../images/ProductPhoto/Colors/6.png) repeat 0 0; width:130px; height:130px;}

.theme2 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme2 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme2 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme2 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme2 .designselection .selection5.on:hover .img{ background-position:0 -130px}
.theme2 .designselection .selection6.on:hover .img{ background-position:0 -130px}

/*theme3 Flowers*/
.theme3 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Flowers/1.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Flowers/2.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Flowers/3.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Flowers/4.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Flowers/5.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection6.on .img{background:url(../images/ProductPhoto/Flowers/6.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection7.on .img{background:url(../images/ProductPhoto/Flowers/7.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection8.on .img{background:url(../images/ProductPhoto/Flowers/8.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection9.on .img{background:url(../images/ProductPhoto/Flowers/9.png) repeat 0 0; width:130px; height:130px;}
.theme3 .designselection .selection10.on .img{background:url(../images/ProductPhoto/Flowers/10.png) repeat 0 0; width:130px; height:130px;}

.theme3 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection5.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection6.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection7.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection8.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection9.on:hover .img{ background-position:0 -130px}
.theme3 .designselection .selection10.on:hover .img{ background-position:0 -130px}

/*theme4 Nature*/
.theme4 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Nature/1.png) repeat 0 0; width:130px; height:130px;}
.theme4 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Nature/2.png) repeat 0 0; width:130px; height:130px;}
.theme4 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Nature/3.png) repeat 0 0; width:130px; height:130px;}
.theme4 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Nature/4.png) repeat 0 0; width:130px; height:130px;}
.theme4 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Nature/5.png) repeat 0 0; width:130px; height:130px;}

.theme4 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme4 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme4 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme4 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme4 .designselection .selection5.on:hover .img{ background-position:0 -130px}


/*theme5 Novelty*/
.theme5 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Novelty/1.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Novelty/2.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Novelty/3.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Novelty/4.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Novelty/5.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection6.on .img{background:url(../images/ProductPhoto/Novelty/6.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection7.on .img{background:url(../images/ProductPhoto/Novelty/7.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection8.on .img{background:url(../images/ProductPhoto/Novelty/8.png) repeat 0 0; width:130px; height:130px;}
.theme5 .designselection .selection9.on .img{background:url(../images/ProductPhoto/Novelty/9.png) repeat 0 0; width:130px; height:130px;}

.theme5 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection5.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection6.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection7.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection8.on:hover .img{ background-position:0 -130px}
.theme5 .designselection .selection9.on:hover .img{ background-position:0 -130px}

/*theme6 Patterns*/
.theme6 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Patterns/1.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Patterns/2.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Patterns/3.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Patterns/4.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Patterns/5.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection6.on .img{background:url(../images/ProductPhoto/Patterns/6.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection7.on .img{background:url(../images/ProductPhoto/Patterns/7.png) repeat 0 0; width:130px; height:130px;}
.theme6 .designselection .selection8.on .img{background:url(../images/ProductPhoto/Patterns/8.png) repeat 0 0; width:130px; height:130px;}


.theme6 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection5.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection6.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection7.on:hover .img{ background-position:0 -130px}
.theme6 .designselection .selection8.on:hover .img{ background-position:0 -130px}

/*theme7 Popular Cartoons*/
.theme7 .designselection .selection1.on .img{background:url(../images/ProductPhoto/PopularCartoons/1.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection2.on .img{background:url(../images/ProductPhoto/PopularCartoons/2.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection3.on .img{background:url(../images/ProductPhoto/PopularCartoons/3.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection4.on .img{background:url(../images/ProductPhoto/PopularCartoons/4.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection5.on .img{background:url(../images/ProductPhoto/PopularCartoons/5.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection6.on .img{background:url(../images/ProductPhoto/PopularCartoons/6.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection7.on .img{background:url(../images/ProductPhoto/PopularCartoons/7.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection8.on .img{background:url(../images/ProductPhoto/PopularCartoons/8.png) repeat 0 0; width:130px; height:130px;}
.theme7 .designselection .selection9.on .img{background:url(../images/ProductPhoto/PopularCartoons/9.png) repeat 0 0; width:130px; height:130px;}

.theme7 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection5.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection6.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection7.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection8.on:hover .img{ background-position:0 -130px}
.theme7 .designselection .selection9.on:hover .img{ background-position:0 -130px}

/*theme8 Texture*/
.theme8 .designselection .selection1.on .img{background:url(../images/ProductPhoto/Texture/1.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection2.on .img{background:url(../images/ProductPhoto/Texture/2.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection3.on .img{background:url(../images/ProductPhoto/Texture/3.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection4.on .img{background:url(../images/ProductPhoto/Texture/4.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection5.on .img{background:url(../images/ProductPhoto/Texture/5.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection6.on .img{background:url(../images/ProductPhoto/Texture/6.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection7.on .img{background:url(../images/ProductPhoto/Texture/7.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection8.on .img{background:url(../images/ProductPhoto/Texture/8.png) repeat 0 0; width:130px; height:130px;}
.theme8 .designselection .selection9.on .img{background:url(../images/ProductPhoto/Texture/9.png) repeat 0 0; width:130px; height:130px;}


.theme8 .designselection .selection1.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection2.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection3.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection4.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection5.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection6.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection7.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection8.on:hover .img{ background-position:0 -130px}
.theme8 .designselection .selection9.on:hover .img{ background-position:0 -130px}


.designrankholders > a {display:block; float:left; width:60px; height:90px; padding:1px; margin:10px 0 0 24px; text-decoration:none; }
.designrankholders > a .img { display:block; width:60px; height:60px; background:url(../images/q7_tile_ranked_empty.png) no-repeat 50% 50%;}
.designrankholders > a .txt { display:block; font-size:11px; color:#33b0c0; text-align:center; margin:5px 0;}
.theme1 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Characters/1.png) repeat 0 0; background-position:center}
.theme1 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Characters/2.png) repeat 0 0; background-position:center}
.theme1 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Characters/3.png) repeat 0 0; background-position:center}
.theme1 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Characters/4.png) repeat 0 0; background-position:center}
.theme1 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Characters/5.png) repeat 0 0; background-position:center}

.theme2 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Colors/1.png) repeat 0 0; background-position:center}
.theme2 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Colors/2.png) repeat 0 0; background-position:center}
.theme2 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Colors/3.png) repeat 0 0; background-position:center}
.theme2 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Colors/4.png) repeat 0 0; background-position:center}
.theme2 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Colors/5.png) repeat 0 0; background-position:center}
.theme2 .designrankholders .selection6 .img{background:url(../images/ProductPhoto/Colors/6.png) repeat 0 0; background-position:center}

.theme3 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Flowers/1.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Flowers/2.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Flowers/3.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Flowers/4.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Flowers/5.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection6 .img{background:url(../images/ProductPhoto/Flowers/6.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection7 .img{background:url(../images/ProductPhoto/Flowers/7.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection8 .img{background:url(../images/ProductPhoto/Flowers/8.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection9 .img{background:url(../images/ProductPhoto/Flowers/9.png) repeat 0 0; background-position:center}
.theme3 .designrankholders .selection10 .img{background:url(../images/ProductPhoto/Flowers/10.png) repeat 0 0;background-position:center}

.theme4 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Nature/1.png) repeat 0 0; background-position:center }
.theme4 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Nature/2.png) repeat 0 0; background-position:center}
.theme4 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Nature/3.png) repeat 0 0; background-position:center}
.theme4 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Nature/4.png) repeat 0 0; background-position:center}
.theme4 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Nature/5.png) repeat 0 0; background-position:center}

.theme5 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Novelty/1.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Novelty/2.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Novelty/3.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Novelty/4.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Novelty/5.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection6 .img{background:url(../images/ProductPhoto/Novelty/6.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection7 .img{background:url(../images/ProductPhoto/Novelty/7.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection8 .img{background:url(../images/ProductPhoto/Novelty/8.png) repeat 0 0; background-position:center}
.theme5 .designrankholders .selection9 .img{background:url(../images/ProductPhoto/Novelty/9.png) repeat 0 0; background-position:center}

.theme6 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Patterns/1.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Patterns/2.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Patterns/3.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Patterns/4.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Patterns/5.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection6 .img{background:url(../images/ProductPhoto/Patterns/6.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection7 .img{background:url(../images/ProductPhoto/Patterns/7.png) repeat 0 0; background-position:center}
.theme6 .designrankholders .selection8 .img{background:url(../images/ProductPhoto/Patterns/8.png) repeat 0 0; background-position:center}

.theme7 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/PopularCartoons/1.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/PopularCartoons/2.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/PopularCartoons/3.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/PopularCartoons/4.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/PopularCartoons/5.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection6 .img{background:url(../images/ProductPhoto/PopularCartoons/6.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection7 .img{background:url(../images/ProductPhoto/PopularCartoons/7.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection8 .img{background:url(../images/ProductPhoto/PopularCartoons/8.png) repeat 0 0; background-position:center}
.theme7 .designrankholders .selection9 .img{background:url(../images/ProductPhoto/PopularCartoons/9.png) repeat 0 0; background-position:center}

.theme8 .designrankholders .selection1 .img{background:url(../images/ProductPhoto/Texture/1.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection2 .img{background:url(../images/ProductPhoto/Texture/2.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection3 .img{background:url(../images/ProductPhoto/Texture/3.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection4 .img{background:url(../images/ProductPhoto/Texture/4.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection5 .img{background:url(../images/ProductPhoto/Texture/5.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection6 .img{background:url(../images/ProductPhoto/Texture/6.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection7 .img{background:url(../images/ProductPhoto/Texture/7.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection8 .img{background:url(../images/ProductPhoto/Texture/8.png) repeat 0 0; background-position:center}
.theme8 .designrankholders .selection9 .img{background:url(../images/ProductPhoto/Texture/9.png) repeat 0 0; background-position:center}

.divider { background:url(../images/divider.png) no-repeat ; width:590px; height:8px; margin:20px auto 10px; }

.pageform .titleimage{display:block; background:url(../images/form_title.png) no-repeat; width:479px; height:49px; margin:0 auto;}
.form { width:460px; margin:0 auto; padding: 0 20px}
.field { margin:5px 0;}
.field .label {color:#e74b4a; font-size:14px; font-style:italic;line-height:45px; width: 76px; margin-right: 20px}
.field .tnc_agree{color:#e74b4a; font-size:14px; font-style:italic;line-height:45px; margin-left: 10px;}
.field .agree_tnc{text-decoration: none;}
.field .agree_tnc span{color:#e74b4a; border-bottom: 1px solid #e74b4a}
/*.field .input { margin:0 0 0 85px }*/
.field .inputfield { display:block; padding:10px 20px; width:290px; border:solid 1px #33b0c0; font-size:18px; color:#555555 }
.field .error { font-size:13px; color:#898989; font-style:italic; padding:2px 0; display:block; }

.pageack .titleimage{display:block; background:url(../images/ack_title.png) no-repeat; width:496px; height:49px; margin:0 auto;}

/********************************** SLIDER **********************************/
.hslider .minus { display:block;background:url(../images/btn_minus.png) no-repeat; width:46px; height:47px; float:left; margin:5px 3px 5px 0; }
.hslider .plus { display:block;background:url(../images/btn_plus.png) no-repeat; width:46px; height:47px; float:left; margin:5px 0 5px 5px; }	
.hslider .slider{ float:left; width:463px;margin:14px -2px 14px;}
.hslider .slider_left{ float:left; background:url(../images/arrow_left.png) no-repeat; width:37px; height:55px;}
.hslider .slider_right{ float:left; background:url(../images/arrow_right.png) no-repeat; width:37px; height:55px;}	
.hslider .ui-slider .ui-state-default{ background:url(../images/slider.png) no-repeat 50% 50%; margin:-3px 0 0 -21px; width:46px; height:47px;border:none;}
.hslider .ui-slider-horizontal{background:url(../images/track_horizontal.png) repeat; height:28px; border:none;}

.vslider .minus { display:block;background:url(../images/btn_minus.png) no-repeat; width:46px; height:47px;  margin:5px 7px 0; }
.vslider .plus { display:block;background:url(../images/btn_plus.png) no-repeat; width:46px; height:47px;  margin:0 7px 3px; }	
.vslider .slider{  margin:-2px 13px;}
.vslider .slider_up{  background:url(../images/arrow_up.png) no-repeat; width:55px; height:37px;}
.vslider .slider_down{  background:url(../images/arrow_down.png) no-repeat; width:55px; height:37px;}	
.vslider .ui-slider .ui-state-default{ background:url(../images/slider.png) no-repeat 50% 50%;margin:0 0 -26px -1px;  width:46px; height:47px;border:none;}
.vslider .ui-slider-vertical{background:url(../images/track_vertical.png) repeat; width:28px; border:none;}

.vslider .withvlabel {background-position:0 0 !important; margin: 0 0 -26px -3px !important; line-height:42px; font-size:12px; color:#33b0c0; padding:0 0 0 46px; text-align:left !important; text-decoration:none; font-family:Georgia, serif !important;}
.hslider .withhlabel {background-position:center bottom !important; margin:-37px 0 0 -37px !important; line-height:42px; font-size:12px; color:#33b0c0; padding:0 0 34px; text-align:center !important; text-decoration:none; font-family:Georgia, serif !important;}

.yesnoslider {width:215px; margin:0 auto;}
.yesnoslider .yesbutton, .yesnoslider .nobutton{ float:left;display:block;width:40px;text-align:center; text-decoration:none; color:#555555; background:none;line-height:48px;}
.yesnoslider .nobutton{ width:35px }
.yesnoslider .slider{ float:left; width:124px;margin:14px 0px 14px;}
.yesnoslider .slider_left{ float:left; background:url(../images/yesnotrackleft.png) no-repeat 0 0; width:2px; height:30px; margin:14px 0 0 0;}
.yesnoslider .slider_right{ float:left; background:url(../images/yesnotrackright.png) no-repeat 0 0; width:2px; height:30px;  margin:14px 0 0 0;}	
.yesnoslider .ui-slider-horizontal{background:url(../images/yesnotrack.png) repeat; height:30px; border:none;}
.yesnoslider .ui-slider .ui-state-default{ background:url(../images/yesno_sliderthumb.png) no-repeat 50% 50%; margin:-1px 0 0 -21px; width:67px; height:43px;border:none;}
.yesnoslider .ui-corner-all {border-radius:0}

/********************************** INSTRUCTION **********************************/
div.overlay { width:100%; height:100%; background:#18110f repeat; position:absolute; top:0; left:0; opacity:0.8; filter:alpha(opacity=80); z-index:2; /* For IE8 and earlier */}
.instruction { z-index:3; position:absolute; width:100%; top:0; left:0;}
.instruction_cont { width:540px; background:#F7F7EF; margin:0 auto; padding:20px;}
.instruction .close { display:block; background:url(../images/btn_close.png) center right no-repeat; width:70px; height:25px ; margin:5px; }
.instruction .close span { display:none; background:url(../images/btn_close_pop.png) 0 0 no-repeat; width:53px; height:25px }
.instruction .close:hover span { display:block; }
.instruction .titleimage{display:block; background:url(../images/instruction_title.png) center no-repeat; width:100%; height:37px; margin:10px auto;}
.instruction p{width:400px;margin:10px auto 20px; text-align:center;font-size:17px}
.instruction ol{margin:5px auto; padding: 0 0 0 30px; width:420px;}
.instruction ol li{padding:0 0 0 20px; margin:20px 0; color:#333;}

/********************************** SHARE BUTTON **********************************/
.sharebuttoncont{text-align:center}
.sharebuttoninnercont{display:inline-block;vertical-align: bottom;width: 60px;height: 59px;}

/********************************** TNC **********************************/
.tnc { z-index:3; position:absolute; width:100%; top:0; left:0;}
.tnc_cont { width:540px; background:#F7F7EF; margin:0 auto; padding:20px;}
.tnc .close { display:block; background:url(../images/btn_close.png) center right no-repeat; width:70px; height:25px ; margin:5px; }
.tnc .close span { display:none; background:url(../images/btn_close_pop.png) 0 0 no-repeat; width:53px; height:25px }
.tnc .close:hover span { display:block; }
.tnc .titleimage{display:block; background:url(../images/tnc_title.png) center no-repeat; width:100%; height:37px; margin:10px auto;}
.tnc p{width:400px;margin:10px auto 20px; text-align:justify; font-size:17px}
.tnc ul{margin:5px auto; padding: 0 0 0 30px; width:390px; font-size:14px; text-align:justify}
.tnc ul li{padding:0 0 0 20px; margin:20px 0; color:#333;}
.tnc ol{margin:5px auto; padding: 0; width:380px;}
.tnc ol li{padding:0; margin:20px 0; color:#333;}
.tnc_text {width: 520px}
.tnc .scroll-pane{display:block; overflow:auto; padding:0 0 0; height:450px; width:540; margin-bottom:20px}