body, td, p, input, select, textarea, button {
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: Verdana, Arial, san-serif;
	color: #494949;
}

header, section, footer, aside, nav, main, figure {
    display: block;
    clear: both;
}

section {
	float: left;
	width: 100%;
	position: relative;
}

body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
}

body#tinymce {
	font-size: 0.75em;
}

form {
	clear: both;
	overflow:hidden;
}

table, td, p, font	{
  	font-size: 1em;
}

table tbody td {
	padding: 4px;
}

#wrapper, #page, #main {
	height: 100%;
}

#page {
	margin-left: 1em;
	margin-right: 1em;
	position: relative;
	font-size: 1.2em;
	overflow: visible;
}

#main 	{
	margin: auto;
	max-width: 1000px;
	font-size: 1.2em;
	width: 100%;
	display: none;
	position: relative;
	line-height: 1.6em;
	padding-bottom: 2em;
}

a {
	text-decoration: underline;
	color: #478cb0;
	outline: none;
}

a:visited {
	color: #494949;
	text-decoration: underline;
}

a:hover {
	color: #478cb0;
}

a img {
	border: none;
}

h1, .h1, .title {
	font-family: arial, verdana, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	display: block;
	color: #478cb0;
	clear: both;
}

h2, .h2, .heading {
	font-family: arial, verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	display: block;
	color: #494949;
}

h3, .h3, .subHeading, .productCaption {
	font-family: arial, verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #494949;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#bodyText {
	position: relative;
}

.productCaption {
	margin-top: 0;
}

.productCaption a {
	text-decoration: none;
	color: inherit;
	display: block;
	font-size: 1em;
}

h4 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	display: block;
}

/* --  Provides user feedback on screen details  -- */
.indicator
{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin-bottom: 10px;
}

/* --  Used to format attribute names for custom attributes Users, Products, Orders  -- */
span.attribute, div.attribute {
	vertical-align: middle;
	display: block;
}

.attribute .attName, .attributeName, tr .attName  {
	padding: 1em;
	vertical-align: top;
}

.product .attribute .attName {
	padding: 0;
	color: #777777;
}

.options .attribute .attName {
	display: block;
}				



.attribute .attValue, tr .attValue {
	padding-top: 0;
	padding-right: 30px;
}

.attribute .attValue p {
	margin: 0px;
	padding: 0px;
}

.attribute .attIcon {
	float: right;
	padding-right: 12px;
}

.attribute .discount {
	font-weight: bold;
	line-height: 20px;
	color: #00cc00;
}

.attribute .discount .saving {
	margin-left: 12px;
	padding: 3px;
	background: #ffcc00;
	color: #000000;
}

.user .attribute, .orderDetails .attribute  {
	width: 100%;
	display: block;
	float: left;
}

.user .attribute .attName, .orderDetails .attribute .attName  {
	width: 160px;
	clear: left;
	float: left;
	padding: 3px;
}

.user .attribute .attValue, .orderDetails .attribute .attValue {
	float: left;
	clear: right;
	display: block;
	padding: 3px;
}

.orderStatus {
	float: right;
	width: 40%;
}

.orderStatus div, .user .status {
	padding: 1em;
	margin-bottom: 1em;
	color: #000000;
	background: #eeeeee;
	border-radius: 1em;
	float: right;
}

.orderStatus div.canceled, .user .userCancelled {
	background: #FFE4E3;
}

.orderStatus div.finished {
	background: #FFE4E3;
}

.orderStatus div.finalised {
	background: #E0FFD3;
}

.orderStatus div.invoiced {
	background: #E0FFD3;
}

.orderStatus div.paused {
	background: #FFF6BF;
}

.orderStatus div.reoccurring, .user .userActive {
	background: #E0FFD3;
}

.orderStatus h4 {
	font-family: arial, sans-serif;
	margin: 0;
}

.orderStatus p, .orderStatus label {
	margin: 0;
	margin-top: 12px;
	text-align: right;
	font-size: 0.8em;
}

.orderStatus label {
	text-align: left;
}

.orderAttributes {
	float: left;
	width: 45%;
}

.orderDetails .notes {
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 18px;
	clear: both;
	background: url(/images/icons/note_edit.png) 0 0 no-repeat;
}

select#orderOccurance {
	width: 100%;
}


.shade, .userDetails .altRow {
 	background-color: rgba(0, 0, 0, 0.1);
}

.selectable {
	cursor: pointer;
}

.highlight {
	background-color: rgba(255, 242, 63, 0.5);
}

.tableBorder tbody tr:hover td tbody tr td{
	background-color: transparent;
}

