/* * Tuttle Orchards Root CSS * Last Modified: 3/8/10 * By: Frank * * */ /* ********************************************************************************* * 0) Clear everything style sheet * *********************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} /* ********************************************************************************* * 1) Overall Site Settings * *********************************************************************************/ p {font-family:"verdana";font-size:10pt;margin:0;padding:0;text-align:left;} a: {font-family: "verdana"; font-size: 9pt;} a:link {color:black;} a:visited {color:gray;} a:hover {text-decoration:underline;} a.header {position:relative;font-size:12pt;font-weight:800;font-family:'verdana';text-decoration:none;} a.link {position:relative;font-size:11pt;font-weight:400;font-family:'verdana';text-decoration:none;} img {margin:0;border:0;} body {text-decoration:none;padding: 0;margin: 0;text-align: left;} h1 {color:#006633;font-size:18pt;font-weight:bold;font-family:'verdana';} h2 {color:#006633;font-size:14pt;font-weight:bold;font-family:'verdana';} h3 {color:#006633;font-size:12pt;font-weight:normal;font-family:'verdana'} h4 {color:#006633;font-size:10pt;font-weight:normal;font-family:'verdana'} h5 {font-size:9pt;font-weight:bold;font-family:'verdana'} td {font-family: Verdana, Geneva, sans-serif; font-size: 10pt;} div {font-family: Verdana, Geneva, sans-serif; font-size:9 pt;} /* ********************************************************************************* * 2) Cake PHP Debug and other overall Settings * *********************************************************************************/ /* Layout */ #container {text-align: left;} #header{padding: 10px 20px;} #header h1 {background: #003d4c url('../img/cake.icon.gif') no-repeat left; color:#F0F0F0;padding: 0px 30px;} #header h1 a {color: #fff;background: #003d4c;font-weight: normal;text-decoration: none;} #header h1 a:hover {color: #fff;background: #003d4c;text-decoration: underline;} #content{background: #fff;clear: both;color: #333;padding: 5px 0px 30px 0px;width:100%;} #footer {clear: both;padding: 6px 10px;text-align: right;} /* Tables */ table { background: #fff; /* border:1px solid #ccc;*/ border-right:0; clear: both;color: #333;margin-bottom: 10px;width: 100%;} th {background: #f2f2f2;border:1px solid #bbb;border-top: 1px solid #fff;border-left: 1px solid #fff;text-align: center;} th a {background:#f2f2f2;display: block;padding: 2px 4px;text-decoration: none;} th a:hover {background: #ccc;color: #333;text-decoration: none;} table tr td {background: #fff; /* border-right: 1px solid #ccc; */text-align: left;vertical-align: top; padding: 2px;} table tr.altrow td {background: #f4f4f4;} td.actions {text-align: center;white-space: nowrap;} td.actions a {margin: 0px 6px;} .cake-sql-log table {background: #f4f4f4;} .cake-sql-log td {padding: 4px 8px;text-align: left;} /* Paging */ div.paging {background:#fff;color: #ccc;margin-bottom: 2em;} div.paging div.disabled {color: #ddd;display: inline;} div.paging span {} div.paging span.current {color: #000;} div.paging span a {} /* Scaffold View */ dl {line-height: 2em;margin: 0em 0em;width: 100%;} dl.altrow { background: #f4f4f4;} dt {font-weight: bold;padding-left: 4px;vertical-align: top;} dd {margin-left: 10em;margin-top: -2em; vertical-align: top;} /* Forms */ form {clear: both;margin-right:0px;padding: 0;width: 100%;} fieldset {border: 1px solid #ccc;margin-top: 10px;padding: 8px 10px;} fieldset legend {background:#fff;color: #e32;font-size: 150%;font-family: "verdana"; font-weight: bold;} fieldset fieldset {margin-top: 0px;margin-bottom: 20px;padding: 16px 10px;} fieldset fieldset legend {font-family: "verdana"; font-size: 100%;font-weight: normal;} fieldset fieldset div {clear: left;margin: 0 20px;} form div {clear: both;margin-bottom: 1em;vertical-align: text-top;} /* padding: .5em */ form div.input {color: #444;} form div.required {color: #333;font-weight: bold;} form div.submit {border: 0;clear: both;margin-top: 10px;margin-left: 140px;} label {display: block;font-size: 100%;padding:0 20px 3px 0;} input {clear: both;font-size: 140%;font-family: "verdana", sans-serif;padding: 2px;width: 95%;} textarea {clear: both;font-size: 90%;font-family: "verdana", sans-serif;padding: 2px;width: 95%;} select {clear: both;font-size: 100%;vertical-align: text-bottom;} select[multiple=multiple] {width: 95%;} option {font-size: 100%;padding: 0 3px;} input[type=checkbox] {clear: left;float: left;margin: 0px 6px 7px 2px;width: auto;} input[type=radio] {float:left;width:auto;margin: 0 3px 7px 0;} div.radio label {margin: 0 0 6px 20px;} input[type=submit] {display: inline;font-size: 110%;padding: 2px 5px;width: auto;vertical-align: bottom;} form table {border-style:none;} form table tr td{border:none;} #formD {font-size:12pt; font-weight:300;font-family:'verdana';} #formD em {font-weight: bold; font-style: normal; color: #f00; /*red*/} #formD p {font-size:10pt; font-weight:200; font-family:'verdana'; } form.form fieldset {margin-bottom:0; } form.form legend {padding: 0; font-family: Verdana, Geneva, sans-serif; font-weight: bold;} form.form label {display: inline-block;line-height: 1.8; vertical-align: top;} form.form fieldset ol {margin: 0; padding: 0;} form.form fieldset li {list-style: none; padding: 5px; margin: 0;} form.form fieldset fieldset {border: none;} form.form fieldset fieldset legend {font-family: Verdana, Geneva, sans-serif; font-weight: normal;} form.form fieldset fieldset label {display: block;width: 100px;} form.form label {width: 120px;} form.form fieldset fieldset label {margin-left: 10px;} .formImage{max-height:500px; overflow:auto;} /* Notices and Errors */ div.message {clear: both;color: #900;font-size: 140%;font-weight: bold;margin: 1em 0;} div.error-message {clear: both;color: #900;font-weight: bold;} p.error {background-color: #e32;color: #fff;font-family: verdana, monospace;font-size: 120%;line-height: 140%;padding: 0.8em;margin: 1em 0;} p.error em {color: #000;font-weight: normal;line-height: 140%;} .notice {background: #ffcc00;color: #000;display: block;font-family: verdana, monospace;font-size: 120%;line-height: 140%;padding: 0.8em;margin: 1em 0;} .success {background: green;color: #fff;} .message {position:relative; margin:0;padding:0;left:10%;top:0%;line-height:0em;height:12px;font-size:8pt; font-family:Verdana, Geneva, sans-serif; overflow: visible;} .info {color: black;background-color: transparent;font-weight: normal;} .warn {color: rgb(120,0,0); background-color: transparent;font-size:10pt;font-weight: normal;} .error {color: red;font-size:10pt;background-color: transparent; font-weight: bold} .formtab TD {padding: 0.2em;height: 2.5em;vertical-align: top; font-size: 90%;} /* Actions */ div.actions ul {margin: 0px 0;padding: 0;} div.actions li {display: inline;list-style-type: none;line-height: 2em;margin: 0 2em 0 0;white-space: nowrap;} div.actions ul li a {background:#fff;color: #003d4c;text-decoration: none;} div.actions ul li a:hover {color: #333;text-decoration: underline;} /* Related */ div.related {clear: both;display: block;} /* Debugging */ pre {color: #000;background: #f0f0f0;padding: 1em;} pre.cake-debug {background: #ffcc00;font-size: 120%;line-height: 140%;margin-top: 1em;overflow: auto;position: relative;} div.cake-stack-trace {background: #fff;border: 4px dotted #ffcc00;color: #333;margin: 0px;padding: 6px;font-size: 120%;line-height: 140%;overflow: auto;position: relative;} div.cake-code-dump pre {position: relative;overflow: auto;} div.cake-stack-trace pre, div.cake-code-dump pre {color: #000;background-color: #F0F0F0;margin: 0px;padding: 1em;overflow: auto;} div.cake-code-dump pre, div.cake-code-dump pre code {clear: both;font-size: 12px;line-height: 15px;margin: 4px 2px;padding: 4px;overflow: auto;} div.cake-code-dump span.code-highlight {background-color: #ff0;padding: 4px;} div.code-coverage-results div.code-line {padding-left:5px;display:block;margin-left:10px;} div.code-coverage-results div.uncovered span.content {background:#ecc;} div.code-coverage-results div.covered span.content {background:#cec;} div.code-coverage-results div.ignored span.content {color:#aaa;} div.code-coverage-results span.line-num {color:#666;display:block;float:left;width:20px;text-align:right;margin-right:5px;} div.code-coverage-results span.line-num strong {color:#666;} div.code-coverage-results div.start {border:1px solid #aaa;border-width:1px 1px 0px 1px;margin-top:30px;padding-top:5px;} div.code-coverage-results div.end {border:1px solid #aaa;border-width:0px 1px 1px 1px;margin-bottom:30px;padding-bottom:5px;} div.code-coverage-results div.realstart {margin-top:0px;} div.code-coverage-results p.note {color:#bbb;padding:5px;margin:5px 0 10px;font-size:10px;} div.code-coverage-results span.result-bad {color: #a00;} div.code-coverage-results span.result-ok {color: #fa0;} div.code-coverage-results span.result-good {color: #0a0;} .cake-sql-log table {background: #f4f4f4;} .cake-sql-log td {padding: 4px 8px;text-align: left;} /* ********************************************************************************* * 3) General Page Layout * *********************************************************************************/ /* top header */ #header {position:relative;margin:auto;padding:0;height: 300px;width: 960px; /*background-color:#F0EEE0; */} #state {position:absolute;top:9px; right:0px;width:125px;z-index:1;} #facebook {position:absolute;top:80px; right:135px;width:25px;z-index:3;} #logo_box {height:140px;} #login_box {position: absolute;padding: 0;margin: 0;top: 10px;left:200px;height: 70px;width: 300px; z-index:5;} #logo_box img {height: 140px; width: 200px;} #address_box {position: absolute;padding: 0;margin: 0;top: 10px;right: 100px;height: 70px;z-index:30;} #address_box p{ color:black;font-size:10pt; font-style:normal; font-weight:500;font-family:'verdana'; text-decoration:none; text-align:right;padding:2px 2px 0 0;} #address_box a {font-weight:500;font-size:12pt;text-decoration:none;} #address_box a.hover {text-decoration:underline;border:none; /* for an ie 6 bug */} #hidden {color:#FFFFFF;} #hidden a:link {color:#FFFFFF;} a:link #hidden {color:#FFFFFF;} #bar {position:absolute;top:110px;left:200px;width: 700px;z-index:2;} /* drop down links */ #topbar {margin: 0;padding: 0;height: 1em; padding-bottom:8px;} #topbar { font-size: 10pt;} #topbar li { list-style: none;float: left;} #topbar li a {display: block;padding: 3px 12px;text-decoration: none; font-size: 12pt;} #topbar li ul {display: none; min-width: 11em; /* Width to help Opera out */} #topbar li ul li {list-style: none;float:left;} #topbar li ul li ul {display: none;width: 10em;} #topbar li:hover ul, #topbar li.hover ul {display: block;border:none; position: absolute;margin: 0;padding: 0;} #topbar li:hover li, #topbar li.hover li {float: none;border:none; /* for an ie 6 bug */} #topbar li:hover li a, #topbar li.hover li a {background-color:#F0F0F0; /* blue ish */ border-bottom: 1px solid #fff; color: #000;} #topbar li li a:hover {background-color:#99CC99 ;border-bottom: 1px solid #fff; /* for an ie 6 bug */} #image_bar {position:absolute;bottom:0px;height: 160px;width: 960px;} #image_bar img {display:none;position:absolute;width: 960px;height: 160px;z-index:-1;} #treeLinks{margin:3px;} /* Content */ #main {margin:auto;position:relative;width:960px;} #content p {margin:10px;font-size:11pt;font-weight:normal;font-family:'verdana';text-indent:0; line-height: 100%;} /* Bottom Section */ #bottom_bar {font-size:9pt; font-family:'verdana'; color:#006633;text-decoration:none;text-align:center;} #bottom_bar a{color:#006633;} #bottom_bar ul {list-style:none;display:block;padding-left:350px; /* there could be a better way to center the links */} #bottom_bar li {margin:5px;float:left;} #bottom_bar p {text-align:center;font-size:9pt;} /* ********************************************************************************* * 4) Home Page * *********************************************************************************/ #homeAd {no-repeat; display:block;padding:0px; min-height:340px;} /* background:url('../img/blackBox315_300.gif') */ #homeAd img{height:340px; width:320px;} #homeLinks {margin:15px 10px 70px 10px;} #homeLinks ul {} #homeLinks li a {display: block;padding:0px 15px 3px 0px; text-decoration: none;} #homeLinks ul li{list-style: none;float: left;} #homeLinks ul li a{font-size:22pt; font-weight:bold; color: #006633;} #homeTable{border:0;} #homeTable tr td{border:0px;} #homeInfo {no-repeat;display: block;padding:0px 5px 0px 5px; height:340px;} /* background:url('../img/blackBox315_300.gif') */ #homeInfo p{font-size:11pt; margin:0;} #homeNews {no-repeat;display: block;padding:0px;height:340px;} /* background:url('../img/blackBox315_300.gif') */ #scrollBox{overflow:auto; height:340px;} #scrollBox .messageBox{margin:7px; padding:10px;} /* ********************************************************************************* * 5) Main Pages * *********************************************************************************/ #mainContent {padding:10px;} #news {display: block;padding:5px 15px 15px 15px; max-height:400px; overflow:auto;} #current {display: block;padding:5px 15px 15px 30px; max-height:230px; overflow: auto;} #current li{margin-left:30px;} #current a{font-size:13pt;font-weight:500;color:black;} #current a:visited{color:black;} .messageBox {border: 1px solid silver; margin:4px 0 4px 0; min-height:68px; padding:5px;} .messageBox h4 {font-size:11pt;font-weight:700;font-family:'verdana';} .messageImage {width:70px;} .messageBox .messageImageCrop{float:left; max-width:70px; max-height:45px; margin:7px; overflow:hidden;} .inlineHeader{display:inline;font-weight:600;} #linkImages img{width:200px; padding:2px 2px 2px 2px;} #lastUpdate{position:absolute; bottom:90px;} /* ********************************************************************************* * 6) Static Pages * *********************************************************************************/ /* Static Pages Style Sheet */ table.columns {border-width: 0px;border-spacing: 0px;border-style: none;border-collapse: collapse;} table.columns td {border-width: 0px;padding: 0px;} #linksTop{background:url('../img/links_top.jpeg'); min-height:40px;} #links {display:block;padding:10px 15px 100px 10px; background:url('../img/links_middle.jpeg'); min-height:250px; width:150px;} #links ul li{padding:0px 0px 5px 20px;} #contentBlocks {display:inline;} #contentBlocks p {font-size:12 pt; line-height: 130%;} #contentBlocks img {margin: 5px;} #contentBlocks li {font-size:12pt; list-style type: block:} .left{float:left; margin:5px;} .right{float:right; margin:5px;} /* ********************************************************************************* * 7) Product Listings * *********************************************************************************/ .plantSet ul {list-style-type:none; margin:0;padding: 0;} .plantSet ul li {display:block;position: relative;float:left; width: 130px;height: 70px;border: 1px solid silver; padding:10px;margin: 3px; overflow: hidden;} .plantSet ul a {position: absolute;top: 50%;left: 50%;} .plantSet ul img { position: relative; border-width: 1px;} .plantSet label {font-size:100%;} .plantSet {margin-top:120px;} #rating{position:absolute; left:520px;} /* * h2 {font-size:14pt; font-weight:bold; color:black; font-family: "verdana"} * h3 {font-size:14pt;font-family: "verdana"} */ .productBox {display:inline; border: 1px solid silver; background: #ededed; margin:10px; min-height:100px; width:300px;} #content p {font-family: "verdana"; font-size:13pt;} .productImage {float:left; padding:10px;} #info {no-repeat; display: block; padding:20px 15px 15px 15px;} /* background:url('../img/blackBox780_500.gif') */ #mainImage{width:300px; margin:0 10px 0 5px; padding:0; float:left;} #imageBar{min-height:130px;} #content p {font-size:13pt;} .highslide-gallery ul { list-style-type: none;margin: 0;padding: 0;} .highslide-gallery ul li {display: block;position: relative;float: left;width: 100px;height: 100px; border: 1px solid silver;background: #ededed;margin: 7px;line-height: 0;overflow: hidden;} #products .highslide-gallery ul li img {max-height:90px;max-width: 90px;} .highslide-gallery ul a {position: absolute;top: 50%;left: 50%;} .highslide-gallery ul img { position: relative; border-width: 1px;top: -50%;left: -50%;} .jcarousel-skin-tango .jcarousel-container {position:relative;overflow:hidden;width: 685px;height:120px;border:1px solid #ccc;background:url(../img/h3000000.png) repeat-x;} .jcarousel-skin-tango .jcarousel-container-horizontal {width: 685px;padding: 20px 40px; margin:10px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 685px;height: 120px;} .jcarousel-skin-tango .jcarousel-item {width: 120px; height: 120px;} .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px;} .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;} /** Horizontal Buttons*/ .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 65px;right: 5px; width: 30px;height: 32px;cursor: pointer; background: transparent url(../img/hori_lar.png) no-repeat 0 0;background-position: 0 -30px; clear:right; margin-right: 0px;} .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-30px -30px;} .jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position:-60px -30px;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 65px;left: 5px; width: 30px;height: 32px; cursor: pointer;background: transparent url(../img/hori_lar.png) no-repeat 0 0;margin-left: 0px;} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:-30px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position:-60px 0;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;} /* small version */ .jcarousel-skin-tango-small .jcarousel-container {position:relative;overflow:hidden;width: 380px;height:120px;border:1px solid #ccc;background:url(../img/h3000000.png) repeat-x;} .jcarousel-skin-tango-small .jcarousel-container-horizontal {width: 380px;padding: 20px 40px; margin:10px;} .jcarousel-skin-tango-small .jcarousel-clip-horizontal {width: 380px;height: 120px;} .jcarousel-skin-tango-small .jcarousel-item {width: 120px; height: 120px;} .jcarousel-skin-tango-small .jcarousel-item-horizontal { margin-right: 10px;} .jcarousel-skin-tango-small .jcarousel-item-placeholder {background: #fff; color: #000;} .jcarousel-skin-tango-small .jcarousel-next-horizontal {position: absolute;top: 65px;right: 5px; width: 30px;height: 32px;cursor: pointer; background: transparent url(../img/hori_lar.png) no-repeat 0 0;background-position: 0 -30px; clear:right; margin-right: 0px;} .jcarousel-skin-tango-small .jcarousel-next-horizontal:hover {background-position:-30px -30px;} .jcarousel-skin-tango-small .jcarousel-next-horizontal:active {background-position:-60px -30px;} .jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;} .jcarousel-skin-tango-small .jcarousel-prev-horizontal {position: absolute;top: 65px;left: 5px; width: 30px;height: 32px; cursor: pointer;background: transparent url(../img/hori_lar.png) no-repeat 0 0;margin-left: 0px;} .jcarousel-skin-tango-small .jcarousel-prev-horizontal:hover {background-position:-30px 0;} .jcarousel-skin-tango-small .jcarousel-prev-horizontal:active {background-position:-60px 0;} .jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;} /* product version */ .jcarousel-skin-tango-product .jcarousel-container {position:relative;overflow:hidden;width: 685px;height:140px;border:1px solid #ccc;background:url(../img/h3000000.png) repeat-x;} .jcarousel-skin-tango-product .jcarousel-container-horizontal {width: 685px;padding: 10px 40px; margin:10px;} .jcarousel-skin-tango-product .jcarousel-clip-horizontal {width: 685px;height: 140px;} .jcarousel-skin-tango-product .jcarousel-item {width: 120px; height: 140px;} .jcarousel-skin-tango-product .jcarousel-item-horizontal { margin-right: 10px;} .jcarousel-skin-tango-product .jcarousel-item-placeholder {background: #fff; color: #000;} /** Horizontal Buttons*/ .jcarousel-skin-tango-product .jcarousel-next-horizontal {position: absolute;top: 65px;right: 5px; width: 30px;height: 32px;cursor: pointer; background: transparent url(../img/hori_lar.png) no-repeat 0 0;background-position: 0 -30px; clear:right; margin-right: 0px;} .jcarousel-skin-tango-product .jcarousel-next-horizontal:hover {background-position:-30px -30px;} .jcarousel-skin-tango-product .jcarousel-next-horizontal:active {background-position:-60px -30px;} .jcarousel-skin-tango-product .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;} .jcarousel-skin-tango-product .jcarousel-prev-horizontal {position: absolute;top: 65px;left: 5px; width: 30px;height: 32px; cursor: pointer;background: transparent url(../img/hori_lar.png) no-repeat 0 0;margin-left: 0px;} .jcarousel-skin-tango-product .jcarousel-prev-horizontal:hover {background-position:-30px 0;} .jcarousel-skin-tango-product .jcarousel-prev-horizontal:active {background-position:-60px 0;} .jcarousel-skin-tango-product .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;} /* get rid of those system borders being generated for A tags */ a:active {outline:none;} :focus { -moz-outline-style:none;} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2; padding: 0; margin: 0;overflow: hidden; position: relative;} .jcarousel-list {z-index: 1;overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li,.jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 120px; height: 120px;} /** * The buttons are added dynamically by jCarousel before * the