element is wrapped by jCarousel around the list
* and has the classname "carousel-gallery".
*/
.jcarousel-container-horizontal {
width: 472px;
}
.carousel-gallery {
position: relative;
margin: 1em 0;
}
.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 a, .jcarousel-item {
float: left;
list-style: none !important;
margin: 0 !important;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-neat .jcarousel-next-horizontal {
position: absolute;
top: 43px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: #000;
}
.jcarousel-skin-neat .jcarousel-next-horizontal:hover {
background-position: -32px 0;
}
.jcarousel-skin-neat .jcarousel-next-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-neat .jcarousel-next-disabled-horizontal, .jcarousel-skin-neat .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-neat .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
.jcarousel-skin-neat .jcarousel-prev-horizontal {
position: absolute;
top: 43px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-neat .jcarousel-prev-horizontal:hover {
background-position: -32px 0;
}
.jcarousel-skin-neat .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-neat .jcarousel-prev-disabled-horizontal, .jcarousel-skin-neat .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-neat .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
/**
* Vertical Buttons
*/
.jcarousel-skin-neat .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-neat .jcarousel-next-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-neat .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-neat .jcarousel-next-disabled-vertical, .jcarousel-skin-neat .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-neat .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.jcarousel-skin-neat .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-neat .jcarousel-prev-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-neat .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-neat .jcarousel-prev-disabled-vertical, .jcarousel-skin-neat .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-neat .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
/* Default css for eShop display */
.downstream ul.eshoppanels a {
text-decoration: none;
}
.downstream ul.eshoppanels {
margin: 0;
overflow: hidden;
}
.eshoppanels li {
float: left;
position: relative;
margin: 0 7px 7px 0;
padding: 7px;
width: 142px;
height: 145px;
border: 1px solid #ccc;
}
.eshoppanels li:hover {
box-shadow: 3px 3px 3px rgba(0, 0, 0, .10);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .10);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .10);
}
.eshoppanels a img {
margin-bottom: 1px;
border: 1px solid #ccc;
}
.eshoppanels li span {
color: #999;
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
}
.eshoppanels li span.itemTitle {
color: #555;
}
.eshoppanels li span.itemPrice {
position: absolute;
right: 8px;
bottom: 5px;
color: #a6b82a;
text-align: right;
}
/* payment-via options on checkout page */
form.eshopform fieldset.eshoppayvia li label {
float:left;
}
/* adjust to suit if you are using an Add To Cart image rather than a button */
form.eshop input.buttonimg {
width:111px;
height:33px;
position:relative;
top:10px;
}
/* COLORS */
/*********** TABLES ***************/
/* generic eshop table colors */
table.eshop, table.eshop th, table.eshop td {
}
table.eshop img {
border:1px solid #999;
}
table.eshop thead th, table.cart thead th {
background: #ddd;
color: #404040;
}
table.eshop tbody th {
background: #ddd;
}
table.eshop tr.alt {
background: #EEEEF8;
color: #606060;
}
table.eshop tr.alt a {
color:#3A5988;
}
.leftb img {
float: left;
}
.leftb a {
font: normal 11.5px Georgia, serif;
}
.eshopidetails {
display: block;
}
#cartTotal {
text-align: right;
}
/* shopping cart */
table.cart tr.stotal {
background: #ddd;
color: #404040;
}
table.cart tr.total {
background:#EFDEF1;
color:#404040;
}
.errors {
margin-left: 25px;
list-style: square;
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
}
.errors li {
padding: 2px 0;
}
#mainlegend {
display: none;
}
.continue-proceed li {
font: normal 12px Georgia, serif;
}
/*********** LISTS ***************/
/* generic eshop panel list colors */
ul.eshop li a:hover img, ul.eshop li a:active img, ul.eshop li a:focus img {
border-color:#ccc;
}
/* eshop panels with form */
ul.eshoppanels li form.addtocart {
color:#404040;
border:none;
}
/*********** A-Z LISTING ***************/
ul.eshopaz li a {
border:1px solid #b5b5b5;
}
ul.eshopaz li.current a {
border:1px solid #000;
}
ul.eshopaz li span {
color:#b5b5b5;
border:1px solid #b5b5b5;
}
ul.eshopaz li a:hover, ul.eshopaz li a:active, ul.eshopaz li a:focus {
border:1px solid #060;
}
ul.eshopaz li a:active, ul.eshopaz li a:focus {
background:#D1FDA5;
color:#000;
}
/*********** FORMS ***************/
/* generic eshop form colors */
form.eshop input.button {
background:#676B7B;
color:#fff;
border-width:1px;
border-style:solid;
border-color:#9396A4 #555 #555 #9396A4;
}
form.eshop input.button:hover, form.eshop input.button:active, form.eshop input.button:focus {
background:#D1FDA5;
color:#404040;
}
form.eshop input.buttonimg {
background:transparent;
border:none;
}
form.eshop fieldset {
margin-bottom: 10px;
padding: 6px;
color:#606060;
background:#E6E6F6;
border:1px dashed #CFD0D6;
}
form.eshop fieldset fieldset {
background:#EEEEF8;
}
form.eshop legend {
padding: 2px 4px;
background:#CFCFE0;
color:#404040;
border-width:1px;
border-style:solid;
border-color:#DBE3F0 #B6BAC9 #B6BAC9 #DBE3F0;
}
form.eshop input, form.eshop textarea {
background:#FAFAFA;
color:#000;
border:1px solid #ccc;
}
form.eshop input:focus, form.eshop textarea:focus, form.eshop input.focus, form.eshop textarea.focus {
background:#fff;
color:#404040;
border-color:#0d0;
}
form.dlproduct label {
color:#A22F2F;
}
/*********** OTHER ***************/
/* no bullets */
#content .eshop li, #content ul.eshopfeatured li, #content ul.eshopfeatured li, #content ul.eshopsubpages li, #content ul.eshoprandomlist li, #content ul.eshopshowproduct li, #content ul.eshoppanels li, #content fieldset.eshoppayvia li, #content .pagfoot ul li, #content ul.continue-proceed li {
list-style-type:none;
list-style-image:none;
}
/* pagination */
.pagfoot {
clear: both;
}
.paginate ul {
overflow: hidden;
}
.paginate li {
float: left;
margin: 5px 2px 5px 0;
padding: 2px;
color:#404040;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background:#DEE0F1;
border-width:1px;
border-style:solid;
border-color:#EAEAF6 #CECFDB #CECFDB #EAEAF6;
}
/* automatic redirect to paypal */
#process {
background:#E6FDCD;
color:#404040;
border:3px double #4EAB02;
}
/* errors & required */
.reqd, .error {
color:#A22F2F;
}
/* credits */
.creditline {
color:#969696;
}
/* LAYOUT */
/*********** TABLES ***************/
/* generic eshop table layout */
table.eshop {
width:99%;
border-collapse:collapse;
line-height:1.3em;
}
table.eshop caption {
margin-bottom:0;
padding:2px 0;
font-size:.9em;
}
table.eshop thead th {
font-weight:bold;
text-align:center;
}
#cartItem {
text-align: left;
}
table.eshop tbody th {
text-align:left;
}
table.eshop td {
padding:3px;
}
table.eshop .center {
text-align:center;
}
table.eshop dfn {
font-style:normal;
}
table.eshop img {
margin:0 10px 0 0;
vertical-align:top;
}
/* shopping cart */
table.cart td, table.cart th {
padding:5px 8px;
}
table.cart td.amts {
text-align:right;
}
table.cart td.cqty {
text-align:center;
}
table.cart td.cqty input {
text-align:right;
}
table.cart tr.stotal {
text-align:right;
}
/* shipping rates */
table#eshopshiprates td {
text-align:right;
}
table#eshopshiprates td.center {
text-align:center;
}
table#eshopshiprates thead th, #zonelist thead th {
padding:2px;
}
table#eshopshiprates {
margin-bottom:10px;
}
#zonelist td {
text-align:left;
}
#zonelist td.code, #zonelist td.zone {
text-align:center;
}
.eshopzones label {
display:inline;
}
.eshopzones .button {
padding:0 5px;
}
/* eshop discounts */
table.eshopdiscounts thead th#ediscount {
width:8em;
}
table.eshopdiscounts tbody th {
text-align:center;
}
table.eshopdiscounts td.amts {
text-align:right;
}
table.eshopdiscounts td.disc {
text-align:right;
}
.shipdiscount span {
font-weight:bold;
}
/*********** FORMS ***************/
/* generic form buttons */
input.button {
width:auto;
padding:2px 5px;
margin-right:1em;
}
input.button:hover, input.button:active, input.button:focus {
cursor:pointer;
}
/* generic form layout */
form.eshop {
margin: 0 auto;
line-height:1.8em;
}
form.eshop label {
font-weight:bold;
}
form.eshop input, form.eshop textarea {
font-size:1em;
}
form.eshop textarea {
width:98%;
}
/* add to cart forms */
form.addtocart {
padding:5px;
}
form.addtocart fieldset {
padding:10px;
}
form.addtocart select {
width:auto;
margin-right:20px;
}
form.addtocart span.sglprice {
width:auto;
margin-right:20px;
}
form.addtocart label {
display:inline;
}
form.addtocart input.iqty {
width:2.5em;
}
form.addtocart dfn {
font-style:normal;
}
/* downloads form */
form#eshopdlform fieldset {
width:20em;
margin:0 auto;
}
form#eshopdlform input#email, form#eshopdlform input#code {
width:99%;
font-size:.9em;
margin:0 0 10px;
}
form#eshopdlform label {
display:block;
font-size:1em;
}
form#eshopdlform input.button {
display:block;
margin:0 auto;
}
/* download products page */
form.dlproduct {
margin-bottom:20px;
}
form.dlproduct fieldset, form#dlall fieldset {
padding:15px;
margin-bottom:5px;
}
form.dlproduct .ro {
width:2em;
margin-right:10px;
}
form.dlproduct label {
display:inline;
}
/*********** OTHER ***************/
/* cart options */
.cartopt {
text-align:center;
}
.cartopt p {
width:20em;
margin:10px auto;
}
.cartopt label {
display:inline;
}
.continue-proceed {
margin:10px 0 0;
padding:0;
text-align:center;
}
.continue-proceed li {
margin:0 10px;
padding:0;
display:inline;
}
/*Checkout confirmation with discount code (cart section only) */
.eshop_dcode {
text-align:center;
font-weight:bold;
}
.eshop_dcode span {
font-size:1.2em;
}
/* Automatic redirect to paypal */
#process {
width:90%;
margin:10px auto 0;
padding:0 15px;
line-height:1.5em;
}
#process strong {
font-size:1.2em;
}
#process em {
font-weight:bold;
font-style:normal;
}
#eshopgateway {
text-align:right;
padding-bottom:10px;
}
/* eshop widget */
p.eshopwidget span {
font-size:2em;
letter-spacing:.02em;
}
/* pagination */
.paginate p {
padding:0;
line-height:2em;
}
.paginate p span {
font-weight:bold;
}
.paginate ul {
margin:0;
padding:0;
}
.paginate ul li {
padding:0 4px;
margin-right:5px;
}
.paginate ul li a {
display:block;
}
/* downloads page */
p.jdl {
text-align:center;
font-size:1.2em;
}
/* more link */
a.eshopmore {
display:block;
text-align:right;
}
/* Contact form */
div.wpcf7 {
margin: 20px 0;
padding: 0;
}
div.wpcf7-form {
clear: both;
}
.wpcf7-form input {
margin-top: 2px;
display: block;
color: #333;
}
textarea {
margin-top: 2px;
width: 264px;
}
div.wpcf7-response-output {
margin: 2em 0;
padding: 10px;
color: #fff;
font-size: 1.2em;
background: #a6b72b;
}
span.wpcf7-form-control-wrap {
display: block;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background: #fff;
border: 1px solid #ff0000;
font-size: 10pt;
width: 280px;
padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
img.ajax-loader {
border: none;
vertical-align: middle;
}
input[type="submit"] {
padding: 3px;
color: #fff;
font-size: 10px;
text-transform: uppercase;
background: #a6b82a;
border: none;
cursor: pointer;
}
input[type="submit"]:hover {
background: #505153;
}
/*
* WP-Paginate - WordPress Pagination Function
* Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
* Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
*/
h2.left {
float: left;
}
.wp-paginate {
float: right;
padding: 3px;
margin:0;
overflow: auto;
}
.wp-paginate li {
float: left;
margin-right:4px;
list-style:none;
}
#content .wp-paginate a {
padding: 6px;
color:#696969;
text-decoration:none;
}
#content .wp-paginate a:hover, .wp-paginate a:active {
color:#a6b82a;
}
.wp-paginate .title {
padding: 6px;
color:#696969;
font-size: 11px;
display: none;
}
.wp-paginate .gap {
margin-right:4px;
}
.wp-paginate span.current {
padding: 6px;
color:#fff;
background: url(/wp-content/themes/default/images/pagination-bg.png) no-repeat center;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}
#cboxOverlay {
position:fixed;
width:100%;
height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear:left;
}
#cboxContent {
position:relative;
}
#cboxLoadedContent {
overflow: hidden;
}
#cboxLoadedContent iframe {
display:block;
width:100%;
height:100%;
border:0;
}
#cboxTitle {
margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor:pointer;
}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
background:#fff;
}
#cboxTopLeft {
width:25px;
height:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border1.png) 0 0 no-repeat;
}
#cboxTopCenter {
height:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border1.png) 0 -50px repeat-x;
}
#cboxTopRight {
width:25px;
height:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border1.png) -25px 0 no-repeat;
}
#cboxBottomLeft {
width:25px;
height:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border1.png) 0 -25px no-repeat;
}
#cboxBottomCenter {
height:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border1.png) 0 -75px repeat-x;
}
#cboxBottomRight {
width:25px;
height:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border1.png) -25px -25px no-repeat;
}
#cboxMiddleLeft {
width:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border2.png) 0 0 repeat-y;
}
#cboxMiddleRight {
width:25px;
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/border2.png) -25px 0 repeat-y;
}
#cboxContent {
background:#fff;
}
#cboxLoadedContent {
margin-bottom:20px;
}
#cboxTitle {
position:absolute;
bottom:0px;
left:0;
text-align:center;
width:100%;
color:#999;
}
#cboxCurrent {
position:absolute;
bottom:0px;
left:100px;
color:#999;
}
#cboxSlideshow {
position:absolute;
bottom:0px;
right:42px;
color:#444;
}
#cboxPrevious {
position:absolute;
bottom:0px;
left:0;
color:#444;
}
#cboxNext {
position:absolute;
bottom:0px;
left:63px;
color:#444;
}
#cboxLoadingOverlay {
background:url(/wp-content/plugins/lightbox-plus/css/shadowed/images/loading.gif) 5px 5px no-repeat #fff;
}
#cboxClose {
position:absolute;
bottom:0;
right:0;
display:block;
color:#444;
}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderTopLeft.png', sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderTopCenter.png', sizingMethod='scale');
}
.cboxIE #cboxTopRight {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderTopRight.png', sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderBottomLeft.png', sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderBottomCenter.png', sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderBottomRight.png', sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderMiddleLeft.png', sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.23systems.net/wp-content/plugins/lightbox-plus/css/shadowed/images/internet_explorer/borderMiddleRight.png', sizingMethod='scale');
}