/*
	Name: 	    template.css
	Desc:       CSS for user side

	Orig Author:

	Color scheme:

		base colours
		------------------------------
		dark gray
		background: 		#4e5052
		dark red:			  #ca0909
		white:				  #ffffff
		light-blue:     #3DB6D1
		dk-blue:        #0049a4
		menu gray:			#eeeff0
		header gray:		#4a4c4c
		light-blue      #DFEFF7
		light-gray      #eeeff0

		left column
		-------------------------------
		bg						#e9ebed
		header				#666666
		link					#0049a4
		text					#000000


		footer
		------------------------------
		footer gray:		#7c7f82


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


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

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

body {
	background-image: url('../images/background_tile.png');
	background-repeat: repeat-x;
	background-color: #4e5052;
	font-size: 10pt;
	color:#000;
}

div, span, p, li, td {
	font-family:Century Gothic, Arial;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
}

input, textarea, option, select {
	font-family:Century Gothic, Arial;
	font-size: 10pt;
}

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

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.5em;margin:10px 0 20px 0;color:#000;font-weight:normal;}
h2 {font-size: 1.9em;margin:30px 0 10px 0;color:#0049a4;font-weight:normal;border-bottom:2px solid #0049a4;padding-bottom:3px;}
h3 {font-size: 1.5em;margin:30px 0 10px 0;color:#0049a4;font-weight:bold;}
h4 {font-size: 1.2em;margin:10px 0 10px 0;color:#000;font-weight:bold;}
h5 {font-size: 1.1em;margin:10px 0 10px 0;color:#000;font-weight:bold;}
h6 {font-size: 1.1em;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; */
}

div#left-column h4 a, div#left-column a h4{
	text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Century Gothic, Arial;
}

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

/* 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:20px 0 20px 30px;padding:0;}
/* div#content ul li.tick {margin: 0 0 10px 0;padding:0;list-style-image:url('../images/dot_point_tick.png');list-style-type:disc;text-indent:0;background-position:0;}*/
div#content ul li {margin: 0 0 10px 0;padding:0;list-style-image:url('../images/dot_point_tick.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: #ca0909; text-decoration:underline;}
a:link {color: #ca0909;}
a:hover {color: #3DB6D1;}



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

/* the main div holding the entire design */
div#centering {
	position:absolute;
	top: 0;
	left: 50%;
	width: 990px;
	margin-left: -495px;
	background-image: url(../images/centering_bg.png);
	background-color: #FFF;
}


/* 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) */

/* main menu holder */
div#topmenuhoriz {
	height:46px;
	background-color:#eeeff0;
}

div#mainMenuH {
	position:relative;
	top:0;
	left:35px;
	z-index:10;
}
div#mainMenuH ul {
	position: absolute;
	margin-top: 8px;
}
div#mainMenuH li {
	list-style: none;
}
div#mainMenuH li a {

	display: block;
	text-decoration:none;
}
div#mainMenuH ul ul {
	width:250px;
	left:0px;
	top: 0px;
	position: absolute;
	display: none;
	z-index:1000;
	border:1px solid #ABABAB;
	margin-top: 22px;
}
div#mainMenuH li.submenu-opener ul {top:0;left:180px;}
div#mainMenuH ul ul li {
	position: relative;
	height: 30px;
	background-color: #eeeff0;
}
div#mainMenuH ul ul li:hover {
	background-color: #D3D5D5;
	color:#3DB6D1;
	text-decoration: none;
}
div#mainMenuH ul ul li a:link,
	div#mainMenuH ul ul li a:visited {
	color: #666;
	padding-left: 15px;
	padding-top: 8px;
	display: block;
	height: 30px;
}
div#mainMenuH ul ul li a:hover {
	color: #ca0909;
	text-decoration:none;
}
div#mainMenuH li.submenu-top,
	div#mainMenuH li.submenu-bottom  {display: none;}
div#mainMenuH li.submenu {}
div#mainMenuH li.submenu:hover {}
div#mainMenuH li.submenu-bottom {display: none;}
div#mainMenuH li.submenu-top {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 {
	background-image: url(../images/main_meu_divider.png);
	width: 1px;
	height: 28px;
	margin: 0 20px;
	float: left;
}
/*div#mainMenuH li.hr,
	div#mainMenuH li.hr:hover {height:1px !important;line-height:0;border-bottom:1px solid #ABABAB;margin:0;padding:0;}          */
div#mainMenuH a.top {} /* for L0 items only */
div#mainMenuH li span.disabled { /* non-clickable items */font-size: 11pt;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 {
	margin-top: 5px;
	font-size: 11pt;
	font-family:Century Gothic, Arial;
	color: #666;
}
div#mainMenuH li.button a.menu-item:hover {
	color: #ca0909;
}
div#mainMenuH li.button:hover {	}

