/* ############################################################

Name: template.css
Desc: CSS for Customer Area

Color scheme:

base colours
------------------------------
blue:           #0095FE
green:          #009900 (dark)
green:					#8CBA23 (pale)

base colours
------------------------------
pale-blue:      #EAF9FF
light-blue:     #CDDFED

grays
------------------------------
text-gray:      #565658 (darkest)
gray-borders:   #ABABAB
menu-hover:     #D3D5D5
light-gray:     #F3F5F5 (ligtest)

feedbacks
------------------------------
ok/info:        #0095FE
general:        #0095FE
error:          #FF0000
warning:        #AA000E
notice:         #FF6600


Info:

This CSS file is processed by the wysiwygcss.php file for use within the WYSIWYG editors. The wysiwygcss.php file
strips any references to the div#content <div> as well as rewrites URLs to images. By doing this, changes to
this CSS file shall be automatically updated in the CSS file generated by wysiwygcss.php for use within the
WYSIWYG editors.

Should there be a line of CSS within this file that you do not wish to include within the CSS file generated for
the WYSIWYG editors, simply add the following text to the end of the line:

 ##NO WYSIWYG##

(c) Areanet Pty. Ltd. All Rights Reserved. ABN: 84 114 634 561

########################################################## */
/* WYSIWYG common CSS - this section must be sync'd with wysiwyg.css  */
/* ########################################################## */

/* General */
* {padding:0; margin:0;}

/* Images */
img {border:0;}