.tableBorder a:link {
	text-decoration: none;
}

.dragging, .tableBorder tbody tr.dragging:hover, .tableBorder tbody tr.shade.dragging, .tableBorder tbody tr:hover {
	background-color: #FFF6BF;
}

#banner a.logo {
	float: left;
	width: 75px;
	height: 112px;
	background: url(/images/logo.png);
}

nav#nav {
	clear: none;
	float: right;
	font-size: 1.5em;
}

nav#nav ul {
	margin: 0;
	padding:0;
}

nav#nav ul li {
	float: left;
	clear: none;
	margin-right: 1px;
	margin-bottom: 1px;
	border-bottom: none;
}

nav#nav ul li div {
    background: #478cb0;
    border-radius: 0 0 0.5em 0.5em;
    border-top: medium none;
    display: none;
    position: absolute;
    white-space: normal;
    min-width: 200px;
    z-index: 999;
    font-size: 0.8em;
}

nav#nav ul ul li div {
	position: static;
	width: auto;
}

nav#nav ul li.selected div {
    background: #494949;
}

nav#nav ul li div li {
	float: none;
	border: none;
	border-top: solid 1px #ffffff;
	margin: 0;
}

nav#nav ul li div span.description {
	display: none;
	padding: 0.8em;
	color: #ffffff;
}

nav#nav ul li:hover div, nav#nav ul li.hover div {
    display: block;
}

nav#nav li {
    height: 1%;
   	clear: both;
    display: block;
    margin: 0;
    line-height: 1.4em;
    border-bottom: solid 1px #ffffff;
    padding:0;
}

nav#nav a.toggle {
	display: block;
	float: right;
	clear: right;
}

nav#nav a.toggle i {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

nav#nav li li {
	background: none;
	border: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.6em;
}

nav#nav a, nav#nav a:link, nav#nav a:visited {
	text-decoration: none;
	display: block;
	margin: 0;
	color: #ffffff;
	padding: 0.5em 0.8em;
	background: #478CB0;
}

nav#nav li.selected a, nav#nav li.selected a:hover {
	background: #494949;
	color: #ffffff;
}

nav#nav a:hover, nav#nav a:active {
	color: #494949;
	background: #ABDBF2;
}

#childCategoryMenu {
	display: block;
	padding-top: 4px;
}

#childCategoryItem {
	margin-bottom: 1px;
	float: right;
	margin-left: 10px;
}


.left {
	float: left;
	margin: 2em;
	margin-left: 0;
}

.right {
	float: right;
	margin-top: 5px;
	margin-bottom: 7px;
	margin-left: 10px;
}

.clear {
	clear: both;
}

#main div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #main div {height: 1%;}

.hide {
	display: none;
}

.mobileOnly {
	display: none !important;
}

.nowrap {
	white-space: nowrap;
}

.negative {
	color: #ff0000;
	font-weight: bold;
}

#searchOwnerUser #ownerId {
	height: 150px;
	overflow: auto;
}

