CSS - http://www.attcollection.com/ * Collapse All * Expand All http://www.attcollection.com/ Embedded Styles from http://www.attcollection.com/ http://www.attcollection.com/static/attcollect/atttest11.css /*AT&T Customer Rules Store Stylesheet for QOP @author: $Author: rob $ @copyright: Versatilia Ltd 2008 /* Reset */ body { color: #000; background:#fff; } * { /* normalise margin, padding, typography */ margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 100%; line-height: 1; font-style: normal; font-weight: normal; vertical-align: baseline; } ol, ul { list-style: none outside; } /* remove bullets by default, only desirable under the .body-text class */ table.nc { border-collapse: collapse; border-spacing: 0; } /* collapse space between table cells by default. 'nc' is a special class for tables written out by the template and not by the wysiwyg editor */ fieldset, img { border: 0; } q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */ /* Layout ------------------------------------------------------------------------------------*/ /* centers everything in the browser window */ html, body { text-align: center; background: #fff; color: #333333; } #wrapper { /* this wraps everything inside the tag */ text-align: left; width: 900px; margin: 0 auto; border: none; border-width: 0 1px; min-height: 100%; padding-bottom: 16px; overflow: hidden; background: none; /*#fff;*/ } #header { position: relative; background-image: url(/static/attcollect/Image/att09_head.jpg); background-repeat: no-repeat; padding: 0 0 0px; } #header h1 { height: 0px; width: 100%; /* is this for IE6 functionality? */ /* background: url(/static/attcollect/Image/att09_head.jpg) no-repeat left top;*/ margin: 0; padding: 34px 0 0; } /* hiding the store name */ #header .content { margin: 0; } #inner-wrapper { /* this wraps the main content blocks, useful with float clearing methods for background images etc */ overflow: hidden; padding: 0 0px; } #primary { float: right; width: 650px; margin: 0; padding: 0; } #secondary { position: absolute; top: 0; left: 140px; height: 1px; overflow: hidden; /* float: left; width: 22%; */ } /*browse (subcats) box, news, poss more. Code to show Secondary nav here*/ #tertiary { float: left; height: 1%; width: 200px; }/*typically the left nav with cats*/ #secondary .content, #tertiary .content { margin-left: 0; margin-right: 0; color: #fff; border: none;/* add border around boxes (browse box etc)*/ background-color: #ffffff; /*background color of secondary and tertiary naviation boxes*/ } #footer { margin: 16px 0 0; clear: both; position: relative; font-size: small; } #footer { background-image: none; background-repeat: no-repeat; } #footer p { margin: 0; } .content { /* a generic helper wrapper inside each main content block, best used in the context of its parent eg. #primary .content {} */ margin: 0 16px; /* using margin means we can apply 100% width to boxes inside without layout breaking */ overflow: hidden; } /* Boxes - specific section styling ------------------------------------------------------------------------------------*/ /* =box */ .box, #sub-pages, #footer .content ,#top-search { background: none; } .box .tl, .box .tr, .box .bl, .box .br { background-image: none; background-repeat: no-repeat; top:15px; } #sub-pages .tl, #sub-pages .tr, #sub-pages .bl, #sub-pages .br, #footer .ctl, #footer .ctr, #footer .cbl, #footer .cbr, #top-search .tl, #top-search .tr, #top-search .bl, #top-search .br { background-image: none; background-repeat: no-repeat; position: relative; z-index: 6; } #top-search form { position: relative; z-index: 8; } .box, #sub-pages { /* this is a set of classes for easiest possible creation of fluid content boxes around the various site elements. Can be made specific to the area of the site eg. #header .box1, #primary .box1 */ padding: 0; margin: 0 0 16px 0; } .tl, #sub-pages .tl, #footer .ctl { padding-left: 18px; background-position: left top; } .tr, #sub-pages .tr, #footer .ctr { padding: 18px 0 0; background-position: right top; } .bl, #sub-pages .bl, #footer .cbl { clear: both; padding-left: 18px; background-position: left bottom; } .br, #sub-pages .br, #footer .cbr { padding: 18px 0 0; background-position: right bottom; } .inner-box { margin: 0 16px; } #footer .inner-content { padding: 1px 0; } /* Affects the headers in the little boxes in float left and right navs*/ .inner-box, #top-search .inner-box, #sub-pages .inner-box, #footer .inner-content { background: none; } #footer .content { overflow: visible; } #footer .inner-content p { position: relative; z-index: 8; color: black; } /*copyright here*/ #footer .inner-content .box, #sub-pages ul { position: relative; z-index: 10; } /* stop p covering the list */ /* Display Search box with each item on 1 line */ #advanced-search-top fieldset label {display: block; width: 100%; padding-top: 7px;} /* =links =box .ltl, .ltr, .lbl, .lbr { /* link border css background-repeat: no-repeat; background-image: none; position: relative; z-index: 6; } .ltl { margin-bottom: -18px; } .lbl { margin-top: -18px; }*/ /* =links =sidebar =box */ .sidebar .link-box { position: relative; z-index: 4; } /* =primary =box (Example inside product page, inside shopping cart, all text in these areas, etc.)*/ .primary .box, .primary .inner-box { background: none; padding: 0; margin: 0; border: 0; color: #333; } .primary .tl, .primary .tr, .primary .bl, .primary .br { background: none; padding: 0; margin: 0; } .primary .box { margin: 0.81em 0; } #footer .box, #footer .inner-box, #footer .box .tr, #footer .box .tl, #footer .box .bl, #footer .box .br { background: none; padding: 0; margin: 0; } /* =table (tables that ARE NOT user submitted content via FCKin editor SHOPPING CART IS AN EXAMPLE OF THIS*/ .nc { border: 1px solid #ccc; border-width: 1px 0; width: 99.8%; margin: 0.81em 0; } .nc td, .nc th { font-size: small; padding: 2px 3px; margin: 0; line-height: 1.205em; } .nc th { font-weight: bold; } .nc thead th { background: #ffffff; color: #000; border-bottom: 1px solid #ddd; }/* table head such as shopping cart*/ .nc tfoot tr { background: #ffffff; } /* table row such as shopping cart*/ .nc tfoot th, .nc tfoot td { border-top: 1px solid #ddd; } .nc tbody td { padding: 8px 3px; } .nc .tac { text-align: center; } .nc .tar { text-align: right; padding-right: 6px; } .nc .tal { text-align: left; } .nc .odd { background: #fff; } .nc .even { background: #fff; border-top: 1px solid #ddd; }/* lines inside tables */ /* =basket =steps */ .steps { padding: 0.81em 0; text-align: center; } .steps * { margin: 0 8px; background: none; border: 0; padding: 0; } .steps input, .steps button, .steps a { text-decoration: underline; color: #000; } /* =basket */ #primary #enquiry-basket fieldset, #primary #basket fieldset { width: 100%; margin: 0; padding: 0; } .basket .nc { margin: 1.62em 0; } .basket #pd { width: 50%; } .basket #rm { width: 12%; } .basket input.submit { margin: 0; } .basket fieldset.submit a, .basket fieldset.submit input { margin: 0 8px; } /* =nav =back */ .back, fieldset.submit { clear: both; border-top: 1px solid #ccc; line-height: 1.62em; padding: 0.81em 0; font-size: small; text-align: center; margin-bottom: 1.82em; } /* =news */ #news { background: none; font-size: small; } #news * { background: none; } #news .inner-box { padding: 0; } #news li { padding: 0.81em 0; overflow: hidden; } #news h3 a { padding: 0 0 0.2em; font-weight: bold; text-transform: small-caps; border-bottom: 1px solid #ccc; display: block; } #news img { float: left; margin: .81em 16px 0.81em 0; } /* =links =top */ #top-links { height: 4.0em; position: relative; text-align: left; background: none; margin: 0px 0px 0px 0px; /* positioning of top links, top (-), right margin, bottom, left margin*/ } #top-links * { background: none; padding: 0; margin: 0;} #top-links li { display: inline; margin-left: 0px; font-size: .60em; background-color: none;} /*margin affects space to left (inbetween) of each top link li*/ #top-links a { padding-left: 20px; color:#797979 !important; }/* leave room for background image. margin affects space to left (inbetween) of each top link li*/ #top-links a:link { color:#797979 !important;} #top-links a:visited { color:#797979 !important;} #top-links a:hover { color:#797979 !important; text-decoration: underline; } #top-links a:active { color:#797979 !important; text-decoration: underline;} /* =links =tabs */ #tab-links { background: none; padding: 0; margin-left: 0; width:910px; } /*make space between links */ #tab-links li { display: inline; line-height: 0em; padding: 0 0px; margin-left:0 !important;} /* #tab-links a {padding: 7px 10px; white-space: nowrap; color: #666666; font-family: verdana, sans-serif; font-size: small; } #tab-links a:hover { text-decoration: none; background-color: #ff7200; color: #ffffff;} #tab-links .bl {display: none;} #tab-links .tl {margin-top: 20px;} */ /* =nav =breadcrumbs */ #primary #breadcrumbs { font-size: small; background: none; margin-top: 20px; } /* =nav =subcats */ #sub-categories { font-size: small; } /* these may have an associated image. real subcats, not left nav */ #sub-categories li { display: block; padding: 12px 0; float: left; width: 280px; } /* how the categories line up on the category pages*/ /* how the image appears next to the category name*/ #sub-categories a img { padding: 4px; border: 1px solid #999; background: #fff; vertical-align: middle; } /* =nav =subpages */ #sub-pages { font-size: small; text-align: center; } #sub-pages ul { padding: 0; margin: 0; } #sub-pages li { display: inline; padding: 0; margin: 0 8px; line-height: 1.41em; } #sub-pages li li { display: none; } #sub-pages a { padding: 0.2em; white-space: nowrap; } /* =sidebar =nav (this is the browse - category list nav & login, poss more*/ /* links that are given sidebar 1 category end up at the bottom of this, after a space */ .sidebar ul, #login ul { list-style: none; } .sidebar ul li { margin-left: 0; font-size: 12px; clear: both; padding: 0.25em 0; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e4e4; }/* the cats list, indent, extra space between major cats, underline under major cats, etc. */ .sidebar ul li ul li { margin-left: 12px; margin-bottom: 0px; border-bottom-style: none; }/* the indent subcats list and amount of (extra) space between subcats */ .sidebar a { padding: 0; display: block; width: 100%; line-height: 1.2em; } /* .sidebar h3 { margin: 0; padding: 0 0 0.4em; display: none;} hides "browse" in left nav */ #login ul { display: inline; padding: 0; width: 100%; line-height: 1.2em;} #login ul a {font-weight: bold; text-decoration: underline;} /* added an underline to the forgot password and register links on my account page */ #login ul li {display: inline; margin-left: 0; font-size: 12px; color: #343833; padding: 0.25em 0; margin-bottom: 5px; margin-left: 20px;} /* changed forgot password and register link on my account page to appear inline */ /* added by pjl.change color / size of links in left nav dif from the body links*/ #category-nav a {font-size: small; } #category-nav a:link { color: #00aee1; text-decoration: none; } #category-nav a:visited { color: #00aee1; } #category-nav a:hover { color: #00aee1; text-decoration: none; } #category-nav a:active { background: none; color: #00aee1; } /* #category-nav ul li ul li a:link {color: #666666;} #category-nav ul li ul li a {color: #666666;} */ #page-nav { display:none; } /* =links */ /* tl top left, bl bottom left, tr top right, br bottom right, used for making rounded corners on items using graphic elements */ /* use to make rounded box corners on "category=SIDEBAR 1" links as created in admin */ .links { background: none; margin-left: 15px;} /* left margin of sidebar 1 items */ .links .tl, .links .bl, .links .tr, .links .br { background: none; margin: 0; padding: 0; } .links .inner-box { margin: 0; padding: 0; background: none; } .links ul { list-style: none; margin-left: 0pt; padding: 16px 0; } .links li {margin: 0; padding: 1px 0; width: 100%; } .links img { display: block; margin: 0; width: 100%; } /* change the appearance of the actual links that appear in left sidebar (links category= sidebar 1 in admin) AT&T emarketplace for example*/ .links a.link { /* use the .link class if just image and text. HTML box has .body styling by default unless changed */ font-size: small; text-align: left; display: block; line-height: 1.2em; overflow: hidden; /*color: #666666; change color of sidebar links*/ text-decoration: none; } /* change the appearance of left nav items added to links in admin cat = sidebar 1. Most notably, changes the background of these items*/ .links .description { background-color: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0&; padding: 0px 0px; display: block; } /* added by PJL. Hides the bestsellers box.*/ #bestsellers { clear: left; } /* =links =bestsellers */ #primary .links { text-align: center; } #primary .links li { float: left; width: 32%; margin-right: 1.3%; } /* 3 column list */ #primary .links li.a { clear: left; } #primary .links img { width: 100%; } #primary .links .image { display: block; width: 100%; height: 14em; overflow: hidden; } /* =nav =site-map */ #site-map { background: none; } #site-map * { background: none; } #site-map ul ul { list-style: disc outside; } #site-map li { margin-left: 14px; font-weight: bold; clear: both; color: #ccc; padding: 0.25em 0; } #site-map a { font-weight: bold; } #site-map li li { font-weight: normal; font-size: small; } #site-map li li a { padding: 0; font-weight: normal; width: 100%; line-height: 1.2em; } /* =links =bottom */ #footer #bottom-links { z-index: 12; background: none; text-align: right; font-size: x-small; float: right; margin: 4px 0 0; } #footer #bottom-links li { display: inline; margin-left: 10px; border-right: #656565; } #footer #bottom-links a { padding: 3px 0 3px 22px; line-height: 1.4em; } /* =nav =back-to-top */ #back-to-top { float: left; display: none;} } #back-to-top a { display: block; padding: 0; background: url(/templates/blank/lib/back-to-top.png) no-repeat center; height: 12px; width: 32px; overflow: hidden; text-indent: -9999px; margin: 0 auto; } /* =location - this class is applied to the containing

