@import url('/ui/css/reset.css');

body { background-color: #f0f0f0; font: 90% "Trebuchet MS", sans-serif; color: #676767; }

h1, h2, h3, h4, h5, h6, th, td { font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2.0em; font-weight: bold; color: #8fa749; }
h2 { font-size: 1.4em; font-weight: bold; color: #00b5da; }
h3 { font-size: 1.4em; font-weight: bold; font-style: italic; color: #00b5da; }
h4 { font-size: 1.1em; font-weight: bold; color: #00b5da; text-transform: uppercase; }
h5 { font-size: 1.1em; font-weight: bold; color: #8e8e8e; text-transform: uppercase; }
h6 { font-size: 1.1em; font-weight: bold; color: #afafaf; text-transform: uppercase; }

p { font-size: 1.0em; line-height: 1.4em; margin-bottom: 10px; }
blockquote { margin: 0 50px 10px 50px; }
address { font-style: italic; padding: 3px 10px 25px; }

p.error { font-style: italic; }

a { text-decoration: none; color: #00b5da; }
a:hover { text-decoration: underline; }

a.toggler { cursor: pointer; }
a.toggler:hover, #content a.toggler:hover, #content .content a.toggler:hover { background-color: transparent; }

h1 a { color: #8fa749; }
h1 a:hover { background-color: #8fa749; color: #fff; }
h1.sifr { margin: 5px 0 0 0; padding: 0; font-size: 2.1em; font-style: italic;
	text-transform: uppercase; text-align: right; color: #a1a1a1; }

h1.sifrblue { margin: 5px 0 0 0; padding: 0; font-size: 2.1em; font-style: italic;
	text-transform: uppercase; text-align: right; color: #00b6dd; }


ul, ol { margin-bottom: 10px; }
ol { list-style-type: decimal; padding-left: 47px; }
ul { list-style-type: disc; padding-left: 41px; }
ol.alpha { list-style-type: lower-alpha; }

th, b, strong { font-weight: bold; }
i, em { font-style: italic; color: #d48703; }
small { font-size: 0.7em; }

table.specifications { margin: 1em 0; width: 90%; border: none; }
table.specifications th, table.specifications td { padding: 5px 0; font-size: 0.9em; border: none; }
table.specifications th { color: #00b5da; }

table, th, td { border: 1px solid #ccc; border-collapse: collapse; }
table th, table td { padding: .5em; font-size: 0.9em; }
table th { color: #00b5da; }


.clear { clear: both; }
.message { font-size: 1.1em; font-style: italic; color: #f00; }
.left { float: left; padding: 0 15px 5px 0; }
.right { float: right; padding: 0 0 15px 5px; }
.block { display: block; }
.inline { display: inline; }
.container { overflow: auto; width: 100%; }

/**
 * widths ..
 */
.hundred { width: 97%; }
.sixty { width: 56%; }
.fifty { width: 48%; }
.forty { width: 39%; }
.thirty { width: 27%; }
.twenty { width: 18%; }

/* Forms */
form { margin: 0; padding: 0; }
fieldset { padding: 20px; }
legend { padding-top: 4px; font-size: 1.8em; color: #00b6dd; text-transform: uppercase; white-space: nowrap; display: block; }

label { display: block; }
input[type=text], select, textarea { 
	padding: 4px;
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 1.0em;
	border: 1px solid #c5c5c5; 
	display: block; width: 100%; color: #9f9f9f; }
input[type=checkbox] { border: none; }
label.inline { padding-right: 20px; }
label.inline input, label.inline select { display: inline; width: auto; }
select.inline { display: inline; width: auto; }
.jsvalidation { font-size: 0.8em; font-style: italic; font-weight: normal; color: #d48703; }

label span { display: block; }
label.inline span { display: inline; }

.bttn-bar { text-align: center; }
/*
button { margin: 6px 3px; border: none; color: #fff; width: 118px; height: 44px; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
button.disabled { color: #ddd; }
button.submit { background: transparent url('/ui/img/green_btn.gif') no-repeat center top; }
button.reset { background: transparent url('/ui/img/orange_btn.gif') no-repeat center top; }
button.submit:hover { background-position: center -44px; }
button.reset:hover { background-position: center -44px; }
*/
button { border: none; background: none; margin: 0; padding: 0; cursor: pointer; }
button span { display: block; background: transparent url('/ui/img/btn_bg_sprite.gif') no-repeat; }
button span span { display: block; background: transparent url('/ui/img/btn_bg_sprite.gif') no-repeat; }
button span span span { 
	display: block; margin: 0 7px; padding: 12px 1em 0; height: 32px;
	background: transparent url('/ui/img/btn_bg_sprite.gif') repeat-x; 
	font-size: 1.5em; color: #fff; text-transform: uppercase; white-space: nowrap;
}
button.orange span { background-position: 0 -88px; }
button.orange span span { background-position: right 0; }
button.orange span span span { background-position: center -44px; }

button.green span { background-position: 0 -220px; }
button.green span span { background-position: right -132px; }
button.green span span span { background-position: center -176px; }

button:hover span { background-position: 0 -352px; }
button:hover span span { background-position: right -264px; }
button:hover span span span { background-position: 0 -308px; }

button.small span { display: block; background: transparent url('/ui/img/btn_sm_bg_sprite.gif') no-repeat; }
button.small span span { display: block; background: transparent url('/ui/img/btn_sm_bg_sprite.gif') no-repeat; }
button.small span span span { 
	display: block; margin: 0 3px; padding: 9px 1em 0; height: 23px;
	background: transparent url('/ui/img/btn_sm_bg_sprite.gif') repeat-x;
	font-size: 1em; color: #fff; text-transform: uppercase; white-space: nowrap;
}

button.small.green span { background-position: 0 -256px; }
button.small.green span span { background-position: right -192px; }
button.small.green span span span { background-position: center -224px; }

button.small:hover span { background-position: 0 -160px; }
button.small:hover span span { background-position: right -96px; }
button.small:hover span span span { background-position: 0 -128px; }

/* debugging... */
.cake-sql-log { /*display: none;*/ } 

/*#pagebody { width: 970px; margin: 0 auto; }*/

#tophalf { background-color: #fff;  }
#bottomhalf { background: transparent url('/ui/img/main-bg.gif') repeat-x left top; padding-bottom: 2em; }

/*#header { background: transparent url('/ui/img/top-bg.gif') repeat-x left top; width: 970px; margin: 0 auto; }
#header-left { background: transparent url('/ui/img/top-left.gif') no-repeat left top; }
#header-right { background: transparent url('/ui/img/top-right.gif') no-repeat right top; height: 95px; }
#header #logo { float: left; margin: 40px 0 0 36px; }
#header #product-links { width: 400px; margin-left: 555px; }
#header #product-links a { padding: 14px 0 0 1px; width: 129px; height: 63px; display: block; float: left; color: #fff;
	font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }
#header #product-links a#fortuno { background: transparent url('/ui/img/fortuno-link-bg.gif') no-repeat center top; }
#header #product-links a#zipcart { background: transparent url('/ui/img/zipcart-link-bg.gif') no-repeat center top; }
#header #product-links a#komerco { background: transparent url('/ui/img/komerco-link-bg.gif') no-repeat center top; }
#header #product-links a:hover { color: #fff !important; background-position: center -77px !important; }
#header #product-links a.selected { color: #fff !important; background-position: center -77px !important; }*/

#header { background: transparent url('/ui/img/header-bg.gif') no-repeat center bottom;
	width: 965px; height: 104px; margin: 0 auto; position: relative; }
#header #logo { position: relative; top: 36px; left: 40px; }
/*#header #cart { position: relative; top: -47px; left: 823px; width: 116px; height: 100px; }*/
#header #category-topnav { width: 460px; height: 97px; position: absolute; top: 0; left: 300px; overflow: hidden; }

#header #category-topnav a.categorymover { position: absolute; top: 0; z-index: 99; height: 97px;
	width: 26px; background: transparent url('/ui/img/arrow-sm-sprite.gif') no-repeat 0 0; }
#header #category-topnav a.categorymover.bttnleft { left: 0px; background-position: 0 0; }
#header #category-topnav a.categorymover.bttnright { left: 434px; background-position: -52px 0; }
#header #category-topnav a.categorymover.bttnleft:hover { background-position: -26px 0; }
#header #category-topnav a.categorymover.bttnright:hover { background-position: -78px 0; }

#header #category-topnav div#category-groups { width: 1383px /*(461 * 3)*/; height: 75px; position: relative; top: 0; }
#header #category-topnav div#category-groups ul.category-group { list-style: none; margin: 0; padding: 0 53px; width: 352px; float: left; position: relative; }
#header #category-topnav div#category-groups ul.category-group li { float: left; text-align: center;  width: 117px; height: 97px; cursor: pointer; }
#header #category-topnav div#category-groups ul.category-group li.selected { background: transparent url('/ui/img/category-widget-selected.gif') no-repeat center top; }
#header #category-topnav div#category-groups ul.category-group li a { padding: 10px; display: block; font-size: 0.7em; font-weight: bold; color: #5e5e5e; text-transform: uppercase; }
#header #category-topnav div#category-groups ul.category-group li a:hover { text-decoration: none; color: #dd7d00; }
#header #cart { position: absolute; top: 0; left: 823px; width: 115px; height: 60px; padding-top: 35px; }
#header #cart.selected { background: transparent url('/ui/img/cart-selected.gif') no-repeat center top; }
body.cart #header #cart { background: transparent url('/ui/img/cart-selected.gif') no-repeat center top; }
#header #cart div { padding: 0 10px; }
#header #cart div img { float: left; }
#header #cart div p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.1em;
	margin-bottom: 5px; padding-left: 26px; color: #a0a0a0; cursor: pointer; }
#main { /*min-height: 400px;*/ width: 965px; margin: 0 auto; position: relative; }

#main .content a { text-decoration: none; color: #00b5da; }
#main .content a:hover { background-color: #00b5da; color: #fff; }

#main #leftcol { float: left; padding: 0 0.2em; width: 12em; }

/*#main div.content { width: 675px; margin-left: 235px; padding-top: 10px; }
#main div.content.form { margin-left: 215px; width: 725px; padding-left: 0; }*/

#content { padding: 0 1em 0 13em; min-height: 25em; }
#content #maincontent { padding: 0 5em 2em 1em; }

div.greybox { background-color: #f8f8f8; margin: 0 1em 0 0.25em; padding: 1em; }

body.home #content, body.products #content { padding: 0 0 0 12.5em; }
body.products #content h1 { padding-right: 0.25em; }
body.products div.detail { background-color: #fff; padding: 1em; overflow: auto; }
body.products div.detail div.left { float: left; width: 47%; }
body.products div.detail div.right { float: right; padding-right: 1em; width: 47%; }
body.products div.detail .detail-image { text-align: center; }
body.products div.content a.toggler { margin: 2em 0 2em -0.25em; display: block; }
body.products form label { font-size: 1.2em; margin-bottom: 1em; }
body.products form label span { margin: 0.25em 0; }
body.products form label span span.jsvalidation { display: inline; margin-left: 1em; }
body.products form div.product-options { min-height: 16em; }
body.products form div.product-options label span.value { display: inline; margin-left: 0.5em; color: #9f9f9f; }
body.products form div.product-options span.swatches { margin: 0.25em 0 0.5em 0; }
body.products form div.product-options span.swatches img { cursor: pointer; padding: 1px; border: 1px solid #ccc; }
body.products form div.product-options span.swatches img.selected { border-color: #00b6dd; }
body.products form div.bttn-bar { text-align: left; }
body.products form div.bttn-bar label { float: left; }
body.products form div.bttn-bar label.price { width: 47%; }
body.products form div.bttn-bar div { float: right; margin-top: 2em; }
body.products form div.bttn-bar label span.price { font-size: 1.4em; }
body.products form div.bttn-bar label span.price span.saleitem { display: inline; text-decoration: line-through; color: red; }
body.products form div.bttn-bar label span.price span.sale { display: inline; color: #9f9f9f; font-size: 13px; white-space: nowrap; overflow: visible; }

body.products form input#qty { text-align: right; width: 2em; }

#content form div.fieldset { margin: 0 auto 2em; }
#content form div.fieldset div.top { background: transparent url('/ui/img/form-bg-top.gif') no-repeat center top; height: 10px; }
#content form div.fieldset div.middle { background: transparent url('/ui/img/form-bg-repeat.gif') repeat-y center top; padding: 0 2.5em 1em; }
#content form div.fieldset div.bottom { background: transparent url('/ui/img/form-bg-bttm.gif') no-repeat center top; height: 10px; }
#content form div.fieldset div.block { padding-bottom: 12px; clear: both; }
h4.legend { padding-top: 4px; font-size: 1.8em; color: #00b6dd; text-transform: uppercase; }

body.cart h1.sifr, body.checkout h1.sifr { width: 955px; }
body.cart tr a.delete-bttn { display: block; width: 18px; height: 18px; background: transparent url('/ui/img/delete-bttn.gif') no-repeat 0 0; text-indent: -9999px; }
body.cart tr.selected a.delete-bttn { background-position: -18px 0; }
body.checkout #content div.fieldset { margin: 0 auto 2em; width: 951px; }
body.checkout #content div.fieldset div.top { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-top.gif') no-repeat center top; width: 950px; height: 15px; }
body.checkout #content div.fieldset div.middle { padding: 0 25px; background: #f8f8f8 url('/ui/img/cart-box-bg.gif') repeat-y center top; width: 900px; }
body.checkout #content div.fieldset div.bottom { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-bttm.gif') no-repeat center bottom; width: 950px; height: 15px; }
body.checkout #content div.fieldset div.block { overflow: auto; }
body.checkout div.bttn-bar { padding: 2em 0 3em; }
body.checkout label.thirty { width: 30%; }
body.checkout label.twenty { width: 21%; }
body.cart #content, body.checkout #content { padding: 0; }
body.cart #content div.box, body.checkout #content div.box { margin: 0 auto; width: 950px;  }
body.cart #content div.box div, body.checkout #content div.box div.middle { background: #f8f8f8 url('/ui/img/cart-box-bg.gif') repeat-y center top; padding-bottom: 4em; }
body.cart #content div.box div.top, body.checkout #content div.box div.top { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-top.gif') no-repeat center top; height: 15px; }
body.cart #content div.box div.bottom, body.checkout #content div.box div.bottom { padding: 0; background: #f8f8f8 url('/ui/img/cart-box-bttm.gif') no-repeat center bottom; height: 15px; }
body.cart #content div.box div table, body.checkout #content div.box div table { margin: 0 auto 1em; border: none; font-size: 1.25em; width: 860px; }
body.cart #content div.box div table tr, body.checkout #content div.box div table tr { vertical-align: top; }
body.cart #content div.box div table th, body.checkout #content div.box div table th { border: none; color: #676767; padding: 0; }
body.cart #content div.box div table td, body.checkout #content div.box div table td { border-right: none; border-left: none; padding: 1em 0; }
body.cart #content div.box div table td.qty { padding: 1em 0.5em; }
body.cart #content div.box div table td.qty input { display: inline; width: 25px; text-align: right; }
body.cart #content div.box div table tbody td, body.checkout #content div.box div table tbody td { background-color: #fff; }
body.cart #content div.box div table tbody td a { color: #676767; }
body.cart #content div.box div table tbody tr.selected td a { color: #fff; }
body.cart #content div.box div table tbody td a:hover { color: #fff; }
body.cart #content div.box div table tbody td.price, body.checkout #content div.box div table tbody td.price { text-align: right; padding: 1em 0.5em; }
body.cart #content div.box div table tbody td.amount, body.checkout #content div.box div table tbody td.amount { background-color: #e8f3f6; text-align: right; padding: 1em; }
body.cart #content div.box div table tbody td.outer-right, body.checkout #content div.box div table tbody td.outer-right { border-right: 1px solid #ccc; }
body.cart #content div.box div table tbody td.outer-left, body.checkout #content div.box div table tbody td.outer-left { border-left: 1px solid #ccc; padding-left: 1em; }
body.cart #content div.box div table tfoot td { border: none; padding: 1em; text-align: right; font-weight: bold; }
body.cart #content div.box div table tfoot td.totals { font-weight: normal; text-align: right; background-color: #00b1da; color: #fff; }
body.cart #content div.box div table tbody tr.selected td, body.checkout #content div.box div table tbody tr.selected td { background-color: #00b1da; color: #fff; }
body.cart div.bttn-bar, body.checkout div.bttn-bar { margin: 0 auto; width: 60em; }
body.cart div.bttn-bar { text-align: left; }
body.checkout div.bttn-bar { text-align: right; }
body.checkout #content div.box div table th.outer-left { padding-left: 1em; }
body.checkout #content div.box div table td.qty { padding: 1em; text-align: right; }
body.checkout #content div.box div table tfoot td { border: none; padding: 0.5em 1em; text-align: right; background-color: #fff; }
body.checkout #content div.box div table tfoot tr.subtotal td { padding-top: 1em; }
body.checkout #content div.box div table tfoot tr.shipping td { padding-bottom: 1em; }
body.checkout #content div.box div table tfoot td.outer-left { border-left: 1px solid #ccc; }
body.checkout #content div.box div table tfoot td.outer-right { border-right: 1px solid #ccc; background-color: #e8f3f6; }
body.checkout #content div.box div table tfoot td.totals { text-align: right; background-color: #00b1da; color: #fff; }
body.checkout #content div.box div table tfoot tr.total td { padding: 1em; background-color: transparent; font-weight: bold; text-align: right; border-top: 1px solid #ccc; }
body.checkout #content div.box div table tfoot tr.total td.amount { font-weight: normal; background-color: #00b1da; color: #fff; }
body.checkout #content div.box div table td.align-right { padding: 1em; text-align: right; }

body.checkout #content h4 { width: 35em; margin: 0 auto; }
body.checkout #content p { width: 59em; margin: 0 auto; }
body.checkout #content div.maincontent { padding: 0 0 2em; }
body.checkout.complete #content h4 { width: 33em; margin: 0 auto; }
body.checkout.complete #content div.box div { padding-bottom: 0; }
body.checkout.complete #content div.box { padding-bottom: 2em; }
body.checkout.complete #content div.box div.middle { padding-bottom: 2em; }
body.checkout.complete #content div.box div.middle table { margin-bottom: 0; }

body.checkout #content p.error { margin: 0 auto 2em;  padding: 1em; background-color: #ffc; width: 70%; border: 1px dashed #f00; }

/**
 * pagemenu...
 */
ul#pagemenu { margin: 4px; padding: 0; }
ul#pagemenu li, ul#pagemenu ul { list-style: none; margin: 0; padding: 0; }
ul#pagemenu a { color: #676767; display: block; padding: 5px 5px 5px 25px; font-size: 0.75em; font-weight: bold; height: 14px; overflow: hidden; }
ul#pagemenu a:hover { background-color: transparent; color: #dd7d00 !important; }

ul#pagemenu li { margin: 0; padding: 0; background: transparent url('/ui/img/orange-bullet.png') no-repeat 8px 9px; /*width: 140px;*/ }
ul#pagemenu li ul { /*margin: 0; padding: 0; width: 140px;*/ display: none; }
ul#pagemenu li ul li { /*margin: 0; padding: 0; width: 139px;*/ }

ul#pagemenu li.selected { background: #75d3f2 url('/ui/img/nav-selected1.gif') repeat 0 0; }
ul#pagemenu li.selected a { background: transparent url('/ui/img/blue-bullet.png') no-repeat 8px 9px; color: #004c74; }
ul#pagemenu li.selected a:hover { color: #fff !important; }
ul#pagemenu li.selected ul li { background: #00b6dd url('/ui/img/nav-selected2.gif') repeat 0 0; }
ul#pagemenu li.selected ul li a { background: none; color: #fff; }

/*ul#pagemenu li.selected ul li.selected { background: #75d3f2 url('/ui/img/nav-selected2.gif') repeat 0 0; }*/
ul#pagemenu li.selected ul li.selected a { background: transparent url('/ui/img/white-bullet.png') no-repeat 8px 9px; font-style: italic; }
ul#pagemenu li.selected ul li.selected li a { background: none; }
ul#pagemenu li.selected ul li.selected li.selected a { background: transparent url('/ui/img/white-bullet.png') no-repeat 8px 9px; }


/*ul#pagemenu li.selected ul { position: relative; left: -15px; display: block; }
ul#pagemenu li.selected ul li { background: #00b6dd url('/ui/img/menu-bg-blue.gif') repeat-x left top; color: #fff; padding-left: 16px; }
ul#pagemenu li.selected ul li a { color: #7be6fd; }
ul#pagemenu li.selected ul li.selected { background-image: url('/ui/img/menu-bg-blue-selected.gif'); }
ul#pagemenu li.selected ul li.selected a { color: #056b91; }*/
ul#pagemenu li.selected ul { display: block; }
ul#pagemenu li.selected ul li ul { display: none; }
ul#pagemenu li.selected ul li.selected ul { display: block; }
ul#pagemenu li.selected ul li.selected ul li { background: #004c74 url('/ui/img/nav-selected3.gif') repeat 0 0; }
ul#pagemenu li.selected ul li.selected ul li a { color: #8bd1e8; }
ul#pagemenu li.selected ul li.selected ul li.selected a { color: #fff; }

#pods { background: transparent url('/ui/img/pods-bg.gif') no-repeat center top;  width: 965px; margin: 0 auto; min-height: 120px; }
#pods a { color: #676767; }
#pods a:hover { background-color: transparent; color: #dd7d00; text-decoration: none; }
#pods div.pod { float: left; width: 206px; margin: 25px 5px 0 26px; height: 200px; }
#pods div.pod h5 { font-family: "Trebuchet MS", sans-serif; padding: 14px 0 0 28px;
	background: transparent url('/ui/img/orange-arrow-right.png') no-repeat 17px 79%; 
	font-size: 1.0em; color: #676767; text-transform: none; }
#pods div.pod p { padding: 7px 19px; font-size: 0.8em; line-height: 1.2em; height: 55px; overflow: hidden; }
#pods div.pod div { margin-top: 10px; padding-left: 8px; min-height: 60px; }

#pods div.pod div img { float: left; display: none; }

#pods div.pod div.from-the-ceo { background: transparent url('/ui/img/from-the-ceo.jpg') no-repeat left top; }
#pods div.pod div.follow-the-curve { background: transparent url('/ui/img/follow-the-curve.jpg') no-repeat left top; }
#pods div.pod div.common-questions { background: transparent url('/ui/img/common-questions.jpg') no-repeat left top; }
#pods div.pod div.product-registration { background: transparent url('/ui/img/product-registration.jpg') no-repeat left top; }

#pods div.pod ul { list-style-type: none; padding-left: 40px; }
#pods div.pod li { padding-left: 10px; background: transparent url('/ui/img/orange-bullet.png') no-repeat left 60%; }
#pods div.pod li a { font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #dd7d00; }


#footer { font-size: 0.7em; text-transform: uppercase; width: 910px; margin: 0 auto; color: #b8b8b8; }
#footer a { color: #b8b8b8; }
#footer a:hover { background-color: transparent; color: #dd7d00; }
#footer #swany-logo { display: block; float: left; margin: 5px 5px 0 0; }
#footer a, #footer span { padding: 0 7px;  }
#footer #footer-linkage { margin-left: 90px; }
#footer #footer-linkage p { margin-bottom: 2px; font-size: 0.8em; letter-spacing: 1px; }

/**
 * faq's...
 */
div.faq h3 { margin-bottom: 5px; }
div.faq p { margin: 0 25px 15px 25px; }

/**
 * products...
 */
body.products div.content { margin: 0 1em 0 0.25em; background: transparent url('/ui/img/overview-bg.gif') repeat-y center top; }
body.products #content div.content #intro, body.products #content div.content #maincontent { margin: 0; padding: 0; }
body.products div.content div.left { width: 45%; margin: 1.5em 1em; } 
body.products div.content div.right { width: 45%; } 

div.imagegroup { margin: 50px 0 0; } 
div.imagegroup h5 { padding: 0 0 7px 20px; }

div.gallery { padding-bottom: 20px; }
div.gallery a { display: block; padding: 1em; float: left; position: relative; width: 11em; }
div.gallery a, div.gallery a:hover { background-color: transparent; }
span.img-zoom { position: absolute; z-index: 99; left: 13px; top: 94px; display: block; background: transparent url('/ui/img/plus-enlarge-sprite.png') no-repeat 0 0; width: 22px; height: 21px; }
div.gallery a:hover span.img-zoom { background-position: -22px 0; }

body.products #content div.gallery a { width: 5em; }
body.products #content div.gallery a:hover { background-color: transparent; }
	
#leftcol div.box { background: transparent url('/ui/img/nav-box-bg.gif') repeat-y center top; width: 173px; }
#leftcol div.box div.top { background:transparent url('/ui/img/nav-box-top.gif') no-repeat center top; height: 11px; }
#leftcol div.box div.bottom { background:transparent url('/ui/img/nav-box-bttm.gif') no-repeat center bottom; height: 11px; }

#trail { margin: -2em 0 0.5em; }
#trail, #trail a { font-size: 0.85em; font-weight: bold; color: #a0a0a0; }
#trail a {  margin: 0 0.25em; }
#trail a:hover, #trail a.selected { color: #2fc3e3; }

body.cart #trail, body.checkout #trail { margin: -1em 0.75em 2em 0; text-align: right; }
body.cart #trail span.selected a, body.checkout #trail span.selected a { color: #2fc3e3; }

#categories {  }
#categories, #categories a { font-family: Arial, Helvetica, sans-serif; color: #717171; }
#categories div.box { background: #f8f8f8 url('/ui/img/product-category-box-bg.gif') repeat-y center top; width: 190px; float: left; margin: 0 5px 5px 0; }
#categories div.box div.top { background: #f8f8f8 url('/ui/img/product-category-box-top.gif') no-repeat center top; height: 5px }
#categories div.box div.bottom { background: #f8f8f8 url('/ui/img/product-category-box-bttm.gif') no-repeat center bottom; height: 5px }
#categories div.box div.inner { margin: 0 auto 1em; height: 170px; width: 12em; overflow: hidden; }
#categories div.box div.category-image { background: transparent url('/ui/img/category-image-bg.png') no-repeat center top; margin: 2px auto; width: 178px; height: 143px; text-align: center; }
#categories div.box div.intro { font-size: 0.9em; }
#categories div.box div.intro img { border: 1px solid #fff; margin-right: 4px;  }
#categories div.box a.shopnow { width: 15em; }
/*#categories div.box.selected div.category-image { background-image: url('/ui/img/category-image-bg-selected.gif'); }*/
#categories div.box.selected { background-color: #dd7d00; background-image: url('/ui/img/product-category-box-selected-bg.gif'); cursor: pointer; }
#categories div.box.selected div.top { background-color: #dd7d00; background-image: url('/ui/img/product-category-box-selected-top.gif'); }
#categories div.box.selected div.bottom { background-color: #dd7d00; background-image: url('/ui/img/product-category-box-selected-bttm.gif'); }
#categories div.box.selected, #categories div.box.selected a, #categories div.box.selected a.shopnow { color: #fff; }

#categories div.box.blank div.inner { height: 337px; }

a.shopnow { background: transparent url('/ui/img/orange-arrow-right.png') no-repeat scroll 69px 67%;
	font-weight: bold; font-size: 0.8em; text-transform: uppercase; display: block; width: 178px; 
	margin: 0 auto 5px auto; }

#categories div.box.selected a.shopnow { background-image: url('/ui/img/white-arrow-right.png'); }

/**
 * cart / checkout...
 */
div#cartmenu { padding: 0 10px 0 0; text-align: right; font-size: 0.75em; font-weight: bold; color: #b0b0b0; }
div#cartmenu a { padding: 0 .6em; color: #b0b0b0; }
div#cartmenu a:hover { text-decoration: none; }
div#cartmenu a:hover span { color: #00b5da; text-decoration: underline; }
div#cartmenu a.selected { color: #00b5da; }

/* FancyZoom Tweaks */
img#ZoomImage { margin: -1px 0 0 -1px; }
div#ShadowBox table, div#ShadowBox table td { padding: 0; border: none; }
div#ZoomCapDiv table, div#ZoomCapDiv table td { margin: 0; padding: 0; border: none; font-size: inherit; line-height: 0; }
div#ZoomCapDiv table tr, div#ZoomCapDiv table tr td { vertical-align: middle; }

.togglehidden { cursor: pointer; }

/* editing */
body.editing .togglehidden { cursor: default; }
body.editing #trail { margin-top: 0; }
body.editing #categories div.box div.inner { height: 200px; }
body.editing #categories div.blank div.inner { height: 366px; }
body.editing #pods { }
body.editing #pods span.mceEditor { float: left; padding: 25px 5px 0 26px; }
body.editing #pods span.mceEditor table.mceLayout { margin: 0; padding: 0; }