.loading {
	background-image: url(/images/admin/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	padding-top: 20px;
	color: #6FACCB;
}

.showNextRow {
	cursor: pointer;
}

tr.showNextRow td.state {
	padding-left: 20px;
	background-image: url(/images/admin/plus.png);
	background-position: right 4px;
	background-repeat: no-repeat;
}

tr.showNextRow.open td.state {
	background-image: url(/images/admin/minus.png);
}

span.icon {
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.googleMap .gm-style a, .googleMap .gm-style-cc span {
	display: none !important;
}

.toolbar {
	background: #DBDBD5;
	padding: 5px;
	border-radius: 5px 5px 0 0;
}

.toolbar a.button {
	float: left;
}

.toolbar .textControl {
	padding-left: 8px;
	margin-left: 8px;
	border-left: dotted 1px #A3A3A3;
}

.toolbar .textControl label {
	padding-right: 6px;
}

.toolbar .textControl, .toolbar .textControl a.button {
	float: right;
}

/* Buttons for an item */
.product .popupMenu, .user .popupMenu, .order .popupMenu, {
	float: left; 
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 22px;
}

.productBody .colour .attValue {
	display: block;
	height: 20px;
}

.productStatus {
	float: right;
}

.productStatus div {
	padding: 8px;
	margin-bottom: 10px;
	color: #000000;
	border-radius: 5px;
	background: #eeeeee;
	border-radius: 5px;
}

.productStatus div.CANCELED {
	background: #FFE4E3;
}

.productStatus div.CURRENT {
	background: #E0FFD3;
}

.productStatus div.EXPIRED {
	background: #fbf2be;
}

.product .buttons .button, .product .buttons .button:link, .product .buttons .button:visited,
.user .buttons .button, .user .buttons .button:link, .user .buttons .button:visited, 
.order .buttons .button, .order .buttons .button:link, .order .buttons .button:visited, 
.button, .button:link, .button:visited, 
.openClose, ul.tabs li,
.bar, .bar:link, .bar:visited, .inputBoxButton, button,
form input[type=submit] {
	display: inline-block;
	float: right;
	z-index: 80;
    background: url("/images/grad.png") bottom left repeat-x;
    border: 0.1em solid rgba(0, 0, 0, 0.3);
    border-radius: 0.5em;
    color: rgba(0, 0, 0, 0.5);
    font-family: verdana,sans-serif;
    font-size: 1.1em;
    line-height: 2em;
    margin: 0 0 0.6em 0.6em;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    padding: 0 0.6em;
    text-shadow: 0.1em 0.1em rgba(255, 255, 255, 0.6);
}

.product .buttons .button:hover,
.user .buttons .button:hover,
.order .buttons .button:hover,
.button:hover,
.openClose:hover, ul.tabs li:hover,
.bar:hover, .inputBoxButton:hover {
	background-color: rgba(0,0,0,0.3);
	color: rgba(255, 255, 255, 0.9);
	text-shadow: none;
}

.button.red, .openClose.red {
	background-color: rgba(200, 0, 0, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.3);
	color: #000000;
}

.button.green, .openClose.green {
	background-color: rgba(0, 200, 0, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.3);
	color: #000000;
}

.button.blue, .openClose.blue {
	background-color: rgba(0, 0, 200, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.3);
	color: #000000;
}

.button.yellow, .openClose.yellow {
	background-color: rgba(200, 200, 0, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.3);
	color: #000000;
}

.button.active {
	background-color: #ABDBF2;
}

.openClose.open,
.product .buttons .button.openClose.open, .product .buttons .button.openClose.open:link, .product .buttons .button.openClose.open:visited {
	border-bottom: none;
	clear: both;
	margin: 0;
	margin-top: 0.5em;
	float: left;
	border-radius: 0.5em 0.5em 0 0;
}

.openClose h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: inherit;
}

.sectionOpen {
	border: 0.1em solid rgba(0, 0, 0, 0.3);
	padding: 1em;
	margin-bottom: 1em;
	overflow: hidden;
	clear: both;
}

td.buttons {
	vertical-align: middle;
	white-space: nowrap;
}

td.buttons a.button {
	float: none;
	display: inline-block;
}

.bar .buttons {
	float: right;
	margin-top: 3px;
}

td.buttons .button span, .bar .buttons .button span {
	display: inline-block;
	text-indent: -9999px;
}

.product .buttons .button img, .user .buttons .button img, .order .buttons .button img, .button img {
	vertical-align: text-bottom;
}

.bar, .bar:link, .bar:visited {
	float: none;
	text-align: left;
	margin: 4px 0 4px 0;
	line-height: 28px;
	font-size: inherit;
}

.bar a:link, .bar a:visited { 
	float: left;
	text-decoration: none;
	color: inherit;
}

.product .details {
	position: relative;
}

#product iframe {
	width: 100%;
	border: none;
	overflow: auto;
	height: 400px;
}

.actionButtons {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}

.product .buttons .menu .button, .user .buttons .menu .button, 
.order .buttons .menu .button, .imageList .buttons .menu .button {
	text-align: left;
}

.product .buttons .button:hover, .user .buttons .button:hover, .order .buttons .button:hover, .button:hover {
	color: #ffffff;
}


.menu span, .order .buttons .button span {
	padding-left: 20px;
}

.button.image span, .menu a.image span {
	display: inline;
	padding-left: 4px;
}

/* --  Used For Site Exceptions and other errors  -- */

div.notification, div.actionSuccess, div.exception, div.information, div.adminDetails, div.security, div.informationIT, .actionFeedback div {
	padding: 1.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	color: #000000;
	clear: both;
	border-radius: 1em;
	font-size: 1.1em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 1em 0.5em;
	line-height: 1.1em;
	font-family: verdana, sans-serif;
}

div.actionSuccess, div.actionFeedback .success {
	background-color: #8AD66A;
}

div.notification {
	background-color: #FED324;
}

/* --  Used For Site Exceptions and other errors  -- */
div.exception {
	background-color: #E47E7A;
}

/* --  Used For user information  -- */
div.information, div.adminDetails {
	background-color: #7AA6D5;
}

.security, .informationIT {
	background-color: #CCCCCC;
}