around any link that matches the current location */ .location a, .location .location a { font-weight: bold; } .location ul a { font-weight: normal; } /* =basket =mini */ .mini-basket { font-size: small; display: none; } .mini-basket li { list-style: none; margin-left: 0; color: #000; } .mini-basket .checkout-link { display: block; text-align: center; } /* =sidebar =news */ #latest-news { font-size: small; } /* news box on home page, contains a list of the most recent 6 articles */ #latest-news h4 a { line-height: 1.21em; font-weight: bold; text-transform: small-caps; margin-bottom: 0.4em; } #latest-news ol { margin: 0; padding: 0; } #latest-news li { margin: 0.81em 0 0.6em; padding: 0 0 0.6em; border-bottom: none; overflow: hidden; } #latest-news p { color: #000; line-height: 1.4em; margin: 0.2em 0; color: #000; } #latest-news img { margin: 0 6px 0 0; } /* =form */ form { font-size: small; } /* previous version .primary fieldset { border-top: none; padding: 0.81em 16px; }/*pulled extra lines out from top and bottom of cart*/*/ .primary fieldset { border-top: none; padding: 0 16px; }/*pulled all padding out because of extra space between fieldsets in the custom quote form*/ .primary legend { font-weight: bold; font-size: normal; padding: 0.4em; } .primary form h3 { font-weight: bold; font-size: normal; padding: 0.4em 0.3em; } .primary fieldset p { margin-top: 0; } .primary fieldset ol { margin: 0 0 0.4em; /*border-top: 1px dotted #444;- removed because of double fieldsets combined with multiple ol's caused a double border in quote request form*/ border-top: none; padding: 0; } .primary fieldset ul { margin: 0 0 0.4em; border-top: 1px dotted #444; } .primary fieldset li { overflow: hidden; padding: 0.4em; position: relative; border-bottom: 1px dotted #444; } .primary form li label { float: left; width: 10em; padding: 0.2em 0 0; line-height: 1.2em; } .primary fieldset p { margin-left: 0.4em; margin-right: 0.4em; } .primary form li em, .req { color: #900; } .primary form li em { position: absolute; left: 10.2em; top: 1em; } .primary form li input, .primary form li select, .primary form li textarea { margin-left: 1em; vertical-align: bottom; } .primary form li textarea { width: 23em; line-height: 1.4em; padding: 0.2em 2px; } #wrapper .currency input { width: 6em; margin-right: 4px; vertical-align: bottom; padding-top: 2px; } /* use #id overrides */ #wrapper .currency select { margin-left: 0; } form .text input, form .Text input, form .URL input, form .Postcode input, form .Email input, form .readonly input, form .password input, form .select input { vertical-align: bottom; padding-top: 2px; padding-left: 2px; padding-right: 2px; } form li.checkbox input, form li.Checkbox input { margin: 0.35em 0 0.35em 1em; } /* capital letters because of the datamate form write out */ form li.nolabel select { margin-left: 0; width: 70%; } .amount input, input.qty { width: 2.4em; text-align: center; } li.checkbox input { vertical-align: middle; } option { padding: 0em 0.2em 0em 0.4em; } li.file fieldset { padding: 0.81em 0; margin: 0; border: 1px solid #ccc; border-width: 1px 0; } li.file fieldset legend { padding: 0; margin-bottom: 0.4em; } li.file fieldset label { display: block; width: 100%; padding: 0.2em 0; } li.file fieldset span.desc { float: left; width: 10em; padding: 0.35em 0; line-height: 1.2em; } .sidebar form .text input, .sidebar form .password input, .sidebar form .email input { padding-left: 0; padding-right: 0; } #wrapper .small, #wrapper .small fieldset { padding: 0; margin: 0; border: 0; display: block; } fieldset.submit { text-align: center; } /* =product =detail */ /* hide stock levels for made to order, show them for in stock items */ #product .stock { display: none; } body.in-stock #product .stock { display: block; } /*image border*/ #product .image { float: right; border: none; padding: 4px; background:url(Image/clickToEnlarge_102_27.gif) left bottom no-repeat; width: 250px; height: 265px; padding-bottom:15px; position: relative; margin-left: 16px; } #product .image img { position: absolute; width: 250px; height: 250px; top: 4px; left: 4px; background:url(Image/clickToEnlarge_102_27.gif) left bottom no-repeat; width: 250px; height: 250px; padding-bottom:25px; position: relative; margin-left: 16px;} #product .item-info { clear: both; width: 100%; margin: 0.81em 0; } #product .item-info th { border-bottom: 1px solid #c8dbbf; padding: 3px 6px 3px 0; } #product .item-info td { border-bottom: 1px dotted #c8dbbf; padding: 3px 0 3px 6px; } #product .product-variations th {font-size: x-small; text-align: center;} .product-variations {text-align: center;} #product .product-variations td {text-align: center;} #product .discounts { clear: both; } #product .small { display: block; clear: both; margin: 0.81em 0; } #product .small fieldset { display: block; } #product .favourites { margin-left: 4px; } #product .basket .submit { clear: left; } .product-variations { text-align: left;} #product .basket { clear: both; } #product .basket h3 { margin: 0; padding-left: 0; display: none; } #product .basket label { width: 100%; display: block; padding: 4px 0; clear: both; overflow: visible; } #product .basket span.desc { display: block; width: 8em; float: left; margin-top: 0.2em; } #product .basket label span.info-link { display: none; } #product .basket label span.info-link acronym { display: none; } #product .basket label span.info-link span { display: block; background: #ffc; border: 1px solid #ccc; padding: 6px; } #product .results { padding: 16px 4px; clear: both; line-height: 1.2em; } #product .results div { float: left; margin-right: 16px; } /* extend the length of the text input field for 2nd logo name and location. The width prop is for Mozilla and the size prop is for IE*/ #optCustomText { width: 400px; size: 400; } /* =addresses */ #addresses, #addresses div { background: none; padding: 0; margin: 0; } #default-addresses li.select label { width: 12em; } #default-addresses input.submit { margin-left: 13.3em; } #addresses h3 { font-weight: bold; text-transform: none; font-size: normal; padding: 0.4em 0; margin: 0.81em 16px 0.4em; } #addresses .address-list { border-top: 1px solid #ccc; } #addresses .address-list li { overflow: hidden; padding: 0.4em 0; border-bottom: 1px solid #ccc; } #addresses .address-list .small { float: right; clear: right; width: 7em; text-align: right; padding-right: 16px; border-left: 1px solid #656565; margin: 0.2em 0; } #addresses .address-list .small input { width: 5em; font-size: small; } #addresses .address-list .adr { font-size: small; line-height: 1.21em; text-align: left; float: left; width: 70%; padding: 0.4em 16px 0.4em 16px; } /* =orders */ #my-orders fieldset { border: 0; text-align: center; } #my-orders label { margin: 0 2px; } /* =logos */ #logos { text-align: center;background: none; } #logos div { background: none; } /* =users */ #my-users form h3 { padding-left: 0; padding-right: 0; } #my-users form input.submit { padding: 0; width: auto; } /* =sidebar =form */ .sidebar fieldset ol { margin: 0.4em 0; padding: 0; } .sidebar fieldset li { margin: 0; padding: 0.2em 0; } .sidebar li.text input { width: 98%; margin-top: 4px; } .sidebar li label { color: #000; } .sidebar fieldset.submit { text-align: center; margin-bottom: 0.4em; } .sidebar input.submit { margin: 0 auto; } /* =sidebar =login .sidebar #login fieldset.submit { float: right; width: auto; margin-top: -2.35em; padding: 0; border: 0; } .sidebar #login ul { clear: both; } .sidebar #login #pwd { margin-bottom: 0.3em; } .sidebar #login .checkbox input { margin-left: 0; margin-top: 0.16em; }*/ /* =sidebar =login */ #secondary .inner-content { } #secondary #login { position: absolute; top: 35px; left:60px; width: 650px;} #secondary #login fieldset h3 { display: none; } #secondary #login fieldset ol { display: none; } #secondary #login fieldset input.submit { display: none; } #secondary #login ul { display: none; } .sidebar #login fieldset.submit { float: right; width: auto; margin-top: -2.35em; padding: 0; border: 0; } .sidebar #login ul { clear: both; } .sidebar #login #pwd { margin-bottom: 0.3em; } .sidebar #login .checkbox input { margin-left: 0; margin-top: 0.18em; } #secondary #login fieldset p.error { font-size: 14px; font-weight: bold;} /* =msg */ .msg { border: 1px solid #ccc; background-color: ivory; padding: 0.4em 0.4em 0.4em 26px; margin: 0.4em 0; line-height: 1.2em; font-size: small; color: #343833; } .msg p { margin: 0.2em 0; } .info { background: ivory url(/templates/blank/lib/info.png) no-repeat 6px 0.44em; } .warning { background: ivory url(/templates/blank/lib/warning.png) no-repeat 6px 0.44em; font-size: large } .error { background: ivory url(/templates/blank/lib/error.png) no-repeat 6px 0.44em; font-size: large; } .success { background: ivory url(/templates/blank/lib/success.png) no-repeat 6px 0.44em; font-size: large; } /* =top =search this is the top search box, not the advanced search area that sits in primary */ /* space around top search line*/ #top-search { display: none; margin: 0px 0 0 0px; padding-top: 75px; padding-right: 0px; padding-bottom: 0px; padding-left: 18px; text-align: left; } #top-search .inner-box { margin: 0; padding: 0; } #top-search .tl, #top-search .tr, #top-search .bl, #top-search .br { margin: 0; padding: 0; } #top-search form fieldset { margin: 0; padding: 0; } #top-search form label * { color: #000; font-size: small; } #top-search form input.submit { margin-left: 0; } /* =product-list */ .product-list ol { list-style: none outside; border-top: 1px dotted #444; } .product-list ol li { overflow: hidden; position: relative; border-bottom: 1px dotted #444; padding: 16px 16px 16px 140px; font-size:small; min-height: 109px; } .product-list ol li.even { background: #202320; } .product-list ol h3 a { font-weight: bold; text-transform: small-caps; } .product-list ol .pid { font-weight: normal; color: #aaa; font-size: small; } .product-list ol li img { position: absolute; top: 16px; left: 16px; margin: 0 16px 0.4em 0; border: 1px solid #ccc; padding: 4px; background: #fff; } .product-list ol .options { overflow: hidden; padding-top: 0.81em; } .product-list ol .options input { margin-right: 8px; } .product-list ol .small { float: left; margin: 0; padding: 0; } .product-list ol .item-info { clear: both; border: 1px dotted #555; margin: 0; } .product-list ol .item-info th { width: 20%; } .product-list ol .item-info th, .product-list ol .item-info td { padding: 0.1em; } #qo-sl1 { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-sl1 .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0 0; padding: 12px 0; text-align: center; } #qo-sl1 .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 1% 12px 0; font-size: 0.8em; } #qo-sl1 .product-list li.odd { clear: left; } #qo-sl1 .product-list li.even { margin: 0 0 12px 1%; float: right; clear: right; } #qo-sl1 .product-list h3 { margin: 0; padding: 0; line-height: 1em; font-size: 1.3em; height: 2.1em; } #qo-sl1 .product-list li>h3 { min-height: 2.2em; height: auto; } #qo-sl1 .product-list h3 a { float: none; } #qo-sl1 .product-list a { display: inline; } /* the link surrounding the image */ #qo-sl1 .product-list a img { padding: 0; margin: 4px auto; } #qo-sl1 .product-list .excerpt { margin: 0 0 10px 0; color: #000000; } #qo-sl1 .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-sl1 .product-list a.more-info { display: inline; font-weight: bold; color: #000; width: 109px; height: 26px; text-decoration: none; text-align: center; vertical-align: middle; } #qo-sl1 .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; } #qo-sl1 .product-list a.more-info:hover { color: #000; text-decoration: none; } #qo-sl1 .product-list .item-info { text-align: center; overflow: hidden; padding: 8px 0; } #qo-sl1 .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-sl1 .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-sl1 .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-sl1 .product-list .item-info .price { color: #900;} #qo-sl1 .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-sl1 .product-list .item-info .min-qty { color: #bbb; } #qo-sl1 .product-list .item-info .min-val { color: #bbb; } #qo-sl1 .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-sl1 .product-list .item-options { line-height: 28px; } #qo-sl1 .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-sl1 .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-sl1 .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; } #qo-sl1 .product-list form img { display: inline; } #qo-sl1 .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-sl1 .product-list form>label { margin: 0; } #qo-sl1 .product-list form label abbr { } #qo-sl1 .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } /* hide the add to basket button on all types of product list pages but not the detail page */ .product-list form.basket { display: none; } /* 2 column product view layout stuff starts here */ #qo-2col{ clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-2col .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0; padding: 12px 0; } /* lines between products, individual products, also where mismatched colmns were fixed*/ #qo-2col .product-list li { float: left; width: 48%; padding-top: 20px; padding-right: 0pt; padding-bottom: 20px; padding-left: 0pt; margin-top: 0pt; margin-right: 0pt; margin-bottom: -1px; margin-left: 0pt; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: #cccccc; border-right-color: #cccccc; border-bottom-color: #cccccc; border-left-color: #cccccc; border-top-width: 1px; border-right-width: 0pt; border-bottom-width: 0px; border-left-width: 0pt; font-size: 0.8em; overflow-x: visible; overflow-y: visible;} #qo-2col .product-list>li { } #qo-2col .product-list li.odd { clear: both; } #qo-2col .product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ } #qo-2col .product-list h3 { margin: 0 0 12px; padding: 0; line-height: 1em; color: #aaaaaa; font-size:small; font-weight: normal; }/*the product name and product id header*/ #qo-2col .product-list h3 a { float: none; font-size: large; font-weight: normal;} /*the product name link*/ #qo-2col .product-list a { float: left; font-weight: bold; } /* the link surrounding the image */ #qo-2col .product-list a img { padding: 0; margin: 0 10px 0 0; } #qo-2col .product-list .excerpt { margin: 0 0 10px 0; color: #000000; height: 4em; } #qo-2col .product-list>.excerpt { height: auto; min-height: 4em; } #qo-2col .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-2col .product-list a.more-info { float: none; display: block; font-weight: medium; color: #0096d7; text-decoration: none; text-align: center; margin: 8px 0 10px; } #qo-2col .product-list a.more-info:hover { color: #999; text-decoration: none; } #qo-2col .product-list .item-info { text-align: center; overflow: hidden; margin-bottom: 6px; } #qo-2col .product-list .item-info * {display: inline; margin: 0; padding: 0; float: none; width: auto; border: 0;} #qo-2col .product-list .item-info dt { text-align: right; padding: 0 0 0 0px; } #qo-2col .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-2col .product-list .item-info .price { color: #999999; font-size: 75%;} /*price text color and size, "as low as"*/ #qo-2col .product-list .item-info .value { color: #000; font-weight: bold; font-size: 110%; }/*product price in 2 col list*/ #qo-2col .product-list .item-info .min-qty { color: #999; } /*min qty text color*/ #qo-2col .product-list .item-info .min-val { color: #999; } #qo-2col .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-2col .product-list form { margin: 6px 0 0 6px; display: block; text-align: right; vertical-align: middle; float: right; } #qo-2col .product-list form * { vertical-align: middle; } #qo-2col .product-list form label { margin: 0 6px 0 0; } #qo-2col .product-list form>label { margin: 0; } #qo-2col .product-list form label abbr { } #qo-2col .product-list form label input { text-align: center; width: 3em; font-size: 0.8em; } #qo-2col .product-list form button { padding: 0 0 1px; margin: 0; line-height: 1em; } #qo-2col .product-list form button img { margin: 1px 1px 0; } #qo-2col .product-list form button { font-size: 0.8em; } #qo-bigpic { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-bigpic .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0 0; padding: 12px 0; } #qo-bigpic .product-list li { float: left; display: block; width: 100%; padding: 14px 0; margin: 0 0 -1px 0; text-align: center; border: solid ; border-width: 1px 0; font-size: 0.8em; overflow: visible; } #qo-bigpic .product-list>li { } #qo-bigpic .product-list li.odd { clear: both; } #qo-bigpic .product-list li.even { /*float: right; clear: right;*/ } #qo-bigpic .product-list h3 { margin: 0 0 8px 250px; padding: 0; line-height: 1em; height: 1.8em; text-align: left; } #qo-bigpic .product-list li>h3 { height: auto; min-height: 1.8em; } #qo-bigpic .product-list h3 a { float: none; } #qo-bigpic .product-list a { float: left; } /* the link surrounding the image */ #qo-bigpic .product-list a img { padding: 0; margin: 0 10px 0 0; } #qo-bigpic .product-list .excerpt { margin: 0 0 10px 250px; color: #000000; text-align: left; height: 13em; } #qo-bigpic .product-list li>.excerpt { height: auto; min-height: 13em; } #qo-bigpic .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-bigpic .product-list a.more-info { float: right; width: 278px; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px 0; } #qo-bigpic .product-list a.more-info:hover { color: #000; text-decoration: none; } #qo-bigpic .product-list .item-info { text-align: center; overflow: hidden; margin: 0 0 6px 0; padding: 14px 0 0; float: right; width: 278px; clear: right; } #qo-bigpic .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-bigpic .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-bigpic .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-bigpic .product-list .item-info .price { color: #900;} #qo-bigpic .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-bigpic .product-list .item-info .min-qty { color: #bbb; } #qo-bigpic .product-list .item-info .min-val { color: #bbb; } #qo-bigpic .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-bigpic .product-list .item-options { float: left; clear: left; text-align: center; width: 240px; } #qo-bigpic .product-list .item-options { line-height: 28px; } #qo-bigpic .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-bigpic .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-bigpic .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; display: inline; } #qo-bigpic .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-bigpic .product-list form>label { margin: 0; } #qo-bigpic .product-list form label abbr { } #qo-bigpic .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } #qo-links { clear: both; float: left; width: 100%; margin: 0 0 12px; } #qo-links .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 0 0; padding: 12px 0; } #qo-links .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 0 16px; font-size: 0.8em; overflow: hidden; } #qo-links .product-list li.odd, #qo-links .product-list li.even { position: relative; height: auto !important; height: 14em; min-height: 14em; } #qo-links .product-list li.odd { clear: both; } #qo-links .product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ } #qo-links .product-list h3 { margin: 0 150px 12px 0; padding: 0 0 0; line-height: 1em; } #qo-links .product-list h3 a { float: none; } #qo-links .product-list a { float: none; } /* the link surrounding the image */ #qo-links .product-list a img.product-image { position: absolute; top: 12px; right: 0; padding: 0; margin: 0 10px 0 0; } #qo-links .product-list .excerpt { margin: 0 0 10px 0; color: #000000; height: 4em; } #qo-links .product-list>.excerpt { height: auto; min-height: 4em; } #qo-links .product-list .excerpt * { margin: 0; line-height: 0.8em; } #qo-links .product-list .item-info { clear: left; border: 0; overflow: hidden; margin: 0 150px 6px 0; } #qo-links .product-list .item-info li { border: 0; float: none; width: auto; padding: 0; margin: 0; } #qo-links .product-list .item-info .value { color: #c00; font-weight: bold; font-size: 150%; } #qo-links .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-links .product-list .item-options { margin-right: 150px; font-size: 0.96em; width: auto; text-align: left; } #qo-links .product-list .item-options ul { border: 0; width: 100%; list-style: none; padding: 0 0 8px; margin: 0; } #qo-links .product-list .item-options li { border: 0; padding: 0; margin: 0; display: block; float: left; width: 8.6em; font-size: 1em; } #qo-links .product-list .item-options a, #qo-links .product-list .item-options span { white-space: nowrap; line-height: 18px; padding: 2px 2px 2px 0; overflow: visible; } #qo-links .product-list .item-options .more-info { clear: left; } #qo-links .product-list .item-options img { display: inline; margin: 0; padding: 0; border: 0; vertical-align: baseline; } #qo-links .product-list .item-options .cat-link { padding: 6px 0; clear: both; width: auto; float: none; font-size: 1.2em; text-decoration: underline; } #qo-tc1 .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 1px 0; padding: 12px 0; text-align: center; } #qo-tc1 .product-list li { float: left; width: 31.5%; padding: 0; margin: 12px 1% 12px 0; font-size: 0.8em; background: url(/utils/template-bits/gfx/product-lists/white-corner-right-top.png) no-repeat right top; } #qo-tc1 .product-list li.one { clear: both; } #qo-tc1 .product-list li.two { margin-left: 1.7%; margin-right: 0; } #qo-tc1 .product-list li.three { float: right; margin: 12px 0; } #qo-tc1 .product-list h3 { margin: 0; padding: 8px 16px 2px; line-height: 1em; font-size: 1.3em; height: 2.1em; background: url(/utils/template-bits/gfx/product-lists/white-corner-left-top.png) no-repeat left top; } #qo-tc1 .product-list li>h3 { min-height: 2.1em; height: auto; } #qo-tc1 .product-list h3 a { float: none; } #qo-tc1 .product-list .prod-info { overflow: hidden; height: 18em; margin: 2px 2px; background: #fff; padding: 8px; } #qo-tc1 .product-list a { display: inline; } /* the link surrounding the image */ #qo-tc1 .product-list a img { padding: 0; margin: 4px auto; } #qo-tc1 .product-list a.more-info { display: inline; text-align: center; vertical-align: middle; } #qo-tc1 .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; } #qo-tc1 .product-list a.more-info:hover { } #qo-tc1 .product-list .item-info { text-align: center; overflow: hidden; padding: 8px 0 0; } #qo-tc1 .product-list .item-info * { display: inline; margin: 0; padding: 0; } #qo-tc1 .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; } #qo-tc1 .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; } #qo-tc1 .product-list .item-info .price { color: #900; } #qo-tc1 .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; } #qo-tc1 .product-list .item-info .min-qty { color: #bbb; } #qo-tc1 .product-list .item-info .min-val { color: #bbb; } #qo-tc1 .product-list .item-info abbr { border-bottom: 0; text-decoration: none; } #qo-tc1 .product-list .item-options { padding: 0 0 8px; margin: 0; } #qo-tc1 .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */ #qo-tc1 .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; } #qo-tc1 .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; } #qo-tc1 .product-list form img { display: inline; } #qo-tc1 .product-list form label { margin: 0 6px 0 0; display: inline; } #qo-tc1 .product-list form>label { margin: 0; } #qo-tc1 .product-list form label abbr { } #qo-tc1 .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; } /* LEGACY, advanced search at the top of search results */ #advanced-search-top { margin: 0 0 8px; padding: 0 2px 2px; } #advanced-search-top fieldset { margin: 0 auto; } #advanced-search-top legend { display: block; line-height: 1.4em; font-weight: bold; z-index: 1; background: #fff; } #advanced-search-top label { display: block; margin: 0; padding: 0; font-size: 0.9em; vertical-align: middle; } #advanced-search-top label span.desc { display: block; margin: 4px 0; } #advanced-search-top input { margin: auto; font-size: inherit; font-size: 0.9em; padding: 1px; } #advanced-search-top select { margin: auto; float: left; width: 58%; } #advanced-search-top label.keywords { width: 48%; float: left; margin-bottom: 6px; } #advanced-search-top #keywords-t { padding: 0; font-size: inherit; width: 96%; } #advanced-search-top label.code { width: 48%; float: right; margin-bottom: 6px; } #advanced-search-top label.code span.desc { margin: 4px 0 4px; } #advanced-search-top #product-id { padding: 0; font-size: inherit; width: 96%; } #advanced-search-top label.price-range { float: left; width: 99%; padding: 4px 0 4px 0; clear: both; } #advanced-search-top label.price-range span.desc { float: left; width: 30%; } #advanced-search-top #price-range-t { float: right; width: 66%; } #advanced-search-top label.min-price { float: left; width: 48%; clear: both; } #advanced-search-top label.max-price { float: right; width: 48%; } * html #advanced-search-top label.min-price input { padding: 0; } * html #advanced-search-top label.max-price input { padding: 0; } #advanced-search-top label.cat-search { clear: both; float: left; width: 99%; padding: 4px 0 4px; } #advanced-search-top label.cat-search span.desc { float: left; width: 30%; } #advanced-search-top label.cat-search select { float: right; width: 66%; } #advanced-search-top label.search-class { clear: both; float: left; width: 99%; padding: 4px 0 4px; } #advanced-search-top label.search-class span.desc { float: left; width: 30%; } #advanced-search-top label.search-class select { float: right; width: 66%; } #advanced-search-top label.search-class input { float: right; width: 64%; } #advanced-search-top div { clear: both; text-align: center; width: 100%; margin: 8px auto; } #advanced-search-top div input { margin: 0 auto; width: auto; padding: 2px; } /* Basic element styles (low level stuff) ---------------------------------------------------------------------------------------*/ h1 { font-size: 2em; } h2 { font-size: x-large; font-weight: normal; margin: 0 0 0.4em; border-bottom: 1px solid #ccc; padding: 0 0 0.2em; line-height: 0.81em; } h3 { font-size: medium; font-weight: bold; text-transform: small-caps; margin: 0 0 0.4em; } h4 { font-size: small; font-weight: bold; } /* may want some alternate styling in sidebars or on .tertiary, .secondary, #basket etc... */ .date { margin-bottom: 0.2em; } .date { font-size: x-small; color: #ccc; font-style: italic; } .pid { font-weight: normal; color: #aaa; font-size: small; } /* product id span */ .price { color: #000; font-weight: bold; } /* price display (not always a span) */ .sidebar .price { color: #f90; } .pagination { font-size: small; overflow: hidden; padding: 0.4em 0; vertical-align: bottom; } .pagination .per-page { float: left; } .pagination .next { float: right; padding-left: 8px; } .pagination .prev { float: right; } dl { overflow: hidden; font-size: small; } dl dt { float: left; width: 10em; padding: 0.4em 0; border-top: 1px dotted #ddd; clear: left; line-height: 1.2em; } dl dd { margin-left: 10em; padding: 0.4em; border-top: 1px dotted #ddd; line-height: 1.2em; } a { text-decoration: none; } a:link { color: #0096d7; } a:visited { color: #0096d7; } a:hover { color: #666; text-decoration: underline; } a:active { background: none; color: #0096d7; } /* .body encompasses the output from FCK Editor, try to avoid styling the colors etc as it's meant to be WYSIWYG and customers complain otherwise. They'll complain anyway coz they put tables in and it can break the layout but there's only so much you can do. Refer everyone to the documentation for guidelines on using FCK Editor to the best effect. Example: Product Description. */ .body { font-size: small; line-height: 1.62em;} /* container for FCK Editor output. this will change the body of product description if all else fails*/ p,.body ol,.body ul, .primary ul,.body blockquote,.body dl { margin: 1em 0; line-height: 1.62em; } .body table { margin: 0px; line-height: 1.62em;} .body p {font-size: small; color: #000000; font-family: verdana; margin-left: 0px;} .home .body p {font-size: x-small; color: white; font-family: verdana; margin-left: 20px;} .home .body h1 {color: #ffffff; margin-left: 20px;} .body h1 {color: black; font-size: 1.5em; margin-top: 10px; margin-left: 10px;} .body td {border: none; padding: 0px;} .body ol { list-style: decimal outside; margin-left: 32px; } .body ul { list-style: disc outside; margin-left: 32px; } .body li { line-height: 1.62em; } .body p, .body h1 {margin-left: 0px;} /* this affects image treatment on the front page where the text/code is inserted */ /*.body img { border: 1px solid #ccc; padding: 4px; background: #fff; }*/ .body img { border: none; padding: 0px; background: #fff; } img.fl-l { float: left; clear: left; margin: 0 16px 0.81em 0; border: 1px solid #656565; padding: 4px; background: #000; } img.fl-r { float: right; clear: right; margin: 0 0 0.81em 16px; border: 1px solid #656565; padding: 4px; background: #000; display:none; } img.news-image { float: right; clear: right; margin: 0.4em 0 0.81em 16px; border: 1px solid #656565; padding: 4px; background: #000; } .body blockquote { margin: 0.81em 80px 0.81em 20px; border: 1px solid #ccc; border-width: 1px 0; background: #656565; padding: 0.81em 16px; } small { font-size: small; } big { font-size: normal; font-weight: bold; } strong { font-weight: bold; } em { font-style: italic; } /* add scrollbar to overflowing color/size option on detailed prod page. width prop is necessary to have it work in IE6 */ #product .product-variations-wrap { overflow: auto; width: 600px; } .logged-in-as {margin-left: 20px; margin-top: 25px; font-size: x-small;} .front_page { background-image: url(static/attcollect/Image/att09_body2.jpg); background-repeat: no-repeat; } /* make transparent shim over product on home page invisible */ .front_page img {background-color: transparent;} /* align home page items to top of table */ tbody td {vertical-align: top;} /* hide the date drop down and calendar popup in the shopping cart. Expand text to fill space */ #checkout .date-select {display: none;} #checkout .datepicker_trigger {display: none;} #checkout .date-field label {width: 100%;} /*hide commodity code */ .commodity-code {display: none;} li.cat-link-product-selection{border-bottom:0 !important;} #category-nav li.cat-link-product-selection a, #category-nav li.cat-link-product-selection a:link, #category-nav li.cat-link-product-selection a:visited{padding-top:25px; font-weight:normal; cursor:pointer;} li.cat-link-product-selection a, li.cat-link-product-selection a:link, li.cat-link-product-selection a:visited{font-weight:bold !important;} li.cat-link-product-selection ul li a, li.cat-link-product-selection ul li a:link, li.cat-link-product-selection ul li a:visited{font-weight:normal !important;} #category-nav li.cat-link-product-selection ul li a, #category-nav li.cat-link-product-selection ul li a:link #category-nav li.cat-link-product-selection ul li a:visited{padding:0.1em 0 !important; font-weight:normal; cursor:pointer;} li.cat-link-1-piece-minimums li.cat-link-apparel li a, li.cat-link-1-piece-minimums li.cat-link-apparel li a:link, li.cat-link-1-piece-minimums li.cat-link-apparel a:visited{padding:0.25em 0;} li.cat-link-at-t-pioneers a, li.cat-link-at-t-pioneers a:link, li.cat-link-at-t-pioneers a:visited{padding-top:75px; color:#0096D7 !important;} li.cat-link-at-t-pioneers li a, li.cat-link-at-t-pioneers li a:link, li.cat-link-at-t-pioneers li a:visited{padding:0.25em 0; color:#666666 !important;} li.cat-link-at-t-university a, li.cat-link-at-t-university a:link, li.cat-link-at-t-university a:visited{color:#0096D7 !important;} li.cat-link-at-t-university li a, li.cat-link-at-t-university li a:link, li.cat-link-at-t-university li a:visited{color:#666666 !important;} li.cat-link-quick-links{border-bottom:0 !important;} li.cat-link-quick-links a, li.cat-link-quick-links a:link, li.cat-link-quick-links a:visited{font-weight:bold; cursor:default;} #tertiary div.content div.bl{display:none;} #tertiary div#category-nav{margin-bottom:0 !important;} #tertiary-links div.inner-box ul{padding-top:0 !important;} http://www.attcollection.com/static/ui.datepicker.css /* Main Style Sheet for jQuery UI date picker */ #datepicker_div, .datepicker_inline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px; } #datepicker_div { display: none; border: 1px solid #777; z-index: 9999; /*must have*/ } .datepicker_inline { float: left; display: block; border: 0; } .datepicker_rtl { direction: rtl; } .datepicker_dialog { padding: 5px !important; border: 4px ridge #ddd !important; } button.datepicker_trigger { width: 25px; } img.datepicker_trigger { margin: 2px; vertical-align: middle; } .datepicker_prompt { float: left; padding: 2px; background: #ddd; color: #000; } * html .datepicker_prompt { width: 185px; } .datepicker_control, .datepicker_links, .datepicker_header, .datepicker { clear: both; float: left; width: 100%; color: #fff; } .datepicker_control { background: #400; padding: 2px 0px; } .datepicker_links { background: #000; padding: 2px 0px; } .datepicker_control, .datepicker_links { font-weight: bold; font-size: 80%; letter-spacing: 1px; } .datepicker_links label { /* disabled links */ padding: 2px 5px; color: #888; } .datepicker_clear, .datepicker_prev { float: left; width: 34%; } .datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev { float: right; text-align: right; } .datepicker_current { float: left; width: 30%; text-align: center; } .datepicker_close, .datepicker_next { float: right; width: 34%; text-align: right; } .datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next { float: left; text-align: left; } .datepicker_header { padding: 1px 0 3px; background: #333; text-align: center; font-weight: bold; height: 1.3em; } .datepicker_header select { background: #333; color: #fff; border: 0px; font-weight: bold; } .datepicker { background: #ccc; text-align: center; font-size: 100%; } .datepicker a { display: block; width: 100%; } .datepicker_titleRow { background: #777; } .datepicker_daysRow { background: #eee; color: #666; } .datepicker_weekCol { background: #777; color: #fff; } .datepicker_daysCell { color: #000; border: 1px solid #ddd; } .datepicker_daysCell a{ display: block; } .datepicker_weekEndCell { background: #ddd; } .datepicker_titleRow .datepicker_weekEndCell { background: #777; } .datepicker_daysCellOver { background: #fff; border: 1px solid #777; } .datepicker_unselectable { color: #888; } .datepicker_today { background: #fcc !important; } .datepicker_currentDay { background: #999 !important; } .datepicker_status { background: #ddd; width: 100%; font-size: 80%; text-align: center; } /* ________ Datepicker Links _______ ** Reset link properties and then override them with !important */ #datepicker_div a, .datepicker_inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; } .datepicker_inline .datepicker_links a { padding: 0 5px !important; } .datepicker_control a, .datepicker_links a { padding: 2px 5px !important; color: #eee !important; } .datepicker_titleRow a { color: #eee !important; } .datepicker_control a:hover { background: #fdd !important; color: #333 !important; } .datepicker_links a:hover, .datepicker_titleRow a:hover { background: #ddd !important; color: #333 !important; } /* ___________ MULTIPLE MONTHS _________*/ .datepicker_multi .datepicker { border: 1px solid #777; } .datepicker_oneMonth { float: left; width: 185px; } .datepicker_newRow { clear: left; } /* ___________ IE6 IFRAME FIX ________ */ .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*/ } li.tab-link-search a, li.tab-link-search a:link, li.tab-link-search a:visited{display:block; float:left; background:url(/static/Image/search_114_25.jpg) left top no-repeat; width:114px; height:25px; text-indent:-9999px !important;} li.tab-link-search a:hover, li.tab-link-search a:active{background-position: left bottom;} li.tab-link-favorites a, li.tab-link-favorites a:link, li.tab-link-favorites a:visited{display:block; float:left; background:url(/static/Image/favorites_136_25.jpg) left top no-repeat; width:136px; height:25px; text-indent:-9999px !important;} li.tab-link-favorites a:hover, li.tab-link-favorites a:active{background-position: left bottom;} li.tab-link-view-basket a, li.tab-link-view-basket a:link, li.tab-link-view-basket a:visited{display:block; float:left; background:url(/static/Image/viewBasket_152_25.jpg) left top no-repeat; width:152px; height:25px; text-indent:-9999px !important;} li.tab-link-view-basket a:hover, li.tab-link-view-basket a:active{background-position: left bottom;} li.tab-link-check-out a, li.tab-link-check-out a:link, li.tab-link-check-out a:visited{display:block; float:left; background:url(/static/Image/checkOut_137_25.jpg) left top no-repeat; width:137px; height:25px; text-indent:-9999px !important;} li.tab-link-check-out a:hover, li.tab-link-check-out a:active{background-position: left bottom;} li.tab-link-size-charts a, li.tab-link-size-charts a:link, li.tab-link-size-charts a:visited{display:block; float:left; background:url(/static/Image/sizeCharts_146_25.jpg) left top no-repeat; width:146px; height:25px; text-indent:-9999px !important;} li.tab-link-size-charts a:hover, li.tab-link-size-charts a:active{background-position: left bottom;} li.tab-link-customer-service a, li.tab-link-customer-service a:link, li.tab-link-customer-service a:visited{display:block; margin-left:0 !important; float:left; background:url(/static/Image/customerService_184_25.jpg) left top no-repeat; width:184px; height:25px; text-indent:-9999px !important;} li.tab-link-customer-service a:hover, li.tab-link-customer-service a:active{background-position: left bottom;} .inner-box ul{margin:0; padding:0;} p.copyright{color:#797979 !important; font-size:10px; float:left;} #inner-content{position:relative;} #header h1 a { height: 68px; width: 71px; display: block; overflow: hidden; text-indent: -9999px; background:url(/static/Image/logo_68_71.jpg) left top no-repeat; position:absolute; right:5px; top:15px; botton:15px; } dl.item-info dt.price{display:none !important;} dt.price{display:none !important;} .price-box em{display:none;} li.cat-link-shop-by-category {display:block; margin-top:20px; border-bottom:0 !important;} li.cat-link-shop-by-category a, li.cat-link-shop-by-category a:link, li.cat-link-shop-by-category a:visited{font-weight:bold; border-bottom:0;} li.cat-link-shop-by-category li a, li.cat-link-shop-by-category li a:link, li.cat-link-shop-by-category li a:visited{font-weight:normal !important; border-bottom:1px !important;}