/**
 * Global Onxshop style sheet
 * Norbert Laposa @ Laposa Solutions Ltd, 2009/09/22
 *
 *
 */

body {padding: 0; margin: 0; font-family: sans-serif; font-size: medium; line-height: 1.5;}

img {border: 0; -ms-interpolation-mode:bicubic;}

/**
 * Forms
 */
 
form {margin: 0 0 2em 0; padding: 0 1em; clear: both;}
form div.row {margin: 0 0 1em 0; clear: both;}
form span.label {display: block; float: none; text-align: left; width: auto;}
form span.field {display: inline-block; width: 95%;}
form div.submit button {float: none;}

fieldset {margin: 1em 0 4em 0; padding: 0.5em 0; clear: both; border: 0;}
fieldset.single {margin-bottom: 0;}
label {cursor: pointer; cursor: hand; vertical-align: middle;}
label.error {float: none; color: red; padding-left: .5em; vertical-align: top;}
legend {font-weight: bold; padding: 0 0.5em; margin: 0 0 1em 0; padding-left: 0;}
label.radio {float: none; clear: none;}
input.radio,
input.checkbox {border: 0;}
input.price {width: 40px;}
input.file,
input[type=file] {border-width: 0;}
input.error,
textarea.error {border-color: red!important;}
textarea {width: 70%; height: 100px; padding: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
textarea.small {height: 50px;}
textarea.big {width: 100%; height: 400px;}
optgroup {padding-top: 10px;}
select {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: auto;}
select.big {width: 100%;}
input.text {width: 100%;}
input, 
textarea {padding: 4px; border: 2px inset white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
input:focus, 
textarea:focus {border: 2px inset white; background: #f1f1f1;}
input,
option {padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
input.title {font-size: 1.4em; font-weight: bold; width: 100%;}
input.long,
textarea.long,
select.long {width: 100%;}
input.short,
textarea.short,
select.short {width: 5em;}
button {cursor: pointer; cursor: hand; position: relative; padding: 0 0.5em; overflow: visible;}
button span {position: relative; display: block; white-space: nowrap;}

/*2cols forms (can be set on whole form or particular fieldset*/
form.twoColumns label,
fieldset.twoColumns label {padding-right: 1em;}
form.twoColumns span.label,
fieldset.twoColumns span.label {width: 50%; float: left; text-align: right;}
form.twoColumns span.field,
fieldset.twoColumns span.field {width: 47%;} /* 3% reserve in case odd column width*/

/**
 * Tables 
 */
table {font-size: inherit; clear: both; margin: 1em 0 2em 0; border: 2px solid #CCCCCC; border-radius: 4px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-spacing: 0;}
caption {text-align: left; font-weight: bold; font-size: 1.25em;}
th {text-align: center;}
th, 
td {padding: 0.8em; vertical-align: top;}
th.money,
td.money,
td.number {text-align: right;}
thead th {border-bottom: 2px solid #CCCCCC;}
tfoot td {border-top: 2px solid #CCCCCC; font-weight: bold;}

/**
 * Links
 */
a {cursor: pointer; cursor: hand; text-decoration: underline;}
a:active {text-decoration: none;}
a.button {display: block;}
a.button,
a.active {font-weight: bold;}
a img {border: 0;}
div.image a {text-decoration: none;}

/**
 * Headings
 */	
h1,
h2,
h3,
h4,
h5,
h6,
caption {font-family: "serif"; line-height: 1.2; margin: 1em 0 0.4em 0;}

h1.contentTitle,
h2.contentTitle,
h3.contentTitle,
h4.contentTitle,
h5.contentTitle,
h6.contentTitle {margin-top: 0;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration: none;}

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4,
h5 {font-size: 1em;}

/**
 * Lists
 */
dl {margin: 1em 0;}
ul {padding: 0 0 0 1.2em; margin: 1em 0 2em 0;}
ol {padding: 0 0 0 2em; margin: 1em 0 2em 0;}
ul ul,
ol ol {margin: 0;}
li {margin: 0.75em 0 0.75em 0; vertical-align: middle;}

/**
 * misc
 */
p {margin: 1em 0 2em 0;}
hr {height: 0; border: 0; clear: both;}
code {text-align: left; font-family: 'Fixedsys', fixed; white-space: pre-wrap;}
pre {white-space: pre-wrap;}
span.disabled {text-decoration: line-through;}
/*a clearing div*/
div.bottom {clear: both;}

blockquote {font-family: Times, serif;}

/**
 * Messages
 */
div.nx_messages {margin: 1em; border: none; background: black; color: white; opacity: .75; filter: alpha(opacity = 75); padding: 1em; 
	clear: both;border-radius: 4px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	z-index: 1000; position: relative;}
div.nx_messages p {margin: 0 0 1em 0; padding: 0; color: white; font-weight: bold; }
div.nx_messages p.nx_ok_msg {}
div.nx_messages p.nx_error_msg {background: transparent url(/share/images/bo/watchdog-warning.png) 0 5px no-repeat; padding: 2px 0 2px 25px;}

/**
 * Ajax
 */
.ajaxLoad {width: 128px; height: 128px; background: url(/share/images/ajax-indicator/indicator_verybig.gif) no-repeat;}

/**
 * jGrowl
 */
div.jGrowl {padding: 0; z-index: 9999; position: fixed; width: 300px; right: 0; bottom: 0;}
/*div.jGrowl.top-left {left: 0; top: 60px;}
div.jGrowl.top-right {right: 0; top: 60px;}
div.jGrowl.bottom-left {left: 0; bottom: 0;}
div.jGrowl.bottom-right {right: 0; bottom: 0;}
div.jGrowl.center {top: 0; width: 50%; left: 25%;}*/
div.jGrowl p {margin: 0; padding: 0;}
div.jGrowl div.jGrowl-notification {
	zoom: 1; text-align: left;
	display: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 40px;}
div.jGrowl div.jGrowl-notification div.header {font-weight: bold;}
div.jGrowl div.jGrowl-notification div.close {color: black; background: white; float: right; font-weight: bold; font-size: 16px; cursor: pointer; cursor: hand;}
div.jGrowl div.jGrowl-closer {display: none; color: black; background: white; height: 15px; cursor: pointer; cursor: hand; font-size: 11px; font-weight: bold; text-align: center;}
div.jGrowl .ui-state-highlight {border: none; background: none;}


/**
 * Norbert Laposa @ Laposa Solutions Ltd, 2009/09/22
 *
 */

/****************************************************************************************/
/*****************************          node/site           *****************************/
/****************************************************************************************/

/********* node/site/default.html *********/
#pageWrapper {padding: 0.5em;}
#pageWrapper div.bottom {clear: both;}

#accessibility {display: none;}

#container {width: 984px; margin: 0 auto;}

#header {width: 984px; margin-bottom: 1em;}
#headerWrapper {padding: 20px 0;}

#logo {float: left;}
#logo a {text-decoration: none; font-size: 4em;}

#search {float: right; clear: right; margin-bottom: 15px;}
#search form {background: transparent; float: right; border-width: 0; margin: 0; padding: 0;}
#search input {
	background: white url(/share/images/search-bg.png) no-repeat 3px center;
	padding-left: 20px; width: 165px; display: block;}
#search label {width: auto;}
#search button {display: none;}

#userbox {float: right; margin-bottom: 1.5em;}

#basket {clear: right; float: right; white-space: nowrap; margin-bottom: 15px;}
#basketWrapper {display: inline;}

/**
 * global navigation
 */

#globalNavigation {float: right; margin: 0 0 15px 0;}
#globalNavigation ul {margin: 0; padding: 0; line-height: 1em;}
#globalNavigation li {float: left; padding: 0; margin: 0; list-style-type: none;}
#globalNavigation a {text-decoration: none; display: block; padding: 7px 15px;}
#globalNavigation a:active span {text-decoration: underline;}


/**
 * primary navigation
 */

#primaryNavigation {clear: both; float: left; width: 164px;}
#primaryNavigation ul {margin: 0; padding: 0; line-height: 1em; list-style-type: none; }
#primaryNavigation li {padding: 0; margin: 0; zoom: 1;/*zoom for ie6*/}
#primaryNavigation a {text-decoration: none; display: block; padding: 7px 5px; white-space: pre; zoom: 1;}
#primaryNavigation a:active span {text-decoration: underline;}
#primaryNavigation ul ul {list-style-type: square;}
#primaryNavigation ul ul li {padding-left: 0; margin-left: 25px;}
#primaryNavigation ul ul a {font-weight: normal; height: auto;}
#primaryNavigationWrapper {overflow: hidden;}

/**
 * footer navigation
 */
 
#footerNavigation {clear: both; float: left; width: 100%;}
#footerNavigation ul {margin: 0; padding: 0; line-height: 1em;}
#footerNavigation li {padding: 0; margin: 0; list-style-type: none; display: block; float: left;}
#footerNavigation a {text-decoration: none; display: block; padding: 7px 15px; white-space: pre;}
#footerNavigation a:active span {text-decoration: underline;}


/**
 * content
 */
 
#content {width: 820px; float: right;} /*content must be splitable by 2 (50% - 50% can be splitted into two blocks of the same size (can cause broken layout in Internet Explorer if not followed). Better to by splitable 4: best practice "#content[width] % 4 = 0"*/
#contentWrapper {padding-left: 56px;} /* best practice "(#content[width] - #contentWrapper[width]) % 4 = 0"*/

/**
 * footer
 */
 
#footer {width: 984px; clear: both; margin-top: 2em;}

#copyright {clear: both; float: left; padding: 5em 0 0.5em 0; white-space: nowrap;}
#credit {float: right; padding: 5em 0 0.5em 0;}

#copyright p,
#credit p,
#copyright a,
#credit a {text-decoration: none; padding: 0; margin: 0;}

/* graphical credit */
/*#credit a {background: url(/share/images/onxshop-power-master-150.png) no-repeat; display: block; width: 150px; height: 49px;}
#credit a span {display: none;}
#copyright p {padding-top: 25px;}*/

#contentSide {width: 164px; margin: 5em 0 2em 0; clear: left; float: left;}
#contentSideWrapper {padding-left: 5px; padding-right: 5px;}

#contentFooter {clear: both; float: right; width: 820px;}


/****************************************************************************************/
/*****************************          node/page           *****************************/
/****************************************************************************************/

/********* node/page/default.html *********/
/********* node/page/product_browse.html *********/
/********* node/page/news.html *********/
/********* node/page/product.html *********/

#pageSide {float: left; width: 164px; overflow: hidden;}

#secondaryNavigation {line-height: 1em;}
#secondaryNavigation ul {padding: 0; margin: 0;}
#secondaryNavigation li {list-style-type: none; padding: 0; margin: 0; zoom: 1;/*zoom for ie6*/}
#secondaryNavigation a {display: block; padding: 7px 0 7px 5px; text-decoration: none; zoom: 1;}
#secondaryNavigation a:active span {text-decoration: underline;}
#secondaryNavigation ul ul li {list-style-type: disc; padding-left: 0; margin-left: 25px;}

#containerFour {}

#pageImage {float: right;}
#pageImage a {text-decoration: none;}

div.page div.pageWrapper {padding: 0;}
div.page div.rowBottom {clear: both;}

/********* node/page/news.html *********/
div.news div.note {font-family: fixed;}
div.news div.note p {margin-bottom: 1em;}
div.news div.back {clear: both;}
div.news div.body {margin-bottom: 1em;}

/************ node/page/default.html ****/
/*default, fobinaci-1-1, 50%/50%*/
div.twoColumnPage div.columnOne,
div.twoColumnPage.fibonacci-1-1 div.columnOne {float: left; width: 50%; clear: both; overflow: hidden; }
div.twoColumnPage div.columnOne  div.columnWrapper {padding-right: 30px;}
div.twoColumnPage div.columnTwo  div.columnWrapper {padding-left: 30px;}
div.twoColumnPage div.columnTwo,
div.twoColumnPage.fibonacci-1-1 div.columnTwo {width: 50%; float: right; overflow: hidden;}
/*fibonacci-1-5, 16.6%/83.3%*/
div.twoColumnPage.fibonacci-1-5 div.columnOne {width: 16.66%;}
div.twoColumnPage.fibonacci-1-5 div.columnTwo {width: 83.33%;}/*make sure this can be split into equal 50/50*/
div.twoColumnPage.fibonacci-5-1 div.columnOne {width: 83.33%;}
div.twoColumnPage.fibonacci-5-1 div.columnTwo {width: 16.66%;}
/*fibonacci-2-5, 28.6%/71.4%*/
div.twoColumnPage.fibonacci-2-5 div.columnOne {width: 28.6%;}
div.twoColumnPage.fibonacci-2-5 div.columnTwo {width: 71.4%;}/*make sure this can be split into equal 50/50*/
div.twoColumnPage.fibonacci-5-2 div.columnOne {width: 71.4%;}
div.twoColumnPage.fibonacci-5-2 div.columnTwo {width: 28.6%;}
/*fibonacci-1-2, 33%/66%*/
div.twoColumnPage.fibonacci-1-2 div.columnOne {width: 33.3%;}
div.twoColumnPage.fibonacci-1-2 div.columnTwo {width: 66.6%;}/*make sure this can be split into equal 50/50*/
div.twoColumnPage.fibonacci-2-1 div.columnOne {width: 66.6%;}
div.twoColumnPage.fibonacci-2-1 div.columnTwo {width: 33.3%;}
/*fibonacci-3-5, 38.2%/61.8%*/
div.twoColumnPage.fibonacci-3-5 div.columnOne {width: 38.2%;}
div.twoColumnPage.fibonacci-3-5 div.columnTwo {width: 61.77%;}/*should be 61.8, make sure this can be split into equal 50/50*/
div.twoColumnPage.fibonacci-5-3 div.columnOne {width: 61.77%;}
div.twoColumnPage.fibonacci-5-3 div.columnTwo {width: 38.2%;}
/*fibonacci-2-3, 40%/60%*/
div.twoColumnPage.fibonacci-2-3 div.columnOne {width: 40%;}
div.twoColumnPage.fibonacci-2-3 div.columnTwo {width: 60%;}/*make sure this can be split into equal 50/50*/
div.twoColumnPage.fibonacci-3-2 div.columnOne {width: 60%;}
div.twoColumnPage.fibonacci-3-2 div.columnTwo {width: 40%;}

/****************************************************************************************/
/*****************************          node/layout         *****************************/
/****************************************************************************************/

div.layout div.bottom {clear: both;}

/********* node/layout/1column.html *********/
div.oneColumnLayout {clear: both;}
div.oneColumnLayout div.layoutColumnOne {float: none; width: auto;}

/********* node/layout/2columns.html *********/
div.twoColumnLayout {clear: both;}

/*default, fibonacci-1-1, 50%/50%*/
div.twoColumnLayout div.layoutColumnOne,
div.twoColumnLayout.fibonacci-1-1 div.layoutColumnOne {float: left; width: 50%;}
div.twoColumnLayout div.layoutColumnOne  div.layoutColumnWrapper {padding-right: 1em;}
div.twoColumnLayout div.layoutColumnTwo  div.layoutColumnWrapper {padding-left: 1em;}
div.twoColumnLayout div.layoutColumnTwo,
div.twoColumnLayout.fibonacci-1-1 div.layoutColumnTwo {width: 50%; float: right;}
/*fibonacci-1-1, 1level inheritance, TODO: support for other layout inheritance*/
div.twoColumnLayout div.twoColumnLayout.fibonacci-1-1 div.layoutColumnOne,
div.twoColumnLayout div.twoColumnLayout.fibonacci-1-1 div.layoutColumnTwo {width: 50%;}

/*fibonacci-1-5, 16.6%/83.3%*/
div.twoColumnLayout.fibonacci-1-5 div.layoutColumnOne {width: 16.66%;}
div.twoColumnLayout.fibonacci-1-5 div.layoutColumnTwo {width: 83.33%;}/*make sure this can be split into equal 50/50*/
div.twoColumnLayout.fibonacci-5-1 div.layoutColumnOne {width: 83.33%;}
div.twoColumnLayout.fibonacci-5-1 div.layoutColumnTwo {width: 16.66%;}

/*fibonacci-2-5, 28.6%/71.4%*/
div.twoColumnLayout.fibonacci-2-5 div.layoutColumnOne {width: 28.6%;}
div.twoColumnLayout.fibonacci-2-5 div.layoutColumnTwo {width: 71.4%;}/*make sure this can be split into equal 50/50*/
div.twoColumnLayout.fibonacci-5-2 div.layoutColumnOne {width: 71.4%;}
div.twoColumnLayout.fibonacci-5-2 div.layoutColumnTwo {width: 28.6%;}

/*fibonacci-1-2, 33%/66%*/
div.twoColumnLayout.fibonacci-1-2 div.layoutColumnOne {width: 33.3%;}
div.twoColumnLayout.fibonacci-1-2 div.layoutColumnTwo {width: 66.6%;}/*make sure this can be split into equal 50/50*/
div.twoColumnLayout.fibonacci-2-1 div.layoutColumnOne {width: 66.6%;}
div.twoColumnLayout.fibonacci-2-1 div.layoutColumnTwo {width: 33.3%;}

/*fibonacci-3-5, 38.2%/61.8%*/
div.twoColumnLayout.fibonacci-3-5 div.layoutColumnOne {width: 38.2%;}
div.twoColumnLayout.fibonacci-3-5 div.layoutColumnTwo {width: 61.8%;}/*make sure this can be split into equal 50/50*/
div.twoColumnLayout.fibonacci-5-3 div.layoutColumnOne {width: 61.8%;}
div.twoColumnLayout.fibonacci-5-3 div.layoutColumnTwo {width: 38.2%;}

/*fibonacci-2-3, 40%/60%*/
div.twoColumnLayout.fibonacci-2-3 div.layoutColumnOne {width: 40%;}
div.twoColumnLayout.fibonacci-2-3 div.layoutColumnTwo {width: 60%;}/*make sure this can be split into equal 50/50*/
div.twoColumnLayout.fibonacci-3-2 div.layoutColumnOne {width: 60%;}
div.twoColumnLayout.fibonacci-3-2 div.layoutColumnTwo {width: 40%;}

/********* node/layout/3columns.html *********/
div.threeColumnLayout {clear: both;}
div.threeColumnLayout div.layoutColumnOne, 
div.threeColumnLayout div.layoutColumnTwo, 
div.threeColumnLayout div.layoutColumnThree {width: 33.3%; overflow: hidden;}
div.threeColumnLayout div.layoutColumnOne, 
div.threeColumnLayout div.layoutColumnTwo {float: left;}
div.threeColumnLayout div.layoutColumnThree {float: right;}

/****************************************************************************************/
/*****************************          node/content        *****************************/
/****************************************************************************************/

/********* node/content/RTE.html *********/
div.content-RTE {clear: both; margin-bottom: 2em;}
/* do not specify img., conflict with reflection*/
/* use both cases (TinyMCE/Safari bug)*/
div.content-RTE .imageLeft,
div.content-RTE .imageleft {float: left; margin-right: 20px;}
div.content-RTE .imageRight,
div.content-RTE .imageright {float: right; margin-left: 20px;}
div.content-RTE .imageBorder,
div.content-RTE .border {border: 1px solid black;}

/********* node/content/divider.html *********/
div.divider {clear: both; width: 100%; margin: 0; padding: 0; height: 1px; font-size: 1em;}
div.divider hr {display: none;}

/********* node/content/quote.html *********/
div.quote blockquote {margin: 2em 0; padding: 0; background: url(/share/images/default/quote_open.png) top left no-repeat; line-height: 2;}
div.quote p.quote {font-family: serif; padding: 10px 40px 10px 40px; margin: 0;
	background: url(/share/images/default/quote_close.png) bottom right no-repeat; 
	text-align: center;}
div.quote p.author {font-family: "Apple Chancery", "Monotype Corsiva", cursive; text-align: center; padding-right: 1em;}

/********* node/content/news_list.html *********/
div.news_list div.teaser_image {float: right; padding: 0 0 10px 10px;}
div.news_list div.teaser_image a {text-decoration: none;}
div.news_list div.created {font-family: fixed;}
div.news_list div.created p {margin-bottom: 1em;}
div.news_list div.teaser {clear: none;}

/********* node/content/contact_form.html *********/
div.contact_form textarea {width: 100%;}
div.contact_form div.submit span.label {display: none;}
div.contact_form span.mandatory-mark {padding-right: 0.5em;}
div.contact_form legend {display: none;}
div.contact_form div.message span.label {float: none; text-align: left; width: auto;}

/********* node/content/picture.html *********/
div.node-content-picture, 
div.node-content-picture div.item {margin-bottom: 2em;}
div.node-content-picture div.picture.single div.item {float: left; margin-right: 2em;}

/********* node/content/HTML.html *********/
div.node-content-HTML {margin-bottom: 2em;}

/********* node/content/file.html *********/
div.file span.file_size {white-space: nowrap;}

/****************************************************************************************/
/*****************************           component          *****************************/
/****************************************************************************************/

/********* component/feed.html *********/
div.feed {padding: 0 0 2em 0;}
div.feed p.pubDate {padding: 0; margin: 0 0 1em 0;}
div.feed p.copyright {}
div.feed div.item {margin: 1em 0 2em 0;}
div.feed div.item h5 {margin: 0 0 0.5em 0;}

/********* component/breadcrumb.html *********/
div.breadcrumb {margin-bottom: 1em;}

/********* component/taxonomy.html *********/
div.taxonomy dt {clear: both; float: left; font-weight: bold; padding: 0 0 5px 0;}
div.taxonomy dd {padding: 0 0 5px 20px;}

/********* component/searchbox.html *********/
div.searchbox label {display: none;}
div.searchbox input.text {margin: 0; width: 185px;}

/********* component/search_result.html *********/
div.search_result span.item_description {font-size: small;}

/********* component/pagination.html *********/
div.pagination {margin: 1em 0; text-align: center;}
div.pagination a {text-decoration: none;}
div.pagination ul {margin: 0; padding: 0;}
div.pagination ul li {list-style-type: none; display: inline; padding: 0;}
div.pagination li a {display: inline-block; padding: 2px 5px; border: 0;}
div.pagination li a.active {border: 1px solid #CCCCCC; font-weight: normal; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
div.pagination li.previous a:hover,
div.pagination li.next a:hover,
div.pagination a.show_all:hover {text-decoration: underline;}

/********* component/image_gallery.html *********/
div.image_gallery div.thumbnails {padding-top: 20px;}
div.image_gallery div.thumbnails div.item {float: left; min-height: 50px;}
div.image_gallery div.thumbnails div.item img {padding: 0 10px 10px 0;}

/********* component/image_gallery_smooth.html *********/
div.image_gallery_smooth {border: 0; height: 300px; position: relative;}
div.image_gallery_smooth img:hover {cursor: pointer; cursor: hand;}
div.image_gallery_smooth img.thumbnail {display: none;}
div.image_gallery_smooth div.controls {z-index: 1000; position: absolute; top: 0; left: 0; display: none; margin: 0; width: 100%;}
div.image_gallery_smooth div.controls a {width: 30px; height: 27px; display: block; opacity: 0.9;}
div.image_gallery_smooth div.controls a span {display: none;}
div.image_gallery_smooth div.controls a.prev {background: url(/share/images/arrow-left.gif) center left no-repeat; float: left;}
div.image_gallery_smooth div.controls a.next {background: url(/share/images/arrow-right.gif) center right no-repeat; float: right;}
/********* component/image_gallery_fancybox.html *********/
div.image_gallery_fancybox div.item {float: left; margin-right: 35px;}

/********* component/google_picasa_feed.html *********/
div.googlePicasaFeed {margin-bottom: 5em;}
div.googlePicasaFeed div.imageThumbnailsContainer {width: 750px; height: 100px; overflow: auto; white-space: nowrap;}
div.googlePicasaFeed div.imageThumbnail {float: left; height: 75px; padding-right: 15px;}
div.googlePicasaFeed div.imageFull {width: 100%; text-align: center; padding-top: 5px;}
div.googlePicasaFeed div.imageFull div.imageFullWrapper {clear: both;}
div.googlePicasaFeed table {padding: 0; margin: 0; border-style: none; border-width: 0;}
div.googlePicasaFeed table td {padding: 0; margin: 0; border-style: none; border-width: 0;}

/********* component/comment.html *********/
div.comment form input {width: 100%;}

/********* comment_UL.html *********/
ul.comment li {margin-bottom: 1em;}
ul.comment p.author,
ul.comment p.created {margin: 0;}
ul.comment div.bottom {border-bottom: 1px solid #f0f0f0;}
ul.comment div.item div.content {padding: 1em 0; white-space: pre-wrap;}

/********* menu_SELECT.html **********/
div.selectMenu {padding: 5px 0 0 0;}

/** newsletter subcribe **/
div.newsletter_subscribe_start form {margin-bottom: 2em;}
div.newsletter_subscribe_start div.row {margin: 0;}
div.newsletter_subscribe_start span.label {display: none;}
div.newsletter_subscribe_start fieldset {width: 70%; float: left; margin: 0; padding: 0;}
div.newsletter_subscribe_start div.submit  {clear: none; float: right;}


/********* component/google_translate.html *********/
#google_translate_element {margin-bottom: 2em;}

/********* component/rating_stars.html *********/
div.rating_stars div.star {float: left; }
div.rating_stars div.text {display: none;}
/*
div.rating_stars div.star {background:url("/share/images/star.gif") repeat scroll 0 0 transparent; height:17px; width:17px;}
div.rating_stars div.star span {display: none;}
*/
/**
 * Norbert Laposa @ Laposa Solutions Ltd, 2009/09/22
 *
 */

/****************************************************************************************/
/*****************************      component/ecommerce     *****************************/
/****************************************************************************************/

/********* component/ecommerce/product_list.html *********/
div.product_list div.item {margin: 1.5em 0;}
div.product_list div.image {float: left; margin-right: 2em;}
div.product_list div.description {float: left; width: 50%; }
div.product_list h3.name {text-transform: none; font-size: 1.2em; margin-top: 0;}
div.product_list div.detail {float: right; width: 20%;}
div.product_list div.detail p {padding: 0 1em 0 0;}
div.product_list p.stock {margin-top: 0;}
div.product_list p.variety {font-weight: bold; margin-top: 0;}
div.product_list p.more_details {clear: both; float: left; margin-bottom: 0;}
div.product_list div.reviews {clear: both;}
div.product_list div.reviews a {text-decoration: none;}
div.product_list div.reviews span.review_count {padding-left: 10px; line-height: 1.7; font-size: 85%;}

/********* component/ecommerce/product_list_2columns *********/
div.product_list_2columns div.item {text-align: center; float: left; clear: none; width: 50%;}
div.product_list_2columns a {text-decoration: none;}
div.product_list_2columns div.item.odd {margin-right: 15px}
div.product_list_2columns div.item h3 {clear: both} 
div.product_list_2columns div.item div.image a {display: block; margin: 0 auto 1em auto;}

/********* component/ecommerce/product_list_3columns *********/
div.product_list_3columns a {text-decoration: none;}
div.product_list_3columns div.item {font-size: 80%; width: 33%; text-align: center; float: left; clear: none;}
div.product_list_3columns div.item h3 {clear: both}
div.product_list_3columns div.item div.image a {display: block; margin: 0 auto 1em auto;}

/********* component/ecommerce/product_list_4columns *********/
div.product_list_4columns a {text-decoration: none; }
div.product_list_4columns div.item {font-size: 80%; width: 25%; text-align: center; float: left; clear: none;}
div.product_list_4columns div.item h3 {clear: both; padding: 0 1em;}
div.product_list_4columns div.item div.price {padding: 0 1em;}
div.product_list_4columns div.item span.price {}
div.product_list_4columns div.item div.image a {display: block; margin: 0 auto 1em auto;}

/********* component/ecommerce/product_list_scroll *********/
div.product_list_scroll {margin-top: 1em;}
div.product_list_scroll a {text-decoration: none; font-size: 80%;}
div.product_list_scroll div.item {width: 120px; text-align: center; float: left; clear: none;}
div.product_list_scroll div.item h3 {clear: both; margin: 0 0.5em;}
div.product_list_scroll div.item div.image a {display: block; margin: 0 auto 1em auto;}
div.product_list_scroll div.item div.image img {margin: 0 10px;}
div.product_list_scroll a.browse span {display: none;}
div.product_highlights div.product_list_scroll div.description {width: 120px;}
div.product_list_scroll div.scrollable {position:relative; overflow:hidden; width: 360px; height:170px; float: left;}
div.product_list_scroll div.scrollable div.items {width:20000em; position:absolute; clear:both;}
div.product_list_scroll div.scrollable div.items div.item {float:left;}
div.product_list_scroll a.browse {background:url(/share/themes/jquery.tools/images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin-top: 60px;}
div.product_list_scroll a.right {background-position: 0 -30px; clear:right; margin-right: 10px;}
div.product_list_scroll a.right:hover { background-position:-30px -30px;}
div.product_list_scroll a.right:active 	{ background-position:-60px -30px;}
div.product_list_scroll a.left { margin-left: 10px;}
div.product_list_scroll a.left:hover { background-position:-30px 0;}
div.product_list_scroll a.left:active { background-position:-60px 0;}

/********* component/ecommerce/product_related.html *********/
div.product_related {margin-top: 0;}

/********* component/ecommerce/recently_viewed_products.html *********/
div.recently_viewed {clear: both;}

/********* component/client/address.html *********/
div.address p.detail {margin-bottom: 0;}
div.address p.button {margin-top: 0;}

/********* component/client/address_edit.html *********/
div.address_edit div.address_list div.item {padding-bottom: 2em;}

/********* component/ecommerce/basket.html *********/
div.basket,
div.basketWrapper {display: inline;}
div.basket h3 {display: inline; padding: 0 20px 0 0; margin: 0;}
div.basket div.content {display: none; position: absolute; background: white; z-index: 1000}
div.basket td.remove {text-align: right;}
div.basket a {text-transform: uppercase; text-decoration: none;}
div.basket div.checkout,
div.basket p.empty {display: inline; margin: 0;}
div.basket div.summary {display: inline;}
div.basket div.go_to_checkout {display: inline;}
div.basket a.go_to_checkout {padding-left: 15px;}

/********* component/ecommerce/basket_edit.html *********/
div.basket_edit input.basket_content-quantity {width: 20px;}
div.basket_edit button.update {float: right;}
div.basket_edit a.checkout {clear: both; float: right; margin-bottom: 1em;}
div.basket_edit a.continue_shopping {float: left; margin-bottom: 1em;}
div.basket_edit div.image a {text-decoration: none;}
div.basket_edit table.items {clear: both; width: 100%;}

/********* component/ecommerce/basket_detail.html *********/
div.basket_detail th.price,
div.basket_detail th.vat,
div.basket_detail th.total,
div.basket_detail td.price,
div.basket_detail td.vat,
div.basket_detail td.total {text-align: right;}
div.basket_detail tbody.breakdown {font-weight: bold;}

/********* component/ecommerce/checkout.html *********/
div.checkout {clear: right;}
div.checkout form textarea {width: 95%;}
div.checkout div.payment_type span.label,
div.checkout div.terms_agreed span.label {text-align: right;}
div.checkout div.payment_type span.field,
div.checkout div.terms_agreed span.field {width: auto;}
div.checkout fieldset.gift_option h3 {display: none;}
div.checkout fieldset.other_options {float: left; margin-top: 0; padding-top: 0;}
div.checkout div.submit {padding-right: 0; margin-right: 0; clear: none; float: right;}
div.checkout div.submit span.field {float: right; width: auto;}

/********* component/ecommerce/checkout_basket.html *********/
a.button.edit_basket {float: right;}

/********* component/ecommerce/order_detail.html *********/
div.order_detail div.address div.delivery {float: left; margin-right: 2em;}
div.order_detail a.button.make_payment,
div.order_detail a.button.print_invoice,
div.order_detail a.button.print_invoice_proforma {float: left; margin-bottom: 1em;}

/********* component/client/userbox.html *********/
div.userbox a {text-transform: uppercase; text-decoration: none;}

/********* component/client/login.html *********/
/********* component/client/registration_start.html *********/
/**** + registration + delivery_option + checkout ****/

div.address_country select {width: 100%;}

/********* component/client/password_reset.html *********/
div.password_reset legend {display: none;}

/********* component/client/password_reminder.html *********/
div.password_reminder legend {display: none;}


/********* component/ecommerce/invoice.html *********/
/********* component/ecommerce/invoice_proforma.html *********/
div.invoice td.basket table {width: 100%;}
div.invoice td.basket table td {padding: 5px 15px;}
div.invoice td.basket table th {text-align: left; padding: 5px 15px;}
div.invoice th,
div.invoice td {font-size: 10px;}

/********* component/ecommerce/form_currency.html *********/
#currency {display: inline;}
#currency select {width: 100%;}

/********* component/ecommerce/delivery_option.html *********/
div.delivery_option div.submit,
div.delivery_option legend {display: none;}
#content div.delivery_option span.label {float: left; width: 130px;}

/********* component/ecommerce/product_list_sorting.html *********/
div.sorting div.pagination {text-align: left;}
div.sorting div.title {float: left; padding-right: 10px;}
div.sorting ul {float: right;}
div.sorting div.mode {float: left; margin-left: 190px;}

/********* component/ecommerce/review_list.html *********/
div.review div.content {clear: both;}

/********* component/ecommerce/variety_list_ajax.html *********/
div.variety_list_ajax tr:hover {cursor: pointer; cursor: hand;}
div.variety_list_ajax tr.highlight {}
div.variety_list_ajax a {text-decoration: none; display: block; float: left;}
div.variety_list_ajax a.add_to_basket {margin-left: 10px; display: block; background: url(/share/images/default/basket-icon.png) no-repeat center left; padding-left: 20px; }
div.variety_list_ajax a.add_to_basket span {display: block; white-space: nowrap;}
div.variety_list_ajax a span.name {text-decoration: underline;}
div.variety_list_ajax p {margin-bottom: 1em;}
div.variety_list_ajax div.description p {margin: 0 0 2em 0; font-size: 87%;}
div.variety_list_ajax table {border: 0; margin: 0;}
div.variety_list_ajax td {border: 0; padding: 3px;}

/********* component/ecommerce/variety_list.html *********/
div.variety_list {clear: both;}
div.variety_list span.price {float: right;}
div.variety_list div.outofstock span.label {text-decoration: line-through;}
div.variety_list div.outofstock span.outofstock_message {display: none;}
div.variety_list form span.field,
div.variety_list form span.label {display: inline; width: auto;}
div.variety_list form span.field {padding-right: 1em;}
div.variety_list div.description {padding-left: 4em; font-size: 90%;}
div.variety_list div.description p {margin: 0; padding: 0;}
div.variety_list div.item {margin: 1em 0;}
div.variety_list button.add_to_basket {float: right;}
div.variety_list div.product_options {float: right; padding-bottom: 1em;}
div.variety_list p.add_to_basket {clear: both;}

/********* node/page/product.html *********/
/*tabs product detail*/
div.product ul.tabs {margin-left: 0; padding-left: 0;}
div.product ul.tabs li {display: block; float: left; margin-bottom: 0; }
div.product ul.tabs li a {border: 1px solid #ccc;  border-width: 1px 0 1px 1px; display: block; padding: 5px 10px;}
div.product ul.tabs li.last a {border-width: 1px}
div.product ul.tabs li a.current {text-decoration: none;}
div.product div.panes {clear: both; padding: 1em 0;}

/********* component/ecommerce/product_other_data.html *********/
div.product_other_data dt {clear: both; float: left; font-weight: bold; padding: 0 0 5px 0;}
div.product_other_data dd {padding: 0 0 5px 20px;}


div.promotion_code form.enter h3 {display: none;}

form div.row {margin: 0 0 0.5em;}

/********* component/ecommerce/gift_card.html *********/
div.gift_card {width: 7cm; height: 6cm; position: absolute; left: 10.5cm; top: 11cm;}
div.gift_message p {color: black; white-space: normal; font-family: Arial; font-size: 10pt; padding: 0; margin: 0; line-height: 1.5em;}