.components-container{float:left}.components-container-body{max-height:350px;height:256px;padding-bottom:30px}.components-header-container{height:50px;background-repeat:no-repeat}.components-container-list{max-height:350px;overflow-y:auto;margin-left:31%;height:100%;overflow-x:hidden}.components-header-name{text-align:left;color:#818a8e;font-weight:bold;font-size:180%;visibility:hidden}.components-header-selected{text-align:right;float:right;font-size:14px;font-family:dinpro !important;font-size:15px !important;padding-left:8px;font-weight:bold !important}.components-send-container{float:right}.components-button-selected{background:#cbefff !important}.components-total-container{float:left;font-family:dinpro !important;font-size:27px !important;padding-left:8px;font-weight:bold !important;padding:9px 16px 9px}.components-total-coolpc{color:red;display:block;font-size:16px;font-style:italic;text-align:left}.components-default-value{font-family:dinpro !important;font-size:11px !important;padding-left:2px}.components-default-value-featured{font-family:dinPro-bold !important;font-size:9px !important;background-color:#db2828 !important;border-color:#db2828 !important;color:#fff !important;padding:2px;border-radius:4px;margin-left:2px;float:right;margin:0}.components-name{font-family:dinpro !important;font-size:15px !important;padding-left:8px;font-weight:bold !important;cursor:pointer}.components-price{font-family:dinpro !important;font-size:16px !important;padding-left:10px;font-weight:bold !important}.components-price-container{text-align:right;margin-right:4px}.components-avail{margin-left:3px;margin-right:3px;width:20px}.components-info{text-align:right;padding:0;margin:0;color:#2a5db0;cursor:pointer}.components-info-container{text-align:right;padding:0;margin:0}.components-image{width:200px;max-height:200px}.components-image-container{float:left;position:relative}.components-mainimage-container{width:200px;height:200px;margin-bottom:10px}.components-thumbnails-container{width:200px;vertical-align:top}.components-thumbnail{max-width:100%;max-height:100%;display:block}.components-thumbnail-link{height:53px;width:53px;margin-right:5px;border:1px solid #cacaca;border-radius:5px;padding:1px;display:inline-block}.helper{display:inline-block;height:100%;vertical-align:middle}.components-container input[type='checkbox']{display:none}.components-container input[type=checkbox]+.checkbox-label{height:15px;width:25px;background:url('/coolpcs/images/checkbox/unchecked.png') no-repeat left center}.components-container input[type=checkbox]:checked+.checkbox-label{background:url('/coolpcs/images/checkbox/selected.png') no-repeat left center}.group-label:hover{background:url('/coolpcs/images/checkbox/hover.png') no-repeat left center}.tomodal{cursor:pointer}label.featured{color:#5b8c04}.button-send{background-color:#f2f2f2;background-image:linear-gradient(to bottom,#f2f2f2,#f2f2f2);border:1px solid #bfbfbf;box-shadow:inset 0 1px 0 white,inset 0 -1px 0 #d9d9d9,inset 0 0 0 1px #f2f2f2,0 2px 4px rgba(0,0,0,0.2);color:#8c8c8c;text-shadow:0 1px 0 rgba(255,255,255,0.5);border-radius:3px;cursor:pointer;display:inline-block;font-family:Verdana,sans-serif;font-size:12px;font-weight:400;line-height:20px;padding:9px 16px 9px;margin:16px 0 0 16px;transition:all 20ms ease-out;vertical-align:top}.button-send:hover,.button-send:focus{background:#f2f2f2;border-color:#8c8c8c;box-shadow:inset 0 1px 0 white,inset 0 -1px 0 #d9d9d9,inset 0 0 0 1px #f2f2f2}.button-send:active{background:#f2f2f2;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send .fa{color:#bfbfbf;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send-blue{background-color:#42b0e3;background-image:linear-gradient(to bottom,#42b0e3,#2ba9e3);border:1px solid #107db0;box-shadow:inset 0 1px 0 #7cd4fc,inset 0 -1px 0 #2696c9,inset 0 0 0 1px #59b7e3,0 2px 4px rgba(0,0,0,0.2);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.button-send-blue:hover,.button-send-blue:focus{background:#2ba9e3;border-color:#004c6f;box-shadow:inset 0 1px 0 #7cd4fc,inset 0 -1px 0 #2696c9,inset 0 0 0 1px #59b7e3}.button-send-blue:active{background:#2ba9e3;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send-blue .fa{color:#107db0;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send-green{background-color:#97cc76;background-image:linear-gradient(to bottom,#97cc76,#8bcc62);border:1px solid #5f993a;box-shadow:inset 0 1px 0 #c6e6b3,inset 0 -1px 0 #79b356,inset 0 0 0 1px #a4cc8b,0 2px 4px rgba(0,0,0,0.2);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.button-send-green:hover,.button-send-green:focus{background:#8bcc62;border-color:#326612;box-shadow:inset 0 1px 0 #c6e6b3,inset 0 -1px 0 #79b356,inset 0 0 0 1px #a4cc8b}.button-send-green:active{background:#8bcc62;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send-green .fa{color:#5f993a;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send-purple{background-color:#847bba;background-image:linear-gradient(to bottom,#847bba,#7568ba);border:1px solid #493e87;box-shadow:inset 0 1px 0 #bab6d4,inset 0 -1px 0 #655aa1,inset 0 0 0 1px #948dba,0 2px 4px rgba(0,0,0,0.2);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.button-send-purple:hover,.button-send-purple:focus{background:#7568ba;border-color:#1f1654;box-shadow:inset 0 1px 0 #bab6d4,inset 0 -1px 0 #655aa1,inset 0 0 0 1px #948dba}.button-send-purple:active{background:#7568ba;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send-purple .fa{color:#493e87;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send-orange{background-color:#f58a38;background-image:linear-gradient(to bottom,#f58a38,#f57c20);border:1px solid #c25706;box-shadow:inset 0 1px 0 #ffb984,inset 0 -1px 0 #db6f1d,inset 0 0 0 1px #f59851,0 2px 4px rgba(0,0,0,0.2);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.button-send-orange:hover,.button-send-orange:focus{background:#f57c20;border-color:#730;box-shadow:inset 0 1px 0 #ffb984,inset 0 -1px 0 #db6f1d,inset 0 0 0 1px #f59851}.button-send-orange:active{background:#f57c20;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send-orange .fa{color:#c25706;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send-red{background-color:#ed6d64;background-image:linear-gradient(to bottom,#ed6d64,#ed574c);border:1px solid #ba3329;box-shadow:inset 0 1px 0 #ffb0aa,inset 0 -1px 0 #d44d44,inset 0 0 0 1px #ed837b,0 2px 4px rgba(0,0,0,0.2);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.button-send-red:hover,.button-send-red:focus{background:#ed574c;border-color:#870c03;box-shadow:inset 0 1px 0 #ffb0aa,inset 0 -1px 0 #d44d44,inset 0 0 0 1px #ed837b}.button-send-red:active{background:#ed574c;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send-red .fa{color:#ba3329;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send-yellow{background-color:#fce374;background-image:linear-gradient(to bottom,#fce374,#fcdf5b);border:1px solid #c9ae34;box-shadow:inset 0 1px 0 #fff6ce,inset 0 -1px 0 #e3c852,inset 0 0 0 1px #fce88d,0 2px 4px rgba(0,0,0,0.2);color:#967d09;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.button-send-yellow:hover,.button-send-yellow:focus{background:#fcdf5b;border-color:#967d09;box-shadow:inset 0 1px 0 #fff6ce,inset 0 -1px 0 #e3c852,inset 0 0 0 1px #fce88d}.button-send-yellow:active{background:#fcdf5b;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.button-send-yellow .fa{color:#c9ae34;text-shadow:0 1px 0 rgba(255,255,255,0.3)}.button-send .fa{float:left;font-size:14px;line-height:20px;margin:-1px 8px 0 -4px;vertical-align:top}.button-send:hover{color:white !important}.lg-backdrop.in{opacity:.85}.fixed-size.lg-outer .lg-inner{background-color:#FFF}.fixed-size.lg-outer .lg-sub-html{position:absolute;text-align:left}.fixed-size.lg-outer .lg-toolbar{background-color:transparent;height:0}.fixed-size.lg-outer .lg-toolbar .lg-icon{color:#FFF}.fixed-size.lg-outer .lg-img-wrap{padding:12px}.lg-backdrop.in{opacity:0 !important}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(230,230,230,0.45) !important}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#a1a1a1 !important}.fixed-size.lg-outer .lg-toolbar .lg-icon{color:#848484 !important}.fixed-size.lg-outer .lg-toolbar .lg-icon:hover{color:#848484 !important}@media(min-width:974px){.tabrow{list-style:none;padding-left:9px;line-height:29px;font-size:12px;position:relative;text-align:center}.tabrow li{border:1px solid #c3c3c3;background:#ececec;background:linear-gradient(top,#ececec 50%,#d1d1d1 100%);display:inline-block;position:relative;z-index:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.4),inset 0 1px 0 #FFF;text-shadow:0 1px #FFF;margin:0 -5px;padding:0 22px}.tabrow a{color:#555;text-decoration:none;font-family:dinpro !important;font-size:13px !important;font-style:italic}.tabrow li.selected{background:#FFF;color:#333;z-index:2;border-top-color:#FFF}.tabrow a.selected{color:#555;text-decoration:none;font-family:dinpro !important;font-size:14px !important;font-weight:bold !important}.tabrow:before{position:absolute;content:"";width:100%;top:0;left:0;border-top:1px solid #AAA;z-index:1}.tabrow li:before,.tabrow li:after{border:1px solid #AAA;position:absolute;top:-1px;width:6px;height:6px;content:""}.tabrow li:before{left:-7px;border-top-right-radius:6px;border-width:1px 1px 0 0;box-shadow:2px 0 0 #ececec}.tabrow li:after{right:-7px;border-top-left-radius:6px;border-width:1px 0 0 1px;box-shadow:-2px 0 0 #ececec}.tabrow li.selected:before{box-shadow:2px 0 0 #FFF}.tabrow li.selected:after{box-shadow:-2px 0 0 #FFF}}.components-canon-text{font-size:11px;text-align:left;padding:0 16px}.separator-canon-text{margin:10px}