/* Vertical Menu (Shopping, Member Menu etc.) */
/* Menu color scheme */
/*
background          : #DFEFF7
background (hover)  : #D3D5D5
textcolor           : #80C31B
textcolor (hover)   : #3DB6D1
*/

div.verticalMenu {border:1px solid #ABABAB;position:relative;top:0;left:0;z-index:10;}
div.verticalMenu ul {margin:0;}
div.verticalMenu li {list-style: none;}
div.verticalMenu li a {font-size: 11pt;display: block;text-decoration:none;}
div.verticalMenu ul ul{width:210px;margin-top:-30px;left:195px;position: absolute;display: none;z-index:1000;border:1px solid #ABABAB;}
div.verticalMenu li.submenu-opener ul {top:30px;left:180px;}
div.verticalMenu ul ul li {position: relative;height: 30px;background-color: #DFEFF7;}
div.verticalMenu ul ul li:hover {background-color:#D3D5D5;color:#3DB6D1;text-decoration: none;}
div.verticalMenu ul ul li a:link,
	div.verticalMenu ul ul li a:visited {color:#ca0909 ;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div.verticalMenu ul ul li a:hover {text-decoration:none;}
div.verticalMenu li.submenu-top,
	div.verticalMenu li.submenu-bottom {display: none;}
/*div.verticalMenu li.submenu-top:hover,
	div.verticalMenu li.submenu-bottom:hover*/
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;}
div.verticalMenu ul.level1 li.submenu-opener:hover ul.level2 {display: block;}
div.verticalMenu ul.level2 li.submenu-opener:hover ul.level3 {display: block;}
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: 11pt;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:#ca0909;}
div.verticalMenu li.button a.menu-item:hover {padding: 5px 15px;}
div.verticalMenu li.button:hover {background-color:#D3D5D5;}

/* Additional Horizontal Menus (Top, Bottom etc) */
/* Menu color scheme */
/*

*/

div.horizMenu {
	background-color:inherit;
	position:relative;
	top:0;
	left:0px;
	z-index:10;
	font-size:7pt;
}
div.horizMenu ul {
	margin-right: 20px;
}
div.horizMenu li {
	list-style: none;
}
div.horizMenu li a {
	font-size:7pt;
	color: black;
	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: #DFEFF7;}
div.horizMenu ul ul li:hover {background-color:#D3D5D5;color:#3DB6D1;text-decoration: none;}
div.horizMenu ul ul li a:link,
	div.horizMenu ul ul li a:visited {color:#0049a4 ;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div.horizMenu ul ul li a:hover {text-decoration:none;}
/*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 {
	float: left;
	width: 1px;
	height: 11px;
	background-color: white;
	margin: 2px 11px;
}
/*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: 11pt;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 {

}
div.horizMenu li.button a.menu-item:hover {
	color: #ca0909
}
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:#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 content banner */
div#contentbanner {
	height:185px;
	width:990px;
}

/* the banner head for the design */
div#header {
	width:990px;
	text-align:right;
	height:127px;
	border-top:4px solid #ca0909;
	background-color: white;
}
/* banner image */
div#header a.logo {
	float:left;
}

/* banner (top) menu */
div#header-menu {
	float:right;
	margin:5px 0 5px 0;
}

div#header-menu-holder {
	background-color:#EEEFF0;
	height:23px;
}

div#header:hover {cursor:pointer;}

div#sitesearch {
	background: url('../images/topfader_default.png') repeat-x;
	text-align:right;
	height:60px;
	padding:2px 30px 2px 2px;
}
div#timeanddate {
	display: none;
	/*float:right;margin:7px 5px 5px 5px; color: #FFF;*/
}
div#breadcrumb {
	display: none;
	/*float:left;
	margin:3px;*/
}
div#breadcrumb a {padding: 0 3px;}


/* div#content is the main div holding the content output */

div#content {
	float: left;
	margin: 20px 0 20px 30px;
		width:585px;
}
div#content div.intro {background-color:#eeeff0;margin:10px 0 20px 10px;padding:20px;color: #000;line-height: 1.5em;border-left:3px solid #0049a4;}   /* 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: #ca0909;} /* 'a' links in content */
div#content a:hover {color:#3DB6D1;} /* '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 {background-color:#eeeff0;}

div.spaced { margin-top:10px; }

/******************************/

/* main site design, left col */

/******************************/

div#left-column {
	float: left;
	width: 335px;
	margin-top: 0;
}

div#left-column div.spaced {
	margin-left: 30px;
	padding: 0px 25px 10px 25px;
}

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

div#left-column img {
	border:1px solid #666;
	padding:1px;
}