.product .information, .product .adminDetails {
	clear: none;
	float: right;
	border-radius: 0.5em;
}

.adminDetails .attName {
	color: #777777;
}

.adminDetails img {
	vertical-align: bottom;
}

.adminDetails h1, .adminDetails h2, .adminDetails h3,
.actionSuccess h1, .actionFeedback h1, .notification h1, .exception h1, .information h1, .security h1,
.actionSuccess h2, .actionFeedback h2, .notification h2, .exception h2, .information h2, .security h2,
.actionSuccess h3, .actionFeedback h3, .notification h3, .exception h3, .information h3, .security h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: none;
	text-decoration: none;
	color: #000000;
	font-family: verdana, sans-serif;
	line-height: normal;
	margin: 0 0 0.5em;
}

.selectListIcon {
	padding-left: 20px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	width: 210px;
}

.selectListIcon option{
	padding-left: 23px;
	background-position: 2px 1px;
	background-repeat: no-repeat;
}

.inputText {
	width: 210px;
}

textarea.richtext, textarea.inputText {
	width: 100%;
}

input.dateField, input.small, input.number, input.colour {
	width: 80px;
	text-align: right;
}

.default .inputText {
	width: 50px;
}

.datePicker img {
	border: solid 1px #cccccc;
	vertical-align: bottom;
}

input.datePicker {
	width:150px;
}

.inputBoxButton {
	float: none;
	height: 24px;
	display: inline;
	margin: 0;
	text-align: center;
}

#orderByAttribute select {
	width: 150px;
}

.tableBorder {
	margin-bottom: 11px;
	clear: both;
	border-collapse: collapse;
}

.tableBorder th {
	text-align: left;
}

.tableBorder tbody td, .tableBorder th {
	border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}

.tableBorder td.number, .tableBorder th.number {
	text-align: right;
}

.tableBorder tbody tr.open td {
	border-bottom: none;
}

.tableBorder tbody tr.dataOpen td {
	border-top: none;
}


.tableBorder tfoot td {
	font-weight: bold;
	border: none;
}

tr.credit td {
	background: #E0FFD3;
}

.tableBorder tr.credit td {
	border-top: solid 1px #8AD66A;
	border-bottom: solid 1px #8AD66A;
}

tr.debit td {
	background: #fcecec;
}

.tableBorder tr.debit td {
	border-top: solid 1px #E47E7A;
	border-bottom: solid 1px #E47E7A;
}

.columnHeader, th {
	line-height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 13px;
	background: #ebebeb url(/images/grad.png) repeat-x 0 50%;
	color: #000000;
}

.tableBorder .tableBorder .columnHeader, .tableBorder .tableBorder th {
	background-color: #ABDBF2;
}

.linkPDF, .attValue .pdf {
	background: url(/images/icons/document-pdf.png) 0px 0px no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.linkXLS, .attValue .xls {
	background: url(/images/icons/document-excel.png) 0px 0px no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.hint, .tip {
	display:none;
	position: absolute;
	width: 200px;
	margin-top: -4px;
	margin-left:10px;	
	border: 1px solid #c93;
	padding: 10px 12px;
	border-radius: 5px;
	text-align: left;
	color: #333333;
	z-index:9999;
	background: #ffc url(/images/admin/pointer.gif) no-repeat -100px -100px;
}

.hint .hintPointer, .tip .tipPointer {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	background: url(/images/admin/pointer.gif) left top no-repeat;
}

.hint a.close {
	float: right;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-left: 6px;
	background: url(/images/admin/close.png) no-repeat;
}

.hint.wide {
	width: 350px;
}

#pageBodyCalendar .date {
	background: #AAAAAA;
	padding: 6px;
	margin: 0px;
	margin-right: 20px;
	text-align: center;
}

#pageBodyCalendar .date .day {
	display: block;
	font-weight: bold;
	font-size: 20px;
}

#pageBodyCalendar .date .month {
	display: block;
	font-weight: normal;
	font-size: 12px;
}

#pageBodyCalendar .date .year {
	display: none;
}

#orderByAttribute  {
	float: right;
}

#accountStatement table, #paymentResults table {
	border-collapse: collapse;
}

#accountStatement table td, #paymentResults table td, table tr.showNextRow td {
	vertical-align: top;
	padding: 4px;
}

#accountStatement td p, #paymentResults td p {
	margin: 0;
}

#accountStatement tr.debit div.notes {
	font-size: 10px;
}