/* Body */
body {
	background-color:#A2A2A2; /* ##NO WYSIWYG## */
	padding:0;
	font-size:10pt;
	color: #000;
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* General stuff */
div, span, p, li, td, th {
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
}

input, textarea, option, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

p {line-height: 1.6em; margin:7px 0 7px 0;}

address {font-style:italic;line-height:16px;margin:5px 0;}
pre {font-family:monospace;line-height:16px;margin:5px 0;}

/* Headings */
h1, h1 a, a h1 {font-size: 27pt;margin:10px 0 20px 0;color:#000;font-weight:normal;}
h2, h2 a, a h2 {font-size: 20pt;margin:10px 0 10px 0;color:#0095FE;font-weight:normal;border-bottom:2px solid #0095FE;padding-bottom:3px;text-align:center;}
h3, h3 a, a h3 {font-size: 15pt;margin:10px 0 10px 0;color:#0095FE;}
h4, h4 a, a h4 {font-size: 13pt;margin:10px 0 10px 0;color:#0095FE;font-weight:bold;}
h5, h5 a, a h5 {font-size: 10pt;margin:10px 0 10px 0;color:#000;font-weight:bold;text-decoration: underline;}
h6, h6 a, a h6 {font-size: 10pt;margin:5px 0 5px 0;text-decoration: underline;}

/* no decoration for headings within links or links in headings */
h1 a, a h1, h2 a, a h2 {
	text-decoration: none !important;
}
/* no decoration for headings within left column */
div#left-column h4 a, div#left-column a h4 {
	text-decoration: none !important;
}
/* font for headings*/
h1, h2, h3, h4, h5, h6 {
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* should match with the general table definition in wysiwyg.css */
div.content table {margin:10px;}
div.content td,  div.content th {padding:3px;text-align:left;vertical-align: top;}
div.content img {border:0;margin:5px 10px 5px 10px;}

/* should match with the list element definitions in wysiwyg.css */
/* theme_advanced_styles css defs */
div.content .nopadding {padding:0;}
div.content .nomargin {margin:0;}
div.content .topspace {margin:10px 0 0 0;}
div.content .bottomspace {margin:0 0 10px 0;}
div.content .padded {padding:10px;}
div.content .margined {margin:10px;}

div.content ul, div.content ol {margin:10px 0 10px 30px;padding:0;}
div.content ul li {margin: 0 0 10px 0;padding:0;list-style-image:url('../images/dot_point_default.png');list-style-type:disc;text-indent:0;background-position:0;}
div.content ol li {margin: 0 0 10px 0;list-style-type:decimal;list-style-position:inside;text-indent:-20px;}
div.content li ul, div.content li ol {margin: 5px 0 5px 20px;}
div.content li ul li, div.content li ol li {margin: 0 0 4px 0;}

/* General links */
a {color: #0095FE; text-decoration:underline;}
a:link {color: #0095FE; }
a:hover {color: #009900; }

/* special arrow paragraph */
.point-style1 {background:url('../images/right_arrow_default.png') no-repeat;padding:0 0 0 15px;background-position:-1px 4px;}

/* inputs and textareas - these need to sync with the FormElements tpls */
input, textarea, option, select {padding:1px;}
option { padding-right:1em; } /* this hax firefox into making the select wide enough for the widest element to be fully visible */
select { padding:0;}
input.long, select.long {width:300px;}
input.normal, select.normal {width:200px;}
input.short, select.short {width:100px;}
input.vshort {width:30px;}
textarea.content {width:300px;height:150px;}
textarea.addtext {width:300px;height:70px;}
textarea.codebox {width:300px;height:100px;background-color:#F3F5F5;font-family: monospace;}
select.smallwidth { width:40px;}
.monospace {font-family: monospace;}

.bold { font-weight: bold; }
/* Main Menu (Horizontal) */
/* Menu color scheme */
/*
background          : #EAF9FF
background (hover)  : #D3D5D5
textcolor           : #009900
textcolor (hover)   : #0095FE
*/

div#mainMenuH {background-color: #EAF9FF;position:relative;top:0;left:0;z-index:10;font-family:Calibri, Arial, Helvetica, sans-serif;}
div#mainMenuH ul {position: absolute;}
div#mainMenuH li {list-style: none;}
div#mainMenuH li a {font-size: 13pt;display: block;text-decoration:none;}
div#mainMenuH ul ul {width:180px;left:5px;position: absolute;display: none;z-index:99;border:1px solid #ABABAB;}
div#mainMenuH li.submenu-opener ul {top:0;left:180px;}
div#mainMenuH ul ul li {position: relative;height: 30px;background-color: #009900;color:#FFF;}
div#mainMenuH ul ul li:hover {background-color:#D3D5D5;color:#0095FE;text-decoration: none;}
div#mainMenuH ul ul li a:link,
	div#mainMenuH ul ul li a:visited {color: #0095FE;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div#mainMenuH ul ul li a:hover {text-decoration:none;color:#FFF;}
div#mainMenuH li.submenu-top,
	div#mainMenuH li.submenu-bottom {display: none;}
/*	div#mainMenuH li.submenu-top:hover,
	div#mainMenuH li.submenu-bottom:hover */
div#mainMenuH ul.level0 li.button:hover ul.level1 {display: block;}
div#mainMenuH ul.level1 li.submenu-opener:hover ul.level2 {display: block;}
div#mainMenuH ul.level2 li.submenu-opener:hover ul.level3 {display: block;}
div#mainMenuH li.delimiter {float:left; width:2px; height:24px; background-image: url(../images/main_delimiter.png);}
div#mainMenuH li span.disabled { /* non-clickable items */font-size: 13pt;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div#mainMenuH li.button {position:relative;float:left;}
div#mainMenuH li.button a.menu-item:link,
	div#mainMenuH li.button a.menu-item:visited {padding: 5px 10px;color:white;font-weight: bold;font-size: 13pt;margin-right: 0;}
div#mainMenuH a.top {} /* for L0 items only */
div#mainMenuH li.button a.menu-item:hover {padding: 5px 10px;color:#FFF;}
div#mainMenuH li.button:hover {background-color:#009900;color:#FFF;}

/* Vertical Menu (Shopping, Member Menu etc.) */
/* Menu color scheme */
/*
background          : #EAF9FF
background (hover)  : #D3D5D5
textcolor           : #009900
textcolor (hover)   : #0095FE
*/

div.verticalMenu {position:relative;border:1px solid #ABABAB;top:0;background-color: #EAF9FF;z-index:10;}
div.verticalMenu ul {margin:0; padding:0;}
div.verticalMenu li {list-style: none; position: relative; line-height:1em;}
div.verticalMenu li a {display: block;text-decoration:none; font-size: 10pt;}
div.verticalMenu ul ul {width:210px;margin-top:-30px;left:190px;position: absolute;display: none;border:1px solid #ABABAB; background-color:#EAF9FF; }
div.verticalMenu li.submenu-opener ul {top:30px;left:180px;}
div.verticalMenu ul ul li {position:relative; color:#009900;}
div.verticalMenu ul ul li:hover {background-color:#D3D5D5;color:#0095FE;text-decoration: none;}
div.verticalMenu ul ul li a:link,
	div.verticalMenu ul ul li a:visited {color:#0095FE; padding: 8px 15px; }
div.verticalMenu ul ul li a:hover {text-decoration:none;color:#009900;}
div.verticalMenu li.submenu-top,
	div.verticalMenu li.submenu-bottom {display: none;}
	/* div.verticalMenu li.submenu-top:hover,
	div.verticalMenu li.submenu-bottom:hover {display: none;} */
div.verticalMenu li.submenu {background-image: url('../images/head_point_default.png');background-repeat: no-repeat;background-position: 95% 50%;}
div.verticalMenu li.submenu-bottom {display: none;}
div.verticalMenu li.submenu-top {display: none;}
div.verticalMenu ul.level0 li.button:hover ul.level1 {display: block; z-index: 10;}
div.verticalMenu ul.level1 li.submenu-opener:hover ul.level2 {display: block; z-index: 20;}
div.verticalMenu ul.level2 li.submenu-opener:hover ul.level3 {display: block; z-index: 30;}
div.verticalMenu li.delimiter {display:none;}
/*div.verticalMenu li.hr,
	div.verticalMenu li.hr:hover {height:1px !important;line-height:0;border-bottom:1px solid #ABABAB;margin:0;padding:0;}*/
div.verticalMenu a.top {} /* for L0 items only */
div.verticalMenu li span.disabled { /* non-clickable items */font-size: 10pt;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div.verticalMenu li.button {position:relative;}
div.verticalMenu li.button a.menu-item:link,
	div.verticalMenu li.button a.menu-item:visited {padding: 5px 15px;color:#0095FE;}
div.verticalMenu li.button a.menu-item:hover {padding: 5px 15px;color:#009900;}
div.verticalMenu li.button:hover {background-color:#D3D5D5;color:#009900;}

/* Additional Horizontal Menus (Top, Bottom etc) */
/* Menu color scheme */
/*
background          : #EAF9FF
background (hover)  : #D3D5D5
textcolor           : #009900
textcolor (hover)   : #0095FE
*/

div.horizMenu {background-color:inherit;position:relative;top:0;left:0;z-index:10;}
div.horizMenu ul {}
div.horizMenu li {list-style: none;}
div.horizMenu li a {font-size:8pt;display: block;text-decoration:none;}
div.horizMenu ul ul {width:180px;left:5px;position: absolute;display: none;z-index:1000;border:1px solid #ABABAB;}
div.horizMenu li.submenu-opener ul {top:0;left:180px;}
div.horizMenu ul ul li {position: relative;height: 30px;background-color: #EAF9FF;color:#009900;}
div.horizMenu ul ul li:hover {background-color:#D3D5D5;color:#0095FE;text-decoration: none;}
div.horizMenu ul ul li a:link,
	div.horizMenu ul ul li a:visited {color:#0095FE ;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div.horizMenu ul ul li a:hover {text-decoration:none;color:#009900;}
div.horizMenu li.submenu-top,
	div.horizMenu li.submenu-bottom {display: none;}
/*	div.horizMenu li.submenu-top:hover,
	div.horizMenu li.submenu-bottom:hover {display: none;} */
div.horizMenu li.submenu {background-image: url('../images/submenu_default.gif');background-repeat: no-repeat;background-position: 95% 50%;}
div.horizMenu li.submenu:hover {}
div.horizMenu li.submenu-bottom {display: none;}
div.horizMenu li.submenu-top {display: none;}
div.horizMenu ul.level0 li.button:hover ul.level1 {display: block;}
div.horizMenu ul.level1 li.submenu-opener:hover ul.level2 {display: block;}
div.horizMenu ul.level2 li.submenu-opener:hover ul.level3 {display: block;}
div.horizMenu li.delimiter {display:none;}
/*div.horizMenu li.hr,
	div.horizMenu li.hr:hover {height:1px !important;line-height:0;border-bottom:1px solid #ABABAB;margin:0;padding:0;} */
div.horizMenu a.top {} /* for L0 items only */
div.horizMenu li span.disabled { /* non-clickable items */font-size: 8pt;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div.horizMenu li.button {position:relative;float:left;}
div.horizMenu li.button a.menu-item:link,
	div.horizMenu li.button a.menu-item:visited {padding: 5px 5px;color:#0095FE;font-size:8pt;margin-right: 0px;}
div.horizMenu li.button a.menu-item:hover {padding: 5px 5px;color:#009900;}
div.horizMenu li.button:hover {background-color:#D3D5D5;color:#009900;}

/* all the sticky menu styling */
div.stickyVerticalMenu { padding-left:0; text-align: left;}
div.stickyVerticalMenu img.opener { width:15px; height:15px; vertical-align:middle; cursor:pointer;}
div.stickyVerticalMenu li.current>a { font-weight:bold; color:#282884;}    /* the currently selected one */
div.stickyVerticalMenu li { list-style-type: none;}
div.stickyVerticalMenu li.hr { list-style: none; } /* the separators */
div.stickyVerticalMenu ul.level1,
div.stickyVerticalMenu ul.level2,
div.stickyVerticalMenu ul.level3,
div.stickyVerticalMenu ul.level4,
div.stickyVerticalMenu ul.level5 {  margin-left: 10px; display:none; }

/* User feedback, errors, warnings and info highlights  */
div.feedback {font-size:1.1em;font-weight:bold;margin:10px 0 10px 0;padding:5px;text-align:center;}  /* do NOT define the color here without background!!!! */
div.feedback span {} /*for the output of WARN | ERROR | INFO etc. - DEFINDE BG COLOR!  IT MAY NOT SHOW!  */
div.actionok {background-color:#005B2E; color:#FFF; }
div.general {background-color:#005B2E; color:#FFF; }
div.error {background-color:#FF0000; color:#FFF; }
div.warning {background-color:#AA000E; color:#FFF; }
div.notice {background-color:#FF6600; color:#FFF; }

/* the main div holding the entire design */
div.centering {position:absolute; left:50%; width:990px; margin-left:-495px; background-color:#FFF; padding:1px;}

/* specific positioner for the top menu */
div.topMenuPosition {position:absolute;top:5px;left:650px;}

/* the banner head for the design */
div#header {width:990px;text-align:right;height:150px;}
div#header a#clickable-header { position: absolute; left:1px; top:0; height:100px; width:400px; display:block; cursor:pointer;}
div#header-menu {float:right; display:inline;} /* banner (top) menu */
div#topmenuhoriz {height:32px;background-color:#006BB3;} /* main menu holder */
div#sitesearch {background: url('../images/topfader_default.png') repeat-x;text-align:right;height:60px;padding:2px;}
div#timeanddate{float:right;margin:7px; color: #FFF;}
div#breadcrumb {float:left;margin:3px;}
div#breadcrumb a {padding: 0 3px;}


/* div.content is the main div holding the content output */
div.content {margin:0 10px 0 250px;width:700px;}
div.content .sig {font-style: italic;padding:5px;color: #565658;line-height: 1.5em;} /* content author's signature */
div.content p.bottom {margin-bottom: 40px;}
div.content a:link,
	div.content a:visited {color: #0095FE;} /* 'a' links in content */
div.content a:hover {color: #009900;} /* 'a' links in content - hover */
div.content ul {margin:8px 0 8px 30px;}
div.content img {margin:5px 10px 5px 10px;}
div.content div.highlight-bg {}

/* main site design, left col */
div#left-column {float:left;width:220px;}
div#left-column div.spaced {margin:0 0 10px 0;padding:1px 10px 10px 10px;}
div#left-column div.highlight-bg {}
div.spaced {margin:0 0 10px 0;padding:1px 10px 10px 10px;}
.teaser {line-height: 1.5em; margin:4px 0 4px 0;font-size:0.9em;}
p.mediadllink {margin:4px 0 4px 0;font-size:0.9em;}
p.mediadlmsg {margin:2px 0 2px 0;line-height:1.2em;font-size:0.9em;color:#565658}

/* buttons */
input.push-button {margin:1px !important;background: url('../images/button_fader_default.png') repeat-x;width:100px;height:23px;cursor: pointer;border:1px solid #565658;font-size:8pt !important; }
input.push-button:hover { background-position: -2px -2px;color: #009900;}

/* Footer */
div#footfader {clear:both;/*background: url('../images/bottomfader_default.png') repeat-x;*/margin:30px 0 0 0;height:50px;}
div#foot {clear:both;border-top:3px solid #D3D5D5;background-color:#FFF;}
div#footer-menu {float:right;margin-top:35px;}
div#foot-productdetails {padding:15px;text-align:right;background-color:#D3D5D5;}
div#foot img.logo {float:left;margin:20px 10px;}
div#foot-menu-logo {padding:10px;height:95px;}
div#foot table { padding: 0; margin:0; border-collapse: collapse;  }
div#foot table td { border: 1px solid silver; padding: 0 1px;  }


/* Standard admin form */
table.general {text-align:left;}
table.general th {padding:0;font-weight:bold;padding:4px;}
table.general td {padding:4px;}
table.general td.leftcol {text-align:right;vertical-align:top;white-space:nowrap;font-style:italic;padding-top:5px;}
table.general td.rightcol {text-align:left;vertical-align:top;border-width:0 1px 1px 0;}

/* Admin tabs */
div#maintabbed { margin:0; } /* main holder for tabbed pages */
table.tabheads { margin:0 !important;} /* needed because main content places a margin around tables */
table.tabheads td { cursor:pointer;width:80px;text-align:center !important; padding:5px !important;border-right:1px solid #FFF;}
table.tabheads td a { font-size:0.9em; line-height:1.1em;}
table.tabheads td.off { background-color:#D3D5D5; }
table.tabheads td.on { background-color:#CDDFED; }
div.tabcontent {margin:0;padding:5px !important;border:1px solid #D3D5D5;text-align:center;}

/* Standard admin form */
table.adminform {background-color:#FFF;border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminform td {padding:4px 5px 0 4px;}
table.adminform td.leftcol {text-align:right !important;vertical-align:top;width:150px;white-space:nowrap;font-style:italic;border-width:0 0 1px 1px;}
table.adminform td.helpcol {width:15px;vertical-align:text-top;}
table.adminform td.helpcolshort {width:5px;vertical-align:text-top;}
table.adminform td.rightcol {text-align:left; vertical-align:top;border-width:0 1px 1px 0;}

div.htmlcheckboxes input {margin-right:5px;}
.required {color:red;font-weight:bold;font-size:1.1em;font-family:Arial, Helvetica, sans-serif;text-decoration: none;}
span.emp {color:#aaaaaa;font-style: italic;}

/* Admin list pager */
table.listpager {margin:0;text-align:center;border-top:1px solid #ABABAB;background-image: url('../images/topfader_default.png');}
table.listpager td {padding:5px;font-size:8pt;white-space: nowrap;}
table.listpager td.nextpagelink,
	table.pager, td.prevpagelink {width:100px;margin:0;padding:0;}
table.listpager td.pagelinks table {margin:0 0 0 100px !important;}
table.listpager td.active {color:#0060A4; font-weight:bold;}
table.listpager td.active input[type="text"],
	table.listpager td.active option { background-color:#AA000E; color:#0060A4; }

/* Admin list */
table.adminlist table.listtitle { background:none;  border-collapse:collapse; margin:0; padding: 0;}
table.adminlist table.listtitle td,
	table.adminlist table.listtitle th { font-family:"Arial narrow"; padding:0 !important; }
table.adminlist { background-color:#FFF;border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminlist th { padding:4px;  border-bottom:1px solid #ABABAB; border-top:1px solid #ABABAB; height:25px; background-color:#F3F5F5; font-size:0.9em; }
table.adminlist th.title { text-align:left; }
table.adminlist td {font-size:8pt;font-weight:normal;padding:4px;}
table.adminlist td span, table.adminlist a {font-size:8pt;}
table.adminlist td.leadin { width:1%; }

.adminwidth {width:670px;margin:0;border:1px solid #FFF;} /* the standard width to use for all admin lists, forms and pagers */

table.adminlist table.listtitle td.upDownLinkArr { border-collapse:collapse;white-space: nowrap;}
table.adminlist table.listtitle td.upDownLinkArr a {  text-decoration:none; margin:0 !important; padding:0 !important; font-size: 2px !important; line-height: 2px !important; }
table.adminlist table.listtitle td.upDownLinkArr img { margin:0 !important; padding:0 !important; }

/* attached media items */
div#attachedmedialist {
	text-align:left;
	overflow:auto;
	height:180px;
}

div#attachedmedialist table.mediaitems td {
	padding:5px;
	text-align:center;
	white-space:nowrap;
}

div#attachedmedialist div.spacer {
	min-width:90px;
	min-height:90px;
	vertical-align:text-bottom;
}


/* Alignment */
.txtcenter {text-align:center !important;}
.txtright {text-align:right !important;}
.txtleft {text-align:left !important;}
.floatleft {float:left;margin-right:10px;}
.floatright {float:right;margin-left:10px;}
.mainmedia {float:left;text-align:center;margin:0 10px 10px 0;background-color:#FFF;}

/* formSearch */
div#formSearch {float:right;position:relative;width:500px;height:22px;}
div#formSearch td {vertical-align:top;padding:0;line-height:0pt;text-align:right;}
div#formSearch .text   {width:120px; right:190px; height:20px !important;}
div#formSearch .select {width:100px; right:85px;  height:22px !important;}
div#formSearch .button {width:80px;  right:0;     height:24px !important;}
div#formSearch .text,
	div#formSearch .select,
		div#formSearch .button {
			position:absolute;
			border:1px solid #F3F5F5;
			top:2px;
			margin:0 !important;
		}

/* Template name output */
div.smartytemplate { padding-left:3px;z-index:1;margin:1px;float:left;color:#FFF;background-color:#009900;font-size:0.8em !important;text-align:left; }

/* Content archives */
div.archive {text-align:left; margin: 0 0 20px 0;line-height: 1.5em;}
div.archive .year { margin-top: 5px; background:url('../images/right_arrow_default.png') no-repeat;background-position: 0 2px;padding-left:15px;}
div.archive .month { margin-left: 20px; }
div.selectedarchive a {font-weight:bold !important;}

/* user-side function bar */
div#icons {}
td.icon-td {text-align:center !important;}
td.icon-td img {margin:0 !important;}
td.icon-td img:hover {position:relative;left:1px;top:1px;}
td.icon-td a {display:block;text-decoration:none;}
.divider {border-right: 1px solid #0095FE;}

/* specific styles */
.smallgray {color:#565658;font-size:0.8em;} /* general small font */
.title {display: block;font-weight: bold;}
.smallwhite {color:#FFF;font-size:0.8em;}
.smaller {font-size:0.8em;}

/* info tag format */
.infotag {background: url('../images/system/question.png') no-repeat;display:inline;cursor:pointer;padding:0 7px 0 7px;text-decoration: none !important;background-position:0 3px;}

/* product display */
div#productdetails {width:97%;}
div#productdetails p {margin:4px;white-space:normal;}
div#productdetails .price {font-size:1.4em; background-color:#0095FE;color:#FFF;padding:5px;margin-bottom:5px;font-weight:bold; }
div#productdetails div.buttons {float:right;width:150px;padding:10px;margin-left:20px;text-align:center;background-color:#EAF9FF;}
div#productdetails div.stock { background-color: green; border: 1px solid gray; }
div#productdetails div.low { background-color: yellow; }
div#productdetails div.out { background-color: red;  }
div.productbuttons {margin-bottom:10px;padding:10px;}

div.productitem {border:1px solid #0095FE;width:230px !important;}
div.productitem h4 {font-size:1.1em;margin-top:0;}
div.productitem p {margin:4px;white-space:normal;}
div.productitem img {border:1px solid #ABABAB !important;padding:2px;}

div.moreitems {font-weight:bold;margin-left:15px;}
hr.cagegoryhr {margin:20px 0 20px 0;height:1px;color:gray;}
div.productinfo {background-color:#CDDFED;text-align:center;padding-bottom:2px;}
div.productinfo h4 {margin:0 0 5px 0;background-color:#0095FE;padding:2px 0 2px 0;font-weight: bold;}
div.productinfo h4 a {color:#FFF !important;}
div.clear{clear:both;height:0;}

table.productlisting {border-collapse:collapse;margin:0 !important;}
table.productlisting tr, table.productlisting td { padding:0; margin:0; }
table.productlisting td.product {width:220px;height:330px;padding:10px !important; }
table.productlisting table.innerholder {height:100%;border:1px solid #0095FE;border-collapse:collapse;margin:0 !important;}
table.productlisting table.innerholder td {width:220px;}
table.productlisting table.innerholder td.buttons {vertical-align:bottom !important;text-align:left !important;background-color:#CDDFED;padding:3px 0 3px 0;}
table.productlisting table.innerholder td.buttons span {font-size: 1.1em;}
table.productlisting div.stock { background-color: green; border: 1px solid gray; }
table.productlisting div.low { background-color: yellow; }
table.productlisting div.out { background-color: red;  }

.featured {background-color: #EAF9FF;border:1px solid #ABABAB;}

table.logger { background-color: silver; text-align: left; }

/* VO design */
.folder-open { background: url('../images/system/folder-open.png') no-repeat; cursor:pointer;width:20px;}
.folder-closed { background: url('../images/system/folder.png') no-repeat; cursor:pointer;width:20px;}
.archfolder { display:inline; padding:10px; cursor:default; margin-right:2px; background-position:center; }
.archpadding { color:#ABABAB; font-family:monospace; }

table.voMediaList { background-color:#FFF;border-collapse:collapse;text-align:left;}
table.voMediaList td, table.voMediaList th {font-family:"Arial narrow"; padding:4px;}
table.voMediaList th { border-bottom:1px solid #ABABAB; border-top:1px solid #ABABAB; height:25px; background-color:#F3F5F5; font-size:0.9em;}
table.voMediaList td {border-bottom:1px solid #F3F5F5;}

.voDir { margin: 5px 0; }

.voPad2 { margin-left: 15px !important; }
.voPad3 { margin-left: 30px !important; }
.voPad4 { margin-left: 45px !important; }
.voPad5 { margin-left: 60px !important; }
.voPad6 { margin-left: 75px !important; }
.voPad7 { margin-left: 90px !important; }
.voPad8 { margin-left: 105px !important; }
.voPad9 { margin-left: 120px !important; }
.voPad10 { margin-left: 135px !important; }

/* Poll design */
table.pollOut {}
table.pollOut img {padding:0; margin:0 !important; border:0;}
table.pollOut td {padding:0; text-align: left; vertical-align: text-top;white-space:nowrap;}
br.separator {margin-top:3px;}

/* Referral rewards  */
div.reward {border:1px solid #ABABAB;margin-top:5px;padding:2px;}
div.reward div.buttons {background-color:#D3DADE;margin:0;padding:10px;}
div.reward .floatright {float:right;margin:0 0 15px 15px;}
div.reward h1 {font-size: 1.7em;}
div.reward p, div.reward h4, div.reward h1 {padding-left:5px;}
.referralpoints {font-size:1.7em;font-weight:bold;color:red;}

/* extra functions */
/* DON'T HIDE IT EVER!!!! it's to help with the administration of article from the user side!!! */
div.extra-functions { padding:5px 5px 5px 0; margin:0 20px 0 250px;}

/*  admin quick-links */
div.quicklinks-major { line-height: 1px !important; border: 2px solid red !important; position:relative; top:0;right:0; z-index:20; float:right; }
div.quicklinks-minor  { line-height: 1px !important; position:relative; top:0;right:0; z-index:20; float: left; clear: left; }
div.quicklinks-minor img, div.quicklinks-major img { border:0; padding:0; cursor:pointer; }
div.verticalMenu li.button img { float: right;}

.mediagallerylist .quicklinks-minor  { position:relative; display: inline; float: none !important; clear:none; }

div.quickedit {z-index:999;text-align:left;margin:0;}
a.quickeditlink { background-color: white; color: black !important; font-size:0.9em;text-decoration: none;}
a.quickeditlink img { vertical-align:text-bottom;padding:0;margin:0}

/**
* ajax styles
*/
#feedBackDiv { position: absolute; display: none; z-index: 999;}
div.AJAXMenu {position:relative;top:0;background-color: #EAF9FF;z-index:10;margin:-5px -10px -5px -10px;}
div.AJAXMenu ul {margin:0; padding:0;}
div.AJAXMenu li {list-style: none; position: relative; line-height:1em;}
div.AJAXMenu li a {display: block;text-decoration:none; font-size: 10pt; padding: 5px 15px; }
div.AJAXMenu a:link, div.AJAXMenu a:visited {color:#0095FE;}
div.AJAXMenu a:hover {color:#009900;}
div.AJAXMenu li.delimiter { display: inline;  }
div.AJAXMenu li.hr { height:1px !important; line-height:0 !important;margin:0;padding:0; }
div.AJAXMenu li.button {position:relative;}
div.AJAXMenu li.button:hover {background-color:#D3D5D5;color:#009900;}

/* overlib CSS - linked to overlib in overlib.js*/
.overlibtext a { /* overlib links */ color:#ECAE20; text-decoration: underline; }
.overlibtext a:hover { /* overlib links */ color:#ECAE20; }
.overlibtext { /* overlib main <td> text */ padding:5px 10px 5px 10px; background-color:#666; color:#FFF; border:1px solid #666; /*background-image: url(../images/system/overlib_bg.jpg);*/ background-repeat: repeat-y; background-position: center; }
.overlibtext ul, ol { /* overlib lists */ margin:10px 0 30px 30px; padding:0; }
.overlibcaption { /* overlib title <td> */ background-color:#666; font-size:14px; padding:5px; font-weight:bold; }
.overlibclose { /* overlib 'close' button <td> */ background-color:#666; font-size:13px; padding:5px; text-align:right; }
.overlibbg { /* the background <table> */ background-color:#ECAE20; margin:5px; border:1px solid #fff; }
.overlibfg { /* the foreground <table> */ margin:0; }
.overlibtext, .overlibcaption, .overlibclose { /* general styles */ color:#FFF !important; font-family: Arial, Helvetica, sans-serif; font-size:12px; }

div#shoppingCartWidget { margin-top:15px;border: 2px solid #0095FE; padding: 5px;}
div#shoppingCartWidget table { width: 100%; }
div#shoppingCartWidget .topline {margin-top: -3px;}
div#shoppingCartWidget .desc {font-style: italic;}
div#shoppingCartWidget .total { width: 50px; white-space: nowrap !important;}
div#shoppingCartWidget .carttotal{  font-weight:bold;}
div#shoppingCartWidget .carttotalrem{  margin:0; color:#565658;font-size:0.8em; }
div#shoppingCartWidget .links{  margin-top: 15px; }
div#shoppingCartWidget .links .chkout { float:right; }

table.productlist { width: 100%; border-collapse: collapse;margin:0 !important;}
table.productlist {border-bottom: 2px solid #0095FE;}
table.productlist th { font-weight: bold; border-bottom: 2px solid #0095FE;}
table.productlist td { border-bottom: 1px solid #F3F5F5; }
table.productlist td.desc {font-style: italic;}
table.productlist td.total { text-align: right;}
table.productlist tr.price { border:none; }
table.productlist tr.price td { white-space: nowrap; text-align: right; font-weight: bold; }
table.productlist tr.total td { font-size:1.4em;}
table.productlist tr.selectedrow {background-color:#EAF9FF;}

div#shoppingCart table.productlist td.remove { text-align: center;}
div#shoppingCart .carttotal{ font-weight: bold; font-size:1.4em;}
div#shoppingCart .carttotalrem{  margin:0; }
div#shoppingCart .links {width:100%;margin:0;}
div#shoppingCart .links td {width: 33%;vertical-align: middle;padding:0;}

div#shoppingCart .productimg { float: left; }
div#shoppingCart img { margin-left:0; }
div#shoppingCart div.toppart {margin:20px 27px 20px 10px; }

div.buttonline { text-align: center;padding:5px;margin:5px 0 5px 0; background-color: #EAF9FF;}