div.faded-line {
	background-image: url(../images/left_column_divider.png);
	background-repeat: no-repeat;
	height: 2px;
	margin: 15px 0 30px 70px;
}
div#left-column h2 {
	font-family:Century Gothic, Arial;
	font-size: 1.6em;
	color: #666;
	border:0;
	/*
	border-left: 2px solid #ca0909;
	border-bottom:0;
	padding-left:10px;
	*/
}

 h2.highlighted {
	/*
	border-left:solid #666 4px;
	padding-left:10px;
	*/
	color: #0049a4;
}

div#left-column p, div#left-column li {
	font-family:Century Gothic, Arial;
	font-size:0.9em;
	color:#222;
}

div#left-column a {

}

div#left-column div.highlight-bg {
	
}

.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:115px;height:23px;cursor: pointer;border:1px solid #565658;font-size:9pt !important; }
input.push-button:hover { background-position: -2px -2px;}



/******************************/

/* footer                     */

/******************************/

div#footfader {
	clear:both;
	/*background: url('../images/bottomfader_default.png') repeat-x;
	margin:30px 0 1px 0;*/
	height:50px;
}

div#foot {
	clear:both;
	border-bottom: 4px solid #ca0909;
	padding:10px 35px;
	background-color: #7c7f82;
}
div#footer-menu {
	float: right;
}
div#footer-menu ul {
	margin-right: 0;
}
div#foot li a {
	font-weight: normal;
	color: white;
}
div#foot li a:hover {
	color: #ca0909;
}


div#foot-productdetails {
	padding:0 0 10px 0;
	text-align:left;
	float:left;
	margin-top:15px;
	font-size: 6pt;
	color: white;
}

div#foot-productdetails a {
	color: white;
	text-decoration: underline;
}

div#foot-productdetails a:hover {
	color: #ca0909;
}

div#foot img.logo {
	display: none;
	/*float:left;margin:10px;*/
}



/* 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;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:#eeeff0; }
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;border-bottom:1px solid #F3F5F5;font-size:0.9em;font-style:italic;}
table.adminform td.leftcol {text-align:right !important;vertical-align:top;width:150px;border-width:0 0 1px 1px;}
table.adminform td.helpcol {width:15px;vertical-align:text-top;}
table.adminform td.helpcolshort {width:5px;padding:0;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:#eeeff0; }
table.adminform tr.row1 { background-color:#FFF; }
table.adminform tr.row0:hover {background-color:#e9ebed;}
table.adminform tr.row1:hover {background-color:#e9ebed;}
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;text-align:center;border-top:1px solid #ABABAB;}
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; font-size:0.9em;}
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:#eeeff0; }
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:#e9ebed;}
table.adminlist tr.row1:hover {background-color:#e9ebed;}
table.adminlist td.leadin { width:1%; }

.adminwidth {width:520px;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;
	color:#4a4c4c;
}

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:#80C31B;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 #0049a4;}

/* specific styles */
.smallgray {/* general small font */
	color:#4a4c4c;
	font-size:7pt !important;
}
.title {display: block;font-weight: bold;}
.smallwhite {color:#FFF;font-size:6pt;}
.smaller {font-size:6pt;}

/* 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 {padding:5px;margin-bottom:5px;font-weight:bold;}
div.productbuttons {margin-bottom:10px;padding:10px;}

div.productitem {border:1px solid #ca0909;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 #e9ebed !important;padding:2px;}

div.moreitems {font-weight:bold;margin-left:15px;}
hr.cagegoryhr {margin:20px;}
div.productinfo {background-color:#eeeff0;text-align:center;padding-bottom:2px;}
div.productinfo h4 {margin:0 0 5px 0;background-color:#ca0909;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 #ca0909;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:#eeeff0;padding:3px 0 3px 0;}
table.productlisting table.innerholder td.buttons span {font-size: 1.1em;}
.featured {background-color: #DFEFF7;border:1px solid #e9ebed;}

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

/* top-part */
div#top-part {
	width:990px;
	height:185px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position:relative;
}

div#top-part p {
	margin:4px 0 4px 0;
}

div#top-part a {
	text-decoration:underline;
	color:#FFF;
}

div#top-part h2 {
	border:none;
	margin:0 0 3px 0;
	color:#FFF;
	font-size:13pt;
	font-weight: bold;
	font-family:Century Gothic, Arial;
}

div#top-part div.s2 {
	position:absolute;
	top:18px;
	left:650px;
	font-size:9pt;
	line-height:11pt;
	color:#FFF;
}

div#top-part div.s2 div.teaser-text {
	margin-bottom:7px;
	width:320px;
	font-size:15px;
	font-family: Century Gothic, Arial;
	line-height:17px;
}

div#top-part div.s2 table {
	margin:0;
	padding:0;
}

div#top-part div.s2 tr, div#top-part div.s2 td {
	padding:0;
	text-align:left;
}

/* extras */
div.html-checkboxes input {
	margin-right:5px;
}