/*             styles for the star rater                */	
.starRating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(/images/admin/starRating.png) top left repeat-x;		
}
.starRating li{
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.starRating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.starRating li a:hover{
	background: url(/images/admin/starRating.png) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.starRating a.star1{
	left: 0px;
}
.starRating a.star1:hover{
	width:25px;
}
.starRating a.star2 {
	left:25px;
}
.starRating a.star2:hover{
	width: 50px;
}
.starRating a.star3 {
	left: 50px;
}
.starRating a.three-stars:hover{
	width: 75px;
}
.starRating a.star4 {
	left: 75px;
}	
.starRating a.star4:hover{
	width: 100px;
}
.starRating a.star5 {
	left: 100px;
}
.starRating a.star5:hover{
	width: 125px;
}
.starRating li.currentRating{
	background: url(/images/admin/starRating.png) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}		

#sessionTimeout {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	z-index: 9999;
	display: none;
	border-radius: 5px;
	box-shadow: 0 0 150px 20px #000000;
	text-align: left;
}

.product .author {
	float: right;
	margin-top: -15px;
	height: 30px;
	line-height: 30px;
	background: #ffc;
	padding: 2px;
}

.product .author a {
	text-decoration: none;
	display: block;
}

.product .author img {
	height: 30px;
	margin-right: 8px;
	float: left;
	background: url(/images/icons/user.png) 50% 50% no-repeat;
	min-width: 20px;
	width:auto !important;
	width: 20px;
}

.product .author span {
	float: left;
}

label {
	cursor: pointer;
}

#siteMap, #siteMap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#siteMap li li {
	border-top:1px solid #478CB0;
	margin-top: 12px;
	padding-top: 12px;
	float: left;
	width: 30%;
	padding-right: 3%;
}

#siteMap li li li {
	float: none;
	width: auto;
	padding: 0;
	padding-top: 12px;
	border-top: solid 1px #AEAEAE;
	font-size: 0.9em;
}

#siteMap li li li ul {
	list-style: disc;
	padding-top: 10px;
	padding-left: 22px;
}

#siteMap li li li ul li {
	padding: 0;
	border: none;
	margin: 0;
}

#siteMap li li li ul li div.details {
	display: none;
}

#siteMap li.first {
	clear: left;
}

article.product div.tags {
	background: rgba(255,255,255,0.5);
	padding: 0.5em;
	border-radius: 0.5em;
}

div.tags a {
	padding-right: 8px;
	text-transform: lowercase;
}

#scriptResult table
{
 	border: solid 1px #777777;
	border-collapse: collapse;
	width: 100%;
}

#scriptResult td
{
 	border-top: solid 1px #cccccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 0px;
}

#scriptResult tr:hover td {
	border: none;
	border-top: solid 1px #438DB4;
	border-bottom: solid 1px #438DB4;
	background-color: #ACDCF3;
}

*.iconFile {
	padding-left: 20px;
	background: url(/images/icons/document.png) no-repeat 2px 50%;
}

.iconPDF {
	background-image: url(/images/icons/document-pdf.png);
}

.iconTXT, .iconCSV {
	background-image: url(/images/icons/document-text.png);
}

.iconFAL, .iconSWF {
	background-image: url(/images/icons/document-flash.png);
}

.iconDOC {
	background-image: url(/images/icons/document-word.png);
}

.iconXSL {
	background-image: url(/images/icons/document-excel.png);
}

.iconHTM, .iconHTML  {
	background-image: url(/images/icons/document-code.png);
}

.iconJPG, .iconPNG, .iconGIF {
	background-image: url(/images/icons/document-image.png);
}

.iconMP3, .iconWAV {
	background-image: url(/images/icons/document-music.png);
}

.iconAVI, .iconMOV, .iconFLV {
	background-image: url(/images/icons/document-film.png);
}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	margin-top: 12px;
}

ul.tabs li, ul.filter li {
	border-radius: 0.5em 0.5em 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    margin: 0;
    margin-right: 0.2em;
}

ul.tabs li.selected, ul.filter li.selected {
	background: #ffffff;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

ul.tabs li a img, ul.filter li a img {
    vertical-align: middle;
}

ul.tabs li a, ul.filter li a {
	color: inherit;
    text-decoration: none;
}

ul.tabs li.selected a, ul.filter li.selected a {
	color: #000000;
}

ul.tabs li a.disabled, ul.filter li a.disabled {
    font-style: italic;
    cursor: default;
}

ul.tabs li a span, ul.filter li a span {
	padding-left: 6px;
}

ul.filter {
	margin: 0;
	padding: 0;
	float: right;
	clear: both;
	list-style: none;
	overflow: hidden;
}

ul.filter li {
	border: solid 1px #a3a3a3;
	border-radius: 5px;
	margin-right: 0;
	margin-left: 10px;
}

.tabContainer {
	padding: 1em;
	clear: both;
	border: 1px solid rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

#resultSets {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 8px;
	clear: both;
}

#resultSets .resultSet, #resultSets .currentResultSet {
	margin-right: 0.5em;
    border-radius: 0.5em;
    font-family: verdana, sans-serif;
    font-size: 1.1em;
    line-height: 2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    background: #EBEBEB url("/images/grad.png") repeat-x scroll 0px 50%;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

#resultSets .currentResultSet {
	background-color: #478CB0;
	color: #fff;
}

