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

Name: template.css
Desc: CSS for Customer Area

	Color scheme:

		base colours
		------------------------------
		blue:           #282884 x
		red:            #A40904 x

		base colours
		------------------------------
		pale-blue:      #EEEEFD x
		light-blue:     #D9D9E9 x

		grays
		------------------------------
		text-gray:      #565658 (darkest)
		gray-borders:   #e1e1e1 x
		menu-hover:     #D9D9E9 x
		light-gray:     #f9f9f9 (ligtest) x


		feedbacks
		------------------------------
		ok/info:        #410102
		general:        #410102
		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  

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

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

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

/* General stuff */
div, span, p, li, td, th, input, textarea, option, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-style: normal;
}

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

body {
	background:url('../images/background_tile.png'); /* ##NO WYSIWYG## */
	padding:0;
	font-size:12px;
	color: #000;
	background-position: 50% 0;
	background-color: #a50803; /* ##NO WYSIWYG## */
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

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

/* Headings */
h1 {font-size: 2.2em;margin:10px 0 20px 0;color:#000;font-weight:normal; font-family: Tahoma, Arial, Helvetiica, sans-serif;}
h2 {font-size: 1.4em;margin-top:5px;font-family: Tahoma, Arial, Helvetica, sans-serif;color:#282884;font-weight:bold; text-align: left; padding-top: 5px;}
h2.section {
	background: #282884 url(../images/left_box_head.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-weight:normal;
	margin-top:10px;
	min-height:23px;
	padding:5px;
	text-align:center;
	width:198px;
}
h3 {font-size: 1.3em;margin:10px 0 10px 0;color:#A40904;font-weight:bold;}
h4 {font-size: 1.2em;margin:10px 0 10px 0;font-weight:bold;}
h5 {font-size: 1.1em;margin:10px 0 10px 0;color:#000;font-weight:bold;text-decoration: underline;}
h6 {font-size: 1em;margin:5px 0 5px 0;text-decoration: underline;}

/* no decoration for headings within links or links in headings */
a h3, h3 a {font-size: 1.3em;font-weight:bold;text-decoration:underline;}
a h4, h4 a {font-size: 1.2em;font-weight:bold;text-decoration:underline;}

/* should match with the general table definition in wysiwyg.css */
div#content table {margin:10px 0 10px 0;}
div#content td,
	div#content th {padding:0px;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 30px 30px;padding:0;}
div#content ul li {margin: 0 0 20px 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 20px 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: #A40904; text-decoration:underline;}
a:link {color: #A40904; }
a:hover {color: #282884; }

/* ########################################################## */
/* 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;}
input.xshort {width:20px;}
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          : #EEEEFD
background (hover)  : #D9D9E9
textcolor           : #282884
textcolor (hover)   : #A40904
*/

div#mainMenuH {background-color: transparent; position:relative;top:4px;left:0;z-index:10;}
div#mainMenuH ul {position: absolute;}
div#mainMenuH li {list-style: none;}
div#mainMenuH li a {font-size: 1.1em;display: block;text-decoration:none;}
div#mainMenuH ul ul {width:180px;left:5px;position: absolute;display: none;z-index:1000;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: #EEEEFD;color:#282884;}
div#mainMenuH ul ul li:hover {background-color:#D9D9E9;color:#A40904;text-decoration: none;}
div#mainMenuH ul ul li a:link,
	div#mainMenuH ul ul li a:visited {color: #000;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div#mainMenuH ul ul li a:hover {text-decoration:none;color:#282884;}
div#mainMenuH li.submenu-top,
	div#mainMenuH li.submenu-bottom {display: none;}
/*div#mainMenuH li.submenu-top:hover,
	div#mainMenuH li.submenu-bottom:hover {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:24px; background-image: url(../images/main_delimiter.png);}
div#mainMenuH li span.disabled { /* non-clickable items */font-size: 1.1em;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 16px;color:black;font-weight: bold;font-size: 1.1em;margin-right: 0;}
div#mainMenuH li.button a.menu-item:hover {padding: 5px 16px;color:#a50803;}
div#mainMenuH li.button:hover {}

/* Vertical Menu (Shopping, Member Menu etc.) */
/* Menu color scheme */
/*
background          : #EEEEFD
background (hover)  : #D9D9E9
textcolor           : #282884
textcolor (hover)   : #A40904
*/

div.verticalMenu {position:relative;border:1px solid #e1e1e1;top:0pt; width:196px;background-color:#EEEEFD;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; margin-left: 25px; font-size: 13px;}
div.verticalMenu ul ul {width:210px;margin-top:-30px;left:180px;position: absolute;display: none;border:1px solid #ABABAB;background-color: #EEEEFD;}
div.verticalMenu li.submenu-opener ul {top:30px;left:180px;}
div.verticalMenu ul ul li {position:relative; color:#282884;}
div.verticalMenu ul ul li:hover {background-color:#D9D9E9;color:#A40904;text-decoration: none;}
div.verticalMenu ul ul li a:link,
div.verticalMenu ul ul li a:visited {color:#000;padding: 5px 0px;}
div.verticalMenu ul ul li a:hover {text-decoration:none;color:#282884;}
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: 5% 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: 1em;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 0px;color:#000;}
div.verticalMenu li.button a.menu-item:hover {padding: 5px 0px;color:#282884;}
div.verticalMenu li.button:hover {background-color:#D9D9E9;color:#282884;}

/* Additional Horizontal Menus (Top, Bottom etc) */
/* Menu color scheme */
/*
background          : #EEEEFD
background (hover)  : #D9D9E9
textcolor           : #282884
textcolor (hover)   : #A40904
*/

div.horizMenu {background-color:inherit;position:relative;top:0;left:0;z-index:10;}
div.horizMenu ul {margin-right:19px;}
div.horizMenu li {list-style: none;}
div.horizMenu li a {font-size:0.9em;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: #F2ECEA;color:#415970;}
div.horizMenu ul ul li:hover {background-color:#D3D5D5;color:#410102;text-decoration: none;}
div.horizMenu ul ul li a:link,
	div.horizMenu ul ul li a:visited {color:#410102 ;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div.horizMenu ul ul li a:hover {text-decoration:none;color:#415970;}
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: 14px;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 11px;color:#282884;font-size:0.9em;margin-right: 0px; font-weight: bold;}
div.horizMenu li.button a.menu-item:hover {padding: 5px 11px;color:#a50803;}
div.horizMenu li.button:hover {}


/* 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;color:#FFF;}
div.actionok {background-color:#005B2E;}
div.general {background-color:#005B2E;}
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; top:0; left:50%; width:990px; margin-left:-495px; background-color:#FFF;padding:0 !important;}

/* the banner head for the design */
div#header {width:990px;text-align:right;height:170px;}
div#header a:hover {cursor:pointer;}
div#header-menu {position:absolute;top:0;right:0;margin-top:9px; z-index:10;}
div#topmenuhoriz {height:34px; background-image: url(../images/topmenu_horiz_bg.png);}
div#sitesearch {height:40px; padding:5px 30px 0px 14px;text-align:right;}
div#timeanddate{float:right;margin:11px 30px 5px 0; color: #282884; font-weight: bold;}
div#breadcrumb {float:left;margin:3px;}
div#breadcrumb a {padding: 0 3px; color: #a40904; font-size: 0.9em; font-family: Tahoma, Arial, sans-serif;}


/*
div#header div.homelink {width:250px;height:130px;}
div#header a.homelink {float:left;margin-top:40px;}
div#header.head1 {background-image: url('../images/banner_default.png');background-repeat: no-repeat;}
*/

/* div#content is the main div holding the content output */
div#content {margin:0 20px 0 250px;}
div#content div.intro {background-color:#f9f9f9;margin:10px 0 20px 0;padding:20px;color: #000;line-height: 1.5em;border-left:3px solid #A40904;font-weight:bold;}   /* content intro */
div#content .sig {font-style: italic;padding:5px;color: #565658;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: #A40904;} /* 'a' links in content */
div#content a:hover {color: #282884;} /* 'a' links in content - hover */
div#content ul {margin:8px 0 8px 30px;}
div#content img {margin:5px 10px 5px 10px;}
div#content div.text {margin-right:15px;}

/* main site design, left col */
div#left-column {float:left;width:220px;}
div.spaced {margin:5px;padding:0;border:0;}
div.highlight-bg {background-color: #f9f9f9;border:1px solid #e1e1e1;padding:5px;}
div#left-column div.highlight-bg {width:196px;}
p.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:22px;
	cursor: pointer;
	border:1px solid #565658;
	font-size:1em !important;
	font-weight:bold;
}
input.push-button:hover { background-position: -2px -2px;color: #282884;}
input.buynow {color:#A40904; font-weight: bold; font-style: italic;}

/* Footer */
div#footfader {clear:both; margin:30px 0 1px 0;height:50px;}
div#foot {clear:both;border-top: none;padding:10px 0 10px 0; margin-bottom:20px;}
div#footer-menu {text-align:center; background-image: url(../images/topmenu_horiz_bg.png); background-repeat: repeat-x; height: 36px; border-bottom: 6px solid #a50803;}
div#footer-menu .rightmenu {float:right;margin-top:4px;}
div#foot-productdetails { padding:0 25px 0 0;text-align:right;margin-top:15px; font-size: 0.85em; color: #282884;}
div#foot img.logo {display:none; float:left;margin:10px;}

div#sysfoot table { padding: 0; margin:0; border-collapse: collapse;  }
div#sysfoot table td { border: 1px solid silver; padding: 0 1px;  }



/* 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:#D9D9E9; }
table.tabheads td.on { background-color:#282884;  }
table.tabheads td.on a { color:#FFF; }
table.tabheads td.on a:hover { color:#FFF !important; }
div.tabcontent {margin:0;padding:5px !important;border:1px solid #D9D9E9;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 !important;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:#f9f9f9; }
table.adminform tr.row1 { background-color:#FFF; }
table.adminform tr.row0:hover {background-color:#D9D9E9;}
table.adminform tr.row1:hover {background-color:#D9D9E9;}
div.htmlcheckboxes input {margin-right:5px;}
.required {color:#a90800; font-weight:bold;font-size:1.3em;font-family: Arial, Helvetica, sans-serif;text-decoration: none; margin-top: 5px;}
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');height:35px;}
table.listpager td {padding:5px !important;}
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";}
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:#f9f9f9; }
table.adminlist tr.row1 { background-color:#FFF; }
table.adminlist td {border-bottom:1px solid #F3F5F5;border-left:1px solid #F3F5F5;font-size:0.9em;font-weight:normal;padding:4px !important}
table.adminlist tr.row0:hover {background-color:#D9D9E9;}
table.adminlist tr.row1:hover {background-color:#D9D9E9;}
table.adminlist td.leadin { width:1%; }

.adminwidth {width:695px;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;}

/* Template name output */
div.smartytemplate {padding-left:3px;z-index:1;margin:1px;float:left;color:#FF0000;background-color:#282884;font-size:0.8em;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 #A40904;}

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

/* 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 #A40904;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:#282884;text-align:center;padding-bottom:2px; background-image: url(../images/product_box_top.png); background-repeat: no-repeat; background-position: top; min-height: 47px;}
div.productinfo h4 {margin:0px 0 5px 0; background-color:transparent; padding:8px 0 2px 0;font-weight: bold;height:30px;}
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:225px; height:350px;padding:5px !important; }
table.productlisting table.innerholder {height:100%; border-collapse:collapse;margin:0 !important; background-color: #e1e1e1; width: 225px}
tr.toprow {
	background-color: #282884;
}
td.sideborder {
	background-image: url(../images/product_box_bg.png);
	background-repeat: repeat-y;
}
td.sideborder div {
	/*font-weight: bold;*/
	font-size: 1em;
	padding:5px;
}
table.productlisting table.innerholder td {width:225px;}

table.productlisting table.innerholder td.buttons {
	text-align:left !important;
	padding:5px !important;
	border-bottom:1px solid #282884;
	background-image: url(../images/product_box_bg_bottom.png);
	background-repeat: repeat-y;
	vertical-align:bottom !important;
}

table.productlisting table.innerholder td.buttons span {font-size: 0.9em;}

td.buttons input {
	margin-bottom: 12px;
}
.featured {background-color: #EEEEFD;border:1px solid #ABABAB;}

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

.login-form {
	margin:0;
}
.login-form .text {
	width: 90px;
}
.login-form td {
	padding-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 */
div.extra-functions { padding:5px; 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; }

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; 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:#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; }