/* Reset -------------------------------------------------------------------- */ body,legend{color:#000;} html,body{background:#fff;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend, input,textarea,p,blockquote,hr,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img,hr{border:0;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} a,address{font-style:normal;text-decoration:none;} input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;} /* Tools -------------------------------------------------------------------- */ .hide { display:none; } .replace { text-indent:-999em; background-repeat:no-repeat; } .accessibility { position:absolute; top:-999em; left:-999em; } .noindent { margin:0; } .nomargin { margin-top:0; margin-bottom:0; } /* Typography --------------------------------------------------------------- */ body { font:.75em Arial,Helvetica,sans-serif; } /* Text */ p, hr, dl, ul, ol, li.spaced, .spaced li, address, table { margin-bottom:1.5em; } .important { font-size:1.25em; } /* Lists */ dt { font-weight:bold; } ul { padding-left:1.5em; } ol { list-style-position:inside; } li.plain, .plain { list-style:none; } /* Tables */ table { } /* Links */ a, a.inline { text-decoration:underline; color:#ff80c0; } a.anchor { display:none; } /* Other */ hr { color:#444; background:#444; height:1px; clear:both; } /* Content ------------------------------------------------------------------ */ /* Column */ .col { float:left; overflow:hidden; margin:0; } .col-first { margin-left:0; } .col-last { margin-right:0; } .col-two { width:50%; } .col-three { width:33%; } .col-four { width:25%; } img.left, img.right { margin-bottom:1em; display:inline; } img.left { margin-right:1em; float:left; } img.right { margin-left:1em; float:right; } /* Icons */ .icon { display:inline-block; background:no-repeat 0 50%; vertical-align:text-top; outline:none; overflow:hidden; text-indent:-999em; width:16px; min-height:16px; } .iconText { text-indent:18px; width:auto; } .iconAdd { background-image:url('../images/icons/add.png'); } .iconCss { background-image:url('../images/icons/css.png'); } .iconDbImport { background-image:url('../images/icons/dbImport.gif'); } .iconDelete { background-image:url('../images/icons/delete.png'); } .iconEdit { background-image:url('../images/icons/edit.png'); } .iconExit { background-image:url('../images/icons/exit.png'); } .iconLock { background-image:url('../images/icons/lock.png'); } .iconPrinter { background-image:url('../images/icons/printer.png'); } .iconStar { background-image:url('../images/icons/star.png'); } .iconTable { background-image:url('../images/icons/table.png'); } .iconTableLink { background-image:url('../images/icons/tableLink.png'); } /* Tree list */ .treeList, .treeList ul { margin:0; } /* Data table */ .dataTable { width:100%; } .dataTable th { text-align:left; } .dataTable th a { color:#004276; } .dataTable tr:hover { background-color:#FFDDE8; } .dataTable td { padding-right:5px; } /* Form in table */ .inTable .field { position:relative; } .inTable .field label { position:absolute; top:-1.5em; left:0; width:100%; text-indent:-999em; } .inTable .field input, .inTable .field select { width:95%; } /* Pagination */ ul.paginationList { border:0; margin:10px 0; padding:0; display:block; clear:left; } ul.paginationList li { border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; } ul.paginationList a { border:solid 1px #FFDDE8; margin-right:2px; } ul.paginationList .previous-off, ul.paginationList .next-off { color:#FFDDE8; display:block; float:left; font-weight:bold; padding:3px 4px; } ul.paginationList .next a, ul.paginationList .previous a { font-weight:bold; } ul.paginationList li.active a { color:#ff0984; font-weight:bold; display:block; float:left; padding:3px 6px; } ul.paginationList a:link, ul.paginationList a:visited { color:#ff0984; display:block; float:left; padding:3px 6px; text-decoration:none; } ul.paginationList a:hover { border:solid 1px #ffffff; color:#0080ff; } .entriesTotal { clear:both; color:#808080; } dl.marginal { overflow:hidden; } dl.marginal dt { width:10em; float:left; clear:left; } /* Form styles -------------------------------------------------------------- */ /* Inline form */ form.inline fieldset, fieldset.inline .field, form.inline .field { display:inline; float:left; } form.inline .buttons { margin-left:.5em; display:inline; } /* Vertical form */ .vertical .field { margin-bottom:.25em; } .vertical label { display:block; } .vertical .multiple { margin-bottom:.25em; } .vertical .multiple .field { margin-bottom:0; } .vertical .multiple label, .vertical .result label { display:inline; } /* Marginal form */ .marginal .field { margin-bottom:.25em; height:100%; overflow:hidden; } .marginal label { width:11.5em; float:left; } .marginal .multiple { margin-bottom:-2em; } .marginal .multiple .field { margin-bottom:0; position:relative; top:-2em; left:11.5em; } .marginal .multiple label, .marginal .result label { width:auto; float:none; } /* Form --------------------------------------------------------------------- */ form { width:100%; overflow:hidden; } form .field { line-height:2; } fieldset { border:0; margin-bottom:1.25em; padding:0; padding-top:.5em; } legend { font-size:18px; font-weight:bold; line-height:1; color:#ff80c0; } label { font-weight:bold; cursor:pointer; } .result label { font-weight:normal; } /* Input */ input.text, input.secret, select, textarea { border:1px solid #bbbbbd; } input.text, input.secret { text-indent:5px; padding:.25em 0; } select { width:217px; } textarea { /*padding:5px;*/ width:250px; } /* Multiple */ fieldset.multiple { border:0; margin:0; padding:0; } fieldset.multiple legend { text-transform:none; font-size:1em; line-height:2; color:#000; } fieldset.multiple .field { float:left; clear:left; position:relative; } fieldset.multiple label { padding-left:1.25em; font-weight:normal; } fieldset.multiple input { position:absolute; top:.5em; left:0; } /* Control & Output */ button { font-size:1em; color:#fff; padding:0; overflow:visible; cursor:pointer; background:#e296c7; border:1px solid #dfd4d8; border-bottom-color:#e1dfe0; padding:3px; } form .buttons { overflow:hidden; margin-bottom:0; } form .result { padding:10px; } form .error { color:#ed1c24; } form .error input { border-color:#ed1c24; } .marginal .error label { display:inline; } form .notice { } form .success { } html {background:#fdbbe1 } body { min-height:100%; background:none; } * html body { height:100%; } p, div, h1, h2, h3, h4, h5, form, input {margin:0; padding:0;} body {margin:0; padding:0; background:url(../images/bg_body.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} img {border:none; margin:0; padding:0; text-decoration:none; line-height:0; font-size:0;} .clear {clear:both; font-size:0; line-height:0; height:0;} /* Conten Item */ p {line-height:20px;} /* Normal links */ a {color:#ff51af; text-decoration:none;} a:hover {text-decoration:underline;} /* Headings */ /* h1 {color:#000000; font-size:30px; font-weight:normal; padding:8px 0;} h2 {color:#000000; font-size:20px; font-weight:normal; padding:6px 0;} h3 {color:#ff51af; font-size:20px; font-weight:normal; padding:0;} h4 {color:#575757; font-size:20px; font-weight:normal; padding:3px 0;} h5 {color:#fe81c5; font-size:14px; font-weight:bold; padding:3px 0;} */ /* ---------------------------- CONTAINER ---------------------------- */ #verytop {width:1026px; height:30px; margin: 0 auto; background: none;} #container_borderbottom {width:1026px; height:24px; margin: 0 auto; padding:0 ; background: url(..../images/borderbottom_container.png) top center no-repeat;} #container {width:1026px; margin: 0 auto; padding:0 ; margin-bottom:-55px; padding-bottom:55px;} #container {min-height:500px;} * html #container {height:500px;} /* ---------------------------- TOP ---------------------------- */ #top {width:1026px; padding:0 0 1px 0; background:url(../images/bg_top.gif) top left repeat-x #ffffff;} /* Top Left - Logo banner */ #top_left {width:350px; float:left; margin:0; padding:0 1px 0 0; font-size:0; line-height:0;} /* Top Right */ #top_right {width:665px; float:left; padding:0 0 0 10px;position:relative;} #top_right .userContainer { position:absolute; top:64px; left: 10px; height: 33px; width: 257px; } #top_right .userContainer .loginForm h1 { display:none; } #top_right .userContainer .loginForm .field { display:inline; float:left; margin-right:10px; } #top_right .userContainer .loginForm label { float:none; width:auto; display:block; line-height:1; } #top_right .userContainer .loginForm .buttons { display:none; } #top_right_col1 {width:250px; float:left; padding:17px 10px 0 0;} #top_right_col1_nav a {color:#fe81c5; font-weight:bold; font-size:12px; line-height:18px; text-decoration:none; padding:0 8px 0 18px; background:url(../images/top_right_col1_nav.gif) 0 5px no-repeat;} #top_right_col1_nav a:hover {text-decoration:underline;} #top_right_col1_nav a#active {text-decoration:underline;} #top_right_col2 {width:200px; float:left; padding:7px 0 0 0;} .input_field {width:150px; height:12px; float:left; margin:12px -10px 5px 0; font-size:11px; color:#f5a4cf; padding:12px 0 10px 0; border:1px solid #bbbbbd;} .search_button {float:right; display:block; padding:2px 0 10px -10px; margin:0; color:#ffffff; line-height:10px; text-transform:uppercase; font-size:9px; border:none; cursor:pointer; } #top_right_col3 {width:140px; float:left; padding:2px 2px 0 0;} #top_contact {width:562px; padding:5px 5px 5px 5px; text-align:right;} /* Top navigation */ #topnav_borderleft {width:4px; height:28px; float:left; background:url(../images/border_left_topnav.gif) right center no-repeat;} #topnav_borderright {width:4px; height:28px; float:left; background: url(../images/border_right_topnav.gif) left center no-repeat;} #topnav {width:610px; float:left; background: url(../images/bg_topnav.gif) left top repeat-x;} #topnav ul, #topnav li {list-style:none; margin:0; padding:0;} #topnav ul li {display:block; float:left; padding:7px 10px; background:url(../images/separator_topnav.gif) center right no-repeat;} #topnav ul li.last {background:none;} #topnav ul li a {color:#ffffff; font-weight:bold; text-decoration:none; display:block;} #topnav ul li a:hover {text-decoration:underline;} #topnav ul li.selected a {color:#892a67;} /* ---------------------------- END OF TOP ---------------------------- */ /* ---------------------------- MIDDLE ---------------------------- */ #middle {width:1026px; padding:0 0 20px 0;} /* Middle Left */ #left {width:200px; float:left; padding:0 10px 0 0;} #leftnav {width:180px; padding:0 0 0 10px; font-size:11px;} #leftnav ul li a:hover {text-decoration:underline;} #leftnav ul li.selected a, #leftnav ul li.selected li.selected a {color:#892a67;} #leftnav ul li a:active {color: #090;} #leftnav ul li.selected li a {color:#000;} #leftnav ul li a:hover, #leftnav ul li.selected a:hover {color: #FF51AF;} ul.treeList, ul.treeList li{margin:0; padding:0; list-style:none;} /* Main Level */ ul.treeList li {padding:0 0 0 12px; line-height:20px; width:150px;} ul.treeList li li {padding:0 0 0 5px; font-size:11px; } ul.treeList li.hasSub {position:relative;} ul.treeList li.expanded {position:relative;} ul.treeList li.hasSub ul {display:none;} ul.treeList li.hasSub a.expand {background: url('../images/bullet_leftnav.gif') no-repeat; position:absolute; width:9px; height:9px; top:5px; left:0; outline:none;} ul.treeList li.hasSub a.expanded {background: url('../images/bullet_leftnav_minus.gif') no-repeat;} ul.treeList li a {color:#444444; text-decoration:none; display:block; border-bottom:1px solid #e5e5e5;} ul.treeList li.hasSub, ul.treeList li a:active {color:#040; text-decoration:none; display:block; border-bottom:1px solid #e5e5e5;} /* Sub Level */ ul.treeList ul {margin:0; padding:0; list-style:none;} ul.treeList ul li {background:none;} ul.treeList ul li a:active {color:#090; text-decoration:none; display:block; border-bottom:1px solid #e5e5e5;} /* #leftnav ul, #leftnav li {list-style:none; margin:0; padding:0;} #leftnav ul.treeList li {display:block; padding:4px;} #leftnav ul.treeList li.last {border:none;} #leftnav ul.treeList li a {color:#444444; font-size:12px; text-decoration:none; display:block; border-bottom:1px solid #e5e5e5;} #leftnav ul.treeList li a:hover {text-decoration:underline;} #leftnav ul.treeList li a#active {color:#444444; font-weight:bold;} #leftnav ul.treeList ul.subTree li {display:block; padding:4px;} #leftnav ul.treeList ul.subTree li.last {border:none;} #leftnav ul.treeList ul.subTree li a {color:#444444; font-size:12px; text-decoration:none; display:block; padding:0 0 0 10px; border-bottom:1px solid #e5e5e5; background:url(../images/bullet_leftnav_subitem.gif) 0 4px no-repeat;} #leftnav ul.treeList ul.subTree li a:hover {text-decoration:underline;} #leftnav ul.treeList ul.subTree li a#active {color:#444444; font-weight:bold;} */ /* Middle Right */ #right {width:790px; float:left;} .navigationSubList ul { margin-right:0; text-align:right; padding:0; list-style:none outside; } .navigationSubList li { display:inline; padding-right:10px; margin-right:10px; border-right:1px solid #000; } .navigationSubList li.last { padding:0; margin:0; border:0; } /* Right Top Banner */ .infoContent80 {width:764px; height:250px; border:1px solid #fec9d8; padding:0px 0px 5px 0px; font-size:0; line-height:0; overflow:hidden; } .infoContent80 img { margin:2px; } /* Middle Right Column 1 */ #right_col1 {width:560px; float:left; padding:5px; margin:0 5px 0 0; border:1px solid #fec9d8;} #right_col1_content_blue {width:220px; height:173px; float:right; padding:25px 24px; margin:0 0 25px 0; background:#d5ff7f;} #right_col1_content_white {width:220px; height:73px; float:right; padding:5px 4px; margin:0 0 25px 0;} #right_col1_content_blue p, #right_col1_content_white p {line-height:26px;} #right_col1_img {width:290px; float:left;} /* Middle Right Column 2 */ .right_col2 {width:180px!important; width:174px; float:left;} .lightgreen {padding:20px 12px; background:#d5ff7f; margin:0 15px 5px 0; float:right;display:inline;clear:right;} .darkgreen {padding:20px 12px; background:#b5de66; margin:0 15px 5px 0; float:right;display:inline;clear:right;} .rightnav {} .rightnav ol, .rightnav li {list-style:decimal inside; margin:0; padding:0;} .rightnav ol li {padding:4px;} .rightnav ol li a {color:#444444; font-size:12px; text-decoration:none;} .rightnav ol li a:hover {text-decoration:underline;} .rightnav ol li a#active {color:#444444; font-weight:bold;} /* ---------------------------- END OF MIDDLE ---------------------------- */ /* ---------------------------- FOOTER ---------------------------- */ #footer { width:1034px; margin-left: -2px; background:url(../images/bg_footer.gif) bottom center no-repeat; position:fixed; bottom:0; z-index:99; } #footer_col1 {width:100px; float:left; padding:15px 0 15px 10px;} #footer_col1 h4{font-size:18px; font-weight:bold; color: #333;} #footer_col2 {width:650px; float:left; padding:15px 0 15px 10px;} #footer_col3 {width:200px; float:right; padding:15px 10px 15px 10px; color:#ffffff; text-align:right;} #footer_col3 a {color:#ffffff; text-decoration:none;} #footer_col3 a:hover {text-decoration:underline;} #cartItems{ width:330px; } /* ---------------------------- END OF FOOTER ---------------------------- */ /* ---------------------------- END OF CONTAINER ---------------------------- */ /* ProductGeneral */ #productsRight { float: left; height: 300px; margin: 0px; padding: 0px; width: 165px; } #productsRight .lightgreen { background:#d5ff7f; margin:0 0 5px 0; padding:20px 12px; } #productsRight .darkgreen { background:#b5de66; margin:0 0 5px 0; padding:20px 12px; } div.productPrice { color: #FF51AE; float: left; font-size: 14px; font-weight: bold; width: 120px; } /* ProductList */ #productsLeft { float: left; margin: 0 0 0 5px; padding: 0px; width: 595px; } #productList { padding: 0; margin: 0; clear: both; display: block; } #productList li { border: 0; display: block; float: left; height: 260px; list-style-type: none; margin: 5px 3px 10px 3px; padding: 10px 2px 20px 2px; width: 185px; padding-bottom:20px; border:1px solid #e1e1e1; } #productList .oldPrice { font-size:85%; display:block; text-decoration:line-through; } #productList li h2{ height:34px; } #productList li .image { height: 185px; width: 185px; margin: 0 0 10px 0; text-align:center; } #productList li .image a{ display:block; width:100%; height:100%; line-height:185px; background-position: bottom center; background-repeat:no-repeat; } #productList li h2, #productList li h2 a { bottom: 0px; color: #404040; font-size: 13px; font-weight: bolder; } ul.paginationList li { margin-top: 20px; } /* ProductDetail */ #productDetail { float: left; margin: 0 0 0 5px; padding: 0px; width: 595px; } #productDetail #productInfo{ float: left; width: 300px; } #productDetail #productPicMain { float: left; height: 285px; margin-left: 15px; text-align: center; width: 265px; } #productDetail #productPicMain ul, #productDetail #productPicMain li { list-style-type: none; margin: 0; padding: 0; } #productDetail #productInfo .productPrice { color: #FF51AE; float: left; font-size: 14px; width: 160px; } #productDetail #productInfo .oldPrice { font-size:85%; display:block; text-decoration:line-through; } #productDetail #productInfo .productAddDiv { float: left; width: 115px; } #productDetail #productInfo .frmAddProduct p.buttons button { background: url('../images/addCaseBtn_pink.gif') transparent; border: 0; color: #FFFFFF; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 29px; width: 113px; } #productDetail #productPic { height: 280px; width: 580px; } #top_right_col2 h2{ display:none; } #footer_col2 a{ color:#000; } /* fil 2 guest*/ .lightgreen { padding:20px 22px; margin-right:15px; float:right; display:inline; } .darkgreen { padding:20px 22px; margin-right:15px; float:right; display:inline; clear:right; } /* fil 3 jquery*/ div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/jquery.fancybox/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url('../images/jquery.fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 32px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; } div#fancy_content { position: relative; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/jquery.fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { position: absolute; overflow: auto; top: 15px; left: 15px; bottom: 15px; right: 15px; } * html div#fancy_ajax { height: expression((this.parentNode.clientHeight - 30) + "px"); } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('../images/jquery.fancybox/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('../images/jquery.fancybox/fancy_right.png') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../images/jquery.fancybox/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/jquery.fancybox/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../images/jquery.fancybox/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/jquery.fancybox/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../images/jquery.fancybox/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/jquery.fancybox/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../images/jquery.fancybox/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/jquery.fancybox/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -32px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../images/jquery.fancybox/fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(../images/jquery.fancybox/fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../images/jquery.fancybox/fancy_title_right.png) repeat-x; } /* fil 4 jquery-ul*/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }@import url("ui.core.css"); @import url("ui.accordion.css"); @import url("ui.datepicker.css"); @import url("ui.dialog.css"); @import url("ui.progressbar.css"); @import url("ui.resizable.css"); @import url("ui.slider.css"); @import url("ui.tabs.css"); /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?tr=&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=e7eef3&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=b2c7d7&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=f0f0f0&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=b2c7d7&fcHover=0b5b98&iconColorHover=2694e8&bgColorActive=99c2ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #f9f9f9 url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x; color: #362b36; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #b2c7d7; background: #e7eef3 url(images/ui-bg_highlight-soft_100_e7eef3_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #e6e6e6 url(images/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444444; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444444; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #b2c7d7; background: #f0f0f0 url(images/ui-bg_glass_100_f0f0f0_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #0b5b98; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #0b5b98; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #2694e8; background: #99c2ff url(images/ui-bg_glass_50_99c2ff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #f9dd34; background: #fbf5d0 url(images/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_72a7cf_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_2694e8_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } .ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } .ui-corner-right { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } .ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } .ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #444444 url(images/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: 4px 0 0 4px; padding: 0px; background: #aaaaaa url(images/ui-bg_diagonals-small_0_aaaaaa_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* ************************************************************************************************************ */ input:focus, select:focus, textarea:focus { background:#e0e8ef; /* background color for input boxes, light blue default */ } .messageStackWarning, .messageStackError { background:#990000; /* background color for warning messages, red default */ } .messageStackSuccess { background:#929292; /* background color for success messages, grey default */ } .messageStackCaution { background:#FFFF99; /* background color for caution messages, yellow default */ } #cartSubTotal, h1.centerBoxHeading { background:url(../images/bg_footer.gif) bottom center no-repeat; /**/ /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */ } #cartSubTotal, h2.centerBoxHeading { background:url(../images/bg_footer.gif) bottom center no-repeat; /**/ /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */ } .rowOdd { /*background:url(../images/bg_footer.gif) bottom center no-repeat; */ background:#e3e3e3; /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */ } TR.tableHeading { background:#cacaca; /* background color for various table headings (including shopping cart heading), medium grey default */ } .rowEven { background:#F0F0F0; /* background color for even listings, very light grey default */ } #navEZPagesTop { background:url("..../images/ezbg.gif") repeat-x; /* grey background image behind ezpages section */ } #contentMainWrapper { /* This is the right column background "faked" with an image. */ background-color:#fff; /*background color for the main "content" of the site */ border:0 solid #fec9d8; } #contentMainWrapperb { /* This is the left column background "faked" with an image. */ } input.search { background: url("..../images/rounded-search-input.gif") top left no-repeat; /* rounded search image for the search sidebox */ } /* font color changes */ body { color:#000; /* main site font color*/ } a:link { font: Verdana, Geneva, sans-serif bold; color:#4f4f4f; /* main site links color */ text-decoration:none; } a:visited { font: Verdana, Geneva, sans-serif bold; text-decoration:none; /* color of links after customer has visited them */ color:#313131; } a:hover { font: Verdana, Geneva, sans-serif bold; color:#000; /* color when links are hovered over */ text-decoration:none; } h3.leftBoxHeading { font: Verdana, Geneva, sans-serif bold; color:#fff; /* right and left box heading color */ border:1px solid #fec9d8; padding: 5px 0 0 0; } h3.rightBoxHeading { font: Verdana, Geneva, sans-serif bold; font-size: 16px; color: rgb(204, 60, 138); /* right and left box heading color */ border:1px solid #d5ff7f; padding: 0; } .leftBoxHeading a { font: Verdana, Geneva, sans-serif bold; color:#fff; /* right and left box LINK heading color */ } .rightBoxHeading a { font: Verdana, Geneva, sans-serif bold; color: rgb(204, 60, 138); /* right and left box LINK heading color */ font-size: 16px; } .leftBoxHeading a:hover { font: Verdana, Geneva, sans-serif bold; color:#ccc; /* right and left box LINK heading color when hovered over*/ } .rightBoxHeading a:hover { font: Verdana, Geneva, sans-serif bold; font-size: 16px; color:#ccc; /* right and left box LINK heading color when hovered over*/ } #navMain a span { font: Verdana, Geneva, sans-serif bold; color:#fff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */ } #navMain a:hover span { font: Verdana, Geneva, sans-serif bold; color:#fff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */ } #tagline { color:#333; /* tagline text color */ } #productPrices { color:#9F1C00; /* color of price */ } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount, .alert { color:#990000; /* color of sale prices and alerts */ } .messageStackWarning, .messageStackError { color:#fff; /* color of warning message text */ } /* bold text */ .bold, .important, #tagline, #navEZPagesTop, LEGEND, #navSupp ul li a, #navCatTabs ul li a, #navEZPagesTOCWrapper, #cartSubTotal, .cartBoxTotal, #cartBoxEmpty, #cartBoxVoucherBalance { font-weight:700; } /* end of site font color changes */ /* site and main content width section */ html>body { width: auto; } #nw { width:90%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */ max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */ min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */ } /* IE only. Controls Width of Site and Main Content*/ * html #nw { width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */ } /* end IE only */ /* end site and main content width section */ /*wrappers - page or section containers*/ #nw { text-align:left; vertical-align:top; margin:0 auto; } #headerWrapper { float:left; width:100%; } #navMainWrapper { height:32px; width:100%; font-size:12px; } #logoWrapper { text-align: center; width:auto; } #logo { float: left; padding-left:15px; text-align: center; } #taglineWrapper { width:75%; float:left; } #tagline { font-size:1.1em; text-align:center; padding:25px 8px 35px; } #navEZPagesTop { width:auto; padding:7px 0; } #navEZPagesTop a { padding:0 8px; } #contentMainWrapper { line-height:1.4; min-height: 100%; } #contentMainWrapperb { min-height: 100%; } * html #contentMainWrapper { height: 100%; } .outer { padding-left: 210px; /* Same width as margin-left for the float-wrap div */ padding-right: 190px; /* Our right column width */ } .inner { width: 100%; } .float-wrap { float: left; width: 100%; margin-left: -190px; /* Same length as .outer padding-left but with negative value */ } #content { float: right; margin-right: -190px; /* Same length as .outer padding-left but with negative value */ width: 100%; line-height:1.6; position: relative; /* IE needs this */ } .contentWrap { padding: 0px 2px 2px 2px; /* border:1px solid #fec9d8; */ } #ruta { padding: 1px 3px 3px 3px; border:1px solid #fec9d8; } #navColumnOne { float: left; padding: 0px 0 2px 2px; position: relative; /* IE needs this */ } #navColumnTwo { float: right; padding: 0px 2px 2px 2px; margin-right: -190px; /* This negative margin-right value is in this example the same as the right column width. */ position: relative; /* IE needs this */ } * html #navColumnTwo { margin-right: -190px !important; /* Fixes IE6 Issue */ } /* end wrappers - page or section containers*/ * { margin:0; padding:0; } body { font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif; font-size:73.5%; margin-top:0; } a img { border:none; } ul, ol { text-align:left; padding-left:25px; margin:0 0 10px 10px; } h4, h4.optionName, { font-size:1.6em; } h5, h6, LEGEND, ADDRESS, .sideBoxContent, .larger { font-size:1em; text-align:CENTER; } LEGEND { color:#333; } .biggerText { font-size:1.1em; } h1, h2, h3, h4, h5, h6 { margin:0 0 0 0; } CODE { font-family:tahoma, arial, verdana, helvetica, sans-serif; font-size:1em; } FORM, SELECT { display:inline; font-size:1em; margin:.5em; } option { padding-right:.5em; } INPUT { margin:.3em .5em; } html>/**/body input[type=checkbox], html>/**/body input[type=radio] { float:left; clear:both; } html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel { margin:0 .2em .5em 0; float:left; color: #390; } .ratingRow input[type=radio] { float:none; margin:0 .5em; } TEXTAREA { margin:auto; display:block; width:95%; } FIELDSET { padding:.5em; margin:.5em 0; border:1px solid #cccccc; } LEGEND { padding:.3em; } h4.optionName { padding-right:1em; } .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float:left; } LABEL.inputLabel { width:90%; float:left; margin:.3em; } LABEL.inputLabelPayment { width:15em; float:left; padding:.5em; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width:12em; float:left; } ADDRESS { font-style:normal; padding-right:40px; } .clearBoth { clear:both; height:0; font-size:0; line-height:0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ HR { height:1px; margin:.5em 0; border:none; border-bottom:1px solid #9a9a9a; } .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { padding:.2em; } /* product info page css */ #cartAdd { width:125px; text-align:center; margin:10px auto; float:right; padding-right:10px; } #cartAdd input { margin:.3em 0 0 0; } #productDescription { border:1px solid #ff51ae; margin-top:15px; margin-left: 50px; width: 250px; clear:both; } #rightFloat { float:left; width:250px; } #leftFloat { float:left; } #productDetailsList { float:left; width: 200px; } #productAttributes { width:100%; float:left; border:0 solid #ff51ae; padding-left:5px; margin:5px 0 0 10px; } #productImage { margin:0 auto; text-align:center; } .imgLink { text-align:center; margin:0 auto; display:block; width:100%; } #friendReview { width:200px; padding:15px 0 10px 0; float:left; clear:left; text-align:left; } .reviewCount { float:left; padding-left:2px; } #productReviewLink { padding:5px 0; } .wrapperAttribsOptions { line-height:2em; width:auto; float:left; } .wrapperAttribsOptions h4 { padding-right:15px; } /* end product info page css */ /* css for top menu tabs */ #navMain { float:right; width:750px; line-height:normal; height:32px; } #navMain ul { float:right; list-style:none; } #navMain li { display:inline; } #navMain a { float:left; text-decoration:none; } #navMain a span { float:left; display:block; padding: 7px 15px 0 15px; text-align:center; width:90px; cursor:pointer; height:25px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navMain a span { float:none; } /* End IE5-Mac hack */ #navMain a:hover { background-position:0% -32px; } #navMain a:hover span { background-position:100% -32px; } /* end css for top menu tabs */ .navNextPrevWrapper { margin-bottom:1em; } .navPrevCounter { font-size:.9em; } .navNextPrevList { display:inline; white-space:nowrap; padding:0 1em; list-style-type:none; position:relative; } #navSuppWrapper { width:100%; margin:0 auto; float:left; } #navSupp { margin:0 auto; text-align:center; padding-top:1em; } #navSupp ul { list-style-type:none; text-align:center; line-height:1.5em; padding: .3em 0; } #navCatTabs ul { list-style-type:none; text-align:center; } #navSupp li, #navCatTabs li { display:inline; padding:0 .5em; } #navSupp ul li a, #navCatTabs ul li a { text-decoration:none; white-space:nowrap; display:inline; width:0; } #navEZPagesTOCWrapper { float:right; height:1%; border:1px solid #000; } #navEZPagesTOC ul { padding: .5em 0; list-style-type:none; line-height:1.5em; } #navEZPagesTOC ul li { white-space:nowrap; } #navEZPagesTOC ul li a { padding:0 .5em; } #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin:.5em; } #navMainSearch { float:left; width:120px; } input.search { border: 1px solid #C3C; width: 130px; /* width of text-display area */ padding: 4px 15px 5px 5px; font-size: 11px; } input#searchTop { border: 1px solid #C3C; width: 150px; /* width of text-display area */ padding: 3px 5px 4px 2px; font-size: 11px; } * html input#searchTop { background-attachment: fixed; } #navBreadCrumb { text-align:left; line-height:1.6em; font-size:.95em; padding:.2em 0; } #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align:top; paddin-left: 0; } #productDescription, .shippingEstimatorWrapper { padding:.5em; } .important { padding:.5em; } .gvBal { float:right; } #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding:.8em; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size:.9em; } #siteinfoLegal { padding-bottom:1em; clear:both; } .tableHeading TH { border-bottom:1px solid #cccccc; } #cartSubTotal { border-top:1px solid #cccccc; text-align:right; line-height:2.2em; padding-right:2.5em; } .tableRow, .tableHeading, #cartSubTotal { height:2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding:.5em 0 0; } #cartProdTitle { text-align:center } .cartUnitDisplay, .cartTotalDisplay { text-align:center; padding-right:.2em; } .cartRemoveItemDisplay input[type=checkbox] { float:none; margin-bottom:1em; } #scUpdateQuantity { width:1.8em; } #scProductsHeading { padding-left:2em; } .cartQuantity { width:4em; } .cartNewItem { position:relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { position:relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align:right; padding-right:10px; } .cartRemoveItemDisplay { width:5em; } .cartAttribsList { margin-left:1em; } #mediaManager { width:50%; margin:.2em; padding:.5em; } .mediaTitle { float: left; } .mediaTypeLink { float: right; } .normalprice, .productSpecialPriceSale { text-decoration:line-through; } .orderHistList { margin:1em; padding:.2em 0; } #ezPageBoxList li { padding:.2em 0; } .totalBox { width:5.5em; text-align:right; padding:.2em; } .lineTitle, .amount { text-align:right; padding:.2em; } .amount { width:5.5em; } #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin:.5em 1em 0 0; } #cartImage { margin:.2px; padding: 2px; } .attribImg { width:20%; margin:.3em 0; } .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin:1px; margin-left: 0; } .centerBoxContentsProducts { float: left; border: 1px solid #ccc; width: 180px; height: 300px; text-align: center; margin: 1px; padding: 1px; } h1.leftBoxHeading { font-size:1.1em; font-weight:normal; height:1.5em; margin: 5px 0 0 0; padding:2px; } h1.rightBoxHeading { font-size:1.1em; font-weight:normal; height:1.5em; padding:0 2px .2em 2px; } h1 { margin:5px auto; color:#5f5e5e; font-size:20px; font-weight:bold; padding:0; padding:.5em 0; text-align:left; /* border:1px solid #bababa; */ line-height:normal; width:100%; } h1.centerBoxHeading { margin:5px auto; color:#5f5e5e; font-size:20px; font-weight:bold; padding:0; padding:.5em 0; text-align:left; border:1px solid #bababa; line-height:normal; width:100%; } h1.productListHeading { margin:5px auto; color:#ccc; font-size:20px; font-weight:bold; padding:0; padding:.5em 0; text-align:left; /* border:1px solid #bababa; */ line-height:normal; width:100%; } h1.pink { margin:5px auto; color:#e59bc8; font-size:20px; font-weight:bold; padding:0; padding:.5em 0; text-align:left; /* border:1px solid #bababa; */ line-height:normal; width:100%; } h2.leftBoxHeading { font-size:1.1em; font-weight:normal; height:1.5em; margin: 5px 0 0 0; padding:2px; } h2.rightBoxHeading { font-size:1.1em; font-weight:normal; height:1.5em; padding:0 2px .2em 2px; } h2.centerBoxHeading { margin:5px auto; padding:.5em 0; text-align:center; border:1px solid #bababa; line-height:normal; width:100%; } .leftBoxHeading { background: #e59bc8; font-style: Normal; font-weight: bold; color: #fff; padding: 5px 0 0 0; } .rightBoxHeading { background: #d5ff7f; font-style: Normal; font-weight: bold; color: #fec9d8; } .sideBoxContent { font-size:1.1em; padding:0; } .sideBoxContent ul { text-align:left; list-style-type:none; padding:0 0 0 0!important; margin:0!important; } .sideBoxContent li { } #categoriesContent, #documentcategoriesContent { text-align:left; padding-left:0; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align:center; } .productListing-data img { padding:10px; } .productAdditionalImages { margin-left: -10px; } .additionalImages img { padding:2.5px; max-width:75px; max-height:75px; } #upProductsHeading { text-align:left; } #upDateHeading { text-align:right; } /*misc*/ .back { float:left; } .forward, #shoppingCartDefault #PPECbutton { float: right; } .rowOdd { height:1.5em; vertical-align:top; } .rowEven { height:1.5em; vertical-align:top; } .hiddenField { display:none; } .visibleField { display:inline; } #accountLinksWrapper li { padding:.5em 0; display:block; list-style:none; } .accountTotalDisplay, .accountTaxDisplay { width:20%; text-align:right; } .accountQuantityDisplay { width:10%; vertical-align:top } TR.tableHeading { height:2em; } #siteMapList { width:90%; float:right; } .ratingRow { margin:1em 0 1.5em 0; } LABEL#textAreaReviews { font-weight:normal; margin:1em 0; } .information { padding: 10px 3px; line-height: 150%; } #shoppingcartBody #shippingEstimatorContent { clear: both; } .seDisplayedAddressLabel { background-color:#85C285; text-align: center; } .seDisplayedAddressInfo { text-transform: uppercase; text-align: center; font-weight: bold; } #seShipTo { padding: 0.2em; } .smallProductImage { padding:1em; } #sendSpendWrapper { border:1px solid #cacaca; float:right; margin:0 0 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { width:46%; } /* css for product image drop shadow and border. To disable the drop shadow and border, simply delete or comment out this section */ #productMainImage { float:left; background: url("..../images/shadowAlpha.png") no-repeat bottom right !important; background: url("..../images/shadow.gif") no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; text-align: center; } #productMainImage img { display: block; text-align: center; background: #fff; Position: relative; max-width: 250px; border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */ padding: 4px; } /* end css for product image drop shadow */ #productNewImage { text-align: center; background: url("..../images/shadowAlpha.png") no-repeat bottom right !important; background: url("..../images/shadow.gif") no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } #productNewImage img { display: block; Position: relative; background: #fff; margin: -3px 6px 6px -3px; border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */ padding: 4px; } /* end css for product image drop shadow */ .lightgreen { padding:20px 22px; margin-right:15px; float:right; display:inline; } .darkgreen { padding:20px 22px; margin-right:15px; float:right; display:inline; clear:right; } .pics { height: 250px; width: 760px; padding:0; margin:0; align: right; overflow: hidden } .pics img { height: 250px; width: 760px; padding: 0; border: 1px solid #ccc; background-color: #eee; top:0; left:0 } .pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; } #navCurrenciesWrapper a { color: #ffffff; text-decoration: none; } #navCurrenciesWrapper a:hover { color: #000000; text-decoration: none; } h3.itemTitle { margin-top: 0.1em; margin-bottom: 0.1em; color:#ff51af; font-size:14px; font-weight:bold; padding:0; } .new_products { float: left; border: 1px solid #ccc; color:#ff51af; font-size:14px; font-weight:bold; padding:0; width: 180px; height: 250px; text-align: center; margin: 2px; padding: 1px; } .curvedProductDetails { float: left; border: 1px solid #ccc; width: 180px; height: 300px; text-align: center; margin: 2px; padding: 1px; } h1.itemTitle { margin-top: 0.1em; margin-bottom: 0.1em; color:#ff51af; font-size:14px; font-weight:bold; padding:0; } h1.new_products { float: left; border: 1px solid #ccc; color:#ff51af; font-size:14px; font-weight:bold; padding:0; width: 180px; height: 250px; text-align: center; margin: 1px; padding: 1px; } h1.curvedProductDetails { float: left; border: 1px solid #ccc; color:#ff51af; font-size:14px; font-weight:bold; padding:0; width: 180px; height: 300px; text-align: center; margin: 1px; padding: 1px; } .productsPrice { float: right; padding:5px; color:#ff51af; font-size:14px; font-weight:bold; text-align: right; } /* Headings */ .productlistingbuttons { float: right; padding-right: 2px; color:#ff51af; font-size:14px; font-weight:bold; padding:0; text-align: right; } #whatsnew { text-align:center; padding:0; color:#ff51af; font-size:14px; font-weight:bold; padding:0; margin-bottom: 3px; background: #d5ff7f; } #manufacturerinfoplus {text-align:center} #manufacturerinfoplus ul {margin:0; padding:0; list-style:none} .bar-menu .box1 { background: url("images/tree-node.gif") no-repeat; padding-left: 19px; cursor: default; } .bar-menu .box1-open { background: url("images/tree-node-open.gif") no-repeat; padding-left: 19px; cursor: default; } .bar-menu .box1, .bar-menu .box1-open, { color: #000000; font-family: arial; font-size: 12px; } /* mozilla fix */ html>body .bar-menu .box1, html>body .bar-menu .box1-open { color: #000000; font-family: arial; font-size: 12px; line-height: 16px; padding-bottom: 1px; } /* ie fix */ * html .bar-menu .box1, * html .bar-menu .box1-open { color: #000000; font-family: arial; font-size: 12px; height: 16px; } .bar-menu .section { font-family: arial; font-size: 12px; line-height: 16px; display: none; } .bar-menu .section a { color: #000000; text-decoration: none; white-space: nowrap; } .bar-menu .section a:hover { color: #0000ff; text-decoration: none; white-space: nowrap; } .bar-menu .box2 { background: url("images/tree-leaf.gif") no-repeat; padding-left: 19px; } .bar-menu .box2-last { background: url("images/tree-leaf-last.gif") no-repeat; padding-left: 19px; } /* @group rounded-corners pics */ div.column *, div#bilder p, div#outside p{ margin:5px; margin-top:-15px; padding-top: -15px; text-align: center; } div#bilder, div#outside { overflow:hidden; width:99%; position:relative ; /* border:1px solid #A0AD5E; */ text-align: center; margin-bottom:-1px; } div.wrapper { margin:7px; position:relative; float:left; vertical-align:top; } div.wrapper img{ float:left; border:0 none; } div.wrapper div{ position:absolute; left:0; height:7px; width:100% } div.wrapper div.tl{ background:transparent url(../images/tl.gif) top left no-repeat; top:0 } div.wrapper div.tr{ background:transparent url(../images/tr.gif) top right no-repeat; top:0; } div.wrapper div.bl{ background:transparent url(../images/bl.gif) bottom left no-repeat; bottom:0 } div.wrapper div.br{ background:transparent url(../images/br.gif) bottom right no-repeat; bottom:0; } div.column { width:35%; float: right; background-color: #B5C4A5; margin-left:10px } h1.grey { margin:5px auto; color:#ccc; font-size:20px; font-weight:bold; padding:0; padding:.5em 0; text-align:left; /* border:1px solid #bababa; */ line-height:normal; width:100%; } h1.pink { margin:5px auto; color: rgb(255, 0, 102); font-size:20px; font-weight:bold; padding:0; padding:.5em 0; text-align:left; /* border:1px solid #bababa; */ line-height:normal; width:100%; } /* product.tpl */ #primary_block #pb-right-column{ width:310px; float:left; } #primary_block #image-block{ border:#d0d1d5 solid 1px; height:302px; width:300px; } #primary_block #image-block img#bigpic{ cursor:pointer; height:300px; width:300px; } #primary_block ul#usefull_link_block{ list-style-type:none; margin-top:1em; } #primary_block ul#usefull_link_block li{ margin:0.5em 1em 0.5em 0; display: block; } #primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link, #primary_block ul#usefull_link_block span.span_link:hover{ text-decoration:none; color:#76839b; font-size:0.9em; background: white url('../img/bullet_alt.jpg') no-repeat top left; padding-left:15px; height:15px; } #primary_block #pb-left-column{ float:left; margin-left:1.1em; width:233px; } #primary_block #short_description_block{ background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left; border: 1px #d0d3d8 solid; padding:0.7em; margin-bottom:1.5em; } #primary_block #color_picker p { margin: 0 0 0.4em 0; padding: 0 0 0 0; } #primary_block #color_picker { padding: 0.7em; background: #e5e6e7 url('../img/product-short-desc-bg.gif') repeat-x top left; border: 1px #d0d3d8 solid; margin-bottom: 1.5em; } #primary_block #color_to_pick_list { } #primary_block #color_to_pick_list li { display: inline; float: left; margin: 0 0.4em 0.4em 0; } #primary_block a.color_pick { display: block; width: 20px; height: 20px; border: 1px solid #666; cursor: pointer; } #primary_block a.color_pick:hover { border: 1px solid #000; } #primary_block #image-block img#bigpic.jqzoom{ cursor:crosshair; position:relative; } /* views block */ #views_block{ margin:0pt auto; width: 274px; } #thumbs_list{ overflow:hidden; float:left; width: 240px; } #thumbs_list ul{ padding-left:0px; list-style-type:none; margin-top: 5px; } #thumbs_list li{ float:left; cursor:pointer; width: 80px; height: 80px; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 2px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } .rutatop { width: 160px; margin: 5px; margin-bottom: 0; padding-top: 5px; min-height: 80px; background: url(../images/right_image_bg.png) no-repeat top left; vertical-align: middle; } .rutatop img{ vertical-align: middle; } .rutamellan {width: 160px; margin: 5px; margin-bottom: 0; margin-top: 0; background: url(../images/right_intro_bg.png) repeat-y top; font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#000000; font-weight: bold;} .rutanere { width: 160px; margin: 5px; margin-top: 0; height: 18px; text-align:right; width: 150px; padding-right: 10px; font-family: Arial Rounded MT, sans-serif; font-weight: bold; font-size: 14px; background: url(../images/right_footer_bg.png) no-repeat bottom left;} .rutapris { width: 160px; margin: 5px; margin-top: 0; margin-bottom: 0; height: 24px; text-align:right; width: 180px; padding-right: 10px; font-family: Arial Rounded MT, sans-serif; font-weight: bold; font-size: 14px; background: url(../images/right_intro_bg.png) repeat-y top; } .centertop { width: 180px; margin-left: 1px; margin-bottom: 0; padding-top: 5px; min-height: 80px; background: url(../images/center_image_bg.png) no-repeat top left; vertical-align: middle; } .centertop img{ vertical-align: middle; padding-top: 5px; } .centermellan {width: 180px; height: 30px; background: url(../images/center_intro_bg.png) repeat-y top; font-size:62.5%; margin-left: 1px; margin-bottom: 0; margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight: bold;} .centertext {width: 180px; margin-left: 1px; margin-right: 0; padding-left: 0px; padding-right: 5px; margin-bottom: 0; margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight: bold;} .centernere { width: 180px; margin-left: 1px; margin-top: 0; height: 18px; background: url(../images/center_intro_bg.png) repeat-y top; text-align:right; width: 180px; padding-right: 5px; font-family: Arial Rounded MT, sans-serif; font-weight: bold; font-size: 14px; background: url(../images/center_footer_bg.png) no-repeat bottom left;} .centerpris { width: 180px; margin-left: 2px; margin-top: 0; margin-bottom: 0; height: 24px; background: url(../images/center_intro_bg.png) repeat-y top; text-align:right; width: 170px; padding-right: 8px; font-family: Arial Rounded MT, sans-serif; } .tabTable { width: 550px; }