hr {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
	height: 1px;
	border: none;
	background: #d0d0d0;
	clear: both;
}

.scroll {
	margin-bottom: 12px;
	overflow: auto;
}

#attributeKey h3 {
	margin: 0;
	margin-bottom: 5px;
	line-height: 22px;
}

#attributeKey h4 {
	clear: both;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 6px;
}

#attributeKey div, #attributeKey span {
	float: left;
	line-height: 18px;
	margin-bottom: 6px;
	margin-left: 30px;
}

#attributeKey div img, #attributeKey span img, #attributeKey h4 img {
	vertical-align: top;
}

.captcha, .welcome {
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	background: #eeeeee;
	padding: 10px;
	margin-top: 22px;
	margin-bottom: 22px;
	clear: both;
}

.captcha h3 {
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 20px;
}

.captcha input {
	width: 90px;
	font-size: 20px;
}

.product {
	margin-bottom: 2em;
	float: none;
}


.product .productBody .image, .product .productBody .googleMap {
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 40%;
	margin-right: 2%;
	border: 1em solid rgba(100, 100, 100, 0.5);
	max-height: 300px;
	overflow: hidden;
}

.product .googleMap {
	height: 200px;
    width: 300px;
	border: 12px solid #478CB0;
}

.productList .product .attributes {
	vertical-align: top;
	width: 50%;
	float: left;
}

.productList .product .noImage .attributes {
	width: auto;
	float: none;
}

.attributes .textarea {
	display: block;
	margin-bottom: 8px;
}

.noImage .attributes {
	padding-left: 0;
	
}

.productBody {
	display: block;
}

.product .image a {
	display: block;
}

.product .image img {
 	display: block;
 	width: 100%;
	max-width: none;
}

.product.colLast {
}

.productList article.product,
.productList .childItems .product {
	width: 46%;
	float: left;
	clear: left;
	padding: 1%;
	background: #CECECE;
	margin: 1%;
}

.productList article.product.colLast {
	float: right;
	clear: none;
}

.productList article.product .productBody .image, .productList article.product .productBody .googleMap {
    float: none;
    width: 100%;
    margin: 0;
    margin-bottom: 1em;
    border: none;
}

.productList article.product .attributes,
.productList article.product.first .noImage .attributes {
	width: 100%;
	float: none;
}

.product .author {
	margin-top: 0;
}

.buttons {
	position: relative;
}

.product .buttons, .block .buttons
	float: right;
}

.product .buttons {
	position: static;
}

#objectBodyInfo .popupMenu {
	position: relative;
	float: right;
}

section.block:hover .popupMenu, article.product:hover .admin .popupMenu {
	display: block;
}

.product .admin .popupMenu, .block .popupMenu {
}

.product .public .popupMenu {
	float: right;
}

.popupMenu div.menu {
	display: none;
}

.popupMenu.hover div.menu {
	display: block; 
	background: #ffffff;
    border-radius: 0.5em;
    position: absolute;
    right: 0;
    max-width: 600px;
    width: 300px;
    z-index: 999;
   	border: solid 0.1em rgba(0,0,0,0.5);
}

.popupMenu div.menu h4 {
	padding: 8px;
	margin: 0;
	color: #000000;
	margin: 0.5em;
	clear: both;
}

.popupMenu div.menu ul {
	list-style: none;
	line-height: 2em;
	padding-left: 1em;
}

.popupMenu div.menu ul a {
	text-decoration: none;
}

.product .buttons .buttons {
	text-align: right;
	display: block;
	vertical-align: top;
	line-height: normal;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}

.popupMenu .menu a.button:link {
	float: left;
	margin: 2%;
    width: 39%;
}

.popupMenu a.button span {
	text-align: left;
}

.product .buttons .buttons .publicButtons {
	margin-top: 10px;
}

.options td {
	padding: 5px;
}

