/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 2, 2012 */ @font-face { font-family: 'asapregular'; src: url('asap-regular-webfont.eot'); src: url('asap-regular-webfont.eot#iefix') format('embedded-opentype'), url('asap-regular-webfont.woff') format('woff'), url('asap-regular-webfont.ttf') format('truetype'), url('http://www.iglookids.co.uk/css/asap-regular-webfont.svg#asapregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandLight'; src: url('Quicksand_Light-webfont.eot'); src: url('Quicksand_Light-webfont.eot#iefix') format('embedded-opentype'), url('Quicksand_Light-webfont.woff') format('woff'), url('Quicksand_Light-webfont.ttf') format('truetype'), url('Quicksand_Light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandBold'; src: url('Quicksand_Bold-webfont.eot'); src: url('Quicksand_Bold-webfont.eot#iefix') format('embedded-opentype'), url('Quicksand_Bold-webfont.woff') format('woff'), url('Quicksand_Bold-webfont.ttf') format('truetype'), url('Quicksand_Bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } body{ background:#ffffff; text-align:center; margin:0 auto;color:#6B6B6B; font-size:11px; font-family:arial; margin-top:0px;} .spacer{ margin:0 auto; clear:left; width:936px; background:#ffffff; padding:0px;} .expand{min-height:45px;} .clear { clear:both; float:left;} /*USED FOR ECHOING RESULTS TO BOTTOM OF PAGE - LOCATED IN FOOTER.PHP NORMALLY*/ .testmode {clear:both; margin:0 auto; width:850px; background:#FFFFC0; border: 1px solid #c0c0c0; font-size:10px; text-align:left; margin-top:20px; padding:5px;} /* /////////////////////////////////////// //USED AS MAIN AREA FOR TEXT EDITING ///////////////////////////////////////// */ #mainbody { float:left;width:730px;padding:3px 5px 3px 5px;margin: 4px 0px 4px 7px;} #mainbody_two { float:left;width:710px;padding:3px 5px 3px 5px;margin: 4px 0px 4px 7px;} #mainbody_full { clear:both; float:left;width:929px;padding:0px 2px 3px 5px;margin: 0px 0px 4px 10px;} .mgrey {background:#F7F6F2; padding:0px 10px 10px 10px;} .mborder {border-top:1px solid #5E5E5E;} #mainbody table, #mainbody_full table, #mainbody_two table {font-family:arial;} #mainbody a, #mainbody a:visited, #mainbody_full a, #mainbody_full a:visited, #mainbody_two a, #mainbody_two a:visited {color:#9E9E9E;text-decoration:none;} #mainbody a:hover, #mainbody_full a:hover, #mainbody_two a:hover {color:#4A4B4C;text-decoration:underline;} #mainbody td,#mainbody_full td,#mainbody_twol td {padding:3px;font-size:12px;} #mainbody td .tdtitle, #mainbody_full td .tdtitle, #mainbody_two td .tdtitle{font-size:14px;font-weight:700;} #mainbody #ahref, #mainbody_full #ahref, #mainbody_two #ahref {display:block; width:74px;height:28px;margin:7px 0px 7px 0px; font-size:12px; border:0px;line-height:28px; font-weight:400;color:#ffffff;background:#3977B7;text-align:center;padding:0px ;text-decoration:none;} #mainbody p, #mainbody_full p, #mainbody_two p, #cright_two p { clear:left; margin: 8px 6px 8px 0px;line-height:18px; color:#6B6B6B; font-family:arial;font-size:12px;} #mainbody h1, #mainbody_full h1, #mainbody_two h1, #cright_two h1 {text-transform:uppercase; float:left;clear:left; font-size:22px; color:#20519E; margin: 4px 0px 0px 0px;font-family: asapregular, QuicksandLight, Arial, Geneva, Sans-Serif; font-weight: 100; line-height: 24px; height:24px;} #mainbody .biege {color:#D6D4BB;} #mainbody h2, #mainbody_full h2, #mainbody_two h2, #cright_two h2 {float:left;clear:left; font-size: 20px;line-height: 26px;letter-spacing:1px; color:#0A50A1; font-weight:100; margin: 4px 0px 3px 0px; font-family: Arial, Geneva, Sans-Serif; font-weight: normal;padding-bottom:4px;} #mainbody img,#mainbody_full img,#mainbody_two img,#cright_two img {padding:10px;} #mainbody ol, #mainbody ul, #mainbody p ol, #mainbody p ul, #mainbody_full ol, #mainbody_full ul, #mainbody_full p ol, #mainbody_full p ul, #mainbody_two ol, #mainbody_two ul, #mainbody_two p ol, #mainbody_two p ul, #crigh_twot ol, #cright_two ul, #cright_two p ol, #cright_two p ul {float:left;padding:2px;margin: 3px 15px 4px 30px;list-style-type:disc; list-style-position:outside;} #mainbody strong, #mainbody_full strong, #mainbody_two strong, #crightwo strong { font-weight:700;} #mainbody ul li, #mainbody ol li, #mainbody_full ul li, #mainbody_full ol li, #mainbody_two ul li, #mainbody_two ol li, #cright_two ul li, #cright_two ol li {font-family:arial; line-height:18px;font-size:12px;} #mainbody #pdficon, #mainbody_full #pdficon { float:right; clear:both; margin-top:0px; display:block; height:38px; line-height:38px; text-indent:6px; cursor:pointer; color:#ffffff !important; width:115px; background:url(../images/pdfbutton.gif) no-repeat; text-align:left; margin-right:10px; margin-bottom:5px; text-decoration:none; padding:0px; } #mainbody_full .homepagetext {float:left;font-size:1.02em; line-height:18px; text-align:center;padding:0px 0px 0px 0px;width:937px;} #mainbody_two .checkoutproceed {background:#C4CEDA; border:0px;font-size:14px; line-height:28px; color:#202020;float:right; width:200px; height:28px; padding: 0px;text-decoration:none;margin:9px 20px 0px 0px;text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #mainbody_two .checkoutproceed:hover {background:#1293C2;} /* /////////////////////////////////////////// //END OF MAIN EDIT AREA ///////////////////////////////////////////// */ #wrapper{ margin:0 auto; width:980px; background:#ffffff; padding:0px;} #wrapper_main{ text-align:left; margin:0 auto; width:960px; clear:both; background: #ffffff;} #wrapper #wrapper_main .xmasdelivery {margin:0 auto; width:960px;} #wrapper #wrapper_main .header { margin:0 auto; width:960px;height:140px;} #wrapper #wrapper_main .header #headerleft {margin:15px 0px 10px 0px; width: 280px; float:left;} #wrapper #wrapper_main .header #headerright {margin-top:21px; height:100px; margin-right:0px;width: 280px; float:left; text-align:right;color:#707070;line-height:18px; font-size:11px; font-weight:200;} #wrapper #wrapper_main .header #headerright .headerbanner {float:right;margin:0px 0px 8px 0px;background:#F7F6F2;width:260px;text-align:center; font-size:12px;line-height:19px;padding:7px 10px 5px 10px;height:39px;} #wrapper #wrapper_main .header #headerright #hrlogged {height:15px;width: 250px; margin:14px 0px 8px 0px; float:right; text-align:right;color:#86A020;line-height:14px; font-size:10px;} #wrapper #wrapper_main .header #headerright #hrlogged a {color:#86A020;font-weight:200;} #wrapper #wrapper_main .header #headerright .basketarea {clear:right;float:right; width:183px;} #wrapper #wrapper_main .header #headerright .basketarea .shoppingarea {float:right; width:137px;height:23px;line-height:16px;text-align:right; font-size:10px; color:#404040; font-weight:400;padding:7px 0px 0px 0px;margin:8px 0px 5px 0px;} #wrapper #wrapper_main .header #headerright .basketarea .shoppingarea b {font-size:10px; font-weight:500;} #wrapper #wrapper_main .header #headerright .basketarea .shoppingarea a {text-decoration:none;color:#404040;} #wrapper #wrapper_main .header #headerright .basketarea #show_hide {float:left; margin-top:0px;border:0px; outline: none;} /*BASKET SLIDER */ #wrapper .basketitems {z-index:2250;position:relative;float:right; text-align:left;width:335px; margin:15px -30px 5px 0px;font-size:11px;background:#ffffff; border:1px solid #BFBFBF;} #wrapper .basketitems #header {float:left; font-size:15px;width:310px;margin:0px 0px 0px 10px;padding:6px 5px 5px 0px;line-height:25px;text-transform:uppercase;text-align:center;font-family: QuicksandBold, Arial;color:#000000;border-bottom:1px solid #efefef;} #wrapper .basketitems #header #show_hide_click{color:#BFBFBF;float:right;text-decoration:none;font-size:25px;font-weight:100;font-family: QuicksandLight, Arial;padding:0px 0px 0px 0px;} #wrapper .basketitems #body {float:left; font-size:11px;width:310px;padding:0px 10px 10px 10px;font-weight:200;color:#000000;} #wrapper .basketitems #body ul {float:left;margin:0px; padding:0px; list-style:none;} #wrapper .basketitems #body ul li {float:left;margin:0px; padding:3px 0px 3px 0px; list-style:none;border-bottom:1px solid #efefef;} #wrapper .basketitems #body ul li .basketimage {float:left;width:140px;} #wrapper .basketitems #body ul li .basketname {float:left;width:170px;font-size:11px;font-weight:200;padding:10px 0px 0px 0px;line-height:18px;} #wrapper .basketitems #body ul li .basketname small, #wrapper .basketitems #body ul li .basketprice small {font-weight:200; font-size:11px;} #wrapper .basketitems #body ul li .basketprice {float:left;width:150px;font-size:14px;font-weight:200;padding:10px 0px 0px 0px;} #wrapper .basketitems #body ul li .basketdelete {float:left;width:30px;font-size:12px;font-weight:200;padding:10px 0px 0px 0px;} #wrapper .basketitems #body ul li .basketdelete a {text-decoration:none;color:#707070;} #wrapper .basketitems #body ul li .basketbutton {float:left;width:155px;font-size:12px;font-weight:200;padding:0px 0px 0px 0px;text-align:center;} #wrapper .basketitems #body ul li .basketbutton #paynow {text-transform:uppercase;float:left;display:block;width:125px;height:26px; margin:8px 0px 8px 20px; font-size:12px;border:0px;line-height:26px;font-weight:400;color:#2151A3; background:#D6D4BB;text-align:center;padding:0px;text-decoration:none;} #wrapper .basketitems #body ul li .basketbutton #paynow:hover {background:#BEBDB0;} #wrapper .basketitems #body ul li .basketbutton #viewbasket {text-transform:uppercase;float:left;display:block;width:125px;height:26px; margin:8px 0px 0px 20px;font-size:12px;border:0px;line-height:26px;font-weight:400;color:#2151A3; background:#D6D4BB;text-align:center;padding:0px;text-decoration:none;} #wrapper .basketitems #body ul li .basketbutton #viewbasket:hover {background:#BEBDB0;} #wrapper .basketitems #body ul li .basketqty {float:left;width:50px;font-size:12px;font-weight:200;padding:10px 0px 0px 0px;text-align:center;} #wrapper .basketitems #body .advert{float:left; width:310px; padding:5px;margin:5px 0px 5px 0px;} #wrapper .basketitems #body .adverttext {text-align:center; font-size:14px;padding:5px 10px 5px 10px;font-weight:200;line-height:18px;color:#3A585A;font-family: QuicksandBold, Arial;} #wrapper .basketitems #body #show_hide_click {color:#707070;float:right;text-decoration:none;line-height:20px;} /*END BASKET SLIDER */ #wrapper .menu {float:left;width:390px;font-size:10px; font-weight:300; z-index:100;margin:19px 0px 0px 0px;} /*start of first set of ULs */ #wrapper .menu ul {padding:0; margin:0; list-style: none;} #wrapper .menu ul li { float:left; position:relative; display:block;text-decoration:none;color:#434343;padding: 0px 17px 0px 17px;text-align:left;line-height:20px;font-size:10px; font-weight:600;height:20px;font-family: Arial;text-transform:uppercase;} #wrapper .menu ul li a, .menu ul li a:visited {text-decoration:none; color:#434343; font-size:10px; font-weight:200; height:20px;} #wrapper .menu ul li a:hover {text-decoration:none;color:#0A50A1;font-size:10px; font-weight:200;} #wrapper .menu ul li:hover {height:20px; padding: 0px 17px 0px 17px;} #wrapper .menu ul #mlast {text-align:right;padding:0px 0px 0px 13px;} #wrapper .menu ul #mfirst {text-align:left;padding: 0px 13px 0px 10px;} /*end of first set of ULs - only one set on this configuration */ /* AJAX SEARCH */ .menu #ajaxsearch {float:left;width:290px;height:20px;margin:5px 0px 0px 0px;padding:0px;} .menu #ajaxsearch form{float:left; margin:0px;padding:0px;} .menu #ajaxsearch #ajaxtext{ width:250px;height:24px;margin: 0px 0px 0px 0px;font-size:11px;line-height:24px;color:#434343; background:#ffffff;border: 1px solid #EAEAEA;float:left; padding:0px 2px 0px 2px;font-family: Arial; font-weight:600;} .menu #ajaxsearch #ajaxbutton{float:left;display:block;width:24px; height:24px; margin:0px 0px 0px 0px;font-size:10px;border-top: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;line-height:21px;font-weight:400;color:#ffffff; background:url('../images/ajax_arrow.gif') no-repeat top center;text-align:center;padding:0px 5px 0px 8px;} /*END AJAX SEARCH */ .menu .telephoneorders {width:285px;float:left;text-align:left;line-height:16px;text-transform:uppercase;margin:0px 0px 0px 10px;} .menu .telephoneorders #teleleft {width:120px;float:left;text-align:left;line-height:16px;text-transform:uppercase;margin:0px 0px 0px 0px;} .menu .telephoneorders #teleright {width:165px;float:left;text-align:left;line-height:16px;text-transform:uppercase;margin:0px 0px 0px 0px;} /*PRODUCT NAV IN HEADER */ #pnavigation {margin:0 auto; width:960px;height:35px;background:#ffffff;}/*0A50A1*/ /* END PRODUCT NAV */ /* MAIN BANNER */ #flashimg {margin:0 auto; width:960px;height:411px; padding:0px; margin:10px 0px 10px 0px;z-index:10;} #banner { margin:0px 0px 0px 0px; width:629px;height:411px; float:left; background:#ffffff; overflow:hidden;z-index:11;} #banner ul, #largebanner li{margin:0;padding:0; list-style:none;z-index:12;} #banner ul li { width:629px;height:411px; overflow:hidden;z-index:13;} #bannerleft {float:left; width:325px;} #bannerleft #bltext {float:left; width:320px;font-size:10px; text-align:center; line-height:15px;color:#707070;border-top:1px solid #F7F6F2; padding:8px 0px 6px 0px;} #bannerleft .blgrey {float:left; width:320px;font-size:10px; text-align:center; line-height:15px;color:#707070;background:#F7F6F2;text-align:left;margin:0px 0px 3px 0px;height:120px;} #bannerleft .blgrey .blimage {float:left; padding:6px; margin:0px;border:0px;} #bannerleft .blgrey .bldescription {float:left; width:220px;padding:5px 3px 5px 3px;line-height:18px;} #bannerleft .blgrey .bldescription b {color:#404040;line-height:18px;} #bannerleft .blgrey .bllink {color:#98A4A5;font-size:10px;} /* END MAIN BANNER */ /*FREE TEXT CSS AREAS*/ #wrapper_main .colmain .homebox {float:left; width:240px;padding:3px 0px 0px 0px; margin: 4px 0px 0px 0px;} #wrapper_main .colmain .homebox #header {float:left; width:232px; font-size:16px; color:#713B89; font-weight:700;text-align:left;line-height:40px;padding: 0px 0px 0px 5px;} #wrapper_main .colmain .homebox #body {float:left; width:240px;} #wrapper_main .colmain .homebox #body address {text-align:center;} #wrapper_main .colmain .homebox #body .boxpurple {background:#713B89; font-size:12px; line-height:17px; color:#ffffff;float:left; width:217px; padding: 10px 10px 10px 10px;} #wrapper_main .colmain .homebox #body .boximage {float:left; width:237px;} #wrapper_main .colmain .homebox .button {background:#713B89; font-size:12px; line-height:17px; color:#ffffff;float:left; width:222px; padding: 5px 5px 10px 10px;text-decoration:none;} #wrapper_main .colmain .homebox .button:hover {text-decoration:underline;} /* END FREE TEXT AREAS */ /*MAIN AREA - LEFT, RIGHT CENTER*/ #wrapper_main .colmain {clear:both; margin:0 auto;width:960px; text-align:left; background:#ffffff;padding:0px;} #wrapper_main .colmain #cleft {float:left;width:196px;margin-top:3px; background:#ffffff;text-align:left;} #wrapper_main .colmain #cmiddle { float:left;width:735px;margin-right:0px; background:#ffffff;margin-top:3px;margin-left:4px;text-align:left;} #wrapper_main .colmain #cmiddle_full { float:left;width:929px;margin-right:0px; background:#ffffff;margin-top:0px;margin-left:4px;text-align:left;padding:0px;} /* END MAIN AREA */ /*LEFT NAVIGATION */ #wrapper_main .colmain #cleft .shoppingfilter {float:left; width:196px;text-align:left;margin: 1px 0px 0px 0px;} #wrapper_main .colmain #cleft .shoppingfilter #header {float:left; width:184px; padding:5px 5px 2px 5px; font-size:14px; font-weight:600;} #wrapper_main .colmain #cleft .shoppingfilter #body {float:left; width:178px; padding:3px 8px 8px 8px; font-size:11px; line-height:14px; font-weight:200;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail {float:left; width:184px; padding:5px; font-size:10px; line-height:14px; font-weight:600;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail .filterh4 {float:left;padding:2px 5px 2px 5px; font-size:12px; margin:0px 0px 5px 0px;border-bottom:1px solid #D6D6D6;font-weight:600; color:#3C575C;line-height:20px; width:184px;height:20px; font-family: QuicksandsLight, Arial;text-transform:uppercase} #wrapper_main .colmain #cleft .shoppingfilter #filteravail .filterh4 .catopen {float:right;padding:0px; font-size:12px; font-weight:700;background:#A3F247; color:#ffffff;line-height:20px; width:24px;height:20px;text-transform:uppercase; font-family: QuicksandsLight, Arial;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail span {float:left; width:184px; padding:5px; font-size:10px; font-weight:200;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul {float:left; width:174px; list-style:none;padding:5px; margin:0px 0px 0px 0px;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul li {float:left; width:174px; list-style:none;padding:0px; margin:0px 0px 0px 0px; border:0px;line-height:18px; font-size:11px;text-transform:uppercase} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul li a {color:#9E9E9E; font-weight:300;text-decoration:none;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul li a:hover {text-decoration:underline;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail .control {text-align:right; width:194px;margin:0px 0px 10px 0px;}/*border-bottom:1px solid #C5C5C5;*/ #wrapper_main .colmain #cleft .shoppingfilter #filteravail .control a {color:#444444; font-weight:300;text-decoration:none;} #wrapper_main .colmain #cleft .shoppingfilter #filterson {float:left; width:184px; padding:5px; font-size:10px; line-height:14px; font-weight:600;} #wrapper_main .colmain #cleft .shoppingfilter #filterson .filteredbyh4 {float:left;padding:2px 5px 2px 5px; font-size:13px; font-weight:700; color:#0950A2;line-height:20px; width:184px;height:20px;text-transform:uppercase; font-family: QuicksandBold, Arial;} #wrapper_main .colmain #cleft .shoppingfilter #filterson ul {float:left; width:184px; list-style:none;padding:5px; margin:0px 0px 10px 0px;} #wrapper_main .colmain #cleft .shoppingfilter #filterson ul li {float:left; width:184px; list-style:none;padding:0px; margin:0px 0px 0px 0px; border:0px;line-height:18px;font-weight:300;font-size:11px;text-transform:uppercase} #wrapper_main .colmain #cleft .shoppingfilter #filterson ul li a {color:#444444; font-weight:300;text-decoration:none;} #wrapper_main .colmain #cleft .shoppingfilter #filterson ul li a:hover {text-decoration:underline;} #wrapper_main .colmain #cleft .shoppingfilter #filterson ul li .catremove {float:right;padding:0px; font-size:12px; font-weight:600; color:#444444;line-height:20px; width:14px;height:20px;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul {float:left; width:174px; list-style:none;padding:0px 5px 0px 5px; margin:0px 0px 10px 0px; border:0px;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul li {float:left; width:174px; list-style:none;padding:0px; margin:0px 0px 0px 0px; border:0px;font-size:11px;line-height:18px;text-transform:uppercase} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul li a {color:#444444; font-weight:300;text-decoration:none;} #wrapper_main .colmain #cleft .shoppingfilter #filteravail ul li a:hover {text-decoration:underline;} #wrapper_main .colmain #cleft .seagreen {float:left; width:196px;text-align:left;margin:10px 0px 0px 0px;} #wrapper_main .colmain #cleft .seagreen #header {float:left; width:184px; padding:5px 5px 2px 5px; font-size:15px;line-height:40px; font-weight:600;color:#084699;} #wrapper_main .colmain #cleft .seagreen #body {float:left; width:184px; padding:3px 5px 5px 5px; font-size:10px; line-height:14px; font-weight:200;} #wrapper_main .colmain #cleft .seagreen #body ul {float:left; padding:0px; margin:0px; width:184px;list-style:none;} #wrapper_main .colmain #cleft .seagreen #body ul li {float:left; padding:0px; margin:0px;width:145px; padding:8px 0px 8px 34px;border-bottom: 3px solid #efefef;line-height:26px; font-size:14px;background:url('../images/arrowright_basket.jpg') no-repeat center left;} #wrapper_main .colmain #cleft .seagreen #body ul li b{font-weight:700;} #wrapper_main .colmain #cleft .grey {float:left; width:196px;text-align:left;} #wrapper_main .colmain #cleft .grey #header {float:left; width:184px; padding:5px 5px 2px 5px; font-size:15px; font-weight:600;} #wrapper_main .colmain #cleft .grey #body {float:left; width:184px; padding:3px 5px 5px 5px; font-size:10px; line-height:14px; font-weight:200;} #wrapper_main .colmain #cleft .grey #body .hplabel {float:left; width:75px;margin:3px;clear:left;} #wrapper_main .colmain #cleft .grey #body .hpinput {float:left; width:170px;margin:3px;} #wrapper_main .colmain #cleft .grey #body .newsletterbutton{margin:5px;float:left;display:block; background:#444444; color:#ffffff; font-size:12px; line-height:24px; height:24px; width:90px;text-decoration:none; text-align:center;} #wrapper_main .colmain #cleft .cyan {float:left; width:196px;text-align:left;} #wrapper_main .colmain #cleft .cyan #header {float:left; width:184px; padding:5px 5px 2px 5px; font-size:15px; font-weight:600;} #wrapper_main .colmain #cleft .cyan #body {float:left; width:170px; padding:3px 5px 5px 15px; font-size:10px; line-height:14px; font-weight:200;} #wrapper_main .colmain #cleft .cyan #body ul {float:left; width:170px; list-style:none;padding:0px; margin:0px;} #wrapper_main .colmain #cleft .cyan #body ul li {float:left; width:164px; font-size:12px; line-height:24px; padding:3px 2px 3px 5px;} #wrapper_main .colmain #cleft .cyan #body ul li a {color:#3E575C; text-decoration:none;text-transform:uppercase; } #wrapper_main .colmain #cleft .cyan #body ul li a:hover {text-decoration:underline; color:#3E575C; } #wrapper_main .colmain #cleft .cyan #body ul .leftnavon {background:#EFEFEF; } #wrapper_main .colmain #cleft .leftbanner {float:left; width:176px;background:#F7F6F2;text-align:center; font-size:12px;line-height:18px;padding:5px 10px 5px 10px;} #wrapper_main .colmain #cleft .socialmedia { float:left; width:196px; margin:2px 0px 2px 0px; } #wrapper_main .colmain #cleft .socialmedia #header { float:left; width:176px; height:31px; line-height:31px; font-size:18px; color:#555555; font-weight:700; margin-left:10px; } #wrapper_main .colmain #cleft .socialmedia a { padding: 3px 0px 3px 0px; } /* END LEFT NAVIGATION */ /*FOOTER*/ .mainfooter { text-align:left;margin:0 auto; width:940px;clear:both;padding-top:0px;background:#F7F6F2;height:140px;} .mainfooter .footerbox {float:left; width:150px;padding:3px 0px 0px 0px; margin: 12px 0px 10px 0px;} .mainfooter .footerbox #header {float:left; width:122px; font-size:11px; color:#64797D; font-weight:200;text-align:left;line-height:18px;padding: 0px 0px 0px 0px;height:28px;} .mainfooter .footerbox #body {float:left; width:120px;color:#BABABA;line-height:18px;} .mainfooter .footerbox .button {background:#713B89; font-size:12px; line-height:17px; color:#ffffff;float:left; width:222px; padding: 5px 5px 10px 10px;text-decoration:none;} .mainfooter .footerbox .button:hover {text-decoration:underline;} .mainfooter .footerbox ul {float:left; list-style:none;padding:0px; margin:0px;} .mainfooter .footerbox ul li {float:left;line-height:18px;width:140px;} .mainfooter .footerbox ul li a {color:#BABABA; text-decoration:none;} .mainfooter .footerbox ul li a:hover {color:#0950A0;} .mainfooter .footerbox_long {float:left; width:210px;padding:3px 0px 0px 0px; margin: 12px 0px 10px 0px;} .mainfooter .footerbox_long #header {float:left; width:202px; font-size:11px; color:#64797D; font-weight:200;text-align:left;line-height:16px;padding: 0px 0px 0px 0px;height:16px;} .mainfooter .footerbox_long #body {float:left; width:200px;color:#BABABA;line-height:18px;padding-bottom:8px;} .mainfooter .footerbox_long .button {background:#713B89; font-size:12px; line-height:17px; color:#ffffff;float:left; width:222px; padding: 5px 5px 10px 10px;text-decoration:none;} .mainfooter .footerbox_long .button:hover {text-decoration:underline;} .menu #ajaxsearch {float:left;width:290px;height:40px;margin:5px 0px 0px 10px;} .mainfooter .footerbox_long #hpinput{ width:160px;height:26px;margin: 0px 0px 0xp 5px;font-size:11px;line-height:26px;color:#434343; background:#ffffff;border: 1px solid #EAEAEA;float:left; padding:0px 2px 0px 2px;font-family:Arial; font-weight:600;} .mainfooter .footerbox_long #newsbutton{float:left;display:block;width:14px; height:24px; margin:0px 0px 0px 0px;font-size:10px;border-top: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;line-height:24px;font-weight:400;color:#ffffff; background:#ffffff url('../images/ajax_arrow.gif') no-repeat top center;text-align:center;padding:0px 5px 0px 8px;} .mainfooter .footerbox_long #spancError {float:left; width:150px; margin:8px;color:#202020; font-weight:700;} .mainfooter .footerbox_sm {float:left; width:100px;padding:3px 0px 0px 0px; margin: 15px 0px 10px 0px;} .mainfooter .footerbox_sm #header {float:left; width:82px; font-size:11px; color:#64797D; font-weight:200;text-align:left;line-height:18px;padding: 0px 0px 0px 0px;height:28px;} .mainfooter .footerbox_sm #body {float:left; width:80px;color:#BABABA;line-height:18px;} .mainfooterline { text-align:left;margin:0 auto; width:960px; height:35px; clear:both; padding-top:2px;margin-top:0px;background:#EEEEEE;} .mainfooterline .footersinglecol {float:left;width:470px;margin-left:5px;} .mainfooterline .footersinglecol ul { list-style:none; padding:0px 0px 0px 0px;} .mainfooterline .footersinglecol ul li { float:left; padding:0px 5px 0px 5px; display:block; list-style:none; margin-left:2px;line-height:32px;font-size:11px;color:#6F6F6F;text-transform:uppercase;} .mainfooterline .footersinglecol ul li a {color:#434343;text-decoration:none;} .mainfooterline .footersinglecol ul li a:hover {color:#0A50A1;} .fpara { text-align:center;margin:0 auto; width:940px; height:30px; clear:both;line-height:30px;color:#BABABA;background:#F7F6F2;} .fpara a {color:#A4A4A4; text-decoration:none;} /*END FOOTER */ .f1 { color: #7A7A7A; font-weight: 100; font-size: 18px; text-decoration: none; } .f2 { color: #7A7A7A; font-weight: 100; font-size: 16px; text-decoration: none; } .f3 { color: #7A7A7A; font-weight:100; font-size: 12px; text-decoration: none; } .f4 { color: #7A7A7A; font-weight: 100; font-size: 11px; text-decoration: none; } .f5 { color: #7A7A7A; font-weight: 100; font-size: 11px; text-decoration: none; } .f6 { font-weight:100; color: #7A7A7A; font-size: 11px; text-decoration: none; } #deliveryaddress { display:none;} .RequiredTextBox { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #202020; padding-top:1px; padding-bottom:1px; } .NonRequiredTextBox { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #202020; padding-top:1px; padding-bottom:1px; } .FailedTextBox { border: 1px solid #CC0000; background:#FFFFFF; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; padding-top:1px; padding-bottom:1px; color: #202020; } .DisabledTextBox { border: 1px solid #ABABAB; background:#C0C0C0; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; padding-top:1px; padding-bottom:1px; color: #202020; } /*contact form div */ .contactform {float:left;clear:left;width:785px;margin-bottom:15px;margin-top:15px;margin-left:0px;} .contactform #header{ margin:4px 0px 0px 0px;width:780px;height:28px;text-align:left;font-size:17px;color:#2051A0; font-weight:200;line-height:25px; padding:0px 0px 0px 5px;font-family: Arial;} .contactform #crowheader { margin:4px 0px 0px 0px;width:780px;height:28px;text-align:left;font-size:14px;color:#2051A0; font-weight:200;line-height:25px; padding:0px 0px 0px 5px;font-family: Arial;background:#F7F6F2;} .contactform .spanlong {width:400px; float:left; margin:0px 5px 0px 5px; } .contactform .spanmlong {width:450px; float:left; margin:0px 5px 0px 5px; } .contactform .spanvlong { width:475px; float:left; margin:0px 5px 0px 5px; } .contactform .spanmed {width:100px; float:left; margin:0px 5px 0px 5px;} .contactform .spanlongdelivery {width:250px; float:left; margin:0px 5px 0px 5px;} .contactform .spanshort { width:65px; float:left; margin:0px 5px 0px 5px;} .contactform .spanheight110 {height:110px;overflow:hidden; } .contactform .spanlongdelivery .staelement {float:right; width:230px;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;} .contactform .cdfinaltotal {float:right;font-size:15px; background:transparent; color:#202020;margin:0px 0px 0px 0px; width:95px;height:22px; line-height:22px;padding: 0px 2px 0px 0px; border:0px;text-align:right;font-weight:200;} .contactform .bold {font-weight:600;} .contactform .ahref_left {font-size:11px;color:#9E9E9E;float:left; margin:-20px 0px 0px 103px;} .contactform .ahref {font-size:11px;color:#9E9E9E; } .contactform .ahref_button70 { float:left; display:block;width:79px; height:24px; margin:-25px 0px 0px 15px;font-size:11px; border:0px;line-height:24px; font-weight:400;color:#9D9D9D;background:none;text-align:center;padding:0px 0px 0px 0px;} .contactform #body {color:#202020;font-size:11px; width:780px;padding-top:5px;padding-left:10px;text-align:left; margin:0px;padding: 5px 0px 0px 0px;} .contactform .spanrow { float:left; border-bottom:1px solid #B9B9B9; padding: 5px 0px 5px 0px; font-size:14px; width:780px;} .contactform form {margin:0px; padding:0px;} .contactform .spanboxleft {float:left; width:325px; margin:0px 0px 10px 55px; padding:10px 5px 10px 0px;} .contactform .spanboxleft .spanbl_rowul {float:left; width:180px; text-align:left;margin:5px 0px 0px 0px; padding: 3px 0px 5px 0px; font-size:12px; } .contactform .spanboxleft .spanbl_row {float:left; width:135px; text-align:center;margin:0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size:12px; } .contactform .spanboxleft .spanbl_row .spanbl_but, .contactform .spanboxleft .spanbl_rowul .spanbl_but { float:left; display:block;width:60px; height:24px; text-transform:uppercase;margin:3px 0px 0px 5px;font-size:12px; border:0px;line-height:24px; font-weight:400;color:#2350A1;background:#F7F6F2;text-align:center;padding:0px 0px 0px 0px;} .contactform .spanboxleft .spanbl_row .slinput {float:left; width:55px; padding:2px; margin:3px;} .contactform .spanboxright {float:right; width:390px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;} .contactform .spanboxright .spanbr_med {float:left; width:150px; text-align:left;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:12px; } .contactform .spanboxright .spanbr_medr {float:left; width:150px; text-align:right;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:12px; } .contactform .spanboxright .spanbr_long {float:left; width:230px; text-align:left;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:12px;} .contactform .spanboxright .spanbr_longr {float:left; width:230px; text-align:right;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:12px; } .contactform .spanboxright .spanbr_vlong {float:left; width:280px; text-align:left;margin:5px 0px 0px 0px; padding: 5px 0px 5px 2px; font-size:15px;} .contactform .spanboxright .spanbr_vlongr {float:left; width:280px; text-align:right;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:15px; } .contactform .spanboxright .spanbr_short {float:left; width:100px; text-align:left;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:15px; } .contactform .spanboxright .spanbr_shortr {float:left; width:100px; text-align:right;margin:5px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size:15px; } .contactform .spanboxright .spgrey {border-top:1px solid #BFBFBF;} .contactform .spanboxright .spanbr_vlong .spaelement {float:left; width:240px;margin:3px 0px 3px 0px;padding:4px 4px 4px 4px;} .contactform .spanboxrightlong {float:right; width:573px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;} .contactform .spanboxrightlong #sbr_a {float:left; width:173px;border:1px solid #E9E9E9;margin:-36px 3px 3px 3px;line-height:14px;text-align:center;} .contactform .spanboxrightlong .sbr_header #ahreflink {font-size:11px;} .contactform .spanboxrightlong .sbr_header {float:left; width:360px;font-size:15px;padding:4px 2px 4px 4px;line-height:17px; } .contactform .spanboxrightlong .sbr_b {float:left; width:61px; text-align:center;height:90px;font-size:8px; margin:2px;} .contactform .spanboxrightlong .sbr_c {float:right; width:375px;border:1px solid #E9E9E9;margin:3px 3px 3px 4px;height:65px;padding:4px;} .contactform .spanboxrightlong .sbr_c .sbr_txtarea {float:right; width:375px;border:0px;margin:0px 0px 0px -4px;height:65px;padding:0px;font-family: arial;font-size:11px; line-height:17px;} .contactform .spanboxrightlong .sbr_header_bold_left {float:left; width:104px;font-size:15px;margin:4px 0px 0px 3px;padding:3px 0px 0px 185px;border-top:1px solid #E9E9E9;} .contactform .spanboxrightlong .sbr_header_bold_right {float:left; width:274px;font-size:15px;margin: 4px 0px 0px 0px;padding:1px 4px 0px 0px; border-top:1px solid #E9E9E9;} .contactform #delmessage {float:right; width:470px; margin:0px 0px 0px 10px; padding:10px 5px 10px 5px;background:#ABC637; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;font-size:14px; color:#ffffff; font-weight:600; text-align:center;} .contactform #delmessage b {font-size:19px;} .contactform #body img { margin:0px; padding: 0px 5px 0px 0px;} .contactform #body .uline { border-top: 1px solid #B9B9B9;} .contactform .ulinenobord { text-align:center;} .contactform #body .ulineright { border-right: 1px dotted #d7d7d7; } .contactform #body .flarge {font-size:22px;color:#202020;} .contactform #body .bggrey {background: #E7EBEB;} .contactform #body .button70 { float:left; display:block;width:70px; height:24px; margin:10px 0px 0px 15px;font-size:11px; border:0px;line-height:24px; font-weight:400;color:#9D9D9D;background:none;text-align:center;padding:0px 0px 0px 0px;} .contactform #body .ctalabel {float:left; width:160px;margin:6px 3px 3px 15px;clear:left;font-size:12px; color:#444444;} .contactform #body .ctalabelblue {float:left; width:260px;margin:0px 3px 3px 15px;font-size:17px; color:#2051A0;font-weight:200;} .contactform #body .ctaelement, .contactform #body #ctaelement {float:left; width:180px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body .ctaelementshort, .contactform #body #ctaelementshort {float:left; width:80px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body .ctaelementmini, .contactform #body #ctaelementmini {float:left; width:40px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body .ctaelementminirest, .contactform #body #ctaelementminirest {float:left; width:134px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body .ctaradio {float:left; width:25px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body .ctaline {float:left; width:680px;margin:3px;padding:2px 2px 2px 2px;font-size:12px;} .contactform #body .ctalineshort {float:left; width:330px;margin:3px;padding:2px 2px 2px 2px;font-size:12px;} .contactform #body .ctalinemed {float:left; width:330px;margin:3px;padding:2px 2px 2px 2px;font-size:12px;} .contactform #body em {font-style:normal; color:#FE0000;} .contactform #body .ctatextarea {float:left; width:180px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body .leftarea {float:left; width:160px;margin:6px 3px 3px 15px;clear:left;font-size:9px; color:#444444;} .contactform #body .rightarea {float:left; width:250px;margin:3px;padding:2px 2px 2px 2px;} .contactform #body #spanError, .contactform #body #rspanError {float:left; width:220px; margin:7px;} .contactform #body #button {clear:left; float:left;background:#D6D4BB; color : #214FA4;font-family : Arial, Helvetica, sans-serif; font-size : 14px;font-weight: 200;height: 23px; width:128px;border:0px; cursor: hand; text-align:center;text-transform:uppercase; margin:10px 0px 10px 90px;line-height:23px;} .contactform #body #button2 {clear:left; float:left;background:#D6D4BB; color : #214FA4;font-family : Arial, Helvetica, sans-serif; font-size : 14px;font-weight: 200;height: 23px; width:128px;border:0px; cursor: hand; text-align:center;text-transform:uppercase; margin:10px 0px 10px 233px;line-height:23px;} .contactform #body #buttonbuy {float:left; display:block; width:141px; height:29px; margin-top:12px; margin-left:0px; font-size:12px; border:0px; text-align:left; line-height:29px; font-weight:600; text-decoration:none; text-indent:8px; color:#ffffff; background: #000000 url('../images/addtobag.jpg') repeat-x top left;} .contactform #body #buttongiftlong {float:right; display:block;width:120px; height:24px; margin:0px;font-size:11px; border:0px;line-height:24px; font-weight:400;color:#202020;background:#C5CFD9;text-align:center;padding:0px 5px 3px 0px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .contactform #body #postcodebutton {float:left; cursor:hand; display:block; width:100px; height:29px; text-decoration:underline; margin:1px 3px 3px 3px; font-size:12px; border:0px; text-align:left; line-height:29px; font-weight:2600; text-indent:8px; color:#214FA4; background: none;} /*used for myaccount login area */ .contactform #body .mtalabel {float:left; width:250px;margin:6px 3px 5px 15px;font-size:12px; color:#444444;} .contactform #body .mtaelement {clear:both;float:left; width:160px;margin:6px 3px 6px 15px;padding:2px 2px 2px 2px;} .contactform #body .mtalink {float:left; width:210px;margin:3px;font-size:11px;padding:6px 0px 0px 0px;} .contactform #body .mtaradio {clear:both;float:left; width:15px;margin:6px 0px 3px -15px;padding:2px 0px 2px 2px;} /*used for myaccount registration */ .contactform .leftnudge {float:left; width:120px;font-size:12px; font-weight:700;margin:20px 3px 3px 5px;} .contactform .rightpocket {float:left; width:520px;margin:12px 3px 3px 3px;} .contactform .rightpocket #blueaddressdiv {float:left;margin:5px; padding:5px 10px 5px 10px; width:85%; color:#202020;} .contactform .rightpocket #blueaddressdiv a {color:#ffffff;} .contactform .rightpocket #blueaddressdiv b {font-size:13px; line-height:20px;} .contactform .rightpocket #blueaddressdiv select {font-size:11px; line-height:18px;padding:2px; width:80%;} /*.contactform #body #buttonbuy:hover {background: url('../images/addtobag.jpg') 0 -29px;}*/ .contactform #footer {float:left; width:780px;text-align:left; color:#ffffff;font-weight:700; text-decoration:none;padding:0px;margin:0px;} .contactform #footer .buttonshop {background:#F7F6F2; text-transform:uppercase;font-size:14px; line-height:28px; color:#2251A1;float:left; width:200px; height:28px; padding: 0px;text-decoration:none;margin:9px 0px 0px 10px;text-align:center;font-weight:200;} .contactform #footer .buttonshop:hover {background:#EAE9E4;} .contactform #footer .buttonshopright {background:#D6D4BB; text-transform:uppercase;font-size:14px; line-height:28px; color:#2251A1;float:right; width:200px; height:28px; padding: 0px;text-decoration:none;margin:9px 0px 0px 10px;text-align:center;font-weight:200;} .contactform #footer .buttonshopright:hover {background:#C0BFAE;} /* end of contact form div */ /*MY ACCOUNT */ .spectabs {clear:both; width:590px;float:left; font-weight:300; margin-left:7px;color:#ffffff; text-align:center;height:29px;} .spectabs .myaccount_button {float:left; width:155px;margin:0px 0px 0px 5px; height:29px; font-size:14px; border:0px;line-height:29px;text-indent:10px;font-weight:700; color:#555555; background:#efefef; text-align:left; padding:0px 12px 0px 0px;text-decoration:none;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;} /* END MY ACCOUNT */ /* checkout decision */ #cmiddle_two #mainbody_two .checkoutback { float:left; display:block;width:70px; height:24px; margin:0px;font-size:11px; border:0px;line-height:24px; font-weight:400;color:#ffffff;background:#00ADEF;text-align:center;padding:0px 5px 3px 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #cmiddle_two #mainbody_two .checkoutback:hover {background:#0492C6;} .checkout_decision { float:left; clear:left; width:695px; margin-bottom:15px; margin-top:15px; margin-left:10px; } .checkout_decision .checkoutbox { float:left; width:312px; height: 221px; background: url('../images/checkout_decision.jpg') no-repeat top left; margin-left:20px; text-align:center; } .checkout_decision .checkoutbox h5 { margin-top:20px; width:312px; text-align:center; margin-bottom:5px; padding:0px; font-size:17px; color:#404040; } .checkout_decision .checkoutbox #cbox { float:left; margin-top:10px; width:272px; text-align:center; margin-bottom:5px; padding:15px; font-size:12px; line-height:17px; color:#404040; } .checkout_decision .checkoutbox .cinput { float:left; margin-top:10px; margin-left:25px; width:252px; text-align:left; margin-bottom:5px; padding:2px; font-size:15px; line-height:17px; color:#404040; } .checkout_decision .checkoutbox a { color:#77E338; } #checkout_purchase_btn { float:right; margin-right:20px; width:225px; height:66px; font-size:18px; border:0px; line-height:66px; font-weight:600; color:#202020; background:url('../images/checkout_purchase.gif') no-repeat top left; text-align:center; padding:5px 0px 0px 0px; text-decoration:none; margin-top:18px; } .checkout_decision .checkoutbox #checkout_purchase_btn { float:left; margin-left:40px; width:225px; height:46px; font-size:22px; border:0px; line-height:46px; font-weight:300; color:#202020; background:#C5CFD9; text-align:center; padding:0px 0px 0px 0px; text-decoration:none; margin-top:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .checkout_decision .checkoutbox #checkout_login_btn { float:left; display:block; width:224px; height:46px; margin-top:5px; margin-left:50px; font-size:22px; border:0px; line-height:46px; font-weight:300; color:#202020; background:#C5CFD9; text-align:center; padding:0px 0px 0px 0px; cursor: hand; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .checkout_decision .checkoutbox form { margin:0px; padding:0px; } /* end checkout decision */ /* /////////// //BREADCRUMB ////////// */ .colmain #breadcrumb {margin:9px 0px 0px 10px;float:left;clear:both;width:940px;height:30px; padding-left:10px; font-size:12px;} .colmain #breadcrumb a {font-size:12px;text-decoration:none; color:#3D565B;} .colmain #breadcrumb a:hover { font-size:12px; color:#202020;text-decoration:none;} /* //////////////// //END BREADCRUMB /////////////// */ /* ////////////////////////////////////////// //GALLERY //////////////////////////////// */ /*SEARCH RESULTS */ .colmain #cmiddle #mainbody #searchbar {margin-top:5px;float:left;clear:both;width:720px; height:28px; padding-left:0px;margin-left:5px;border-bottom:1px solid #D6D6D6;border-top:1px solid #D6D6D6} .colmain #cmiddle #mainbody #searchbar h2 {float:left; width:570px;font-size:14px; font-weight:700; line-height:18px; margin-left:15px;margin-top:8px;color:#ffffff;} .colmain #cmiddle #mainbody #searchbar #barleft { float:left; width:300px; margin-left:0px;line-height:28px;font-size:12px;color:#5D5D5D;} .colmain #cmiddle #mainbody #searchbar #barright { float:right; width:400px; margin-left:0px;line-height:28px;font-size:12px;color:#5D5D5D;text-align:right;} .colmain #cmiddle #mainbody #searchbar .barselect {float:left; width:230px; font-size:12px;line-height:15px;color:#202020; padding:2px;margin-top:5px;margin-right:7px;} .colmain #cmiddle #mainbody .switch_thumb {clear:both;float:right; width:63px; padding:0px; margin:-10px 10px 0px 0px;} .colmain #cmiddle #mainbody .resultsarea {float:left; clear:both;width:720px; padding-left:0px;} .colmain #cmiddle #mainbody .resultsarea ul.display, .colmain #cmiddle #mainbody .resultsarea ul.thumb_view { float: left; width: 720px; margin: 0px 0 0 5px;padding: 0;list-style: none;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li{float: left;width: 170px; padding: 5px 0 0 5px;margin: 1px; background: #ffffff; height:320px;float: left;}/*border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0;*/ .colmain #cmiddle #mainbody .resultsarea ul.display li {width: 710px; background:#ffffff; padding: 5px 0 10px 5px; margin: 2px;border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;border-left: 1px solid #E0E0E0; height:245px; float:left;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .imgframe img {float:left; padding:1px; text-decoration:none;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .imgframe .rimg {width:165px;}/*height:129px;*/ .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .imgframe {float:left; width:195px;height:205px;overflow:hidden;}/*height:129px;*/ .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .imgframe .sp_sticker { float:right; margin:-205px 25px 0px 0px; z-index:1011; width:55px; height:55px; padding:0px;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li h2 {z-index:800;letter-spacing:0px; font-family:Arial; float:right; clear:right;color:#000000; padding:0px; margin:5px 5px 0px 3px; font-size:12px; line-height:16px;font-weight:200; width:165px;text-decoration:none;text-align:left;height:42px;} .colmain #cmiddle #mainbody .resultsarea ul.display li a, .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li a {text-decoration:none;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .spantext {visibility:hidden; height:0px;font-size:0px; line-height:0px;padding:0px; margin:0px;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li h3 {float:left; width:165px; line-height:22px;color:#000000; padding:0px; margin:5px 5px 0px 0px; font-size:12px; font-weight:200;text-align:left;font-family: Geneva, Arial;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li h3 em {color:#FF0000; font-size:12px; font-weight:700; font-style:normal;line-height:13px; font-family:Arial;text-decoration: line-through;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .sbutton70 {float:left; background:none; color:#2150A0; font-size:12px;font-weight:600; margin:8px 0px 0px 0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow {float:left;width:410px; z-index:1000;background:#ffffff;font-size:14px; padding:0px; color:#ffffff; margin:-100px 0px 0px -310px;border:3px solid #E4E6E5;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .qimgframe {float:left;overflow:hidden;width:190px;max-height:190px;padding:0px; margin:0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow #qclose {z-index:1211;float:right;width:19px;height:20px;background:url('http://www.iglookids.co.uk/images/quicklook_close.gif') no-repeat top left;padding:0px; margin:2px 2px 0px 0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .qimg {float:left; padding:0px; margin:0px 0px 0px 0px;width:170px;z-index:900} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .quickshoworange {float:left;width:174px;z-index:1001;font-size:14px; border:0px;color:#202020; background:#ffffff;margin:15px 5px 0px 5px;padding:5px 5px 5px 5px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .quickshoworange #quickshowsizes {float:left;width:174px;padding:0px; text-align:center;margin:0px;line-height:18px; font-size:11px;font-weight:600;color:#CCCCCC;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .quickshoworange #quickshowsizesfull {float:left;width:174px;padding:0px; margin:0px;line-height:18px; font-size:12px;text-align:center;font-weight:600;color:#CCCCCC;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .quickshoworange #quickshowsizesfull_right {float:left;width:174px;padding:0px;text-align:right; margin:0px;line-height:18px; font-size:11px;font-weight:600;color:#CCCCCC;} .colmain #cmiddle #mainbody .resultsarea ul.display li .quickshow .qbuy {float:left; margin:5px 5px 5px 40px;line-height:28px; padding:0px;width:120px; background:#E4E6E5;font-weight:600; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;height:28px; text-align:center; font-size:14px; color:#ffffff;} .colmain #cmiddle #mainbody .resultsarea ul.display li {float:left; width:710px; height:230px;z-index:901;} .colmain #cmiddle #mainbody .resultsarea ul.display li .imgframe .sp_sticker { float:left; margin:-235px 0px 0px 0px; z-index:1011; width:55px; height:55px; padding:0px; border:0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .spantext {float:left;color:#636363; padding:0px; margin:10px 5px 0px 5px; font-size:11px; line-height:18px; font-weight:300; visibility:visible; height:90px; width:480px;} .colmain #cmiddle #mainbody .resultsarea ul.display li h3 {font-family:"Gotham", Geneva, Arial;width:125px;margin:5px 0px 0px 5px;font-size:11px;padding:0px; text-align:left; color:#0950A0;} .colmain #cmiddle #mainbody .resultsarea ul.display li h3 em {color:#FF0000;font-size:16px; font-weight:700; font-style:normal; font-family:Arial;margin:5px 0px 0px 0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .sbutton70 {visibility:visible;float:right;display:block; height:23px; line-height:23px; cursor:pointer; width:128px;background:#D6D4BB; color : #214FA4;font-size:14px; text-decoration:none; font-weight:200; padding: 0px; text-align:center; margin:10px 10px 0px 0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li h2 {width:500px; color:#444444;text-align:left;height:16px;margin: 5px 5px 0px 0px;padding:0px;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li .sinput {visibility:hidden; height:0px;font-size:0px; line-height:0px;padding:0px; margin:0px;} .colmain #cmiddle #mainbody .resultsarea ul.thumb_view li label {visibility:hidden; height:0px;font-size:0px; line-height:0px;padding:0px; margin:0px;} .colmain #cmiddle #mainbody .resultsarea ul.display li .sinput { visibility:visible;clear:right;float:right;width:15px; height:18px; margin:18px 15px 0px 4px;} .colmain #cmiddle #mainbody .resultsarea ul.display li label {visibility:visible; float:right; width:75px; color:#666666; font-size:11px; height:24px; line-height:22px;margin:15px 0px 0px 0px;} /*END SEARCH RESULTS */ /*PRODUCT LAYOUT */ #mainbody #special{ width:60px;height:5px;position: relative; top:-2px;left:695px; float:left;z-index:1000;} #mainbody #special img {width:50px; margin:0px; padding:0px;} #mainbody_full .product { float:left; width:710px; margin-bottom:15px; margin-left:0px; position:relative; } #mainbody_full .product #body { width:710px; padding-top:5px; text-align:left; padding-left:10px; font-size:10px; color: #404040; } #mainbody_full .product #body .productfull { clear:left; float:left; width:940px; padding:10px 0px 5px 0px; text-align:left; font-size:10px; line-height:15px; color: #636363; } #mainbody_full .product #body #productleft { float:left; width:290px; padding:0px; margin:0px; } #mainbody_full .product #body #productleft .sp_sticker { float:left; margin:-75px 0px 0px 0px; z-index:1001; width:55px; height:55px; padding:0px;} #mainbody_full .product #body #productleft img { padding:0px; margin:5px 0px 0px 0px; } #mainbody_full .product #body #productright { float:left; width:400px; text-align:left; padding:0px; margin:5px 0px 0px 8px; } #mainbody_full .product #body #productright #productheader {margin:0px 0px 10px 0px; float:left; width:400px;font-size:19px; font-weight:500; color: #000000; text-align:left; padding:5px 0px 0px 0px;} #mainbody_full .product #body #productright ul.productmenu { margin: 20px 5px 0px 0px;padding: 0;float: left; list-style: none;height: 27px;border-bottom: 1px solid #BFBFBF;width:395px;} #mainbody_full .product #body #productright ul.productmenu li {float: left; margin: 0px 3px 0px 0px;padding: 0;height: 26px;line-height: 26px;border: none; text-transform:uppercase; margin-bottom: -1px;background: #F7F6F2; overflow: hidden;position: relative;} #mainbody_full .product #body #productright ul.productmenu li a {text-decoration: none; color: #3E575E; display: block; font-size: 11px; padding: 0 10px;outline: none;} #mainbody_full .product #body #productright ul.productmenu li a:hover { background: #ffffff;} #mainbody_full .product #body #productright ul.productmenu li.active {background: #ffffff;border-top: 1px solid #BFBFBF;border-left: 1px solid #BFBFBF;border-right: 1px solid #BFBFBF;border-bottom: 1px solid #ffffff;} #mainbody_full .product #body #productright ul.productmenu li.active a:hover {background: #ffffff;border:0px;} #mainbody_full .product #body #productright .tab_container {border-top: none;clear: both;float: left; width: 395px;background: #fff;border-bottom: 1px solid #BFBFBF;border-left: 1px solid #BFBFBF;border-right: 1px solid #BFBFBF;} #mainbody_full .product #body #productright .tab_container .tab_content {text-align:left; padding: 10px; font-weight: 200; font-size:12px; color:#696969; line-height: 20px;} #mainbody_full .product #body #productright .tab_content h2 { font-weight: normal;padding-bottom: 10px;font-size: 26px;font-weight:700;} #mainbody_full .product #body #productright .tab_content h3 a{ color: #254588;font-size: 1.2em;} #mainbody_full .product #body #productright .tab_content p a{ color: #FF7112;} #mainbody_full .product #body #productright .tab_content span {font-size:12px;line-height:18px; color:#444444;font-family:arial;text-align:left;font-weight: 200;padding:0px; margin:0px;} #mainbody_full .product #body #productright .tab_content p {font-size:12px; clear:left; margin: 12px 6px 12px 0px;line-height:18px; color:#444444;font-family:arial;text-align:left;font-weight: 200;} #mainbody_full .product #body #productright .tab_content ul, #mainbody_full .product #body #productright .tab_content ol, #mainbody_full .product #body #productrightfull .tab_content ul li, #mainbody_full .product #body #productrightfull .tab_content ol li {font-size:12px; color:#696969; list-style:none; line-height: 20px; margin-left:5px; padding-left:0px;} #mainbody_full .product #body #productright .tab_container .tab_content big {font-size:15px; font-weight:500;color:#264F9F;} #mainbody_full .product #body #productright .tab_container .tab_content #ctainput {float:left; clear:left; width:280px;margin:3px;padding:4px;} #mainbody_full .product #body #productright .tab_container .tab_content #ctatextarea {float:left; clear:left; width:280px;margin:3px;padding:4px;} #mainbody_full .product #body #productright .tab_container .tab_content .newsletterbutton {float:left; display:block; width:85px; height:29px; margin-top:5px; margin-left:0px; font-size:15px; border:0px; text-align:center; line-height:29px; font-weight:200; text-decoration:none;color:#2051A0; background: #D6D4BB;} #mainbody_full .product #body #productright .tab_content .star { float: right; margin: 0px; border: 0; padding: 0px;} #mainbody_full .product #body #productright .tab_content h5 { font-weight: 500; font-size: 14px;} #mainbody_full .product #body #productright span{ float:right; color: #ACABA1; font-size: 28px; font-weight:700; line-height:34px; width:370px; text-align:right; padding-right:25px; } #mainbody_full .product #body #productright #productpay { float:left; width:390px; margin: 5px 5px 5px 0px; text-align:left; } #mainbody_full .product #body #productright #pp_left { clear:both; float:left; color: #636363; font-size: 11px; font-weight:700; line-height:13px; width:130px; padding-left:0px; margin-bottom:6px; } #mainbody_full .product #body #productright #pp_right { float:left; width:330px; margin:2px 0px 2px 0px; padding:0px; } #mainbody_full .product #body #productright #pp_full { float:left; width:395px; margin:0px; padding:0px; } #mainbody_full .product #body #productright #pp_full .pptitle { font-weight:700; color:#0073D4; } #mainbody_full .product #body #productright #pp_full .plabel { float:left; clear:left; width:145px; padding: 5px 5px 5px 10px; font-size:12px; color: #404040; } #mainbody_full .product #body #productright #pp_right .plabel{ float:left; clear:left; width:60px; padding: 5px 5px 5px 0px; font-size:12px; color: #404040; font-weight:200; } #mainbody_full .product #body #productright #productpay #pp_right #spanpError {text-align:center;font-weight:600; font-size:12px; color: #CC0000;} #mainbody_full .product #body #productright #pp_left .plabel { float:left;clear:left;width:80px; padding: 5px 5px 5px 0px;font-size:12px; color: #404040;font-weight:500;} #mainbody_full .product #body #productright #pp_right .pselect, #mainbody_full .product #body #productright #pp_full .pselect { float:left; width:183px; padding: 2px 2px 2px 2px; font-size:12px; color: #404040; margin:0px 0px 8px 0px; } #mainbody_full .product #body #productright #pp_right .pinput, #mainbody_full .product #body #productright #pp_full .pinput { float:left; width:50px; padding: 2px 2px 2px 2px; font-size:12px; color: #404040; } #mainbody_full .product #body #productright #pp_full .ppfullinput { float:left; height:18px; margin:3px 5px 0px 10px; } #mainbody_full .product #body #productright #pp_full .pp_wishlist { float:left; display:block; color:#636363; font-size:14px; height:24px; line-height:22px; padding-right:10px; } #mainbody_full .product #body #productright #pp_left #pp_ourprice { float:left; color:#0073D4; font-size:11px; height:14px; line-height:14px; padding:0px 0px 0px 0px; margin:0px; } #mainbody_full .product #body #pp_left .cdbutt, #mainbody_full .product #body #productright #pp_full .cdbutt { border:0px; float:left; width:120px; height:24px; line-height:24px; padding: 0px 2px 2px 0px;font-size: 18px; font-weight:200; color: #000000; margin: 0px 0px 0px 0px;} #mainbody_full .product #body #pp_left .cdbuttspecial, #mainbody_full .product #body #productright #pp_full .cdbuttspecial { float:left; width:70px; height:20px; line-height:20px; padding: 2px 2px 2px 2px;font-size: 17px; font-weight:200; color: #FF0000; border:0px; margin: 3px 0px 0px 0px;text-decoration: line-through;} #mainbody_full .product #body #productright #pp_left #buttonbuy {float:left; display:block; width:141px; height:29px; margin-top:5px; margin-left:0px; font-size:13px; border:0px; text-align:left; line-height:29px; font-weight:200; text-decoration:none; text-indent:8px; color:#ffffff; background: #000000 url('../images/addtobag.jpg') repeat-x top left;} #mainbody_full .product #body #productright #pp_left #buttonbuylong {float:left; display:block; width:210px; height:29px; margin-top:5px; margin-left:0px; font-size:15px; border:0px; text-align:center; line-height:29px; font-weight:200; text-decoration:none;color:#2051A0; background: #D6D4BB;} /*#mainbody_full .product #body #productright #productpay #pp_right #buttonbuy:hover {background: url('../images/buybutton_blue.jpg') 0 -27px;}*/ #mainbody_full .product #body #productright #pp_full .cdrrp {text-decoration: line-through;font-size:14px; color:#636363; line-height:18px;font-weight:400; margin:0px 0px 0px 10px; float:left;width:105px;height:30px; line-height:30px;padding: 2px 2px 2px 0px; border:0px;} #mainbody_full .product #body #productright #pp_full .cdsaving {font-size:15px; color:#0073D4; line-height:18px;font-style:normal;font-weight:700; width:130px;height:30px; line-height:30px;padding: 2px 2px 2px 0px; border:0px;margin:0px;} #mainbody_full .product #body #productright #pp_full .cddiscount {font-size:15px; color:#CA0005; line-height:18px;font-style:normal;font-weight:700; width:115px;height:30px; line-height:30px;padding: 2px 2px 2px 0px; border:0px;margin:0px;} #mainbody_full .product #body #productright .prlabel { float:left; font-size:13px; color: #404040; font-weight:600; clear:left; margin: 3px 0px 3px 0px; } #mainbody_full .product #body #productright .prtext { clear:left; float:left; font-size:13px; color: #404040; font-weight:200; clear:left; margin: 3px 0px 3px 0px; padding:3px 0px 3px 0px; width:300px; } #mainbody_full .product #body #productright .prtextarea { clear:left; float:left; font-family:arial; font-size:14px; color: #404040; font-weight:200; clear:left; margin: 3px 0px 3px 0px; padding:3px 0px 3px 0px; width:302px; min-height:80px; } #mainbody_full .product #body #productright .prstar { float:left; width:30px; font-size:11px; font-weight:600; margin:6px 3px; background: url('../images/star.gif') no-repeat top left; text-align:center; } #mainbody_full .product #body #productright .prstar .prradio { padding: 8px 0px 8px 0px; } #mainbody_full .product #footer{ float:left; width:690px; height:8px; text-align:center; line-height:8px; color:#ffffff; font-weight:700; text-decoration:none; } /*END PRODUCT LAYOUT */ /*PRODUCT ASSOCIATION*/ #mainbody_full .productass {float:right; width:160px; margin:13px 0px 0px 10px;} #mainbody_full .productass #header {font-family:asapregular, Arial; margin:0px 0px 10px 0px; float:left; width:150px;font-size:14px; font-weight:500; color: #000000; font-weight:200; text-align:center; padding:5px 0px 5px 5px;text-transform:uppercase;} #mainbody_full .productass .proass {float:left; width:160px;padding:0px; margin:0px 0px 0px 0px;} #mainbody_full .productass .proass .proassimg {float:left; width:160px;padding:0px; margin:0px; border:0px;z-index100; } #mainbody_full .productass .proass .proassimg .sp_sticker { float:left; margin:-190px 0px 0px 0px; z-index:1001; width:40px; height:40px; padding:0px; border:0px;} #mainbody_full .productass .proass .proassname {text-transform:uppercase;letter-spacing:0px; font-family:Arial; float:right; clear:right;color:#000000; padding:0px; margin:7px 5px 0px 3px; font-size:10px; line-height:15px;font-weight:100; width:150px;text-decoration:none;text-align:center;height:45px;} #mainbody_full .productass .proass .proassname a {color:#000000;font-weight:100;} #mainbody_full .productass .proass .proassprice {letter-spacing:0px; font-family:Arial; float:right; clear:right;color:#000000; padding:0px; margin:0px 5px 10px 3px; font-size:10px; line-height:15px;font-weight:100; width:150px;text-decoration:none;text-align:center;height:18px;} /*END PRODUCT ASS */ /*editor's choice */ #mainbody_full .editorschoice {float:left; width:182px; margin:0px 0px 0px 0px; height:280px;} #mainbody_full .editorschoice .eimage {float:left; width:160px;padding:0px; margin: 5px 11px 5px 11px; border:0px;z-index100; } #mainbody_full .editorschoice .eimage img {border:0px; margin:0px; padding:0px;} #mainbody_full .editorschoice .etext { float:left; width:160px; padding:0px; margin: 0px 11px 0px 11px; border:0px;text-align:center; text-transform:uppercase; font-size:12px;line-height:18px;} #mainbody_full .editorschoice .eprice {float:left; width:160px; padding:0px; margin: 0px 11px 0px 11px; border:0px;text-align:center;line-height:18px;} /*end editor's choice */ /*NOTICE BOARD*/ #mainbody .modresponse, #mainbody_two .modresponse {float:right;width:520px; height:65px;z-index:100;background: #ffffff; padding:2px;text-align:center;margin:0px;} #mainbody #modred, #mainbody_two #modred {color:#E00807;} #mainbody #modgreen, #mainbody_two #modgreen {color:#01C000;} #mainbody #modgrey, #mainbody_two #modgrey {border-top: 2px solid #CCCCCC;border-bottom: 2px solid #CCCCCC;border-left: 120px solid #CCCCCC;border-right: 120px solid #CCCCCC;color:#7BAD00;} #mainbody .modresponse img, #mainbody_two .modresponse .modimg { float:right;margin:-5px 5px 0px 0px; padding:0px;width:62px;} #mainbody .modresponse .modtext b, #mainbody_two .modresponse .modtext b {font-size:15px;line-height:60px;font-weight:700; } #mainbody .modresponse .modtext , #mainbody_two .modresponse .modtext {font-size:10px;color:#084699;font-weight:100;padding:0px;margin: 0px auto; width:40%;line-height:14px;} #mainbody_two .modbasketresponse {float:right; width:360px; height:30px; font-size:15px;color:#084699;margin:-18px 0px 0px 0px;} #mainbody_two .modbasketresponse .modimg {float:right; width:64px;padding:0px; margin:-10px 0px 0px 0px;} #mainbody_two .modbasketresponse .modimg img{padding:0px; margin:0px;} #mainbody_two .modbasketresponse .modbtext {float:left; width:270px; padding:0px 10px 0px 10px; line-height:48px;font-weight:600;} /*END NOTICE BOARD */ /*TABS FOR ACCOUNT PAGE */ #wrapper .colmain #mainbody .spectabs { clear:both; width:590px; float:left; font-weight:300; margin-left:7px; color:#ffffff; text-align:center; height:29px; } #wrapper .colmain #mainbody .spectabs .myaccount_button { float:left; width:155px; height:32px; font-size:14px; border:0px; line-height:32px; text-indent:10px; font-weight:700; color:#555555; background:url('http://www.iglookids.co.uk/images/myaccount_icon.gif') no-repeat top left; text-align:left; padding:0px 12px 0px 0px; text-decoration:none; } /* END TABS FOR ACCOUNT PAGE */ /*MENU DIVS */ #menu-one, #menu-two, #menu-three, #menu-four { clear:both; width:690px; float:left; font-weight:300; font-size:11px; margin-bottom:10px; margin-left:7px; } #menu-four, #menu-two, #menu-three { display:none; } #menu-one { display:show; } /*END MENU DIVS */ /*pagination*/ .colmain #cmiddle #mainbody .pagination, .colmain #cmiddle_two #mainbody_two .pagination { float:left; clear:both;width:720px; padding:0px;margin:5px;text-align:center;} .colmain #cmiddle #mainbody .pagination .previousnext, .colmain #cmiddle_two #mainbody_two .pagination .previousnext {float:left;width:70px; height:23px; font-size:11px; border:0px;line-height:23px;font-weight:700;color:#0950A0;text-align:center; padding:3px 5px 3px 5px;text-decoration:none; margin: 3px 3px 3px 3px;} .colmain #cmiddle #mainbody .pagination .pagelive, .colmain #cmiddle_two #mainbody_two .pagination .pagelive { float:left;height:17px; font-size:11px; border:0px;line-height:20px;font-weight:700;color:#ABABAB; text-align:center;padding:5px 0px 6px 0px; text-decoration:none;margin: 3px 3px 3px 3px; width:23px;} .colmain #cmiddle #mainbody .pagination .pagenotlive, .colmain #cmiddle_two #mainbody_two .pagination .pagenotlive {float:left;height:17px; font-size:11px; border:0px;line-height:20px;font-weight:700; color:#0950A0; text-align:center;padding:5px 0px 6px 0px;text-decoration:none;margin: 3px 3px 3px 3px;width:23px;} .colmain #cmiddle #mainbody .pagination a:hover, .colmain #cmiddle_two #mainbody_two .pagination a:hover { color:#ABABAB;} /*end pagination */ /*postcode search*/ #mainbody_two #rghtbutton { float:left; display:block; width:75px; height:18px; margin-top:0px; margin-left:5px; font-size:11px; border:0px; line-height:18px; font-weight:400; color:#ffffff; background:#0172B5; text-align:center; padding:0px 5px 2px 5px; } .fullpage_bg {float:left; width:680px; margin:10px 0px 10px 15px; padding:10px 5px 10px 5px;background:#F0F0F2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .halfpage #rghtbutton {background:#0172B5; font-size:12px; line-height:24px; color:#ffffff;float:right; width:85px; height:24px; border:0px; padding: 0px;text-decoration:none;margin:0px 0px 0px 5px;text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .halfpage #rghtbutton:hover {background:#0C4D72;} .fullpage {float:left; width:92%;margin:5px 0px 0px 20px; font-size:11px;line-height:17px;} .fullpage h3 {color:#0A50A1; font-size:15px; font-weight:600;line-height:26px;} .fullpagevat {float:left; width:90%;margin:5px 0px 0px 20px;border:1px solid #B9B9B9; background-color:#E5E5E5;padding:5px;} .fullpagegrey {float:left; width:92%;margin:5px 0px 10px 20px;border:1px solid #B9B9B9; background-color:#E5E5E5;padding:3px;} .halfpage {float:left; width:312px;padding:6px 8px 0px 0px;margin:6px 0px 0px 20px;} .halfpagenoleft {margin:0px 10px 0px 5px;width:300px;} .halfpage h4 {color:#0A50A1; font-size:13px; font-weight:600;line-height:24px;} .fullpage .fulltitle {margin:5px 0px 5px 0px;padding:0px; font-size:14px;font-weight:500;} .halfpage .hpcheckbox {clear:left;float:left; width:15px;margin:3px;} .halfpage .hptextright {float:left; width:230px;margin:3px;} .halfpage .hplabel {float:left; width:90px;margin:3px;clear:left;font-size:12px;text-align:right;padding:2px 0px 0px 0px;color:#444444;} .halfpage .hplabelleft {float:left; width:90px;margin:3px;clear:left;font-size:12px;text-align:left;padding:2px 0px 0px 0px;color:#444444;font-weight:600;} .halfpage .hplabel em, .fullpage .hplabel em {font-style:none; color:#C00000;font-weight:600;} .halfpage .hpinput {float:left; width:170px;margin:3px;font-size:12px;padding:2px 0px 0px 0px;} .halfpage #hpselect {float:left; width:175px;margin:0px;font-size:12px;padding:3px;} .halfpage #buttonbuy {float:left; display:block; width:141px; height:27px; margin-top:12px; margin-left:0px; font-size:12px; border:0px; text-align:left; line-height:27px; font-weight:600; text-decoration:none; text-indent:8px; color:#ffffff; background: #222222;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .halfpage #buttonbuy:hover {background: #000000;} .fullpagevat .hpcheckbox {clear:left;float:left; width:15px;margin:9px 3px 3px 3px;} .fullpagevat .hptextright {float:left; width:580px;margin:3px;font-size:12px;} .fullpagevat .hplabel {float:left; width:170px;margin:3px;clear:left;font-size:12px;text-align:right;padding:2px 0px 0px 0px;color:#444444;} .fullpagevat .hpinput {float:left; width:370px;margin:3px;font-size:12px;} .fullpage .hpcheckbox {clear:left;float:left; width:15px;margin:9px 3px 3px 3px;} .fullpage .hptextright {float:left; width:580px;margin:9px 3px 3px 3px;font-size:12px;} .fullpage .hplabel {float:left; width:130px;margin:3px;clear:left;font-size:12px;text-align:right;padding:2px 0px 0px 0px;color:#444444;} .fullpage .hpinput {float:left; width:180px;margin:3px;font-size:12px;padding:2px 0px 0px 0px;} .fullpage .hpinputtext {float:left; width:290px;margin:3px;font-size:12px;padding:5px 0px 0px 0px;} .halfpage #blueaddressdiv {float:left;margin:5px; padding:5px 10px 5px 10px; width:85%; color:#202020;} .halfpage #blueaddressdiv a {color:#ffffff;} .halfpage #blueaddressdiv b {font-size:13px; line-height:20px;} .halfpage #blueaddressdiv select {font-size:11px; line-height:18px;padding:2px; width:80%;} .fullpage .checkoutproceed {background:#00AFF2; border:0px;font-size:14px; line-height:28px; color:#ffffff;float:right; width:200px; height:28px; padding: 0px;text-decoration:none;margin:0px 20px 0px 0px;text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .fullpage .checkoutproceed:hover {background:#1293C2;} .halfpage .checkoutproceed {background:#00AFF2; border:0px;font-size:14px; line-height:28px; color:#ffffff;float:right; width:200px; height:28px; padding: 0px;text-decoration:none;margin:0px 20px 0px 0px;text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .halfpage .checkoutproceed:hover {background:#1293C2;} #cmiddle_two #mainbody_two .halfpage .checkoutback { float:left; display:block;width:70px; height:24px; margin:11px 0px 0px 0px;font-size:11px; border:0px;line-height:24px; font-weight:400;color:#ffffff;background:#00AFF2;text-align:center;padding:0px 5px 0px 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #cmiddle_two #mainbody_two .halfpage .checkoutback:hover {background:#1293C2;} /*end postcode search */ /*BRAND GALLERY HOMEPAGE */ #mainbody_full .brandsbox {float:left; width:130px; border:1px solid #C0C0C0; padding:2px; margin:5px;text-align:center;height:120px;} #mainbody_full .brandsbox .brandimg {border:0px; margin:0px; padding:0px;} #mainbody_full .brandsbox big {font-size:14px;line-height:20px;} #mainbody_full .brandsbox big a {font-size:14px;color:#0A50A1;line-height:20px;} .brandarea { float:left;text-align:left; margin:5px auto; width:955px; clear:both; margin-bottom:15px; height:50px;background:#F7F6F2;padding:0px;} .brandarea .gallery {float:left;clear:left; width:805px;height:50px;overflow:hidden; z-index:50;padding:0px; margin:0px;} .gallery ul li {margin:0px 0px 0px 0px;padding:0px; list-style:none;float:left;} .brandarea .gallery ul {margin:0px 0px 0px 0px;padding:0px; list-style:none;float:left;} .brandarea .gallery ul li img { margin:0; padding:0px 8px 0px 8px; border:0px;height:46px;} /* LOADING BOX */ .loader { background: url(http://www.iglookids.co.uk/css/loader.gif) center center no-repeat #ddd; } /* GALLERY PANELS */ .panel {} /* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .panel .panel-overlay, .panel .overlay-background { height: 60px; padding: 0 1em; } /* PANEL OVERLAY BACKGROUND */ .panel .overlay-background { background: #222; } /* PANEL OVERLAY CONTENT */ .panel .panel-overlay { color: white; font-size: 0.6em; } .panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; } /* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ .filmstrip { margin: 1px; margin:0; padding:0px;background-color: #808080;z-index:51;} /* FILMSTRIP FRAMES (contains both images and captions) */ .frame {} /* WRAPPER FOR FILMSTRIP IMAGES */ .frame .img_wrap { border: 1px solid #aaa; } /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .frame.current .img_wrap { border-color: #000; } /* FRAME IMAGES */ .frame img { border: none; } /* FRAME CAPTION */ .frame .caption { font-size: 14px; text-align: center; color: #fff; font-weight:700;} /* CURRENT FRAME CAPTION */ .frame.current .caption { color: #fff; font-weight:700;} /* POINTER FOR CURRENT FRAME */ .pointer { border-color: #000; } /* TRANSPARENT BORDER FIX FOR IE6 */ /* NOTE - DO NOT CHANGE THIS RULE */ *html .pointer { filter: chroma(color=pink); } /*END GALLERY */ .checkout_steps {float:left;width:100%;} .checkout_steps .checkout_box {float:left;width:175px; font-size:12px; font-weight:300;height:23px; line-height:23px; background:#F7F6F2;text-align:center;margin:0px 0px 0px 9px;} .checkout_steps .checkout_box_first {margin:0px;} .checkout_steps .active {background:#2051A0;color:#ffffff;} .checkout_steps .active a {color:#ffffff;} .checkout_steps .beige {background:#D6D4BB; color : #214FA4;} .colmain #cmiddle_full #mainbody_full .checkout_steps .checkout_box a.ahrefblue { color :#ffffff;} .checkout_area {float:left;margin:5px 0px 0px 125px; width:790px;font-size:12px;} .caheight {margin:70px 0px 0px 125px;} /*IMAGE DROPDOWN */ .dd2 {text-align:left; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin:0px;padding:0px;width:300px;float:right;} .dd2 .ddTitle {background:transparent url('../images/selectbox.gif') no-repeat; padding:2px; text-indent:0; cursor:default; overflow:hidden; height:22px; border: 1px solid #ABADB3; margin:0px;} .dd2 .ddTitle span.arrow {background:transparent url('../images/selectbox_arrow.gif') no-repeat 0 0; float:right; display:inline-block;width:22px; height:22px; cursor:pointer; top:0px; position:relative; right:1px; margin:0px;} .dd2 .ddTitle img {width:20px; padding:0px;margin:0px;} .dd2 .ddTitle span.ddTitleText {text-indent:5px; overflow:hidden; line-height:22px; font-family:arial; font-size:12px; font-weight:bold; color:#404040;font-weight:200;margin:0px;} .dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 0px 0 0; margin:0px;} .dd2 .ddTitle img.selected { padding:0 0px 0 0;vertical-align:top; margin:0px;} .dd2 .ddChild { position:absolute; border:1px solid #E7E7E7; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; font-size:12px;} .dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px;} .dd2 .ddChild a { display:block; padding:0px 0 0px 0px; text-decoration:none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer; line-height:37px; height:37px; margin:0px;} .dd2 .ddChild a:hover {background-color:#EEFEDE;} .dd2 .ddChild a img {border:0; padding:0 0px 0 0; vertical-align:middle; width:35px; margin:0px;} .dd2 .ddChild a.selected { background-color:#EEFEDE; } /*END IMAGE DROPDOWN */ /*TESTIMONIALS*/ .testimonials {float:left;clear:left;width:695px;margin-bottom:15px;margin-top:15px;margin-left:0px;} .testimonials #header{ margin:4px 0px 0px 0px;width:680px;height:25px;text-align:left;font-size:15px;color:#202020; font-weight:600;line-height:25px; padding:0px 0px 0px 15px;background:#E7E8EA;font-family: Arial;text-transform:uppercase} .testimonials #body {color:#202020;font-size:11px; width:680px;padding-top:5px;padding-left:10px;text-align:left; margin:0px;padding: 5px 10px 0px 10px;} /*END TESTIMONIALS*/ /*POPUP FORM */ #popup {background:#ffffff;text-align:left;padding:5px 10px 5px 10px;} .popupform {float:left;clear:left;width:455px;margin-bottom:15px;margin-top:15px;margin-left:10px;background:#ffffff; text-align:left;} #popup big {font-size:15px; font-weight:600;line-height:18px;} .popupform #body {color:#202020;font-size:11px; width:430px;padding-top:5px;padding-left:10px;text-align:left; margin:0px;padding: 5px 10px 0px 10px;} .popupform #body .ctalabel {float:left; width:160px;margin:6px 3px 3px 15px;clear:left;font-size:12px; color:#444444;} .popupform #body #ctaelement {float:left; width:180px;margin:3px;padding:2px 2px 2px 2px;} .popupform #body .ctatextarea {float:left; width:280px;margin:3px;padding:2px 2px 2px 2px;} .popupform #body #spanError {float:left; width:400px; font-size:12px; font-weight:600; color:#C00000;margin:3px;} .popupform #body #button {clear:left; float:right;background:#222222; color : #ffffff;font-family : Arial, Helvetica, sans-serif; font-size : 16px;font-weight: bold;height: 30px; width:106px;border:0px; cursor: hand; text-indent:10px;text-align:left; margin:10px 0px 10px 0px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px} .popupform #body #buttonbuy {float:left; display:block; width:141px; height:29px; margin-top:12px; margin-left:0px; font-size:12px; border:0px; text-align:left; line-height:29px; font-weight:600; text-decoration:none; text-indent:8px; color:#ffffff; background: #222222;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} /*END POP UP FORM */