/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:auto;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:none repeat 0 0 #000;} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:0px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; top:0; right:0; background:url(../images/ico-circle-x.png) no-repeat 0 0; width:17px; height:17px; text-indent:-9999px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display:none; } #colorbox, #cboxWrapper { padding:15px 10px 5px; background-color:#FFF; height: 400px !important; } #cboxContent { width:100% !important; } .popup h2.pophead { letter-spacing:0.3em; font:14px/1em 'helvetica_neuebold',Arial,sans-serif; margin-bottom:20px; text-transform:uppercase; } .popup p { font:10px/1.2em 'helveticaneuemedium',Arial,sans-serif; } #cboxLoadedContent { width:100% !important; } .catalog-product-view #colorbox { /*left:50% !important;*/ margin-left:-10px !important; position:fixed !important; top: 90px!important; } table{width:100%;} #text { font-size: 11px; text-transform: none; } #tabelas { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; width: 700px; } #tableInfo { font-size: 11px; vertical-align:top; margin: 0px; padding: 0px; width:680px; } #tableInfo2 { font-size: 9px; vertical-align:top; margin: 0px; padding: 0px; width: 300px; } #table { font-size: 14px; letter-spacing:0; line-height:1.72em; vertical-align:middle; margin: 0 auto; text-transform: uppercase; padding: 0px; color:#222; } #table td { vertical-align:middle; text-transform: uppercase; border-top:1px solid #ccc; text-align:center; padding:5px 0; } .sizeleft_chart { text-align: left !important; } #row_bg { border:1px solid #ccc; } #row_bg2 { border-right:1px solid #ccc; } #borderWhite { border-right:1px solid #ccc; } /**/ /*TEXT STYLE*/ #title { font:13px/1.2em 'Avenir Next W04 Bold',sans-serif; text-transform: uppercase; color: #222; text-align: left; margin: 0px; padding: 0px; padding-bottom:10px; padding-top:10px; width:auto; border-bottom: none; } #Returns { margin-bottom: 20px; } #titleTamahos { font-size: 11px; text-transform: uppercase; text-align: left; margin: 0px; padding: 0px; width: 200px; } #title2 { font-size: 20px; text-transform: uppercase; text-align: left; margin: 0px; padding: 0px; display: block; } #subTitle2 { font-size: 15px; text-transform: uppercase; text-align: left; color: #FFF; padding-left: 8px; padding-right: 8px; background-color: #000; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } #subTitle { font-weight: normal; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1em; font-size: 1.14em; text-align: left; color: #222; margin-top: 10px; margin-bottom: 10px; }