/* Resert */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0;} a:active, a:focus {outline:0 !important;} input, textarea, select {font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#f8f3ea;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* div { behavior: url(../images/iepngfix.htc) } */ /* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { font-family:Arial, Helvetica, sans-serif; background-image:url(../images/background.gif);background-repeat:repeat-y;background-position:center;} p { font-size:11px; color:#000000; line-height:1.4em;} h1 { font-size:18px; color:#F4146B; margin-bottom:5px;} h2 { font-size:14px; color:#F4146B; margin-bottom:5px;} h3 { font-size:13px; color:#666;font-weight:bold; margin-bottom:5px;} h4 { font-size:13px; color:#4D4D4D} .listbox { font-size: 11px;list-style-position: outside;list-style-type: square;text-indent: 5px;padding-left: 26px;margin-left: 6px; margin-top:0;margin-bottom:10px;line-height: 1.6;} ol { font-size: 13px;list-style-position: outside;list-style-type: decimal;text-indent: 5px;padding-left: 26px;margin-left: 6px; margin-top:0;margin-bottom:10px;line-height: 1.6;} ol li a {color:#000;} li b { color:#4D4D4D;} /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:900px; margin:0 auto; position:relative} #wrapper { width:900px; float:left; position:relative} /* --------------------------------------------- 03. contentdiv --------------------------------------------- */ #contentdiv { width:900px; float:left; padding-top:12px; position:relative; margin-top:115px} /* --------------------------------------------- 03.1 contentdiv - content area --------------------------------------------- */ #content { width:693px; float:right; padding-left:19px; position:relative; padding-right:21px} #content .welcome { width:693px; float:left} #content .welcome h1 { font-weight:bold; padding-bottom:5px} #content .welcome h2 { font-weight:bold; padding-bottom:5px} #content .welcome h1 span { font-size:12px; font-weight:normal; color:#808285} #content .welcome p { padding-bottom:12px} #content .welcome a{ color:#000000;font-weight:bold;text-decoration:none;} #content .welcome a:hover{ text-decoration:underline;} #content .welcome .video { float:right; padding-left:15px; font-size:.6em;} /* --------------------------------------------- 03.2 contentdiv - content area - instant box --------------------------------------------- */ #instantbox { width:674px; float:left; background:#FFC74D; padding:8px;margin-bottom:10px;} #instantbox .instant_online { width:674px; float:left; padding-bottom:10px} #instantbox .instant_online h2 { font-weight:bold; padding-bottom:7px; color:#000} #instantbox .instant_online fieldset { width:674px; float:left} #instantbox .instant_online fieldset .set { width:96px; float:left; padding-right:14px} #instantbox .instant_online fieldset .set1 { width:50px; float:left; padding-right:14px} #instantbox .instant_online fieldset label { width:96px; float:left; font-size:12px; color:#1A1A1A; line-height:1.5em} #instantbox .instant_online fieldset .input { width:88px; height:15px; float:left; border:1px solid #1A1A1A; font-size:12px; color:#1A1A1A; padding:1px 3px} #instantbox .instant_online fieldset .droplist { width:94px; height:20px; float:left; border:1px solid #1A1A1A; font-size:12px; color:#1A1A1A} #instantbox .instant_online fieldset .button_giveprice button{ background-color:#1a1a1a; border:0;font-size:12px; line-height:1.6em; color:#FFFFFF; margin-top:17px;height:22px;cursor:pointer;} #instantbox .instant_online fieldset .button_giveprice1 button{ background-color:#1a1a1a; border:0;font-size:12px; line-height:1.6em; color:#FFFFFF; margin-top:0px;height:20px;cursor:pointer;} #instantbox .instant_online fieldset .button_giveprice a { height:21px; float:left; background:#1A1A1A url(../images/bg_button_black_left.gif) no-repeat top left; color:#FFFFFF; text-decoration:none; padding-left:10px; cursor:pointer} #instantbox .instant_online fieldset .button_giveprice a span { height:21px; float:left; background:url(../images/bg_button_black_right.gif) no-repeat top right; padding-right:20px} #instantbox .whitebox { width:644px; float:left; background:#FFFFFF; padding:8px 14px 6px 16px} #instantbox .whitebox h1 { font-weight:bold; color:#221E1E; padding-bottom:12px} #instantbox .whitebox h2 { font-size:12px;font-weight:bold; color:#221E1E; padding-bottom:6px} #instantbox .whitebox h1 span { color:#EA2227} #instantbox .whitebox .buttons { width:644px; float:left; padding-bottom:10px} #instantbox .whitebox .buttons ul li { float:left; font-size:14px; color:#FFFFFF; line-height:1.4em; padding-right:15px} #instantbox .whitebox .buttons ul li a { height:21px; float:left; color:#FFFFFF; text-decoration:none; background:#7F7F7F url(../images/bg_button_grey_left.gif) no-repeat top left; cursor:pointer; padding-left:10px} #instantbox .whitebox .buttons ul li a span { height:21px; float:left; background:url(../images/bg_button_grey_right.gif) no-repeat top right; padding-right:8px} #instantbox .whitebox .buttons ul li a:hover { background:#1A1A1A url(../images/bg_button_black_left.gif) no-repeat top left} #instantbox .whitebox .buttons ul li a:hover span { background:url(../images/bg_button_black_right.gif) no-repeat top right} #instantbox .whitebox .buttons ul li a.selected { background:#1A1A1A url(../images/bg_button_black_left.gif) no-repeat top left} #instantbox .whitebox .buttons ul li a.selected span { background:url(../images/bg_button_black_right.gif) no-repeat top right} #instantbox .whitebox fieldset { width:644px; float:left; border-top:1px solid #4C4C4C; padding-top:6px} #instantbox .whitebox fieldset .left { width:347px; float:left} #instantbox .whitebox fieldset .set { width:347px; float:left; padding-bottom:5px} #instantbox .whitebox fieldset .left .set h1 { font-size:16px; color:red;} #instantbox .whitebox fieldset label { width:90px; float:left; font-size:16px; font-weight:bold; color:#000000; padding-right:5px} #instantbox .whitebox fieldset .radio { float:left; margin-top:3px} #instantbox .whitebox fieldset p { float:left; font-size:18px; font-weight:bold; color:#4D4D4D; line-height:1.3em; padding:0 5px} #instantbox .whitebox fieldset .input { width:200px; height:18px; float:left; font-size:14px; color:#000000; border:1px solid #000000; padding:2px} #instantbox .whitebox fieldset .input2 { width:70px; height:18px; float:left; font-size:14px; color:#000000; border:1px solid #000000; padding:2px} #instantbox .whitebox fieldset .input3 { height:18px; float:left; font-size:10px; color:#000000; border:0;} #instantbox .whitebox fieldset .input4 { height:60px; width:204px; float:left; font-size:14px; color:#000000; border:1px solid #000000;} #instantbox .whitebox fieldset .button_send { float:left; font-size:16px; font-weight:normal; color:#FFFFFF; line-height:1.5em; padding-left:95px} .inputbutton {color:#fff;background-color:#1a1a1a;border:0;padding:4px;cursor:pointer;} .inputbutton1 {color:#fff;background-color:#807F7F;border:0;padding:4px;cursor:pointer;} .inputbutton1:hover {background-color:#1a1a1a;} #instantbox .whitebox fieldset .right { width:250px; float:left; padding-top:40px; padding-left:35px} #instantbox .whitebox fieldset .right p { font-size:13px; color:#7F7F7F;font-size:14px;} /* --------------------------------------------- 03.3 contentdiv - content area - tab content --------------------------------------------- */ #tabcontent { width:683px; float:left; padding-bottom:21px; padding-top:8px} #tabcontent p { line-height:1.7em; padding-bottom:5px} #tabcontent .setlist { padding-bottom:320px;font-size:13px;} #tabcontent .setlist .set { width:110px; height:90px;float:left; text-align:center;margin-bottom:10px;} #tabcontent .setlist .set a{ color:#000;font-weight:bold;text-decoration:none;} #tabcontent .setlist .set a:hover{ text-decoration:underline;} #tabcontent .setlist .set h4 { font-size:12px; color:#000000; font-weight:bold} #tabcontent h2 {font-size:12px;font-weight:bold;} /* --------------------------------------------- 03.4 contentdiv - side menu div --------------------------------------------- */ #sidemenudiv { width:160px; float: right; padding-left:7px; padding-bottom:10px;} #sidemenudiv h4 { height:18px; font-weight:bold; background:#D1D4D4; padding:2px 0 0 7px} #sidemenudiv h4 a { text-decoration: none; color:#4D4D4D} #sidemenudiv .stickers { width:160px; float:left} #sidemenudiv ul { width:157px; float:left; padding:5px 0 5px 3px} #sidemenudiv ul li { font-size:11px; color:#4D4D4D; line-height:1.8em; padding-left:15px} #sidemenudiv ul li a { color:#4D4D4D; text-decoration:none} #sidemenudiv ul li a:hover { color:#4D4D4D; text-decoration:underline} #sidemenudiv ul li.icon1 { background:url(../images/li_bullet1.gif) no-repeat left center} #sidemenudiv ul li.icon2 { background:url(../images/li_bullet2.gif) no-repeat left center} #sidemenudiv ul li.icon3 { background:url(../images/li_bullet3.gif) no-repeat left center} #sidemenudiv ul li.icon4 { background:url(../images/li_bullet4.gif) no-repeat left center} #sidemenudiv ul li.icon5 { background:url(../images/li_bullet5.gif) no-repeat left center} #sidemenudiv .labels { width:160px; float:left} #sidemenudiv .retractors { width:160px; float:left; padding-bottom:8px} #sidemenudiv .vehicle_ad { width:160px; float:left; padding-bottom:12px} #sidemenudiv .digital_printing { width:160px; float:left} #sidemenudiv .digital_printing .ad { padding-top:18px; padding-left:2px} /* --------------------------------------------- 04. headerdiv --------------------------------------------- */ #headerdiv { width:892px; height:114px; background: url(../images/bg_header.gif) repeat-x top left; padding-right:8px; position:absolute; top:0; left:0} #headerdiv .logo { float:left} #headerdiv .topicons { height:20px; float:right; background:#FFFFFF url(../images/bg_topicons_left.gif) no-repeat top left; padding-left:3px; padding-top:5px;margin-top:10px; z-index:100;} #headerdiv .emailicon { float:right; margin-top:10px; z-index:100;} #headerdiv .topicons a { color:#000000;font-size:12px;} #headerdiv .nav { width:900px; height:43px; float:left; background:url(../images/bg_navbar.gif) repeat-x top left; padding-top:1px; position:relative; margin-top:-4px} #headerdiv .nav .left { float:left; padding-left:15px} #headerdiv .nav .left ul li { float:left; font-size:15px; font-weight:bold; color:#2954A3; padding-right:1px} #headerdiv .nav .left ul li a { height:25px; float:left; background:url(../images/bg_nav_li.gif) repeat-x top left; color:#0077bc; text-decoration:none; padding:12px 15px 0 15px} #headerdiv .nav .right { float:right; padding-right:8px} #headerdiv .nav .right ul li { float:left; font-size:15px; font-weight:bold; color:#F4146B; padding-right:3px} #headerdiv .nav .right ul li a { height:25px; float:left; background:url(../images/bg_nav_li.gif) repeat-x top left; color:#F4146B; text-decoration:none; padding:12px 15px 0 15px} /* --------------------------------------------- 05. footerdiv --------------------------------------------- */ #footerdiv { width:900px; float:left; background: url(../images/bg_footer.gif) repeat-x top left; padding-bottom:10px; position:relative;} #footerdiv .list_footer { width:900px; float:left; padding-bottom:30px} #footerdiv ul { width:120px; float:left; padding:20px 0px 0 30px} #footerdiv ul li { font-size:11px; color:#4D4D4D; line-height:1.8em} #footerdiv ul li a { color:#4D4D4D; text-decoration:none} #footerdiv ul li a:hover { color:#4D4D4D; text-decoration:underline} #footerdiv p { font-size:11px; color:#4D4D4D; text-align:center} #footerdiv a { color:#4D4D4D; } /* --------------------------------------------- 06. qcube elements --------------------------------------------- */ .warning {color:red;font-size:.6em;font-weight:bold;} #content .media { width:693px; float:left; margin-bottom:20px; border:thin solid #ccc;border-style:solid;padding:5px;} #content .media h1 { font-weight:bold; padding-bottom:5px} #content .media h2 { font-weight:bold; padding-bottom:5px; color:#0066cc;} #content .media h1 span { font-size:12px; font-weight:normal; color:#808285} #content .media p { padding-bottom:12px} #content .media a{ color:#000000;font-weight:bold;} #content .media .video { float:right; padding-left:15px} .retractorQuantity {color:#000;} .safety {float:left;width:160px;margin-right:5px;margin-bottom:5px;text-align:center;} .safety a {color:#000;} div.renderWithName { font-size:12px; padding: 4px 0 4px 0; overflow: auto; height: 100%; } div.renderWithName div.left { color:#000; float: left; width: 80px; margin-right: 25px; } div.renderWithName div.required { font-size:12px; color:#F4146B; font-weight: bold; text-transform: uppercase; } div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;} div.renderWithName div.right { color:#000;} div.renderWithName div.right span.error { margin-left: 5px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: red;} .textbox {width:200px;color:#000;} .crumb {margin-bottom:15px;} .crumb a { text-decoration:none; color:#0077bc; font-weight:bold; font-size:13px; } .crumb a:hover { text-decoration:underline; } .safetysticker {float:left; width:150px; font-size:11px; text-align:center;margin-left:10px;margin-right:10px;margin-bottom:20px;} .safetysticker a{color:#000;text-decoration:none;font-size:11px; font-weight:bold;} .safetysticker a:hover{text-decoration:underline;} .dropbox {color:#000;} .sampleButton {margin-left:105px;font-size:14px; font-weight:normal; color:#FFFFFF; line-height:1.5em;background-color:#1a1a1a;padding:3px;} .sampleblurb {float:right; width:300px;margin-left:40px;} #wraps img {margin-right:8px;margin-bottom:15px;border-style:solid;border-width:1px;} #wraps {padding:10px;background-color:#ffffcc;} .product {float:left;width:150px;height:180px;text-align:center;margin-right:10px;margin-bottom:10px;} .product a {font-size:13px;} #sitemap { width:400px; float: right; padding-left:0px;} #sitemap h4 { height:18px; font-weight:bold; background:#D1D4D4; padding:2px 0 0 7px} #sitemap h4 a { text-decoration: none; color:#4D4D4D} #sitemap .stickers { width:370px; float:left} #sitemap ul { width:370px; float:left; padding:5px 0 5px 3px} #sitemap ul li { font-size:11px; color:#4D4D4D; line-height:1.8em; padding-left:15px} #sitemap ul li a { color:#4D4D4D; text-decoration:none;font-weight:normal;} #sitemap ul li a:hover { color:#4D4D4D; text-decoration:underline} #sitemap ul li.icon1 { background:url(../images/li_bullet1.gif) no-repeat left center} #sitemap ul li.icon2 { background:url(../images/li_bullet2.gif) no-repeat left center} #sitemap ul li.icon3 { background:url(../images/li_bullet3.gif) no-repeat left center} #sitemap ul li.icon4 { background:url(../images/li_bullet4.gif) no-repeat left center} #sitemap ul li.icon5 { background:url(../images/li_bullet5.gif) no-repeat left center} #sitemap .labels { width:370px; height:200px;float:left} #sitemap .retractors { width:370px; float:left; padding-bottom:8px} #sitemap .vehicle_ad { width:370px; float:left; padding-bottom:12px} #sitemap .digital_printing { width:370px; float:left} #sitemap .digital_printing .ad { padding-top:18px; padding-left:2px} .front-blog {float:left;width:322px; padding:7px; margin-right:10px; min-height:60px;background-color:#d1d4d4; margin-bottom:10px;} .front-blog h2{color:#0077bc;} .post a { color:#000;font-weight:bold;text-decoration:none;} .post a:hover { text-decoration:underline;} .logos img {margin-right:10px;} .instant_header{margin:0;padding:0;float:left;} .free_shipping{margin:0;padding:0;top:200px;left:620px;position:absolute;} .free_shipping1{margin:0;padding:0;top:255px;left:620px;position:absolute;} table.pricing { font-size: 95%; font-family: 'Lucida Grande', Helvetica, verdana, sans-serif; background-color:#fff; border-collapse: collapse; width: 100%; line-height: 1.2em; margin-bottom: 20px; } table.pricing caption { font-size: 30px; font-weight: bold; color: #0070b6; text-align: left; padding: 10px 0px; margin-bottom: 2px; text-transform: capitalize; } table.pricing thead th { border-right: 2px solid #fff; color:#000; text-align:center; padding:2px; height:25px; font-weight:bold; background-color: #ffcc00; } table.pricing tfoot { color:#002084; padding:2px; text-transform:uppercase; font-size:1.2em; font-weight: bold; margin-top:6px; border-top: 6px solid #0070b6; border-bottom: 6px solid #0070b6; } table.pricing tbody tr { background-color:#fff; border-bottom: 2px solid #c0c0c0; } table.pricing tbody td { color:#000; padding:5px; text-align:left; font-size:80%; } table.pricing tbody th { text-align:left; padding: 2px; font-weight:bold; } table.pricing tbody td a, table.pricing tbody th a { color:#002084; text-decoration:underline; font-weight:normal; } table.pricing tbody td a:hover, table.pricing tbody th a:hover { text-decoration:none; } .cheap-sticker-images img {margin-right:1px;margin-left:1px;} .cheap-sticker-images{ margin-bottom:20px;} #stickers-order h1 {color:black;} #stickers-order h2 {color:black;} .error {color:red;} div.demo { padding: 10px; width:130px; background-color:yellow;float:right;} #slider {width:130px; margin-top:10px;margin-bottom:5px;} .tbox { color:#999999;background-color:#ccffff;font-size:19px;width:35px;border:solid 1px #ccc; font-weight:bold;border:0;} .tbox1 { color:#999999;background-color:#ccffff;font-size:19px;width:62px;border:solid 1px #ccc; font-weight:bold;border:0;} .tboxprice { color:black;background-color:#ccffff;font-size:34px;width:130px;border:solid 1px #ccc; font-weight:bold;border:0; } #quantity {color:black;} .data_repeater {background-color:#fff;padding:10px;width:130px;height:140px;border-width:1px;border-style:solid;border-color:#ccc;float:left;margin:8px;text-align:center;} .paginator_inactive_step { font-weight: bold; color: #aaaaaa; } .paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; } .paginator_page { text-decoration: none; color: #000000; padding: 0px 4px 0px 4px; } .paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 4px 0px 4px; border: 1px; border-style: solid; } /* QPaginator */ span.paginator { margin: 0; padding: 0; } span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; } span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;} span.paginator span.page a:hover { background-color: #F6F6F6; } span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; } span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; } span.paginator span.selected { font-weight: bold; background-color: #F6F6F6; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; } span.paginator span.break { color: #780000; margin: 0 5px 0 5px; } span.paginator span.ellipsis { color: #780000; } /* --------------------------------------------- 06. SHOPPING CART --------------------------------------------- */ .shopping-cart { width: 730px;margin:0 auto; } #shopping-cart h1 { pading:10px;font-size:1.2em; color:#000000;margin-top:5px; } #shopping-cart-table { width:730px; margin-top:20px;} #shopping-cart-header { background-color:#efe3d9; font-size:.9em;font-weight:bold;color:#333333; } #shopping-cart-header td { padding:5px; } #shopping-cart-table td {font-size: .95em; padding:3px;} .btnCheckout { float:right;cursor: pointer;margin-right:0px;} .btnContinueShopping { float:left;cursor: pointer;} #shopping-cart p {float:left;color:#ffffff;font-size:.75em;margin-top:2px;} #shopping-cart img {float:left;margin-top:0px;margin-left:10px;;margin-right:10px;} #shopping-cart a { color:#ffffff; font-weight:bold; } .shopping-cart h1 {font-size:.9em;margin-bottom:10px; width:100%; background-color:#efe3d9;padding:3px;color:#000;font-weight:bold;} /* --------------------------------------------- 07. CHECK OUT --------------------------------------------- */ .check-out { margin:10px auto; width:725px; } .check-out-form { border: thin solid #efe3d9;} /* QDialogBox */ div.dialogbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; } div.check-out-form div.renderWithName { padding: 4px 0 4px 0; overflow: auto; height: 100%; } div.check-out-form div.renderWithName div.left { color:#000; font-size:.9em;float: left; width:150px; margin-right: 25px; } div.check-out-form div.left { font-size:.9em;float: left; width:150px; margin-right: 25px; margin-left:20px; } div.check-out-form div.renderWithName div.required { color:#000; font-weight: bold; font-size:.9em; } div.check-out-form div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;} div.check-out-form div.renderWithName div.right { } div.check-out-form div.right-shipping { font-size:.8em; } div.check-out-form div.renderWithName div.right input { width:200px; color:black;padding:0;margin:0; } div.check-out-form div.renderWithName div.right select { color:black;text-align:left; } div.check-out-form div.renderWithName div.right span.error { margin-left: 5px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: red;font-weight:bold;margin-right:20px;margin-bottom:3px;} .check-out h1 { font-size:.9em;margin-bottom:10px; background-color:#efe3d9;padding:3px;color:#000;font-weight:bold;} .credit-card-details {width:99.2%; } .btnProcessOrder{float:right;cursor:pointer;} #shipping-info { padding-bottom:10px;} .data_repeater a {color:#000;text-decoration:none;} .data_repeater a:hover {text-decoration:underline;} .paginator {float:right;margin-bottom:100px;} #wallsticker-image { float:left; width:131px; font-size:.8em;color:#ff0066;} #wallsticker-image a{ color:#ff0066;} #wallsticker-description {float:left; width:360px; } #wallsticker-rightcolumn {float:left; width:190px;margin-left:10px;} #wallsticker-pricing { background-color:#ccffff;margin-top:5px;margin-bottom:5px; width:340px;padding:10px;} #wallsticker-options { width:150px; color:#999999; } #wallsticker-button { width:150px; float:right; } #cart-info {width:183px; height:25px; background-image:url(../images/cart-bg.gif);color:#fff;font-size:.7em;line-height:2.2em;padding-left:5px;} #cart-info a {color:#fff;} .cp {font-size:.57em;margin-bottom:10px;} /* light box */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ui tabs */ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-size: 12px; } .ui-tabs-nav { background:#E6E6E6; border:1px solid #B2B2B2; border-bottom:none; list-style: none; margin: 0; padding: 0 0 0 0px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0 1px 0 0px; min-width: 40px; /* be nice to Opera */ } .ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 8px; background: url(../images/tab.gif) no-repeat; } .ui-tabs-nav a { margin: 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #000000; font-weight: bold; line-height: 1.0; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ } .ui-tabs-nav, .ui-tabs-selected a { position: relative; z-index: 2; margin-top: 0; color: #000000; } .ui-tabs-nav a span { width: 40px; /* IE 6 treats width as min-width */ min-width: 40px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 7px; padding-right: 0; } *>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px; text-decoration:none } .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px; color: #000000;text-decoration:none } .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px; color: #000000;text-decoration:none } .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; color: #000000; text-decoration:none } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { /* opacity: 0.4; filter: alpha(opacity=40); */ } .ui-tabs-panel { border:1px solid #B2B2B2; border-top:none; padding: 1em 8px; padding-bottom:7px; background: #FFFFA0 url(../images/bg_tab.gif) repeat-x top left; /* declare background color for container to avoid distorted fonts in IE while fading */ } .ui-tabs-loading em { padding: 0 0 0 20px; background: url(../images/loading.gif) no-repeat 0 50%; } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } .retractor_description { } #retractor_image { float:left; width:135px; } #retractor_text { margin-left:5px; float:left; width:325px; height:176px; background:url(../images/retractor_description_background.jpg);} #retractor_pricing { margin-left:5px;float:left; width:223px;font-size:9px; text-align:right; } .retractor_description h1 {font-size:14px; padding:5px; margin-bottom:-10px;} .retractor_description p { padding:5px; margin-bottom:-10px;} #order_information { width:287px; float:left; margin-right:40px;} #order_form { width:383px; float:left;} #order_page { width:710px; margin:0 auto;margin-top:20px;} #quantity_bar {background-color:yellow;padding:3px;margin-top:7px;margin-bottom:7px;color:#EA2D7A; font-size:.80em; } #quantity_bar img { margin:0;} .orderQuantity { color:#000;width:20px;} .price {color:#000;font-weight:bold;} .retractorButton {margin-top:10px;cursor:pointer;margin-bottom:30px;} .unitPrice { font-size:.8em;color:#666666;}