.options td.attributeName {
	width: 250px;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.options .indent td.attributeName {
	padding-left: 40px;
	width: 210px;
}

.options h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

.options h3 img {
	float: left;
	margin-right: 12px;
}

input.checkbox {
	margin-bottom: 5px;
    margin-top: 5px;
    vertical-align: sub;
    cursor: pointer;
}

div.dragAndDropFiles {
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	background: none repeat scroll 0 0 rgba(171, 219, 242, 0.5);
    border: 0.1em dashed #a3a3a3;
    overflow: hidden;
}

div.dragAndDropFiles h3 {
	text-align: center;
}

div.dragAndDropFiles.dragOver {
	border-color: #478CB0;
	background: #ABDBF2;
	color: #478CB0;
}

div.dragAndDropFiles h5 {
	padding-left: 20px;
	background-position: 0px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.dragAndDropFiles .status {
	padding: 4px;
}

div.dragAndDropFiles .progress {
	padding-right: 20px;
	background: #ffffff url(/images/admin/loading.gif) right 50% no-repeat;
}

div.dragAndDropFiles .fileList {
	text-align: left;
}

.productList {
	clear: both;
	padding-top: 12px;
}

.productList .childItems {
	clear: both;
	font-size: 0.8em;
}

.productList .childItems .product {
	width: 32%;
	min-width: 300px;
	float: left;
	margin-right: 2%;
}

.productList .childItems .product.col2 {
	margin: 0;
}

.productList .childItems .product.colLast {
	background: inherit;
	padding: inherit;
	margin-left: 2%;
	margin-right: 0;
	float: right;
}

.productList .childItems .product .productBody .image,
.productList .childItems .product .productBody .googleMap {
	width: auto;
	margin: 0;
	float: none;
}

.productList .childItems .product .productBody .attributes {
	width: auto;
	margin-top: 1em;
}

.product .parentItem {
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px;
}


#pageSplitSort {
	clear: both;
}

#itemTypeViewer .bar.info {
	display: none;
	top: 25px;
	position: absolute;
	z-index: 999;
	right: 0;
	line-height: 14px;
	font-size: 11px;
}

.itemImages {
	clear: both;
}

#gallery {
	margin-bottom: 17px;
	clear: both;
}

#gallery .author {
	display: none;
}

#gallery #photo {
	margin-bottom: 10px;
}

#gallery #photo .product .productBody .image {
	float: left;
	display: block;
	text-align: center;
	width: auto;
	max-height: unset;
}

#gallery #thumbnails .image .frame {
	padding: 0;
	border-width: 5px;
}

#gallery #photo .image img {
    max-width: none;
	display: block;
	margin: 0;
}

#gallery #thumbnails {
	padding: 0;
	margin: 0;
	border-top: solid 1px #AEAEAE;
	padding: 10px;
}

#gallery #thumbnails .product {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	border: solid 1px #AEAEAE;
	border-radius: 3px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}

#gallery #thumbnails .product .attributes {
	display: none;
}

#gallery #thumbnails .product.selected {
	border: solid 1px #000000;
	box-shadow: 0 0 5px 3px #000000;
}

#gallery #thumbnails .product .image {
	margin: 0;
	width: auto;
}

#gallery #thumbnails .product .image img {
	height: 85px;
	width: auto;
	display: block;
	margin: 0;
}

#gallery #thumbnails .product .buttons {
	display: none;
}

ul.actionList li.done {
	list-style: none;
	padding-left: 20px;
	background: url(/images/icons/tick.png) 0 3px no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}

.attribute .editPrice {
	padding-left: 20px;
	background: url(/images/icons/money_dollar.png) left 50% no-repeat;
}

.googleMap {
	height: 600px;
	border: 1em solid rgba(100, 100, 100, 0.5);
	margin-bottom: 1em;
}

a[rel="lightbox"] {
	cursor: url(/images/icons/zoom_in.png), auto;
}


#menu .logo {
	background: url(/images/logo.png) no-repeat scroll 50% 50% rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    height: 111px;
    margin-bottom: 20px;
    display: block;
}

#toolbar .logo:hover,
#menu .logo:hover {
	background-color: rgba(171, 219, 242, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.attribute .price {
	font-size: 2em;
	padding: 6px;
	border-radius: 10px;
	float: right;
	margin-left: 2em;
	font-family: handsean, arial;
}

.attribute .price .priceDetails {
	padding-left: 6px;
	font-size: 0.5em;
}

.red {
	color: rgb(200, 0, 0);
}

.yellow {
	color: rgb(200, 200, 0);
}

.green {
	color: rgb(0, 200, 0);
}

#actionProgress {
	position: fixed;
	width: 300px;
	height: 90px;
	box-shadow: 0 0 20px #000000;
	border: solid 0.2em;
	background: rgba(255, 255, 255, 0.8);
	color: black;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	top: 40%;
	left: 50%;
	border-radius: 1em; 
	margin-left: -150px;
	padding: 20px;
	display: none;
}

