.handy {cursor:pointer;}
/*#shop {float:left;margin:3px 0px 0px 0px;padding:0px;width:860px;background-color:#fff;}*/
#shop {clear:left;float:left;display:block;margin:3px 0px 0px 0px;padding:0px;}
#rightside {float:left;}
#preview {float:left;}
#preview {float:left; width:370px;margin:0px; padding:0px;color:#333;}
#backimg {background:transparent url("thumb/370thumb.png") top left no-repeat; width:370px; min-height:370px; color:#e8e8e8;}
#preview img {float:left; padding:5px 0px 0px 10px;}
#preview .mid {float:left; width:370px;background-color:#eee;}	/*:transparent url("370centre.png") top repeat-y;}*/
#preview .ltitle {float:left; padding:0px 6px 0px 6px; font-size:0.80em;width:100%;}
#preview .extrat {float:left; padding:0px 6px 0px 6px; font-size:0.76em;}
#preview .descript {clear:left;float:left; padding:2px 6px 2px 6px; font-size:0.70em;width:350px; min-height:100px;max-height:250px;overflow:auto;}
#preview .price {clear:left;float:left;color:#333;font-size:1.0em; margin:0px 5px 0px 2px;}
#preview .vat {float:left;color:#666;font-size:0.64em; margin:4px 2px;}

#preview .oldprice {clear:left;float:left;margin:2px 10px 0px 4px; text-decoration:line-through; color:#CC3300;width:100%;white-space:nowrap;}
#preview .newprice {clear:left;float:left;margin:2px 10px 0px 4px; color:#CC3300;width:100%;white-space:nowrap;}
#preview .addbasket {clear:left;float:left;background:transparent url("icons/basket_put.png") top left no-repeat; height:16px; width:16px; margin:0px 12px 0px 0px; cursor:pointer;}
#preview .base {clear:left;float:left; width:370px; height:1px;background:transparent url("thumb/370base.png") no-repeat;}
#preview .descript p{padding:0px;}
#preview .prevqty {float:left;font-size:0.8em;margin:0px 4px;}
#preview .prevopt {clear:left;float:left;font-size:0.70em;margin:0px 8px 16px 2px;}
.qtydrop {font-size:0.80em;}

