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

Name: template.css
Desc: CSS for Customer Area

Color scheme:

base colours
------------------------------
blue:           #0095FE           --> #ed2690
green:          #009900 (dark)    --> #A5A7AA

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

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

feedbacks
------------------------------
ok/info:        #005B2E  					--> #00CC99
general:        #005B2E           --> #00CC99
error:          #FF0000           --> #FF0066
warning:        #AA000E           --> #FF9900
notice:         #FF6600           --> #FF88E8


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: url('../images/zebra pattern.jpg') repeat; */     
	background: url('http://www.cocoliberace.com/media/bgpattern') repeat; /* ##NO WYSIWYG## */ 
	padding:0;
	font-size:11pt;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

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

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

p {line-height: 1.4em; margin:5px 0 5px 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: 24pt;margin:10px 0 20px 0;color:#000;font-weight:normal;}
h2, h2 a, a h2 {font-size: 20pt;margin:10px 0 10px 0;color:#A5A7AA;font-weight:normal;}
h3, h3 a, a h3 {font-size: 15pt;margin:10px 0 10px 0;color:#A5A7AA;}
h4, h4 a, a h4 {font-size: 13pt;margin:10px 0 10px 0;color:#000;font-weight:normal;}
h5, h5 a, a h5 {font-size: 10pt;margin:10px 0 10px 0;color:#000;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 {
	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; }
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: #ed2690; text-decoration:none;}
a:link {color: #ed2690; text-decoration:none;}
a:hover {color: #ed2690; text-decoration:underline;}

/* special arrow paragraph */
.point-style1 {background:url('../images/dot_point_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:#E9EAEB;font-family: monospace;}
select.smallwidth { width:40px;}
.monospace {font-family: monospace;}
.bold { font-weight: bold; }

/* Additional Horizontal Menus (Top, Bottom etc) */
/* Menu color scheme */
/*
background          : #FFECFB
background (hover)  : #A5A7AA
textcolor           : #A5A7AA
textcolor (hover)   : #ed2690
*/

div.horizMenu {background-color:inherit;position:relative;top:3px;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;color:#000;}
div.horizMenu ul ul {width:180px;left:5px;position: absolute;display: none;z-index:1000;border:1px solid #A5A7AA;}
div.horizMenu li.submenu-opener ul {top:0;left:180px;}
div.horizMenu ul ul li {position: relative;height: 30px;}
div.horizMenu ul ul li:hover {color:#ed2690;text-decoration:none;}
div.horizMenu ul ul li a:link,
	div.horizMenu ul ul li a:visited {padding-left:15px;padding-top: 8px;display: block;height: 30px;}
div.horizMenu ul ul li a:hover {color:#ed2690;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 {display:none;}
/*div.horizMenu li.hr,
	div.horizMenu li.hr:hover {height:1px !important;line-height:0;border-bottom:1px solid #A5A7AA;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;font-size:8pt;margin-right: 0px;}
div.horizMenu li.button a.menu-item:hover {padding: 5px 5px;color:#ed2690;text-decoration:none;}
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;display:none;}
div.stickyVerticalMenu li.current>a { color:#ed2690;}    /* the currently selected one */
div.stickyVerticalMenu li { list-style-type: none;font-size:14pt;color:#A5A7AA;font-family:Arial, Helvetica;}
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; }
div.stickyVerticalMenu a {color: #A5A7AA; text-decoration:none;}
div.stickyVerticalMenu a:link {color: #A5A7AA; text-decoration:none;}
div.stickyVerticalMenu a:hover {color: #ed2690; text-decoration: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.feedback span {color:#FFF;} /*for the output of WARN | ERROR | INFO etc. - DEFINDE BG COLOR!  IT MAY NOT SHOW!  */
div.actionok {background-color:#00CC99;}
div.general {background-color:#00CC99;}
div.error {background-color:#FF0066;}
div.warning {background-color:#FF9900;}
div.notice {background-color:#FF88E8}

/* the main div holding the entire design */
div.centering {position:absolute; left:50%; width:1010px; margin-left:-495px; margin-top:25px; background-color:#FFF; padding:1px;padding:0 10px 0 10px;background:url('../images/background_fader.png') repeat-y;}

/* 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 {text-align:left;padding:0;height:30px;margin:15px 0 15px 0;}
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:725px;}
div.content .sig {font-style: italic;padding:5px;color: #A5A7AA;line-height: 1.5em;} /* content author's signature */
div.content p.bottom {margin-bottom: 40px;}
div.content a:link,
	div.content a:visited {color: #ed2690;} /* 'a' links in content */
div.content a:hover {} /* 'a' links in content - hover */
div.content ul {margin:8px 0 8px 30px;}
div.content img {margin:5px 10px 5px 10px;}

/* main site design, left col */
div#left-column {float:left;width:230px;border-right:1px solid #000;height:100%;}
div#left-column div.spaced {margin:0 0 10px 0;padding:1px 10px 10px 10px;}
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:#A5A7AA}

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

/* Footer */
div#footfader {clear:both;margin:20px 0 0 0;height:20px;}
div#foot {clear:both;border-top:3px solid #ed2690;background-color:#FFF;border-bottom:1px solid black;width:955px;margin:5px 0 10px 15px;}
div#footer-menu {float:left;margin-top:10px;}
div#foot div.brick {float:right;}
div#foot-menu-logo {padding:5px;}
div#foot table { padding: 0; margin:0; border-collapse: collapse;  }
div#foot table td { border: 1px solid silver; padding: 0 1px; }
div#foot-productdetails {width:955px;margin:5px 0 10px 15px;text-align:right;}
div#foot-productdetails a {color:#A5A7AA;}

/* 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:#E9EAEB; }
table.tabheads td.on { background-color:#FFECFB; }
div.tabcontent {margin:0;padding:5px !important;border:3px solid #E9EAEB;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;font-family:Arial Narrow, Arial, Helvetica;}
table.adminform td.leftcol {text-align:right !important;vertical-align:middle;width:150px;white-space:nowrap;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;text-decoration: none;}
span.emp {color:#aaaaaa;font-style: italic;}

/* Admin list pager */
table.listpager {margin:0;text-align:center;border-top:1px solid #A5A7AA;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:#FF9900; 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, Arial, Helvetica; padding:0 !important;}
table.adminlist { background-color:#FFF;border-collapse:collapse;margin:0 auto;}
table.adminlist th { padding:4px;  border-bottom:1px solid #A5A7AA; border-top:1px solid #A5A7AA; height:25px; 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%; }
table.adminlist th, table.adminlist td {text-align:left !important;}

.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 {position:relative;height:22px;}
div#formSearch td {vertical-align:top;padding:0;line-height:0pt;text-align:right;}
div#formSearch .text   {width:120px; right:95px;  height:20px !important;}
div#formSearch .select {width:100px; right:95px;  height:22px !important;}
div#formSearch .button {width:80px;  right:10px;  height:24px !important;}
div#formSearch .text,
	div#formSearch .select,
		div#formSearch .button {
			position:absolute;
			border:1px solid #E9EAEB;
			top:2px;
			margin:0 !important;
		}

/* Template name output */
div.smartytemplate { padding-left:3px;z-index:1;margin:1px;float:left;color:#FFF;background-color:#A5A7AA;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 #ed2690;}

/* specific styles */
.smallgray {color:#A5A7AA;font-size:8pt;} /* general small font */
.title {display: block;font-weight: bold;}
.smallwhite {color:#FFF;font-size:8pt;}
.smaller {font-size:8pt;}
.loggedinuser{margin-top:-7px;color:#A5A7AA;}
.small {font-size:11.5px;}

/* 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 {}
div#productdetails p { }
div#productdetails .price {font-size:1.4em;padding:5px 0; font-weight:bold; }
div#productdetails div.buttons {float:right;width:300px;padding:10px 0;margin:5px;}
div#productdetails div.stock { background-color: #00CC99; border: 1px solid #A5A7AA; }
div#productdetails div.low { background-color: #FF88E8; }
div#productdetails div.out { background-color: #FF9900;  }
div.productbuttons {margin-bottom:10px;padding:10px;}
div#productdetails div.product-option-images {margin:10px 0;}
div#productdetails div.product-option-images a {margin-right:5px;}
div#productdetails div.smalldesc * {font-size:11.5px;text-align:left;}
h2.productdetails {color:#000;font-size:18px;font-weight:bold;text-align:left;}

table.productoptions { margin:0 !important; border-collapse: collapse; }
table.productoptions th { padding-left: 0;  }
table.productoptions td { padding-left: 0; }
table.productoptions td.key {text-align: left ;vertical-align: middle;font-size:11.5px;}
table.productoptions select {width:250px;}

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

div.moreitems {font-weight:bold;margin-left:15px;}
hr.cagegoryhr {margin:20px 0 20px 0;height:1px;}
div.productinfo {background-color:#CDDFED;text-align:center;padding-bottom:2px;}
div.productinfo h4 {margin:0 0 5px 0;background-color:#ed2690;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:220px;padding:10px !important; }
table.productlisting table.innerholder {height:100%;margin:0 !important;}
table.productlisting table.innerholder p {font-size:10pt;line-height:1em;}
table.productlisting table.innerholder td {width:220px;}
table.productlisting table.innerholder td.buttons {vertical-align:bottom !important;text-align:left !important;padding:3px 0 3px 0;}
table.productlisting table.innerholder td.buttons span {font-size: 1.1em;}
table.productlisting table.innerholder img {margin:0;}
table.productlisting div.stock { background-color: green; border: 1px solid #A5A7AA; }
table.productlisting div.low { background-color: yellow; }
table.productlisting div.out { background-color: red;  }

table.productlisting table.innerholder a {color:#000;}
table.productlisting table.innerholder a:hover {color: #ed2690; text-decoration:none;}

.featured {background-color: #FFECFB;border:1px solid #A5A7AA;}

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:#A5A7AA; 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 #A5A7AA; border-top:1px solid #A5A7AA; height:25px; background-color:#E9EAEB; font-size:0.9em;}
table.voMediaList td {border-bottom:1px solid #E9EAEB;}

.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 #A5A7AA;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 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;}
.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: #FFECFB;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:#ed2690;}
div.AJAXMenu a:hover {}
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:#A5A7AA;color:#A5A7AA;}

/* 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-size:12px; }

div#shoppingCartWidget { margin-top:15px; padding: 5px;color:#A5A7AA !important;}
div#shoppingCartWidget table { width: 100%; }
div#shoppingCartWidget table td { font-size:0.8em; }
div#shoppingCartWidget .topline {margin-top: -8px;font-size:0.8em;}
div#shoppingCartWidget .desc {font-style: italic;}
div#shoppingCartWidget .total { width: 50px; white-space: nowrap !important;}
div#shoppingCartWidget .carttotal{  font-weight:bold;font-size:0.8em;}
div#shoppingCartWidget .carttotalrem{  margin:0;font-size:0.7em; }
div#shoppingCartWidget .links{  margin-top: 15px; }
div#shoppingCartWidget .links .chkout { float:right; }
div#shoppingCartWidget a {color:#A5A7AA !important;}
div#shoppingCartWidget p {font-size:0.8em;}
div#shoppingCartWidget a:hover {color: #ed2690 !important; text-decoration:none;}

table.productlist { width: 100%; border-collapse: collapse;margin:0 !important;}
table.productlist {border-bottom: 2px solid #ed2690;}
table.productlist th { font-weight: bold; border-bottom: 2px solid #ed2690;}
table.productlist td { border-bottom: 1px solid #E9EAEB; }
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;}

div#shoppingCart table.productlist td.remove { text-align: center;}
div#shoppingCart .carttotal{ font-weight: bold; font-size:1.4em;}
div#shoppingCart .carttotalrem{  margin:0; font-size:0.8em;}
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: #FFECFB;}