#actionProgress .spinner  {
	padding-top: 20px;
	font-size: 40px;
	color: #494949;
}

#dashboard ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#dashboard a.button {
	float: left;
    font-size: 0.8em;
    line-height: normal;
    max-width: 140px;
    min-height: 5em;
    padding: 1em;
    text-align: center;
    white-space: initial;
}

#dashboard a.button h3 {
	margin: 0;
}

span.tag {
	background: #ABDBF2;
	cursor: pointer;
}

.block .templateInstructions {
	max-width: 300px;
	float: left;
}

#clientMenu {
	float: right;
	line-height: 2.5em;
	padding-left: 1em;
	padding-right: 1em;
	text-transform: uppercase;
	cursor: pointer;
	text-align: left;
	z-index:999;
	position: fixed;
	bottom: 0px;
	right: 2em;
	background: url("/images/grad.png") repeat-x scroll left bottom #EDEDED;
    text-shadow: 0.1em 0.1em #FFFFFF;
    border: 0.1em solid #a3a3a3;
    border-bottom: none;
    border-radius: 0.5em 0.5em 0 0;
    color: #555555;
    width: auto;
}

#clientMenu ul {
	list-style: none;
	padding: 0;
	margin:0
}

#clientMenu ul li {

}

#clientMenu a {
	text-decoration: none;
	display: block;
}

#clientMenu h3 {
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
}

#clientMenu span.userName {
	font-size: 0.8em;
	display: block;
	line-height: normal;
	padding-bottom: 0.5em;
}

#clientMenu div.userMenu {
	display: none;
	padding-bottom: 10px;
}

#clientMenu.hover div.userMenu {
	display: block;
}

#categoryPath {
	line-height: 2.5em;
	text-transform: uppercase;
    color: #555555;
    font-size: 1.2em;
    float: none;
	width: auto;
	margin-top: 2em;
}

#categoryPath span.pageName {
	font-size: 1.2em;
}

#miniOrder {
	float: right;
	margin: 0.5em;
	margin-right: 0;
	width: auto;
	clear: both;
}

#miniOrder a {
	font-weight: 1.4em;
	padding: 0.5em;
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0.1em;
	text-align: center;
}

#miniOrder a:hover {
	background: #EDEDED;
}

#main.hasMenu {
	max-width: 760px;
	padding-left: 240px;
}

nav#menu {
	clear: both;
	width: 200px;
	position: absolute;
	left:0;
}

nav#menu ul {
	padding: 0;
	margin: 0;
}

nav#menu ul li {
	clear: none;
	margin-bottom: 1px;
	border-bottom: none;
}

nav#menu ul li div {
    background: #478cb0;
    border-radius: 0 0 0.5em 0.5em;
    border-top: medium none;
    display: none;
    position: absolute;
    white-space: normal;
    width: 200px;
    z-index: 999;
    font-size: 0.8em;
}

nav#menu ul ul li div {
	position: static;
}

nav#menu ul li.selected div {
    background: #494949;
}

nav#menu ul li div li {
	float: none;
	border: none;
	border-top: solid 1px #ffffff;
	margin: 0;
}

nav#menu ul li div span.description {
	display: none;
	padding: 0.8em;
	color: #ffffff;
}

nav#menu li {
    height: 1%;
   	clear: both;
    display: block;
    margin: 0;
    line-height: 1.4em;
    border-bottom: solid 1px #ffffff;
    padding:0;
}

nav#menu li li {
	background: none;
	border: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.6em;
}

nav#menu a, nav#menu a:link, nav#menu a:visited {
	text-decoration: none;
	display: block;
	margin: 0;
	color: #ffffff;
	padding: 0.5em 0.8em;
	background: #478CB0;
}

nav#menu li.selected a, nav#menu li.selected a:hover {
	background: #494949;
	color: #ffffff;
}

nav#menu a:hover, nav#menu a:active {
	color: #494949;
	background: #ABDBF2;
}

#logon form, #forgotPassword form {
	text-align: center;
}

#logon form input, #forgotPassword form input {
	text-align: center;
	float: none;
	width: 90%;
	margin: 0;
	margin-bottom: 1em;
	margin-top: 1em;
	max-width: 300px;
}

.pageWatch {
	border-top: solid 4px rgba(0, 0, 0, 0.1);
	border-bottom: solid 4px rgba(0, 0, 0, 0.1);
	padding: 1em;
	margin-bottom: 1em;
}