.tandle {width:auto;background-color:#8db4e3;text-align:right;}
.tandle .c1 {text-align:center;}

.moreinfo {clear:right;float:right; height:24px; width:160px; margin:16px 16px 0px 0px;}
.moreinfo a {display:block;background:transparent url("icons/blackbutton.png") no-repeat 0px 0px; height:22px; width:160px; cursor:pointer; color:#fdbd41;text-align:center;padding:2px 0px 0px 0px;font-size:0.9em;}
.moreinfo a:hover {background-position: 0px -24px;padding:3px 0px 0px 1px;color:#ffffff;}
.morepad {margin-top:40px;}

#prevs {float:left; width:370px;background-color:#eee;min-height:60px;}	/*background:transparent url("370centre.png") top repeat-y;min-height:60px;}*/
.thims1 .thims5 .thims9 {clear:left;float:left;padding:1px 0px 0px 0px;}
.thims2 .thims6 .thims10 {float:left;padding:1px 0px 0px 1px;}
.thims3 .thims7 .thims11 {float:left;padding:1px 0px 0px 1px;}
.thims4 .thims8 .thims12 {float:left;padding:1px 0px 0px 1px;}

#costco {float:left;width:338px;margin:4px 0px 0px 0px; height:200px;overflow:auto;border:1px solid #ff6600;background-color:#bbc3c8;-moz-border-radius:5px;-webkit-border-radius:5px;}
.costing {font-size:0.70em;}
.costtab {text-align:left;font-size:0.64em;line-height:1.0em;color:#101c3d;padding:1px;}
.costtab th {color:#101c2d;}
.costin {float:left; font-size:0.90em;padding:0px;margin:0px;}
.punt {float:left;height:16px;}

.cartcost {width:300px;margin:0px 0px 0px 4px;height:200px;overflow:auto;font-size:0.9em;}

.warning {color:#ff4400;}
.warning a {color:#ff4400;cursor:pointer;}
.hipane {color:#444;}	/*background-color:#404040; color:#00af00;}*/
.lopane {color:#444;}
.noglass {color:#f80000;}


#ihelp {float:left;width:340px;margin:0px 0px 0px 0px;padding:0px;height:300px;overflow:auto;background-color:#fff;color:#101c2d;}	/*border:1px; border-color:#ff6600;}*/
.mtabs {float:left;margin:0px 0px 0px 2px; font-weight:normal; list-style:none;padding:0px 10px 0px 4px;height:16px;}
.pgfont{font-size:1.1em;}
.prfont{font-size:0.74em;}

.mtabs li {float:left;background-color:#ddd; margin:1px 1px 0px -8px; padding:0px 0px 0px 0px; height:17px;color:#000;} 
.mtabs li.sel {background-color:#466189;} 
.mtabs a {float:left;display:block;color:#000;padding:0px 10px 1px 6px;cursor:pointer;}
a.smsel {color:#fff;}
a.smnot {color:#000;}
a.pmsel {color:#fff;background-color:#ff6600;}
a.pmnot {color:#000;background-color:#ddd;}
.mtabs a:hover {color:#fff;}
.mtabs img {float:left; margin:1px 0px 0px -14px; z-index:100;}

.hbox {clear:left;float:left;display:none;min-height:280px;overflow:auto;width:338px;font-size:0.70em;border:1px solid #ff6600;background-color:#bbc3c8;-moz-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;}
.hbox p {padding:2px;}

.pgrid {float:left; padding:0px; margin:0px;color:#fff;}
.cart{width:150px;height:210px;  letter-spacing:-0.02em;font-size:0.90em;color:#222;}
.wbox {width:150px;height:200px; font-size:0.68em; letter-spacing:-0.02em;color:#000;}
.sml {width:150px;height:190px;background:transparent url("thumb/160thumb.png") top left no-repeat; font-size:0.58em; letter-spacing:-0.02em;}
.pgrid img {float:left;padding:2px 0px 0px 10px;}
.pgrid .pprice {float:right;margin:6px 4px 0px 0px;}
.pgrid .oldprice {float:right;margin:6px 4px 0px 0px; text-decoration:line-through; color:#CC3300;}
.pgrid .from {float:right;margin:6px 4px 0px 0px; color:#ccc;}
.pgrid .newprice {float:right;margin:6px 4px 0px 0px; color:#CC3300;}
.pgrid .pdesc {clear:left; margin:0px 2px 0px 2px;text-align:center;}
.pgrid .pdesc a{color:#fff;}
.pgrid .pdesc a:hover {color:#ff4400;}
.pgrid .pmodel {clear:left;margin:5px 2px 0px 2px; font-weight:bold; text-align:center;padding:2px 0px 0px 0px;}
.pgrid .pmodel a{color:#fff;}
.pgrid .pmodel a:hover {color:#ff4400;}
.pgrid .addbox {clear:right;float:right;background:transparent url("icons/shopcartadd_16x16.png") top left no-repeat; height:16px; width:16px; margin:4px 12px 0px 0px; cursor:pointer;}
.pgrid .rembox {clear:left;float:left;background:transparent url("icons/basket_remove.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 5px; cursor:pointer;}
.pgrid .info {clear:left;float:left;background:transparent url("icons/information.png") top left no-repeat; height:16px; width:16px; margin:6px 0px 0px 6px; cursor:pointer;}
.pgrid .empty{height:111px;}
.pinfo {position:absolute;top:10px;left:10px;height:300px; width:400px; background-color:#333333; display:none; z-index:200;font-size:11px; color:#CCCCCC;padding:3px;overflow:auto;}
.pinfo .sdes{clear:left;float:left;display:none;}
.pgrid .hot {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/hot.png") top left no-repeat;}
.pgrid .offer20 {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/offer_20.png") top left no-repeat;}
.pgrid .offer10 {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/offer_10.png") top left no-repeat;}
.pgrid .offer5 {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/offer_5.png") top left no-repeat;}
.pgrid .splash {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/splash.png") top left no-repeat;}
.pgrid .sale {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/sale.png") top left no-repeat;}
.pgrid .new {position:relative;top:10px;left:10px;width:32px;height:32px;background:transparent url("icons/new.png") top left no-repeat;}

.pgrid .sel {color:#FF6600;}

.remcart {float:left;background:transparent url("icons/cart_remove.png") top left no-repeat; height:32px; width:32px; margin:8px 0px 0px 0px; cursor:pointer;}
.addcart {float:right;background:transparent url("icons/cart_add.png") top left no-repeat; height:32px; width:32px; margin:2px 10px 5px 0px; cursor:pointer;}
.cartbubble {display:none;position:absolute; top:10px; left:10px; background:transparent url("icons/cartpop.png") top left no-repeat;width:65px; height:69px; z-index:100;}
.addlist {float:left;background:transparent url("icons/bag_green.png") top left no-repeat; height:32px; width:32px; margin:2px 10px 5px 0px; cursor:pointer;}
.reset {float:left;background:transparent url("icons/reset.png") top left no-repeat; height:32px; width:32px; margin:2px 2px 2px 0px; cursor:pointer;}
.biglist {float:left;background:transparent url("icons/biglist.png") top left no-repeat; height:32px; width:32px; margin:2px 10px 5px 0px; cursor:pointer;}

.projqty {float:left;display:block;padding-left:10px;}
.addcart2 {float:left;background:transparent url("icons/buy.gif") top left no-repeat; height:17px; width:47px; margin:2px 0px 0px 10px; cursor:pointer;}
.remcart2 {float:left;background:transparent url("icons/shopcartremove32.png") top left no-repeat; height:32px; width:32px; margin:2px 2px 2px 0px; cursor:pointer;}
.buy {float:left; height:24px; width:48px; margin:2px 0px 0px 0px;}
.buy a {display:block;background:transparent url("icons/button48.png") no-repeat 0px 0px; height:22px; width:48px; cursor:pointer; color:#fdbd41;text-align:center;padding:2px 0px 0px 0px;font-size:0.9em;}
.buy a:hover {background-position: 0px -24px;padding:3px 0px 0px 1px;color:#ffffff;}

.addproject {float:left;background:transparent url("icons/floppy_disk_32.png") top left no-repeat; height:32px; width:32px; margin:16px 0px 0px 2px; cursor:pointer;}

.sbarstart {clear:left;float:left;background-color: #466189;width:10px;height:20px;border-bottom: solid 2px #20385b;}
.sbarend {float:left;background-color: #466189;width:10px;height:20px;border-bottom: solid 2px #20385b;}
.sbarcentre {float:left;font-size:1.0em; color: #fdbd41; padding:0px 0px 0px 0px;letter-spacing:-0.04em; font-weight:normal; background-color:#466189; height:20px; border-bottom: solid 2px #20385b;}
.sbarcentre img {float:left;margin:3px 0px 0px 4px;}

.sbartitle {float:left; font-size:0.9em; letter-spacing:-0.03em; margin:4px 0px 0px 0px; }
.sbarpage {float:left; font-size:0.9em; letter-spacing:-0.03em; margin:3px 0px 0px 4px;}
.pagno {cursor:pointer;color:#fff;}
.currentStyle {color:#FF6600;}


#builder {clear:left;float:left;width:400px;margin:0px;z-index:5;color:#000;}
#verticals {float:left;width:72px;}
#horizontals {float:left;}
#hdisplay {float:left;margin:0px 0px 0px 0px;}
#vdisplay {float:left;margin:0px;}
/*
.sbackha {background-color:#fff;color: #2d3c51;}
.sback {background-color:#fff;color: #2d3c51;}
.sbackv {background-color:#fff;}
.sbackh {background-color: #fff;color: #2d3c51;}
.sbackva {background:#fff;color: #2d3c51;width:72px;}
*/
/*
.sbackw {background:#a0b4d5 url("widthback.png") top left no-repeat;color: #2d3c51;}
.sbackha {background:#a0b4d5 url("wadjustback.png") top left no-repeat;color: #2d3c51;}
.sback {background-color:transparent;color: #2d3c51;}
.sbackv {background-color:transparent;}
.sbackh {background: #89a3c8 url("heightback.png") top left no-repeat;;color: #2d3c51;}
.sbackva {background:#a0b4d5 url("hadjustback.png") top left no-repeat;color: #2d3c51;}
*/
.convars {float:left;width:400px;font-size:0.80em;height:50px;margin-top:0px;border:1px;}
.apanel {position:absolute;cursor:pointer;display:block;z-index:100;}	/*border:inset #000 2px;}*/
.selpanel {position:absolute;display:block;z-index:100;}	/*border:inset #ffff00 2px;}*/
.amult {position:absolute;display:block;z-index:100;border: 0px  dashed #ff6600 ;cursor:move;}
.imult {position:absolute;display:block;z-index:100;border: 0px  dashed #000 ;cursor:move;}
.tinbox {color:#000;background-color:#ffff88;font-size:0.56em;width:8ex;display:none;}
.nmult {position:absolute;display:block;z-index:100;border: 0px  dashed #00aa00 ;cursor:pointer;}
/*
.gicon {float:left;background:transparent url("../icons/iglass.png") top left no-repeat; height:16px; width:16px; margin:1px 1px 1px 1px; cursor:pointer;z-index:500;}
.vicon {float:left;background:transparent url("../icons/ivent.png") top left no-repeat; height:16px; width:16px; margin:1px 1px 1px 1px; cursor:pointer;z-index:500;}
.sicon {float:left;background:transparent url("../icons/isplit.png") top left no-repeat; height:16px; width:16px; margin:1px 1px 1px 1px; cursor:pointer;z-index:500;}

.mullel {position:absolute;z-index:600;background:transparent url("arrowmulll.png") top left no-repeat; height:24px; width:24px; left:0px;display:inline;}
.muller {position:absolute;z-index:600;background:transparent url("arrowmullr.png") top left no-repeat; height:24px; width:24px; left:20px;display:inline;}
.mulled {position:absolute;z-index:600;background:transparent url("arrowtran.png") top left no-repeat; height:24px; width:24px;top:20px;display:inline;}
*/
.iset_table {margin:0px 0px 0px 0px;border: 0px;}
.iset_table td {padding:0px;width:150px;height:135px;}
.iset_table td.this {background-color:#339933;}

.addset {background-color:#FF9900;color:#333333;}

#conbasket {clear:left;float:left; width:820px;background-color:#f8f8f8;}
#projbasket {clear:left;float:left; width:820px;background-color:#eee;}

#hibasket {float:left;margin:0px 0px 0px 4px;font-size:0.80em;font-weight:normal;}
#hibasket a {cursor:pointer; color:#466189;}
#hibasket a:hover {cursor:pointer; color:#ff4400;}

.bback {float:left;background-color:#eee;color:#101c2d;}
.allback {clear:left;float:left;background-color:#eee;color:#101c2d;}

#basket {clear:left;float:left; margin-top:5px;width:100%;}	/*background:transparent url("370thumb.jpg") top left no-repeat;}*/
#baskback {float:left;background-color:#eee;width:100%;}
#setbox {clear:left;float:left;margin:0px 0px 0px 0px; width:363px;height:220px; overflow:auto;}
.baskettop {float:left;background-color: #466189;color:#fdbd41;width:100%;}
.baskethead {float:left;font-size:0.80em;}
.checko {float:right;background-color: #466189;font-size:0.80em;}
.checko a {color:#fdbd41;}
.checko a:hover {color:#ff4400;}
.check1 {float:right; height:24px; width:160px; margin:2px 0px 0px 0px;}
.check1 a {display:block;background:transparent url("icons/blackbutton.png") no-repeat 0px 0px; height:22px; width:160px; cursor:pointer; color:#fdbd41;text-align:center;padding:2px 0px 0px 0px;font-size:0.9em;}
.check1 a:hover {background-position: 0px -24px;padding:3px 0px 0px 1px;color:#ffffff;}

.popclose{height:16px;background-color:#000;width:100%;margin-top:1px;}
.popclose div { background-color:#000;color: #aaa; float:right; padding:0px 7px; cursor: pointer;}
.popclose div:hover {color: #ff0000; }
.popclose span { padding: 0px 0 0px 7px; float: left; }

.subpop{clear:left;float:left;height:16px;width:380px;background-color:#000;width:100%;display:block;}


.popbox {position:absolute;top:10px;left:10px;height:auto; width:384px; background-color:#fff; display:none; z-index:1400;font-size:11px; color:#CCCCCC;padding:0px;overflow:auto;border: 2px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;}
.popboxw {position:relative;top:10px;left:10px;height:auto; width:380px; background-color:#fff; display:none; z-index:1400;font-size:11px; color:#CCCCCC;padding:0px;overflow:auto;border: 2px solid #ff5500;-moz-border-radius:5px;-webkit-border-radius:5px;}
.framethumb {float:left;width:64px;height:64px;margin:0px;padding:0px;border:0px; cursor: pointer;}
.framethumb64 {clear:left;float:left;width:64px;height:64px;margin:0px;padding:0px;border:0px; cursor: pointer;}
.framethumb96 {clear:left;float:left;width:96px;height:96px;margin:0px;padding:0px;border:0px; cursor: pointer;}
.flowthumb96 {float:left;width:96px;height:96px;margin:0px;padding:0px;border:0px; cursor: pointer;}
.infobox64 {float:left;width:316px;height:64px;background-color:rgba(255,255,255,1.0);color:#000;}
.infobox96 {float:left;width:288px;height:96px;background-color:rgba(255,255,255,1.0);color:#222;}
.infobox96s {float:left;width:128px;w\idth:144px;height:96px;background-color:rgba(255,255,255,1.0);color:#222;}
.splitter {float:left;display:inline;}
.popopt {clear:left;float:left;background-color:#303030;font-size:0.90em;margin:0px;padding:0px;width:100%;}

.infoboxoption{float:left;width:200px;height:96px;background-color:#fff;color:#222;}
.woption {float:left;width:84px;height:96px;background-color:#fff;color:#222;}
.optpack {font-size:0.70em;}

.iconspace {clear:left;float:left; width:64px;height:120px;}
.icon2 {clear:left;float:left;margin:2px 0px 0px 2px;cursor:pointer;}

#boxer {margin: 1px; height: 50px; width:240px; padding: 1px; position:absolute; left:230px; top: 70px; font-size:1.1em;
 z-index: 9;background-color:#ff6600; color:#ddd; border: #ddd solid 0px;display:none; visibility: hidden;}
#loader {background:transparent url("icons/ajax-loader.gif") top left no-repeat; z-index:100;width:32px;height:32px;margin-left:5px;display:none;}
.percents { background:#333; border: 1px solid #666666; margin: 1px; height: 20px; position:absolute; width:275px; z-index:10; left: 6px; top: 62px; text-align: center;}
.blocks { background: #ffcc00; margin: 1px; height: 20px; width:1px;  position: absolute; z-index:11; left: 8px; top: 62px;}

.horzslider {clear: left;float:left;margin: 0px;height:34px;}
.hcentre {width: 400px;float: left;margin: 0;padding: 0px;}
.hcentre .groove {width: 400px;height: 2px;margin: 16px 0px 16px 0px;line-height: 0px;position: absolute;z-index: 1;}
.hcentre .knob {width: 32px;height: 32px;position: relative;margin:0px 0px 0px -16px;z-index: 1;cursor:move;}
.hcentre .dotty {color: #ff9900;width:1px;height:400px;margin: -400px 0px 0px 16px;line-height: 0px;position: absolute;z-index: 1;border:0px;border-left: 1px dashed;display:none;}
.hcentre .dbox {color:#000;background-color:#ffff88;font-size:0.56em;width:9ex;margin: -4px 0px 0px 30px;position: absolute;z-index: 1;border:1px;display:none;}
.bdwidth {background:transparent url("icons/bdwidth.png") top left no-repeat;}

.hsinouter {float: left;width:68px;height: 24px;margin:10px 0px 0px 4px;padding:0px;}
.hsin {float:left;padding: 3px 1px 0 0;width: 30px;text-align: right;line-height: 10px;font-family:arial;font-size: 10px;font-weight: bold;border: 0;cursor: default;}

.vertslider {float: left;margin:0px 0px 0px 0px;width:34px;}
.vcentre {margin:0px 0px 0px 0px;padding:0px;width:34px;height: 400px;}
.vcentre .groove {background-color: #003;width: 2px;height: 400px;position: absolute;margin:0px 15px 0px 15px;padding:0px;}
.vcentre .knob {width:32px;position: relative;margin:0px 0px 0px 1px;height: 32px;z-index: 1;cursor:move;}
.vcentre .dotty {color: #ff9900;width: 400px;height: 1px;margin: 16px 0px 0px -400px;line-height: 0px;position: absolute;z-index: 1;border:0px;border-top: 1px dashed;display:none;}
.vcentre .dbox {color:#000;background-color:#ffff88;font-size:0.56em;width:9ex;margin: -8px 0px 0px 19px;position: absolute;z-index: 1;border:1px;display:none;}
.bdheight {background:transparent url("icons/bdheight.png") top left no-repeat;}


.vsinouter {float:left;width: 34px;margin:0px;padding: 0 2px 0 0;height: 17px;text-align: right;border: 1px solid;}
.vsin {height:10px;margin:0px;padding: 0px 3px 0px 0px;width: 30px;text-align: right;font-size: 10px;line-height: 8px;font-family:arial;font-weight: bold;	border: 0;cursor: default;}

.vcentre .addsplit {background:transparent url("icons/add.png") top left no-repeat;width:16px;position: relative;margin:0px 0px 0px 10px;height: 16px;z-index: 1;cursor:pointer;}

.addmm {float:left;background:transparent url("icons/play16.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 0px; cursor:pointer;}
.submm {float:left;background:transparent url("icons/back16.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 0px; cursor:pointer;}
.addmmd {float:left;background:transparent url("icons/play16dis.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 0px;}
.submmd {float:left;background:transparent url("icons/back16dis.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 0px;}

.addmmh {clear:left;float:left;background:transparent url("icons/up16.png") top left no-repeat; height:16px; width:16px; margin:1px 0px 0px 10px; cursor:pointer;}
.submmh {clear:left;float:left;background:transparent url("icons/down16.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 10px; cursor:pointer;}
.addmmhd {clear:left;float:left;background:transparent url("icons/up16dis.png") top left no-repeat; height:16px; width:16px; margin:1px 0px 0px 10px;}
.submmhd {clear:left;float:left;background:transparent url("icons/down16dis.png") top left no-repeat; height:16px; width:16px; margin:0px 0px 0px 10px;}

.equal {float:left;background:transparent url("icons/equal.png") top left no-repeat; height:32px; width:32px; margin:0px 0px 0px 0px;cursor:pointer;}
.undo {float:left;background:transparent url("icons/undo.png") top left no-repeat; height:32px; width:32px; margin:0px 0px 0px 0px;cursor:pointer;}
.lock {float:left;background:transparent url("icons/lock.png") top left no-repeat; height:32px; width:32px; margin:0px 0px 0px 0px;cursor:pointer;}
.unlock {float:left;background:transparent url("icons/unlock.png") top left no-repeat; height:32px; width:32px; margin:0px 0px 0px 0px;cursor:pointer;}
.where {float:left; margin-left:100px;color:#333;font-size:0.70em;}

.sblue { border: 0px solid;border-color: #def #9ab #9ab #def;}
.tblue {background-color: #003; border: 1px solid; border-color: #99b #ddf #ddf #99b;}
.iblue {background-color: #003; color: #2d3c51;}