/*

Name: template.css
Desc: CSS for Customer Area - MAIN Site

Color scheme:

base colours
------------------------------
purple:         #8D4295
blue:						#6FC7DF
pale-blue:      #DEF2F8

grays
------------------------------
headings:				#B0B9C2,
text-gray:      #666666
gray-borders:   #ABABAB
menu-hover:     #D3D5D5
light-gray:     #F3F5F5 (ligtest)

feedbacks
------------------------------
ok/info:        #6FB43F
general:        #6FB43F
error:          #FF0000
warning:        #AA000E
notice:         #FF6600


Version info:
=================================================================
1.0	  01-JAN-2007 (T)  Script created
1.2	  30-JUL-2007 (MMS) Modified with additional headings and defs
1.3	  01-AUG-2007 (T)  Added menu CSS
1.4   10-MAR-2008 (MMS) Integrated new menu CSS

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

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##


*/


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

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

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

/* Body */
body {
	background: transparent url(../images/pcycbgfadestrip.png) repeat-x scroll top center; /* ##NO WYSIWYG## */
	padding:0;
	font-size:11pt;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif
}

/* General stuff */
div, span, p, li, td, th {
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
}

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

p {
	font-size:11px;
	line-height:14px;
	margin-top:0px;
	margin-bottom:7px;
}

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:#B0B9C2;font-weight:normal;}
h2, h2 a, a h2 {font-size: 20pt;margin:10px 0 10px 0;color:#B0B9C2;font-weight:normal;}
h3, h3 a, a h3 {font-size: 15pt;margin:10px 0 10px 0;color:#666666;font-weight:normal;}
h4, h4 a, a h4 {font-size: 11pt;margin:10px 0 10px 0;color:#666666;font-weight:bold;}
h5, h5 a, a h5 {font-size: 10pt;margin:10px 0 10px 0;color:#666666;font-weight:bold;}
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  { /*, h3 a, a h3, h4 a, a h4, h5 a, a h5, h6 a, a h6 */ 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: 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; font-size:11px; }
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 {font-size:11px;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 {font-size:11px;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: #6FC7DF; text-decoration:underline;}
a:link {color: #6FC7DF; }
a:hover {color: #8D4295; }

/* ########################################################## */
/* Design specific CSS - everything below this can change */
/* ########################################################## */

/* 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;}

/* Main Menu (Horizontal) */
/* Menu color scheme */
/*
background          : #DEF2F8
background (hover)  : #D3D5D5
textcolor           : #6FC7DF
textcolor (hover)   : #8D4295
*/

div#mainMenuH { background-color: #F2ECEA;position:relative;top:0;left:0;z-index:10; font-family: Arial, Helvetica, sans-serif;  }
div#mainMenuH ul { position: absolute; right:0; }
div#mainMenuH li { list-style: none; white-space:nowrap; }
div#mainMenuH li a { display: block; text-decoration:none; font-size: 11px;  }
div#mainMenuH ul ul { width:128px; left:0; position:absolute; display:none; }
div#mainMenuH li.submenu-opener { background-image: url(../images/system/submenu.gif); background-repeat: no-repeat; background-position: 99% 50%;}
div#mainMenuH li.submenu-opener ul { top:0; left:128px; }
div#mainMenuH ul ul li { position:relative; background: #e1e1e1; color:black; height:20px; border-bottom: 1px solid silver; }
div#mainMenuH ul ul li:hover {}
div#mainMenuH ul ul li a:link, div#mainMenuH ul ul li a:visited { color: #000; display: block;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; height:20px; padding: 3px 10px;}
div#mainMenuH ul ul li a:hover { color:#666;}
div#mainMenuH li.submenu-top, div#mainMenuH li.submenu-bottom {display: none;}

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:20px; background-image: url(../images/main_delimiter.png);}
div#mainMenuH li span.disabled { display:block; color:#616161; padding:7px 15px 3px 15px; font-style:italic;}
div#mainMenuH li.button {position:relative;float:left; background: transparent url(../images/menu_tabs_bg.gif) no-repeat scroll left center; width: 128px; }
div#mainMenuH li.button a.menu-item:link, div#mainMenuH li.button a.menu-item:visited { font-size: 11px; padding: 3px 10px; color: #000; font-weight: bold; margin-right: 0; }
div#mainMenuH a.top {}
div#mainMenuH li.button a.menu-item:hover {}
div#mainMenuH li.button:hover {background-color:#6FC7DF;color:#FFF;}


/* Vertical Menu (Shopping, Member Menu etc.) */
/* Menu color scheme */
/*
background          : #DEF2F8
background (hover)  : #D3D5D5
textcolor           : #6FC7DF
textcolor (hover)   : #8D4295
*/

div.verticalMenu {position:relative;border:1px solid #ABABAB;top:0;background-color: #DEF2F8;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:#DEF2F8; }
div.verticalMenu li.submenu-opener ul {top:30px;left:180px;}
div.verticalMenu ul ul li {position:relative; color:#6FC7DF;}
div.verticalMenu ul ul li:hover {background-color:#D3D5D5;color:#8D4295;text-decoration: none;}
div.verticalMenu ul ul li a:link, div.verticalMenu ul ul li a:visited {color:#8D4295; padding: 8px 15px; }
div.verticalMenu ul ul li a:hover {text-decoration:none;color:#6FC7DF;}
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:#8D4295;}
div.verticalMenu li.button a.menu-item:hover {padding: 5px 15px;color:#6FC7DF;}
div.verticalMenu li.button:hover {background-color:#D3D5D5;color:#6FC7DF;}

/* Additional Horizontal Menus (Top, Bottom etc) */
/* Menu color scheme */
/*
background          : #DEF2F8
background (hover)  : #D3D5D5
textcolor           : #6FC7DF
textcolor (hover)   : #8D4295
*/

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-family: Arial, Helvetica, sans-serif; font-size:9px; color: #000; 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: #DEF2F8;color:#6FC7DF;}
div.horizMenu ul ul li:hover {background-color:#D3D5D5;color:#8D4295;text-decoration: none;}
div.horizMenu ul ul li a:link, div.horizMenu ul ul li a:visited {color:#8D4295 ;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div.horizMenu ul ul li a:hover {text-decoration:none;color:#6FC7DF;}
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 { border-right: 1px solid #000; height: 9px; width: 5px; margin-right: 5px; float: left; margin-top: 6px; font-size: 0; line-height: 0; }
/*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 0px; color:#000; font-size:9px; margin-right: 0px; }
div.horizMenu li.button a.menu-item:hover {
 }
div.horizMenu li.button:hover {
 }


/* 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;color:#FFF;}
div.actionok {background-color:#6FB43F;}
div.general {background-color:#6FB43F;}
div.error {background-color:#FF0000;}
div.warning {background-color:#AA000E;}
div.notice {background-color:#FF6600}
div.feedback span {color:#FFF;} /*for the output of WARN | ERROR | INFO etc.*/

/* the main div holding the entire design */
div#centering { position:absolute; left:50%; width:960px; margin-left:-480px; background-color:#FFF; }

/* the banner head for the design */
div#header { width:960px; height:120px; }
div#header a#clickable-header { position: absolute; top:0; height:100px; width:400px; display:block; cursor:pointer; }
div#header-menu {float:right; display:inline;} /* banner (top) menu */
div#topmenuhoriz {/* main menu holder */ height:20px; background-color: #b0b9c2; }
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; font-size: 8pt; }
div#breadcrumb a {padding: 0 3px;}


/* div.content is the main div holding the content output */
div.content {margin:0; width:960px;}
div.content div.intro { margin:10px;font-weight:bold;color:#6FC7DF;line-height:1.5em;}   /* content intro */
div.content .sig {font-style: italic;padding:5px;color: #666666;line-height: 1.5em;} /* content author's signature */
div.content p {margin-bottom: 20px;} /* content paragraphs */
div.content p.bottom {margin-bottom: 40px;}
div.content a:link, div.content a:visited {color: #6FC7DF;} /* 'a' links in content */
div.content a:hover {color: #8D4295;} /* '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:#666666}

/* 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 #666666;font-size:8pt !important; }
input.push-button:hover { background-position: -2px -2px;color: #6FC7DF;}

/* Footer */
div#footfader {clear:both;/*background: url('../images/bottomfader_default.png') repeat-x;*/margin:30px 0 0 0;height:50px;}
div#foot { clear:both; width:960px; border-top:1px solid #b0b9c2; margin:0px 0px 20px 0px; background-color:#FFF; }
div#footer-menu { float:right; }
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:20px 0; border-bottom: 1px solid #b0b9c2; font-size: 0; margin-bottom:5px;}

/* Standard admin form */
table.general {text-align:left;}
table.general th {padding:0;}
table.general td {padding:2px;}
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:#DEF2F8; }
div.tabcontent {margin:0;padding:5px !important;border:1px solid #FFF;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;border-bottom:1px solid #F3F5F5;}
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;}
table.adminform tr.row0 { background-color:#FFF; }
table.adminform tr.row1 { background-color:#FFF; }
table.adminform tr.row0:hover {background-color:#FFF;}
table.adminform tr.row1:hover {background-color:#FFF;}
div.htmlcheckboxes input {margin-right:5px;}
.required {color:red;font-weight:bold;font-size:1.1em;text-decoration: none;}
span.emp {color:#aaaaaa;font-style: italic;}

/* Admin list pager */
table.listpager {margin:0 auto;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 tr.row0 { background-color:#FFF; }
table.adminlist tr.row1 { background-color:#FFF; }
table.adminlist td {border-bottom:1px solid #F3F5F5;font-size:8pt;border-left:1px solid #F3F5F5;font-weight:normal;padding:4px;}
table.adminlist td span, table.adminlist a {font-size:8pt;}
table.adminlist tr.row0:hover {background-color:#FFF;}
table.adminlist tr.row1:hover {background-color:#FFF;}
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 { width:90px; height:90px; vertical-align:text-bottom; }


/* Alignment */
.txtcenter {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.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:#FF0000;background-color:#6FC7DF;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 {margin-bottom:10px;}
td.icon-td {width:55px;font-size:0.9em;padding:5px !important;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 #8D4295;}

/* specific styles */
.smallgray {color:#666666;font-size:10px;} /* general small font */
.title {display: block;font-weight: bold;}
.smallwhite {color:#FFF;font-size:10px;}
.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 */
table#productdetails p {margin:4px;white-space:normal;}
table#productdetails .price {font-size:1.2em;}
table#productdetails {width:97%;}
table#productdetails td.leftcol {padding-right:20px;width:80%;}
table#productdetails td.rightcol {padding:0;width:20%;}
table#productdetails td.rightcol div {margin-left:0px;margin-right:0px;}
table#productdetails h1.price {background-color:yellow;padding:5px;margin-bottom:5px;font-weight:bold;}
div.productbuttons {margin-bottom:10px;padding:10px;}

div.productitem {border:1px solid #8D4295;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:#DEF2F8;text-align:center;padding-bottom:2px;}
div.productinfo h4 {margin:0 0 5px 0;background-color:#8D4295;padding:2px 0 2px 0;font-weight: bold;}
div.productinfo h4 a {color:#FFF !important;}
div.clear{clear:both;height:0; font-size: 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 #8D4295;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:#DEF2F8;padding:3px 0 3px 0;}
table.productlisting table.innerholder td.buttons span {font-size: 1.1em;}
.featured {background-color: #DEF2F8;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;}

/*                    */
/*     PCYC style     */
/*                    */

.copyright {font-size: 11px; margin:0 0 0 5px; float: right; }
.content-block { width: 233px;
 float: left; margin-right: 10px; }
.content-block.scroll { width: 230px; height: 230px; background-color: #e1e1e1; }
.text2 { color:#666666; font-size:11px; line-height:14px; margin-bottom:7px; margin-top:0; }
.content-block li { list-style: none; background-color: #e1e1e1; border-bottom: 1px solid #b0b9c2;
 }
.content-block li a { background:#E1E1E1 none repeat scroll 0 0; color:#000; display:block; padding:3px 10px; text-decoration:none; font-size: 11px; font-weight: bold; cursor: pointer; }
.content-block li a:hover { color: #666; }
.content-block li.delimiter { display:none; }

/*                    */
/* PCYC content style */
/*                    */

.style12 { color:#666666; font-size:14px; line-height:16px; margin-bottom:7px !important ; margin-top:0; }
.style11 { color:#666666; font-size:9px; line-height:1.2; margin-bottom:7px !important; margin-top:0; }
div.content ul.style12 li { margin-bottom: 0; list-style-image: url(../images/content/bullet.gif); }
div.content ul.style12 { margin-left: 15px; list-style-position:outside; list-style-type:square; }
span.style10 { font-size:14px; }

.foot-poweredby { text-align: right; margin: 20px 0 0 0; font-size:10px; }

div.foot-extra { float:right; margin:0 10px 0 0; font-size:10px;}


div#login-layer-toggle { position: absolute; width: 200px; bottom:150px; right: 10%; z-index:50; }
div#login-layer-toggle h2 { margin: 0 0 10px 10px !important; z-index:50; color:#FFF !important;}
div#login-layer-toggle .closebtn { float: right; margin-right: 5px; cursor: pointer;}
div#login-layer { border: 2px solid #eee; background-color:#333333; text-align:left; padding: 10px; color: White; line-height: 18px; }
div#login-layer input { width: 150px; }
div#login-layer-toggle a {color:#FFF;}

div#sysfoot {clear:both; padding:10px; border-top:3px solid #D3D5D5;background-color:#FFF;}
div#sysfoot table { padding: 0; margin:0; border-collapse: collapse;  }
div#sysfoot table td { border: 1px solid silver; padding: 0 1px;  }


/* extra-functions for editing, sharing etc */
div.extra-functions { position: absolute; left: 0; padding: 0 10px; margin-top: -5px; }

/*  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; }

.arrBottomMenu {margin:0;font-size:10px;}
.arrBottomMenu .quicklinks-major { float:left; margin-right: 10px; }
.arrBottomMenu .quicklinks-minor  { position:relative; display: inline; float: none !important; clear:none; }

.mediagallerylist { margin: 0 auto !important; }
.mediagallerylist .quicklinks-minor  { position:relative; display: inline; float: none !important; clear:none; }
table.mediaGalleryTable { margin: 20px auto !important; }
table.mediaGalleryTable img { margin: 6px 10px !important; margin-bottom: 0 !important; }
table.mediaGalleryTable td { width: 150px  }
table.mediaGalleryTable div { margin: 0; padding:0; padding-left: 10px;  color:#666666; font-size:10px; font-weight: bold; }

div.multiGalleryFrame H2 { margin-top: 40px; }
div.multiGalleryFrame .morelink { text-align:right !important; padding-right: 10px; }



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


div.verticalMenu li.button img { float: right;}

a.quickeditlink { background-color: white; color: black; font-size:0.9em; }
a.quickeditlink img { vertical-align:text-bottom; }

/**
* ajax styles
*/
#feedBackDiv { position: absolute; display: none; }
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:#FFF; 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; }