@charset "UTF-8";
 @import url(//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/ui-lightness/jquery-ui.css);
 @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/**
* Gumby Framework
* ---------------
*
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* Gumby Framework
* http://gumbyframework.com
*
* Built with love by your friends @digitalsurgeons
* http://www.digitalsurgeons.com
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/


/*http://dev.4tradeit.co.nz/geo_templates/default/external/css/normalize.css?_=65a21*/

/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	background: #fff; /* 1 */
	color: #000; /* 2 */
	font-size: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 4 */
	-ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
	margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
	content: '';
	content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	*overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}
input[type="checkbox"]:checked {
1. list-style-type: none;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*end*/

/* http://dev.4tradeit.co.nz/geo_templates/default/external/css/default.css?_=65a21 */
/* GIT: 7.4.2-35-g0ad7ace */

/** 
 * default.css file - this file should remain in the default template set only.
 * For a full explanation, see the design tutorials in the user manual.  Below
 * is a brief explanation for how to get started. 
 * 
 * The CSS in this file is over-written by CSS from custom.css which is created
 * for you when using the "create main template set" tool.
 *
 * To change CSS in this file, do NOT edit the file directly.  Instead, copy the
 * CSS you wish to change (be sure to include the full section, including what
 * is known as CSS selectors), and paste it into your custom.css file in your
 * own template set.  IF you edit the custom.css file in the admin panel, it
 * will display the contents of this file side-by-side to make it easy to
 * copy/paste what you wish to edit into your custom.css file.
 */


/**
 * 
 * NOTE: This started from HTML5 Boilerplate but has been greatly adapted.
 * More info at:
 * 
 * http://html5boilerplate.com/
 * 
 */





/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-family: sans-serif;
	color: #666;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
	/* Also make sure size does not go past the width for small-screens */
	max-width: 98%;
}

/*
 * Make sure input boxes do not go past the screen on small screen sizes
 */
input[type="text"] {
	max-width: 98%;
	/* Account for padding and such */
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Base Classes - Used for overall page
   ========================================================================== */

/*
 * This is the overall wrapper.  Default to use fluid style, can set it to
 * use a fixed style in the "desktop" section if desired.
 */

.wrapper {
	width: 100%;
	max-width: 70em;
	margin: auto;
	border: none;
	background: transparent;
}

.main,
.sidebar,
.sidebar2,
.sidebar-collapse {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.half_column_left,
.half_column_right {
	max-width: 100%;
	overflow: hidden;
	overflow-x: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .6em;
}
.half_column_left p,
.half_column_right p,
.normal-whitespace {
	/* reset to NOT use white-space nowrap */
	white-space: normal;
}

/* ==========================================================================
   Headings / Titles
   ========================================================================== */

h2.title, h1.title {
	background: #4987C5 url('../img/bg/c_bar_primary.gif');
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
	padding: .3em;
	vertical-align: middle;
}

h1.title {
	background: #7CA93A url('../img/bg/c_bar_secondary.gif');
}

h1.subtitle {
	background: #eaeaea;
	font-size: .88rem;
	font-weight: bold;
	margin: .1em 0;
	padding: .32em 0 .32em .2em;
	border-top: thin solid #ddd;
	border-bottom: thin solid #ddd;
}

.my_account_links_inactive h1.subtitle {
	margin: 0;	
}

h2.title a,
h2.title a:visited {
	color: #fff;
	text-decoration: none;
}

h2.title a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Paragraphs / Body Text
   ========================================================================== */

.page_instructions {
	color: #666;
	margin: .6em .3em 1em .3em;
	padding: 0;
	font-size: .75rem;
	line-height: 1.1em;
}

.help-popup .page_instructions {
	max-width: 25em;
	height: 18em;
	overflow: auto;
}

.price {
	color: #7CA93A;
}

a {
	color: #666;
}

/* ==========================================================================
   Collapsable Sections
   ========================================================================== */

.section-collapser {
	cursor: pointer;
}
.content_box {
	/*  Need to make sure tabular data has horizontal scroll...  but only that
	"section" not the entire page. */
	max-width: 100%;
	overflow: auto;
	text-overflow: ellipsis;
	margin-bottom: .6em;
}


.section-collapser:after {
	content: ' +';
}

.section-collapser-expanded:after {
	content: ' -';
}

.section-collapser + div {
	max-height: 1px;
	overflow: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out; /* Safari */
}

.section-collapser + div.expand {
	max-height: 5000px;
}

/* ==========================================================================
   Listing Details
   ========================================================================== */

.icon-link {
	margin: .31em;
	white-space: nowrap;
	font-size: 1rem;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}
.icon-link img {
	border: thin solid #D5DCE1;
	border-radius: .31em 0 0 .31em;
	background-color: #D5DCE1;
	float: left;
}
.icon-link a {
	display: block;
	margin-left: 1.7em;
	height: 1.5em;
	border: thin solid #D5DCE1; 
	background-color: #F9FAFB; 
	border-radius: 0 .31em .31em 0; 
	padding: 0 .31em;
	text-decoration: none;
}
.icon-link a:hover {
	text-decoration: underline;
}

.listing-prev-next-links {
	/* Hide these in smaller layouts */
	display: none;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin: 1em;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.info {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

ul.info li {
	list-style: none outside none;
	padding: .3em 0 .3em 1em;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	float: left;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.info li.label {
	display: block;
	width: 9.3em;
	max-width: 40%;
	clear: both;
	color: #737373;
	font-size: .75rem;
}

ul.info li.value {
	display: block;
	width: 14em;
	max-width: 60%;
	color: #777777;
	font-size: .75rem;
}

ul.info li.price {
	font-size: 1rem;
	padding: .6em 0 .6em .6em;
}

@media only screen and (min-width: 52em) {
	/* ==========================================================================
	   Shared Breakpoint 1: 52em is about size that 2 column layout will
	   fit both columns side by side comfortably.
	   
	   Breakpoint For:	   Base Classes | Collapsable Sections
	   ========================================================================== */
	
	/* Base Classes - switch to 2 columns */
	.main,
	.sidebar,
	.sidebar2 {
		position: relative;
		padding: .2em;
	}
	.two-column .main {
		float: left;
		left: 30%;
		width: 70%;
		padding: 0 .5em;
	}
	.two-column .sidebar {
		float: left;
		left: -70%;
		width: 30%;
	}
	.half_column_left {
		width: 50%;
		float: left;
	}
	.half_column_right {
		padding-left: 10px;
	}
	/* The overall login section of the page */
	.login {
		width: 75%;
		margin: auto;
		margin-top: 2em;
	}
	
	/* Sidebar collapse - this one is a little different than normal, it will
		be "above" the main content, and is meant to have the bulk of the contents
		collapsed by using the section-collapser class on the main heading.
		
		This works by simply floating to the left.  It should be used inside
		the .main section. */
	.sidebar-collapse {
		float: left;
		max-width: 20%;
	}
	
	#content_column_wide {
		overflow: hidden;
		padding-left: .7em;
	}
	
	/* Collapsable Sections - when in 2 column mode, no need to collaps any more */
	.section-collapser {
		cursor: auto;
	}
	
	.section-collapser:after {
		content: '';
	}
	
	.section-collapser-expanded:after {
		content: '';
	}
	
	.section-collapser + div {
		max-height: none;
	}
	
	.section-collapser + div.expand {
		max-height: none;
	}
	
	/* Things that need to be adjusted once in 2 column mode, and are such
		that they are not over-written by the default CSS... */
	
	.showcase h1.title {
		padding-top: 0;
		height: 2.5em;
		white-space: nowrap;
		margin: 0 -.7em -2em -1.25em;
		z-index: 5;
		
		line-height: 1.5em;
		text-shadow: 0 .2em .2em #666;
	}
	
	/* Should no longer need to use scroll for horizontal overflow */
	.content_box {
		max-width: none;
		overflow: visible;
	}
	
	/* Only add border radius on wider screens, looks weird to have radius on
		items that span full width of the screen */
	h2.title, h1.title {
		border-radius: .3em;
	}
}

@media only screen and (min-width: 59em) {
	/* ==========================================================================
	   Shared Breakpoint 2: 59em is about size that 3 column layout will
	   fit all the columns comfortably.
	   
	   Breakpoint For:	   Base Classes | Listing Details
	   ========================================================================== */
	
	/* 3 column layout - 20% | 60% | 20% Layout */
	.three-column .main {
		float: left;
		left: 20%;
		width: 60%;
	}
	.three-column .sidebar {
		float: left;
		left: -60%;
		width: 20%;
	}
	.three-column .sidebar2 {
		width: 20%;
		float: right;
	}
	
	/* Listing details changes at this point */
	.listing-prev-next-links {
		display: block;
		float: right;
		margin-bottom: .33em;
	}
}


/* ==========================================================================
   Menu Bar
   ========================================================================== */

header.page {
	margin-top: 3em;
}

/* user bar acts as the bar across the top */
.user-bar {
	text-align: right;
	float: right;
}


.user-welcome {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fixed-nav {
	border-bottom: 1px solid gray;
	
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(220,220,240,0.7);
	z-index: 20;
}

.fixed-link {
	text-decoration: none;
	text-align: center;
	width: 2em;
	height: 2em;
	margin: auto 0;
	display: inline-block;
	background-image: url('../images/icons/menu.png');
	background-color: #DDE;
	overflow: hidden;
}

.fixed-link:hover {
	background-color: #ddd;
}

.fixed-nav .user {
	background-position: right;
	float: right;
}

.fixed-link img {
	/* Allow profile pic act as the menu button... */
	max-width: 100%;
	border: thin solid #888;
}


.fixed-menu {
	width: 100%;
	max-width: 30em;
	overflow: hidden;
	display: none;
	text-overflow: ellipsis;
	max-height: 100%;
}

.menu-link {
	display: block;
	padding: .5em;
	margin: .1em;
	background: #4987C5 url('../img/bg/nav_tab.gif') repeat-x top left;
	color: white;
	text-decoration: none;
	border-radius: .3em;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.menu-link:hover {
	background: none;
	background-color: #356094;
}

nav.extra-links {
	/* Hide the extra links normally - will be displayed on larger screens only*/
	display: none;
}

.user-bar img {
	/* Usually only image in the user-bar will be the fb profile pic...  If that
	is not the case for your design, consider adjusting this. */
	border: thin solid black;
	margin: .5em .5em 0 0;
	vertical-align: bottom;
}

/* Shared Breakpoint: Combined with Logo Below */

/* ==========================================================================
   Logo
   ========================================================================== */

.logo-box  {
	position: relative;
	border: none;
	overflow: hidden;
	width: auto;
	vertical-align: baseline;
	margin: 0 auto .5em auto;
}

.logo-box img {
	max-width: 100%;
}

.slogan {
	padding-left: 2.5em;
	line-height: 0.875em;
	font-size: 0.875rem;
	color: #7E7E7E;
	font-style: italic;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media only screen and (min-width: 50em) {
	/* ==========================================================================
	   Shared Breakpoint: 50em is about size that all "default" menu items fit
	   		horizontally on the page, may need to adjust this for different
	   		languages or if you have more / less menu items than default.
	   
	   Breakpoint For:	   Menu Bar | Logo
	   ========================================================================== */
	
	/* Menu Bar Breakpoint - stop hiding menus, give fancy tabbed look */
	.wrapper {
		position: relative;
	}
	header.page {
		margin-top: 0;
		min-height: 6em;
	}
	
	.fixed-nav {
		border-bottom: none;
		position: relative;
		font-size: .75rem;
		font-weight: bold;
		background-color: transparent;
		z-index: 1;
	}
	
	.fixed-link {
		/* Hide links to expand / collapse the menus */
		display: none;
	}
	
	.fixed-menu {
		width: auto;
		display: inline-block;
	}
	
	.page-bar {
		border: .4em solid #eaeaea;
		border-radius: 0 1.8em 1.8em 0;
		position: absolute;
		top: 2.7em;
		left: 0;
		z-index: 1;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0 0 0 26em;
		background: #4987C5 url('../img/bg/search_bar.gif') repeat-x top left;
		text-align: center;
		max-width: 100%;
		width: 100%;
	}
	.menu-link {
		/* reset some of the styles used at smaller sizes */
		display: inline;
	}
	
	.page-bar .menu-link {
		display: inline-block;
		padding: 1em;
		margin: 0;
		background: #4987C5 url('../img/bg/nav_tab.gif') repeat-x top left;
		border-radius: 0;
		height: auto;
		/* May need to adjust this if there are a lot of menu items */
		min-width: 12%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* Fix to align in FF properly */
		vertical-align: middle;
	}
	
	
	.menu-link:hover {
		color: white;
		background: #356094 none;
	}
	
	.page-bar .extra {
		/* These are redundant when menus are shown */
		display: none;
	}
	
	nav.extra-links {
		display: block;
		float: right;
		position: relative;
		top: 1.2em;
		z-index: 1;
	}
	nav.extra-links a {
		color: #818181;
		text-decoration: none;
		padding: .32em 
	}
	
	nav.extra-links a:hover {
		color: #7CA93A;
		text-decoration: underline;
	}
	
	/* user bar acts as the bar across the top */
	.abs-space {
		height: 6.1em;
		clear: both;
	}
	.user-bar {
		text-align: left;
		float: none;
		display: block;
		clear: both;
		padding: .5em .7em .85em;
		max-width: none;
	}
	.user-welcome {
		display: inline;
	}
	
	.user-links:before {
		content: "(";
	}
	.user-links:after {
		content: ")";
	}
	.user-links .menu-link {
		/* Un-do the fancy menu CSS */
		background: none;
		padding: 0;
		margin: 0;
		color: #7CA93A;
		/* Fix vertical alignment on FF */
		vertical-align: bottom;
	}
	
	.user-links .menu-link:hover {
		text-decoration: underline;
	}
	
	.user-links .menu-link:after {
		/* Add | between each item */
		content: '|';
		padding: 0 .2em;
		color: #666;
	}
	.user-links .menu-link:last-child:after {
		/* Make sure NOT to add | after the end item */
		content: '';
		padding: 0;
	}
	
	/* Logo Breakpoint - Float on left, give it a background */
	
	.logo-box {
		position: absolute;
		z-index: 2;
		background: transparent url('../images/logo_bg.png') no-repeat top right;
		min-width: 350px;
		min-height: 97px;
		margin: 0;
	}
	
	.logo-box .logo {
		line-height: 48px;
		font-size: 38px;
		text-shadow: 1px 1px 0 #EEE, 2px 2px 0 #CCC;
		color: #7E7E7E; 
		font-style: italic;
	}
	.logo-box .logo img {
		/* The actual logo image */
		vertical-align: middle;
		border: none;
		padding: 0;
		margin: 0;
	}
	
	.slogan {
		/* Only add shadow on larger displays, as it can look "fuzzy" when smaller */
		text-shadow: 1px 1px 0 #DDD;
	}
}

/* ==========================================================================
   Footer Navigation
   ========================================================================== */

footer.page {
	clear: both;
}

nav.footer {
	border-top: 1px solid #CCCCCC;
	margin: 1em 0 1em 0;
}

nav.footer a {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	border-bottom: 1px solid #CCCCCC;
	padding: 0.5em 0;
	text-decoration: none;
	color: #444;
	text-align: center;
}

nav.footer a:nth-of-type(2n+1) {
	border-right: 1px solid #CCCCCC;
}

.disclaimer a {
	color: #7CA93A;
	text-decoration: none;
}
.disclaimer a:hover {
	color: #7CA93A;
	text-decoration: underline;
}

.blurb,
.disclaimer {
	padding: 0 .3em;
}

@media only screen and (min-width: 37.5em) {
	/* ==========================================================================
	   Footer Breakpoint 1: 37.5em is about size that all the footer links "fit"
	   		when using 4 per row
	   ========================================================================== */
	
	nav.footer {
		border: 5px solid #EAEAEA;
		border-radius: 10px;
		background: url("../img/bg/footer_bar.gif") repeat-x scroll left top #4987C5;
		padding: 1.25em .9em;
	}
	nav.footer a {
		width: 25%;
		color: #fff;
		font-weight: bold;
		text-align: left;
		border: none;
		padding: .37em 0;
		font-size: .75rem;
	}
	nav.footer a:nth-of-type(2n+1) {
		border-right: none;
	}
	nav.footer a:hover {
		text-decoration: underline;
	}
	.disclaimer {
		font-size: .7rem;
		text-align: center;
	}
}

@media only screen and (min-width: 54em) {
	/* ==========================================================================
	   Footer Breakpoint 2: 54em is about size that all the footer links "fit"
	   		with the contact us blurb on the right with default English text
	   ========================================================================== */
	
	footer.page {
		position: relative;
		font-weight: bold;
	}
	footer.page:before {
		/* Make room so the copyright and such shows */
		content: "";
		display: table;
		height: 10em;
		position: relative;
	}
	
	/* Position the footer navigation absolutely, allowing us to move the contact
		us blurb up along side it on the right */
	nav.footer {
		position: absolute;
		padding-right: 35%;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing:border-box; /* Firefox */
	}
	
	.blurb {
		position: absolute;
		top: 0;
		right: 0;
		width: 35%;
		color: #fff;
		border-left: thin solid white;
		margin: 2.5em 0 0 0;
		padding: 0 1em 0 1.25em;
	}
	.blurb h3 {
		font-size: .9rem;
		margin: 0;
		padding: 0 0 .31em;
	}
	.blurb p {
		clear: both;
		line-height: 1.1em;
		margin: 0;
		padding: 0;
		font-size: .75rem;
	}
	.blurb a {
		color: white;
	}
	.blurb a:hover {
		color: white;
		text-decoration: none;
	}
	
	.social-contacts {
		text-align: right;
		padding: .5em;
	}
	/* Create a simple hover effect that "brightens" the social icons */
	.social-contacts a {
		opacity: .7;
		transition-duration: .6s;
	}
	.social-contacts a:hover {
		opacity: 1;
	}
}

/* ==========================================================================
   Text Color
   ========================================================================== */

a:hover,
h1.subtitle,
.highlight_links a,
.highlight_links a:visited,
.text_highlight,
footer.page .disclaimer h3,
footer.page .disclaimer h4,
#listing_categories li.element,
#listing_categories span.category_title,
div.category_column ul span.category_title,
.categories div a:hover,
ul.social_links li.element,
.row_header,
h1.listing_title,
h1.seller_username,
h1.seller_username a:link,
h1.seller_username a:visited,
.galleryBigImage p,
.full_image_item,
h1.print_title,
.lightUpBox_navigation,
.lightUpBox_description,
.title2,
h1.search_title
{
	color: #4987C5;
}
.highlight_links a.button,
.highlight_links a.button:visited,
a.button:hover {
	/* Reset color back to white */
	color: #fff;
}







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/*
 * Allow way to easily make something clear both.
 */
.clear, .clr {
	/* Note: Do NOT use at end of contents of an element to make the parent the
		right hight, instead use clearfix on the parent element.  When in doubt,
		use clearfix not clear or clr!  */
	clear: both;
}

/*
 * Easily center contents of element:
 * 
 * cntr - only center the contents
 * center - center contents and add a little top/bottom padding
 */
 
.cntr, .center {
	text-align: center;
}

.center {
	padding: .6em;
}

/* Easily float something to the right with a little bit of padding */
.alignright {
	float: right;
	padding-right: .32em;
}
/* Quick way to make sure something does not auto wrap */
.nowrap {
	white-space: nowrap;
}

/* ==========================================================================
   Showcase (mostly front page)
   ========================================================================== */

.content_box.showcase {
	border-radius: 1em;
	border: .125em solid #eaeaea;
	box-shadow: 1px 2px 1px 1px #eee;
	margin-bottom: .625em;
	padding: .1em;
	background-color: white;
}

.no-js .content_box.showcase .inner,
.no-cssgradients .content_box.showcase .inner {
	background: #F9FAFB url('../img/bg/showcase-top.png') repeat-x right -5px;
}

.cssgradients .content_box.showcase .inner {
	background-image: -moz-linear-gradient(top, #ddd, #fff 50%);
	background-image: -webkit-linear-gradient(top, #ddd, #fff 50%);
	background-image: -ms-linear-gradient(top, #ddd, #fff 50%);
	background-image: -o-linear-gradient(top, #ddd, #fff 50%);
	background-image: linear-gradient(top, #ddd, #fff 50%);
}

.showcase .inner {
	
	padding: .6em .3em;
	border-radius: .9em;
	z-index: 2;
}

.showcase h1.title {
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	
	
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: normal;
	background-image: url('../img/bg/showcase-ribbon.png');
}

.showcase h1.title:after {
	content: url('../img/bg/showcase-ribbon-right.png');
	position: absolute;
	right: 0px;
	top: 0px;
}

/* Forsale Box */
.content_box.showcase .forsale {
	float: right;
	margin-top: -18px;
}

.content_box.showcase .forsale_text {
	background: url('../img/bg/car_silhouette.png') no-repeat left top;
	width: 125px;
	
	color: black;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	line-height: 32px; 
	font-weight: bold; 
	text-shadow: 2px 2px 0 #FFF;
	text-align: center;
	margin-top: -0.5em;
	margin-left: 0.5em;
}
/* Fancy Search Box */

.showcase.search .inner {
	padding: .1em .2em;
	position: relative;
}

.showcase h1.search_title {
	border: none;
	background: transparent;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	z-index:10;
	margin: 0 1em;
}

.search_fade_box {
	display: none;
}

.zipbox {
	display: inline-block;
}

.search_bullets {
	display: none;
}
form.showcase {
	display: inline;
}
.form-search {
	background-color: #eaf8fc;
	background-image: -moz-linear-gradient(#fff, #d4e8ec);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));
	border-radius: 2.1em;
	border-width: 1px;
	border-style: solid;
	border-color: #c4d9df #a4c3ca #83afb7;
	width: 21.25em;
	max-width: 90%;
	height: 2.2em;
	padding: .6em;
	margin: .625em auto .625em;
	position: relative;
	z-index: 20;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}
form.showcase input.keyword {
	padding: 5px 9px;
	height: 2.8em;
	width: 98%;
	border: 1px solid #a4c3ca;
	background: #f1f1f1;
	border-radius: 50px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	
	font-weight: normal;
	font-size: .81rem;
	font-family: 'trebuchet MS', arial, helvetica;
}

/* Here are some fancy shadow DOM pseudo selectors.. Goal is to change color of
	place-holder.  Note that if one element selector is invalid, the entire thing is
	ignored!  So cannot combine the selectors for different browsers or will be
	ignored by all browsers. */

form.showcase input.keyword::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #9c9c9c;
	font-style: italic;
}
form.showcase input.keyword:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #9c9c9c;
	font-style: italic;
}
form.showcase input.keyword::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #9c9c9c;
	font-style: italic;
}
form.showcase input.keyword:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #9c9c9c;
	font-style: italic;
}
/* End of shadow DOM stuff */

.recent-listing-links {
	text-align: center;
	margin: 0 auto;
}
.recent-listing-links a.button {
	display: block;
	margin: .1em auto;
	width: 80%;
	min-width: 5em;
}

@media only screen and (min-width: 38em) {
	/* ==========================================================================
	   Showcase Breakpoint - 38em is about size that the showcase search box can
	   		display well with all the extra fancy stuff
	   ========================================================================== */
	
	.form-search {
		max-width: 55%;
	}
	.search_fade_box {
		display: block;
		background:url('../img/bg/showcase_img_fade.png') no-repeat right top;
		background-size: 100%;
		width: 35%;
		height: 8.75em;
		margin-top: -.3em;
		margin-right: -.45em;
		float: right;
		overflow: visible;
	}
	.search_bullets {
		display: block;
		margin-top: 9.3em;
		margin-left: 0;
		padding: 0 .1em .1em;
		text-align: center;
	}
	
	.search_bullets li {
		list-style: none;
		margin-bottom: .2em;
		text-align: left;
	}
	
	.search_bullets li a {
		display: block;
		width: 13em;
		max-width: 100%;
		padding: 0.25em 0.5em 0.25em 0.75em;
		border: thin solid #7CA93A;
		border-left: 0.5em solid #648D25;
		background-color: #7CA93A;
		text-decoration: none;
		border-radius: 0 .3em .3em 0;
		font-weight: bold;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
		transition-duration: 0.2s;
		color: #fff;
		margin: 0 auto;
		
		box-sizing: border-box;
		-moz-box-sizing:border-box; /* Firefox */
	}
	
	.search_bullets li a:hover {
		border: thin solid #648D25;
		border-left: 0.5em solid #648D25;
		background-color: #648D25;
	}
	
	.recent-listing-links a.button {
		display: inline-block;
		margin: .1em auto;
		width: auto;
		min-width: 5em;
	}
	
	.showcase h1.search_title {
		font-size: 1.75rem;
		line-height: 2.75em;
		text-shadow: .1em .1em 0 #FFF, .2em .2em 0 #CCC;
		white-space: nowrap;
	}
	
	.form_search_divider {
		float: right;
		width: .13em;
		height: 10em;
		margin: 0 1em 0 0;
		background: url('../img/bg/showcase-search-divider.gif') repeat-y left top;
	}
	
	.gj_image_fade {
		position: relative;
	}
	
	.gj_image_fade div {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 8;
		width: 100%;
	}
	
	.gj_image_fade div.active {
		z-index: 10;
	}
	
	.gj_image_fade div.last_active {
		z-index: 9;
	}
	.gj_image_fade img {
		max-width: 100%;
	}
}

/* ==========================================================================
   Buttons
   ========================================================================== */

/* Big search button */

input.button-large {
	padding: 8px 13px;
	color: #FFF;
	font-weight:bold;
	font-size: 1.4rem;
	border-radius: .3em;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	transition-duration: 0.2s;
	cursor: pointer;
	margin-bottom: .2em;
	border: thin solid #648D25;
	background: #7CA93A;
}

input.button-large:hover {
	background: #648D25;
	border: thin solid #4D4d4d;
}


/* Buttons used everywhere */

.button,
.button:visited,
.cancel,
.cancel:visited {
	border: thin solid #4174A6;
	background: #4987C5;
	border-radius: .3em;
	color: #FFF;
	text-shadow: 0 -.1em 0 rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 .1em 0 rgba(255, 255, 255, 0.4), 0 .1em .1em rgba(0, 0, 0, 0.2);
	padding: .5em .63em;
	font-weight: bold;
	font-size: .75rem;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	transition-duration: 0.2s;
}

.button:hover
{
	background: #356094;
	border: thin solid #555;
	text-decoration: none;
}

/* Varient - orange button used on front page */
.orange,
.orange:visited {
	border-color: #F58905;
	background: #F9961E;
	white-space: nowrap;
	
	font-size: 1.125rem;
	font-weight: bold;
	padding: .5em 1.5em;
}

.orange:hover {
	background: #E48105;
	border-color: #D07504;
}

/* Cancel buttons */
.cancel,
.cancel:visited,
.mini_cancel,
.mini_cancel:visited {
	border-color: #CA0033; /* required-primary */
	background: #EA003A; /* required-primary */
}

.cancel:hover,
.mini_cancel:hover {
	border-color: #B9002F; /* required-primary */
	background: #CE0034; /* required-primary */
	color: #FFFFFF;
	text-decoration: none;
}

/* mini_* buttons use different light background to be suitable for use with images */
.mini_button, .mini_cancel {
	border: thin solid #cacbcc;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	color: #666;
	padding: .2em .3em;
	font-weight: bold;
	font-size: .75rem;
	text-decoration: none;
	margin: 0 .1em;
	display: inline-block;
}
.mini_cancel:hover {
	border: thin solid #e4a0a2;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left;
	color: #3c70ac;
	text-decoration: none;
}

.mini_button:hover
{
	border: thin solid #7CA93A;
	background: #EBF4DD url('../img/bg/button_hover.gif') repeat-x center left;
	color: #648D25;
	text-decoration: none;
}

input.button,
input.cancel,
input.mini_button,
input.mini_cancel
{
	/* have to specify this, or FF will use system-default font for text on HTML buttons */
	font-family: Geneva,Arial,Helvetica,sans-serif;
}


/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.breadcrumb {
	margin: .5em 0;
	padding: 0;
	list-style: none;
	background: #eee;
	border-width: thin;
	border-style: solid;
	border-color: #f5f5f5 #e5e5e5 #ccc;
	border-radius: .5em;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.breadcrumb a,
.breadcrumb div {
	float: left;
	display: block;
	
	padding: .7em 1em .7em 2em;
	text-decoration: none;
	color: #666;
	position: relative;
	background-color: #ddd;
	background-image: linear-gradient(to right, #f5f5f5, #ddd);
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-size: .75rem;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: #666;
}

.breadcrumb a:hover {
	color: #4987C5;
}

.breadcrumb a:first-child,
.breadcrumb div:first-child {
	padding-left: 1em;
	border-radius: .32em 0 0 .32em;
	border-left: none;
}

.breadcrumb div:hover,
.breadcrumb a:hover {
	background: #fff;
}

.breadcrumb a:after,
.breadcrumb div:after,
.breadcrumb a:before,
.breadcrumb div:before
 {
	content: " ";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1.1em solid;
	right: -1em;
}

.breadcrumb a:after,
.breadcrumb div:after {
	z-index: 2;
	border-left-color: #ddd;
}

.breadcrumb a:before,
.breadcrumb div:before {
	border-left-color: #ccc;
	right: -1.1em;
	z-index: 1;
}
.breadcrumb a:hover:after,
.breadcrumb div:hover:after {
	border-left-color: #fff;
}
.breadcrumb .active {
	font-weight: bold;
	background: none;
	color: #7CA93A;
}
.breadcrumb .active:after {
	border-left-color: #eee;
}

.breadcrumb a:last-child:after,
.breadcrumb div:last-child:after,
.breadcrumb a:last-child:before,
.breadcrumb div:last-child:before {
	content: normal;
}

.breadcrumb a:last-child,
.breadcrumb div:last-child,
.breadcrumb a:last-child,
.breadcrumb div:last-child {
	background: none;
}

.breadcrumb .highlight { 
	color: #4174A6;
	font-weight: bold;
}

/* ==========================================================================
   Tabs
   ========================================================================== */

.tabList {
	list-style: none;
	margin: .31em 0 0 .62em;
	padding: 0;
	z-index: 2;
	clear: both;
}

.tabList li {
	background: #eaeaea;
	border: thin solid #d4d4d4;
	border-bottom: .31em solid #eaeaea;
	padding: .62em 1em .5em 1em;
	color: #818181;
	text-decoration: none;
	display: inline-block;
	margin: 0px 1px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -5px;
	/* Give round corners on all modern updated browsers */
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.tabList li:hover {
	background: #4987C5 url('../img/bg/nav_tab.gif') repeat-x top left;
	border: 1px solid #4987C5;
	border-bottom: none; /* required-primary */
	padding-bottom: 13px;
	color: #fff;
}
.tabList li.activeTab {
	background: #ffffff; /* required-primary */
	border: 2px solid #eaeaea; /* required-primary */
	border-bottom: none; /* required-primary */
	padding: 9px 14px 13px 14px;
	color: #4987C5;
}

.tabContents {
	clear: both;
	border: 5px solid #eaeaea;
	padding: 5px;
	z-index: 1;
}

@media only screen and (min-width: 34em) {
	/* ==========================================================================
	   Tabs Breakpoint - At around 34em it is wide enough to fit more things on
	   the same line as the tabs, specifically for the browsing tabs.
	   ========================================================================== */
	.tabList {
		clear: none;
	}
}

/* ==========================================================================
   My Account
   ========================================================================== */

.my-account ul
{
	margin: 0;
	padding: 0 0 .1em 0;
}

.my-account ul li {
	list-style: none;
	text-align: left;
}

.my-account ul li a,
.my-account ul li a:visited
{
	display: block;
	padding: .63em .3em .63em 2.2em;
	font-size: .75rem;
	font-weight: bold;
	background: #fefefe url('../img/bg/bullet_list_arrow_1.gif') no-repeat left center;
	border-top: thin solid #fff;
	border-bottom: thin solid #f3f3f3;
	text-decoration: none;
	color: #666;
}

.my-account ul li a:hover
{
	display: block;
	background: #f3f3f3 url('../img/bg/bullet_list_arrow_2.gif') no-repeat left center;
	border-bottom: thin solid #e5e5e5;
	text-decoration: underline;
}

/* ==========================================================================
   Lightbox window
   ========================================================================== */
.gjLightbox {
	/* This is for the overall box the lightbox contents load in, but note that
	 * the lightUpBox may be used for more than just the lightbox slideshow.
	 */
	
	border: .6em solid #eaeaea;
	background-color: white;
	border-radius: .32em;
	
	/* needs to be bigger than anything else on the page */
	z-index: 2005;
	
	/* position needs to be absolute to be able to be moved on the page */
	position: absolute;
	
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.gjLightboxOverlay {
	/* This is the new overlay for the new jquery lightbox, most of these need
	to be set to work. */
	position: absolute;
	top: 0;
	left: 0;
	/* Change the background color for different looks for how back is faded */
	background-color: #000;
	width: 100%;
	/* needs to be second largest z-index on the page, right below new lightbox */
	z-index: 2004;
}

.lightUpBox_imageBox {
	/* In the overall box, this is the div containing the image */
	text-align: center;
}

.lightUpBox_imageBox img {
	/* The actual image */
	cursor: pointer;
}

img.lightUpBigImage {
	/* This is a stand-alone image in the box, it's not wrapped by extra HTML,
	this is used on image upload page as a "simpler" light up box without the
	fancy slideshow. */
	/* give it a pointer since when you click on it, it closes it. */
	cursor: pointer;
}

.lightUpBox_navigation {
	/* In the overall box, this is the div containing the navigation */
	position: absolute;
	top: .63em;
	right: .63em;
	padding: .31em;
	text-align: center;
	/* width: 80%; */
	background-color: white;
	border: .31em solid #eaeaea;
	font-size: .75rem;
}

.lightUpBox_description {
	/* In the overall box, this is the div containing the image description */
	text-align: center;
	padding: .44em .31em;
	background: #f7f7f7;
	font-size: .88rem;
	font-weight: bold;
}

.lightUpMover,
.lightUpTitle
{
	/* CSS for anything that can be used to "move" the lightbox. */
	cursor: pointer;
}

.closeBoxX {
	/* Used for red X to close the lightbox, used on "popup style" lightboxes */
	
	/* Not used for the slideshow, this is used when the lightbox is used
		for a mini-popup such as a yes/no confirmation. */
	position: absolute;
	top: .31em;
	right: .31em;
	cursor: pointer;
	padding-top: .31em;
	padding-right: .31em;
	width: 1em;
	height: 1em;
	background: url('../images/close.gif') no-repeat top left;
}

.closeBoxX:hover {
	/* Shift the background, make it look "pushed down" when hovering. */
	background: url('../images/close.gif') no-repeat 1px 1px;
}

/* ==========================================================================
   Success / Error Messages
   ========================================================================== */
.success_box {
	background: #E5F5DF;
	border: thin solid #A3C894;
	padding: .6em;
	margin: .6em;
	color: #5F6672;
	font-size: .75rem;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}

.ui-dialog .success_box {
	background: none;
	border: none;
}

.success_box h1 {
	color: #17A400;
	font-size: 1.4rem;
	font-weight: normal;
	margin: .6em 0;
	padding: 0;
}

.error_message {
	color: #980000;
	font-size: .75rem;
	font-weight: bold;
	padding: 0 .6em;
}

.error_box {
	background: #FFFFE1;
	border: thin solid #A9AFD4;
	padding: .6em;
	color: #5F6672;
	font-size: .7rem;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
}

.field_error_box {
	background: #fceaed;
	border: thin solid #E68A9D;
	padding: .6em;
	color: #5F6672;
	font-size: .7rem;
	font-weight: bold;
	margin: .6em;
}

.note_box {
	background: #ecf4ff;
	border: 1px solid #a9afd4;
	padding: .6em;
	color: #5f6672;
	font-size: .7rem;
	line-height: 1.1em;
	text-align: left;
	margin: .6em;
}

.no_results_box {
	background: #ecf4ff;
	border: thin solid #a9afd4;
	padding: .6em;
	color: #5f6672;
	font-size: .7rem;
	line-height: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: .6em;
}

.content_box.showcase .no_results_box {
	/* When showing box in the showcase with the ribon going over the top, need
		to add some more margin so the no results message does not hide behind
		the ribbon */
	margin-top: 2.5em;
}

/* ==========================================================================
   Message Box (Usually loaded with Ajax)
   ========================================================================== */

#messageBox {
	/* The container for messages displayed */
	position: absolute;
	border: thin dashed blue;
	padding: .5em;
	background-color: white;
	left: 40%;
	width: 22em;
	max-width: 100%;
	z-index: 1001;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.closeMessage {
	/* The edit and delete image icons, used to make it clear you can click on them */
	cursor: pointer;
}
.moveMessage {
	/* specific for message move thingy */
	cursor: move;
	
	/* make it hidden, as ability to move message is mainly to make it not fade */
	color: white;
	margin-right: .31em;
}
.messageBoxButtons {
	/* Box for the buttons to delete or edit an image */
	float: right;
	margin-top: -.5em;
	opacity: 0.6;
}

/* ==========================================================================
   Dialog Boxes (jQuery-UI Overrides)
   ========================================================================== */

.ui-dialog {
	/* jQuery ui dialog - max width of 95% to be mobile friendly */
	max-width: 95%;
}

.ui-widget-content a.button,
.ui-widget-content a.button:visited,
.ui-widget-content a.cancel,
.ui-widget-content a.cancel:visited {
	/* jQuery UI likes to make buttons wrong color, fix that by getting closer
		to the element with the selectors */
	color: #fff;
}

/* ==========================================================================
   Feedback "help box"
   ========================================================================== */
/* ######### FEEDBACK HELP BOX STYLES ######### */
#help_info_column {
	overflow: hidden;
}

#help_info_column ul {
	margin: 0;
	padding: 0;
	float: left;
}

#help_info_column ul li {
	list-style: none;
	padding: .3em .3em 0 .6em;
	float: left;
	font-weight: bold;
	display: block;
}

#help_info_column li.left {
	clear: both;
	color: #737373;
	text-align: right;
}

#help_info_column li.right {
	color: #777;
}

/* ==========================================================================
   Tabular data (tables) / headers / grid layout
   ========================================================================== */

.column_header {
	background: #4174A6 url('../img/bg/c_bar_primary.gif');
	height: 1.5em;
	color: #fff;
	font-size: .7rem;
	font-weight: bold;
	margin: 0;
	padding: .25em 0 0 .31em;
	white-space: nowrap;
}

.column_header td {
	white-space: nowrap;
	padding: .2em .3em;
}

.column_header td.title {
	width: 100%;
}

.results_column_header {
	background: #eaeaea;
	height: 1.5em;
	color: #5f6672;
	font-size: .7rem;
	font-weight: bold;
	margin: 0;
	padding: .25em 0 0 .3em;
}

.results_column_header td {
	white-space: nowrap;
	text-align: center;
	padding: .2em .3em;
}

.results_column_header td.title {
	width: 100%;
	text-align: left;
}

.results_column_header td.half {
	width: 50%;
}

td.sorted_by {
	background-color: #FFFFC3;
}

/* ==========================================================================
   Lists of things
   ========================================================================== */

.checklist {
	margin: .31em .6em;
	padding: 0;
	font-size: .75em;
	color: #666;
}

.checklist li {
	list-style: none;
	background: url('../img/bg/bullet_list_checkbox.png') no-repeat 0 .31em;
	padding: .3em .3em .3em 1em;
}

.button_list {
	margin: .3em 0;
	padding: 0;
}

.button_list li {
	list-style: none;
	display: inline;
	font-weight: normal;
	white-space: nowrap;
}

.payment_options_list {
	margin: 0;
	padding: 0;
}

.payment_options_list li {
	list-style: none;
	display: inline-block;
	/* Adjust this if any payment options are too "long" */
	width: 12em;
	font-weight: normal;
	white-space: nowrap;
}

.option_list {
	margin: 0;
	padding: 0;
	font-size: .75rem;
}

.option_list li {
	list-style: none;
	padding: 0;
	font-weight: bold;
}

.option_list li a,
.option_list li a:visited {
	display: block;
	border-bottom: thin solid #eaeaea;
	padding: .3em;
}

.option_list li a:hover {
	display: block;
	border-bottom: thin solid #eaeaea;
	background: #f4f3f3;
	padding: .3em;
}

#checkbox ul {
	margin: .42em -.42em .42em .42em;
	padding: 0;
	font-size: .75rem;
	display: block;
	float: left;
}
#checkbox ul li {
	list-style: none;
	background: url('../img/bg/bullet_list_checkbox.png') no-repeat 0 .42em;
	padding: .42em .42em .42em 1.25em;
}

.multiselect {
	display: inline-block;
}

.multiselect ul {
	margin: 0;
	padding: 0;
}

.multiselect ul li {
	list-style: none;
	float: left;
	padding: 0 .625em 0 0;
}
.multiselect .or_field {
	text-align: right;
}

/* ==========================================================================
   Extra Page List Styles
   ========================================================================== */

dl {
	width: 21.8em;
	max-width: 100%;
}

dd {
	clear: right;
	margin: 0 0 1.25em 2.5em;
	font-size: 1rem;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
dd.image {
	clear: none;
	float: left;
	margin: 0;
}
dt {
	clear: left;
	float: right;
	width: 15.5em;
	max-width: 100%;
	overflow: auto;
	font-size: 1.25rem;
	font-weight: bold;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

.title2 {
	font-size: 1.5rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* ==========================================================================
   Cart / Listing Placement
   ========================================================================== */

/* General listing placement / input styles */
.field_label,
.required {
	color: #666;
	padding: .1em .3em;
	width: 12.5em;
	max-width: 90%;
	clear: both;
	display: inline-block;
	font-weight: bold;
	font-size: .75rem;
	vertical-align: middle;
}

.required {
	color: #4987C5;
}

.login_label {
	color: #666;
	padding: .1em .3em;
	clear: both;
	display: inline-block;
	font-weight: bold;
	font-size: .75rem;
}

.login_field {
	/* need to specify width for these fields, or IE makes them look funny */
	width: 8.6em;	
}

.form_field {
	font-size: .75rem;
	font-weight: bold;
	color: #666;
	padding: .25em;
}

.field,
.editor_field
{
	padding: .38em;
	background: #fff url('../img/bg/form_input.gif') repeat-x top left;
	border: thin solid #b9b9b9;
	color: #666;
	font-size: .75rem;
	font-weight: bold;
	margin: .25em;
	border-radius: .31em;
}

.field:focus {
	border-width: .31em;
	margin: 0;
}

select.field {
	display: inline-block;
}

textarea.field {
	/* this aligns text on the textarea's row with the middle of the textarea */
	vertical-align: middle;
	width: 95%;
	height: 10em;
}

select.field.browse_sort_dropdown {
	/* make it a little slimmer */
	padding: 2px;
}
select.field.browse_sort_dropdown:focus {
	/* make it a little slimmer */
	padding: 2px;
}

.usage_agreement {
	width: 900px;
	height: 200px;
}

div.usage_agreement {
	overflow: scroll;
	border: 1px solid #b9b9b9;
}

.inline {
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}
.sub_note {
	color: #666;
	font-size: .7rem;
}

.mini_note {
	color: #666;
	font-size: .57rem;
}

/**
 * Buyer Options
 */

.cost-option-box {
	float: left;
	border: thin solid #ddd;
	border-radius: 1em;
	margin: 1em;
	padding: 1em;
	background-color: white;
	width: 24em;
	max-width: 90%;
	height: 13em;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.cost-options-group {
	min-width: 100%;
}

.cost-option-group-label {
	cursor: move;
}

.cost-option-combined-quantity-box {
	background-color: white;
	max-height: 20em;
	overflow: auto;
	display: inline-block;
	vertical-align: top;
	border: thin solid #ddd;
	border-radius: 1em;
}

.cost-option-table thead tr {
	border-bottom: thin solid #000;
}

.cost-option-table th {
	padding-right: 1em;
	white-space: nowrap;
}

.cost-options-sort-icon {
	display: inline-block;
}

.cost-options-combined-quantity-label {
	color: #aaa;
	font-style: italic;
	margin-left: 1em;
}

.cost-options-combined-option-sep {
	font-weight: bold;
}

.buyer-option-image-box {
	float: right;
	border: thin solid #ddd;
}


/* Cart page */
.cart_item {
	border: .2em solid #eaeaea;
	padding: .2em .625em;
	margin: .3em;
	font-weight: bold;
	font-size: .75rem;
	background: #f7f7f7 url('../img/bg/cart_item_arrow_1.gif') no-repeat 2px center;
	color: #4987C5;
}

.cart_item:hover {
	background: #ffffe1 url('../img/bg/cart_item_arrow_2.gif') no-repeat 2px center;
}
.cart_item_child,
.cart_item_child_mini {
	border: thin solid #eaeaea;
	padding: .1em 1.25em;
	margin: .2em .31em .2em 3.1em;
	font-weight: bold;
	font-size: .75rem;
	color: #666;
}

.cart_item_child_mini {
	padding: .2em .63em;
}

.cart_item_child_mini ul {
	margin: 0;
	padding: 0;
}

.cart_item_child_mini ul li {
	list-style: none;
	color: #aaa;
}


.cart_item_child:hover {
	background: #ffffe1;
}

.cart_item_subtotal {
	background: #f7f7f7;
	border: thin solid #eaeaea;
	padding: .1em .63em;
	margin: .31em .31em 1em 3.1em;
	font-weight: bold;
	font-size: .9rem;
	text-align: right;
}

.subtotal_cart_item,
.tax_cart_item {
	border: thin solid #eaeaea;
	padding: .1em .63em;
	margin: .31em;
	font-weight: bold;
	font-size: 1rem;
	color: #666;
	text-align: right;
	width: 50%;
	float: right;
}

.total_cart_item,
.total_order_item {
	background: #f7f7f7;
	border: thin solid #eaeaea;
	padding: .1em .63em;
	margin: .31em;
	font-weight: bold;
	font-size: 1rem;
	text-align: right;
	clear: both;
	width: 50%;
	float: right;
}

.listing_extra_item,
.payment_item {
	border: thin solid #eaeaea;
	padding: .44em .63em;
	margin: .31em;
	font-weight: bold;
	font-size: .75rem;
	background: #f7f7f7;
	color: #666;
	display: block;
	vertical-align: middle;
}

.listing_extra_item:hover,
.payment_item:hover {
	background: #ffffe1;
}

.listing_extra_item_child {
	border: .1em solid #eaeaea;
	padding: .1em .63em;
	margin: .31em .31em 1em 3.1em;
	font-weight: bold;
	font-size: .9rem;
	text-align: right;
}
@media screen and (max-width: 454px) {
	.cart_item .cart_item_cost.new_mobile {
    	right: 40px;
    	position: absolute;
    	margin-top: 53px;
	}
	.cart_item .cart_item_buttons.new_mobile {
    	position: absolute;
    	right: 120px;
   		margin-top: 53px;
	}
}
.cart_item_cost,
.listing_extra_cost {
	float: right;
	text-align: right;
	padding: .2em 0;
}

.cart_item_buttons {
	float: right;
	padding: 0 .63em;
}

.cart_item_label {
	float: left;
	padding: .2em 0;
}

.cart_item_label label {
	width: 20em;
}

.cart_item div.cart_item_label {
	padding-left: 1.56em;
}

#addToCartButton {
	cursor: pointer;
}


#cart_buttons 
{
	text-align: center;
	margin:.2em .2em .63em;
	border: thin solid #CECECE;
	padding: .63em;
	clear: both;
}
#cart_buttons li {
	list-style: none;
	display: inline-block;
	max-width: 100%;
}
#cart_buttons a {
	width: 20em;
	margin: .3em;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.disabled
{
	color: #ccc;
}

.checkout_button {
	text-align: right;
	padding: .31em;
	clear: both;
}

/* NOTE: h2 a required to get "closer to" element than generic styling on links
	within h2 titles */
h2 a.show_instructions_button,
h2 a.show_instructions_button:visited {
	/* The instructions button for each section on media collection page */
	color: #666;
	border: thin solid #cacbcc;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	padding: .2em .31em .1em .31em;
	font-weight: bold;
	font-size: .75rem;
	text-decoration: none;
	margin: 0 .1em;
	display: inline-block;
}

#cart_left_column {
	width: 25em;
	max-width: 100%;
	float: left;
}

#cart_right_column, #cart_content_column {
	overflow: hidden;
	padding: 0 0 0 .63em;
}
.combined_step_section {
	position: relative;
}
.combined_loading_overlay {
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	
	z-index: 100;
}
.combined_loading_overlay img {
	margin-top: 2.5em;
}

iframe.listing_preview {
	width: 60em;
	max-width: 100%;
	height: 32em;
	overflow: auto;
	margin: 1em auto;
	border: dashed #777;
	border-radius: 1em;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.edit,
.delete,
.preview {
	border: thin solid #cacbcc;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	color: #666;
	padding: .2em .3em;
	font-weight: bold;
	font-size: .75rem;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 .1em;
}

.delete:hover {
	border: thin solid #e4a0a2;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x center left;
	color: #9e4144;
	text-decoration: none;
}


/* ==========================================================================
   Cart - Media Upload
   ========================================================================== */

.media-upload-dropbox {
	border: medium dashed #777;
	width: 98%;
	min-height: 4em;
	margin: 1em auto;
	padding: 1em;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.media-container {
	text-align: center;
	margin: 1em;
}

.media-upload-dropbox {
	text-align: left;
}

.media-preview {
	border: thin solid #777;
	margin: .5em;
	padding: .5em;
	border-radius: 1em;
	background: rgba(255,255,255,.7);
	overflow: auto;
	position: relative;
}

.media-preview-image {
	border: thin solid black;
	margin: auto;
	min-height: 6.25em;
	min-width: 6.25em;
	text-align: center;
	overflow: hidden;
}

.media-queue-progress {
	float: right;
}

.media-queue-entry {
	border: thin solid #777;
	background-color: #eee;
	margin: .3em;
	padding: .5em;
	border-radius: .5em;
	font-size: .8em;
}

.media-progress-circle {
	/* Special Case - uses JS to get the styles of this element, to use for
		the progress bar, so that things like color and such are not set in JS
		where they are hard to change. */
	
	/* This is the color of the bar (fgColor) */
	color: #87CEEB;
	
	/* The background color for the entire progress bar (bgColor) */
	background-color: #ddd;
	
	/* The width & height for circle - Recommend using fixed value */
	width: 80px;
	
	/* This one is a little weird...  the height will controll the "thickness" of
		the bar, divided by 100...  So if you want thickness of .3 you would set
		height to 30px. */
	height: 20px;
	
	
	/* Keep this intact or you will have a sqare show on the page! */
	position: absolute;
	left: -1000px;
}
.queue-thumb {
	float: left;
	margin: .2em;
	border: 1px solid #777;
	/* NOTE : special case: need to do pixels here because canvas goes in here
		which is only pixels */
	min-width: 50px;
	min-height: 50px;
}

/* This is mainly the title / label for images */
.media-editable-label {
	margin: .3em .1em;
	border: thin solid #ddd;
	padding: .2em;
	white-space: nowrap;
	overflow-x: auto;
	min-height: 1em;
}
.media-editable-label:hover,
.media-editable-label:focus {
	background: rgba(255,255,153,1);
	border: thin dashed #0090d2;
}
.media-editable-saved {
	opacity: 0;
	transition-duration: 0.3s;
	position: absolute;
	bottom: .3em;
	left: 1em;
	background-color: white;
	border: thin solid #777;
	z-index: 5;
}
.media-editable-saved-show {
	opacity: 1.0;
}

.slot-label {
	cursor: move;
}

.media-delete {
	display: block;
	position: absolute;
	top: -.1em;
	right: 0;
}

.media-runtime {
	/* This styles a little bit of text on the uploader that helps debug when there
		are problems...  Point is to not stand out, look kinda-official, and be
		easy to read when people send screenshots.  */
	position: absolute;
	top: .5em;
	right: 2em;
	font-size: .7rem;
	color: #999;
}

/* Specific to Offsite Video Upload */

div.offsite_video_slot {
	float: left;
	width: 15.625em;
	border: thick solid #EAEAEA;
	margin: .31em;
	padding: .31em .31em .75em .31em;
	background: white;
}

div.offsite_video_box_title,
div.offsite_video_box_title_empty,
div.offsite_video_box_title_editing {
	/* The styles used for the title of each image box */
	border: none;
	background-color: #4174a6;
	color: white;
	padding: .33em 0 0 .42em;
	margin: -.42em -.42em .33em -.42em;
	
	height: 2em;
	font-size: .75rem;
	font-weight: bold;
}

div.offsite_video_box_title_empty {
	background-color: #eaeaea;
	color: #737373;
}

div.offsite_video_box_title {
	background: #4174a6 url('../img/bg/c_bar_primary.gif');
	/* These boxes can be moved, so give title a cursor for moving */
	cursor: move;
}

div.offsite_video_box_title_editing {
	background: #7ca93a url('../img/bg/c_bar_secondary.gif');
}

input.offsite_video_id_input {
	width: 14.375em;
}

.offsite_video_box_title_buttons {
	/* Box for the buttons to delete or edit an image */
	float: right;
	margin-top: -.5em;
	opacity: 0.6;
}
.offsite_video_box_title_buttons:hover {
	/* Make hove effect to make it look like button being held down */
	padding-top: .19em;
	opacity: 1;
}

.delete_offsite_video {
	/* The edit and delete image icons, used to make it clear you can click on them */
	cursor: pointer;
}

div.preview_offsite_video_box {
	/* This is the box that embeded offsite_video videos are shoved in */
	width: 15em;
	height: 12.19em;
	background-color: #f7f7f7;
	border: thin solid #eaeaea;
	padding: 0;
}

.offsite_video_slot_label,
.offsite_video_cost_label,
.offsite_video_id_label {
	font-weight: bold;
}

.offsite_video_id_label.required {
	color: #4987C5;
}

.offsite_video_slot_value,
.offsite_video_cost_value {
	/* Able to specify CSS for values if desired. */
	
}

.offsite_video_action_buttons {
	text-align: right;
	height: 1.25em;
	margin: .625em 0 .31em;
}

div.offsite_video_loading_container {
	float: left;
}

div#plopDropVideoHere {
	/* 
	 * this is the box that appears in the slot where an image will be moved
	 * to.
	 */
	
	/* position needs to be absolute in order to be in the correct location */
	position: absolute;
	padding: .31em;
	margin: 0;
	white-space: nowrap;
	width: 15.31em;
	height: 10.94em;
	border: thin dashed gray;
	background-color: #DFDFDF;
	text-align: center;
	padding-top: 10em;
	font-weight: bold;
}


@media only screen and (min-width: 25em) {
	/* ==========================================================================
	   Media Upload Breakpoint - This is when 2 columns start to fit on the page
	   for the media preview boxes
	   ========================================================================== */
	
	.media-preview {
		float: left;
		width: 10em;
		height: 13em;
		overflow: auto;
		overflow-y: auto;
	}
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	margin: .6em .3em;
	padding: 0;
}

.pagination li {
	color: #666;
	list-style: none;
	display: block;
	float: left;
	font-weight: bold;
	font-size: .75rem;
	margin: .2em;
}

.pagination .current {
	color: #35629e;
	padding: .2em .375em;
	border-style: solid;
	border-width: thin;
	background: #b2cbe5;
}

.pagination a,
.pagination a:visited {
	color: #666;
	padding: .2em .375em;
	border: thin solid #b9b9b9;
	background: #f7f7f7;
	font-weight: bold;
	font-size: .7rem;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}

.pagination a:hover,
.pagination a:active {
	color: #648d25;
	border: thin solid #A3C894;
	background: #E5F5DF;
}

/* ==========================================================================
   Listing Details
   ========================================================================== */

.listing_title {
	padding: 0;
	margin: 1em 0;
	font-size: 1.25rem;
	font-weight: bold;
}

.listing_title span {
	color: #4174a6;
	float: right;
	font-size: .875rem;
	padding: .25em 0 0 0;
}

.seller_username {
	margin: .3em .1em;
	padding: 0;
	font-size: .75rem;
	font-weight: bold;
}

.seller_username a,
.seller_username a:visited {
	font-size: .875rem;
}

.extra-questions {
	width: 100%;
}
.extra-questions td {
	padding: 0.3em;
}
/* #extra_questions: deprecated in 7.3.2 / for back-compatibility only */
#extra_questions ul {
	margin: 0;
	padding: 0;
	color: #666666;
}

#extra_questions li {
	list-style: none;
	padding: .3em;
}

#extra_questions div.label {
	width: 28%;
	display: inline-block;
	float: left; /* for IE <= 7, which doesn't like inline-block */
	white-space: nowrap;
	font-weight: bold;
}

#extra_questions div.data {
	width: 68%;
	display: inline-block;
}

ul.optional_fields {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

ul.optional_fields li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: .3em 0 .3em 1em;
	width: 21.6em;
	text-align: left;
}

ul.optional_fields li label {
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 50%;
}



h1.listing_title span.price {
	float: none;
	font-size: 0.8em;
}

.content_box_1,
.content_box_2,
.content_box_3 {
	/* Common styles for content boxes used on listing details */
	margin-bottom: .625em;
	border-style: solid;
	border-width: thin;
	min-height: 1.25em;
}

.content_box_1 {
	/* Content box used on listing details, no background */
	border-color: #DDD;
	padding: .2em;
}

.content_box_1 img {
	max-width: 100%;
}
.content_box_1 .map-container img {
	/* undo the [.content_box_1 img] rule specifically for gmaps. otherwise it breaks the zoom controls */
	max-width: none;
}

.content_box_2 {
	/* Content box used on listing details, light background */
	background-color: #F9FAFB;
	border-color: #D5DCE1; 
	padding: 0 .75em;
}

.content_box_3 {
	/* Content box used on listing details, darker background */
	background-color: #E9EDF0; 
	border-color: #D5DCE1;
	padding: .1em .75em;
}


.content_box_1 p,
.content_box_2 p,
.content_box_3 p {
	/* Give paragraphs inside listing details content boxes a little margin */
	margin: .1em 0;
}

.content_box_1 h3,
.content_box_2 h3,
.content_box_3 h3 {
	font-size: 1.2em;
	margin: 0 0 .75em;
}

p.content_section {
	/* Give content section a border on the bottom */
	padding: .2em .5em; 
	border-bottom: thin solid #EAEAEA;
}

.listing_maincol .content_box_1 {
	/* The content box gets more padding in the main column */
	padding: .3em .75em;
}

.listing_maincol .content_box_3 {
	/* Remove left/right padding so that videos title doesn't have space around it */
	padding: .3em 0;
}

.bid_box {
	text-align:center;
	background-image: url('../img/bg/bg_fade.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF2B7; 
	border:thin solid #FFE982;
	border-radius: .75em;
	padding: .625em;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.bid_amount,
.bid_button {
	display: inline-block;
	min-height: 2.5em;
	vertical-align: middle;
}

.bid_amount {
	max-width: 60%;
}

.bid_button {
	max-width: 40%;
	text-align: left;
	padding-left: 2em;
}

.bid_box_note {
	background-color: #FBFBFB; 
	border: thin solid #DDD; 
	border-radius: .5em;
	margin-top: .3em;
	font-size: .6rem;
	padding: .5em;
}

h1.title.rounded_top,
h2.title.rounded_top,
h3.title.rounded_top,
.rounded_top {
	border-radius: .43em .43em 0 0;
    background: url('../img/bg/bg_fade.png') repeat-x left top;
	background-color: #E9EDF0; 
	border: thin solid #D5DCE1; 
	margin: 0 0 .1em 0;
	padding: .43em .6em .3em;
}

h1.title.rounded_top,
h2.title.rounded_top,
h3.title.rounded_top {
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #BBB;
}

h2.title.rounded_top {
	font-size: 1.4rem;
}

h3.title.rounded_top {
	font-size: 1.2rem;
}

h1.title.rounded_top a,
h2.title.rounded_top a,
h3.title.rounded_top a {
	color: #111;
	text-decoration: underline;
	text-shadow: none;
}

a.listing_tag {
	white-space: nowrap;
}

/* The google map container, this is what size the google map will be */
.map-container {
	position: relative;
	width: 37em;
	height: 25em;
	max-width: 95%;
	margin: 0 auto;
}

/* Listing Details - Images / Media */

/* gallery view */
.galleryContainer {
	text-align: center;
	clear: both;
}
.galleryThumbs {
	width: 100%;
	text-align: center;
}

.galleryThumbs ul {
	list-style-type: none;
	margin: 1em;
	padding: 0;
}

.galleryThumbs ul li {
	display: inline-block;
	margin: .2em;
}

.galleryThumbs img.thumb {
	cursor: pointer;
}

.galleryBigImage {
	margin: .6em auto;
	border: solid #eaeaea;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.galleryBigImage p,
.content_shell .galleryBigImage p {
	background: #f7f7f7;
	border-top: thin solid #dddddd;
	font-size: .875rem;
	font-weight: bold;
	margin: 0;
	padding: .4em;
	text-align: center;
}

.galleryBigImage img {
	border: none;
	max-width: 100%;
}

.galleryBigImage img:hover {
	border: none;
}

/* Filmstrip View */

.filmstrip_outer {
	text-align: center;
}

.filmstrip_container {
	clear: both;
	text-align: center;
	display: inline-block;
	border: thin solid #eaeaea;
	padding: .6em .6em 1.6em .6em;
	margin: .6em;
}


div.filmstrip_container p.imageTitle {
	padding: .6em;
	margin: 0;
}

.filmstrip_strip_container {
	overflow: hidden;
	padding: 0;
	position: relative;
	border: thin solid #eaeaea;
}

.filmstrip_main {
	display: inline-block;
	/* make it float so that width is correct, even in stupid IE<=7 who doesn't like inline-block...
		this will be un-done in JS once width is set correctly */
	float: left;
}
.filmstrip_main_img {
	margin: 1em;
}
.filmstrip_strip {
	white-space: nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
}

.filmstrip_entry {
	padding: 0;
	display: inline-block;
	float: none;
	margin: 0;
	vertical-align: middle;
	cursor: pointer;
	
	margin: 0 0 0 .3em;
}

.filmstrip_main_img img {
	border: solid white;
}

.filmstrip_entry img {
	border: thin solid white;
}

.filmstripLeftScrollButton {
	/*  Note:  position is moved by JS */
	float: left;
	width: 1.375em;
	height: 6em;
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat right top;
}

.filmstripLeftScrollButton:hover {
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat left top;
}

.filmstripLeftScrollButton.no_hover {
	/* no_hover class set using JS, this is so there is no hover effect when it is disabled */
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat right top;
}

.filmstripRightScrollButton {
	/*  Note:  position is moved by JS */
	float: right;
	width: 1.375em;
	height: 6em;
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat left top;
}

.filmstripRightScrollButton:hover {
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat right top;
}
.filmstripRightScrollButton.no_hover {
	/* no_hover class set using JS, this is so there is no hover effect when it is disabled */
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat left top;
}


/*  Offsite Videos */


div.offsite_videos_container {
	text-align: center;
	padding-bottom: 1.25em;
}

/* featured pics */
.full_image_item {
	background: #f7f7f7;
	border: solid #eaeaea;
	font-size: .875rem;
	font-weight: bold;
	margin: .35em auto;
	padding: 0 0 .35em 0;
	text-align: center;
	display: inline-block;
}

.full_image_item img {
	margin-bottom: .3em;
}

/* ==========================================================================
   Listing Details Print Friendly
   ========================================================================== */
.print_body {
	background: #ffffff;
	font-size: .9rem;
}

.print_shell {
	width: 43.75em;
	margin: 0 auto;
}

.print_top_text {
	padding: 2.2em 0 0 0;
	font-weight: bold;
	float: right;
}

h1.print_title {
	background: #eaeaea;
	font-size: .875rem;
	font-weight: bold;
	margin: .1em 0;
	padding: .35em 0 .35em .2em;
	border-top: thin solid #999;
	border-bottom: thin solid #999;
}

#print_photo_column {
	width: 15.625em;
	display: block;
	float: right;
	text-align: center;
}

#print_photo_column img {
	border: thick solid #eaeaea;
	margin-bottom: .6em;
	max-width: 100%;
}

#print_photo_column div {
	text-align: left;
}

#print_listing_info_column {
	overflow: hidden;
	padding: 0 1em;
	font-size: .75rem;
}

#print_listing_info_column ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#print_listing_info_column ul li {
	list-style: none;
	padding: .3em 0 .3em .6em;
}

#print_listing_info_column li.label {
	display: block;
	width: 12.5em;
	float: left;
	clear: both;
	font-weight: bold;
	color: #737373;
}

#print_listing_info_column li.value {
	display: block;
	width: 15.625em;
	float: left;
	color: #777;
	font-weight: bold;
}

#print_listing_info_column li.price {
	font-size: 1rem;
	font-weight: bold;
	padding: .6em 0 .6em .6em;
}

#print_listing_photos img {
	border: .3em solid #eaeaea;
}

#print_extra_questions ul {
	margin: 0;
	padding: 0;
	color: #666;
}

#print_extra_questions li {
	list-style: none;
	padding: .3em;
}

#print_extra_questions div.label {
	width: 10.9em;
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
}

#print_extra_questions div.data {
	width: 10em;
	display: inline-block;
}

#print_optional_fields {
	margin: 0;
	padding: 0;
}

#print_optional_fields li {
	list-style: none;
	padding: .3em;
}

#print_optional_fields label {
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 10.9em;
}

.print_half_column_left {
	width: 21.9em;
	float: left;
}

.print_half_column_right {
	width: 21.56em;
	padding: 0 0 0 .3em;
	float: left;
}


/* ==========================================================================
   Category Navigation
   ========================================================================== */


.category_column {
	float: left;
}
.category_column ul {
	margin: 0;
	padding: 0;
}

.category_column ul li.element {
	list-style: none;
	font-weight: bold;
	padding: .3em 0;
	margin: 0;
}

.category_column ul li.element img {
	/* Make category image line up good */
	vertical-align: middle;
}
.main_classified_navigation ul li.element {
	/* specific to main classified navigation */
	padding: .3em;
	background: #fefefe;
	border-top: thin solid #fff;
	border-bottom: thin solid #f3f3f3;
}

.category_column ul.sub_categories li.element {
	/* specific to sub-categories */
	font-weight: normal;
	padding: .2em;
	margin: 0 0 0 1.25em;
}

#listing_categories {
	margin: 0;
	padding: 0;
}

.priceplan_choose {
	display: inline-block;
	text-align: left;
	margin: 0;
	padding: 0;
}

#listing_categories li.element,
.priceplan_choose li.element {
	list-style: none;
	font-size: .9rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.priceplan_choose li.element {
	margin: .6em;
}

#listing_categories li.clr {
	clear: both;
	list-style: none;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#listing_categories a,
#listing_categories a:visited,
.priceplan_choose label,
.priceplan_choose a {
	margin: 0;
	padding: .6em 0;
	display: inline-block;
	width: 100%;
	text-decoration: none;
}

.priceplan_choose label,
.priceplan_choose a {
	padding: .6em;
}

#listing_categories a:hover,
.priceplan_choose a:hover,
.priceplan_choose label:hover {
	text-decoration: none;
	background: #f7f7f7;
}

#listing_categories span {
	padding: 0 .6em;
}

span.category_title {
	font-weight: bold;
	font-size: 1rem;
}
.category_column ul.sub_categories span.category_title {
	/* Sub-categories are not bolded */
	font-weight: normal;
	font-size: .75rem;
}

p.category_description {
	margin: 0;
	padding: .1em 0 .1em 0;
	font-size: .7rem;
	color: #888;
	font-weight: normal;
}

.categories div {
	font-size: .7rem;
	font-weight: bold;
}

.categories div.element {
	float: left;
	padding: .25em 0 .25em .3em;
}

.categories div a,
.categories div a:visited {
	font-weight: bold;
	padding: 0 .1em;
	color: #666;
	text-decoration: none;
}

.categories div a:hover {
	text-decoration: underline;
}

.sub_categories li.element a {
	text-decoration: none;
}

.sub_categories li.element a:hover {
	text-decoration: underline;
}

span.listing_counts {
	font-size: .8rem;
}

/* ==========================================================================
   Browsing Overall / Grid
   ========================================================================== */

.row_header {
	background: #eaeaea;
	font-size: .75rem;
	font-weight: bold;
	margin: .1em 0;
	padding: .4em;
	border-top: thin solid #ddd;
	border-bottom: thin solid #ddd;
	white-space: nowrap;
}

.row_even,
.browsing_result_table_body_even,
.seller_result_table_body_even
{
	padding: .6em .4em;
	background: #f7f7f7;
	font-size: .75rem;
	color: #666;
}

.row_odd,
.browsing_result_table_body_odd,
.seller_result_table_body_odd
{
	padding: .6em .4em;
	background: #fff;
	font-size: .75rem;
	color: #666;
}

.row_even_highlight,
.browsing_result_table_body_even_bold,
.seller_result_table_body_even_bold
{
	background: #ecf4ff;
	color: #666;
	font-weight: bold;
}

.row_odd_highlight,
.browsing_result_table_body_odd_bold,
.seller_result_table_body_odd_bold
{
	background: #dfeaf9;
	color: #666;
	font-weighT: bold;
}

.row_even:hover,
.browsing_result_table_body_even:hover,
.seller_result_table_body_even:hover,
.row_odd:hover,
.browsing_result_table_body_odd:hover,
.seller_result_table_body_odd:hover,
.row_even_highlight:hover,
.browsing_result_table_body_even_bold:hover,
.seller_result_table_body_even_bold:hover,
.row_odd_highlight:hover,
.browsing_result_table_body_odd_bold:hover,
.seller_result_table_body_odd_bold:hover,
article.listing .article_inner:hover
{
	background: #ffffe1;
}



/* Results Cell Padding */
.row_even td,
.browsing_result_table_body_even td,
.seller_result_table_body_even td,
.row_odd td,
.browsing_result_table_body_odd td,
.seller_result_table_body_odd td,
.row_even_highlight td,
.browsing_result_table_body_even_bold td,
.seller_result_table_body_even_bold td,
.row_odd_highlight td,
.browsing_result_table_body_odd_bold td,
.seller_result_table_body_odd_bold td
{
	padding: .3em;
}

p.listing_results_description {
	color: #888;
	margin: .3em 0;
	padding: 0;
	font-size: .7rem;
}

.field_error_row {
	background: #fceaed;
	border-top: thin solid #E68A9D;
	border-bottom: thin solid #E68A9D;
	padding: .6em .45em;
	margin: .1em 0;
	color: #5F6672;
	font-size: .7rem;
	font-weight: bold;
}

.browse_mode_buttons {
	float: right;
	margin: .3em .3em 0 0;
}

.view_mode_link {
	opacity: 0.4;
	margin-left: .3em;
}


.view_mode_link img {
	vertical-align: middle;
}

.browse_mode_buttons a:hover,
.browse_mode_buttons a.active {
	opacity: 1.0;
}

.browse_mode_buttons .active {
	font-weight: bold;
}

/* ==========================================================================
   Browsing Gallery / List View
   ========================================================================== */

.listing_set.gallery {
	overflow: hidden;
	font-size: 0;
}

.gj_simple_carousel .listing_set.gallery {
	white-space: nowrap;
}

.listing_set.gallery .gallery_row {
	/* When a gallery row is not "full", center the ones that are there, and make
	sure it fills up the row width */
	text-align: center;
	width: 100%;
}

.listing_set.gallery .gallery_inner {
	position: relative;
	width: auto;
	text-align: center;
}

.listing_set.gallery article {
	padding: 0;
	margin: 0;
	border: none;
	font-size: .75rem;
	display: inline-block;
	vertical-align: top;
}

.listing_set.gallery .article_inner,
.listing_set.list article {
	border: solid #eaeaea;
	padding: .3em;
	margin: .3em;
	/* restore wrapping */
	white-space: normal;
}

.listing_set.gallery .article_inner {
	/* Style specifically for the gallery */
	text-align: center;
	font-weight: bold;
}

.listing_set.list .image {
	/* Make things float around the image on the list view */
	float: left;
	border: thin solid #eee;
	margin: 0 .3em .3em 0;
}

.listing_set.gallery .image {
	/*  For gallery pics, image does not float or have border */
	float: none;
	border: none;
	margin: auto;
}

.listing_set article p {
	margin: 0;
}

.listing_set article h1 {
	margin: 0 0 .3em 0;
	display: inline;
	font-size: .9rem;
}

/* CSS for the Carousel display mode for the gallery view */
.gj_simple_carousel .listing_set.gallery .gallery_row {
	/* Make sure IE displays things like everyone else */
	vertical-align: top;
	/* This is needed to keep the carousel from "jumping" as it loads */
	display: inline-block;
}

.listing_set.gallery .galleryScroll {
	text-align: center;
}

.listing_set.gallery .galleryScroll img {
	cursor: pointer;
}

.gallery_carousel_dot {
	font-size: 1.2rem;
	color: #9A9A9A;
}

.gallery_carousel_dot_active {
	font-size: 1.3rem;
	color: #4987C5;
}


/* gallery styles for featured pic modules */

.featured_items .listing_set article div.article_inner,
.featured_browsing .listing_set article div.article_inner {
	background: #fff url('../img/bg/featured_item.gif') repeat-x bottom left;
	padding: .1em;
	margin: .3em;
	border: .3em solid #eaeaea;
}

.featured_items .listing_set article div.article_inner:hover {
	background: #ffffe1;
}

/* ==========================================================================
   Featured Listing Browsing
   ========================================================================== */

.featured_items {
	width: 100%;
}

.featured_items td.element {
	background: #ffffff url('../img/bg/featured_item.gif') repeat-x bottom left;
	border: .3em solid #eaeaea;
}

.featured_items td.element:hover {
	background: #ffffe1;
}

.featured_items span.featured_title {
	color: #888888;
	font-size: .75rem;
	font-weight: bold;
	padding: .1em 0 .3em 0;
	margin: 0;
	display: block;
	width: 100%;
}

.featured_items span.price {
	display: block;
	white-space: nowrap;
}

/* ==========================================================================
   Category Browsing Options module
   ========================================================================== */

/* Browsing Options Link Text */
.browsing_options_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75rem;
	font-style: normal;
}
/* Other links in Category Browsing Options */
.browsing_options_not_selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75rem;
	font-style: normal;
	font-weight: normal;
}
/* Selected link in Category Browsing Options */
.browsing_options_selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75rem;
	font-style: normal;
	font-weight: bold;
}


/* ==========================================================================
   My Account Links module
   ========================================================================== */

.my_account_links_active {
	background-color: #eee;
}
.my_account_links_inactive {
	background-color: #fff;
}

.user_links { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .75rem;
	font-style: normal; 
	font-weight: bold; 
	color: #666;
	text-align: left;
}

a.user_links {
	text-decoration: underline; 
}

.icon_links_ie_fix {
	/* otherwise IE tries to underline the icons... */
	text-decoration: none;
}

.needs_attention {
	color: #FF0000;
}


/* ==========================================================================
   Search Box Module
   ========================================================================== */
   
#search_box_1 {
	float: right;
}

#search_box_1 ul {
	margin: 0;
	padding: 6px 5px 0 0;
}

#search_box_1 ul li {
	list-style: none;
	display: inline;
}

#search_box_1 input.keyword {
	width: 200px;
}

/* ==========================================================================
   Region Selectors 
   ========================================================================== */
.region_selector {
	display: inline-block;
}

.region_label {
	width: auto;
}

.region_scalar_name {
	height: 3.17em;
	margin-top: 1em;
	font-weight: bold;
	display: inline-block;
}

.onlyRegionOnLevel,
.field_label.region_scalar_label,
.region_scalar_name,
select.field.onlyRegionOnLevel,
#breadcrumb li.onlyRegionOnLevel
{
	display: none;
}

.region_selector_placeholders_geoRegion_user_location_multiline
{
	margin-left: 13.33em;
}

/* ==========================================================================
   Columns
   ========================================================================== */

.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7,
.columns-8, .columns-9, .columns-10 {
	/* Meant to have certain number of columns but that won't work in small width */
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

@media only screen and (min-width: 52em) {
	/* ==========================================================================
	   Columns Breakpoint
	   ========================================================================== */
	
	.columns-2 {
		width: 50%;
	}
	.columns-3 {
		width: 33%;
	}
	.columns-4 {
		width: 25%;
	}
	.columns-5 {
		width: 20%;
	}
	.columns-6 {
		width: 16%;
	}
	.columns-7 {
		width: 14%;
	}
	.columns-8 {
		width: 12.5%;
	}
	.columns-9 {
		width: 11%;
	}
	.columns-10 {
		width: 10%;
	}
	
	.listing_set.gallery {
		white-space: nowrap;
	}
}

/* ======================================================================================
Exception -- also do column widths specifically for the carousel, even on small screens
========================================================================================= */

	.gj_simple_carousel .columns-2 {
		width: 50%;
	}
	.gj_simple_carousel .columns-3 {
		width: 33%;
	}
	.gj_simple_carousel .columns-4 {
		width: 25%;
	}
	.gj_simple_carousel .columns-5 {
		width: 20%;
	}
	.gj_simple_carousel .columns-6 {
		width: 16%;
	}
	.gj_simple_carousel .columns-7 {
		width: 14%;
	}
	.gj_simple_carousel .columns-8 {
		width: 12.5%;
	}
	.gj_simple_carousel .columns-9 {
		width: 11%;
	}
	.gj_simple_carousel .columns-10 {
		width: 10%;
	}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent;
		color: #000; /* Black prints faster: h5bp.com/s */
		box-shadow: none;
		text-shadow: none;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100%;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}
/*end*/

/* http://www.4tradeit.co.nz/geo_templates/4tradeit/external/css/addon/storefront/control_panel.css */

/* 7.3rc1-30-g41048df */

/* stats page */

.unique_visits {
	margin: 0.16667em;
	border: thin solid #a7c1dd;
	background: #e2e4e9 url('../../../img/bg/button.gif') repeat-x center left;
	color: #666666;
	font-weight: normal;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.total_visits {
	border: thin solid #a7c1dd;
	background: #b7d5f2 url('../../../img/bg/button_hover.gif') repeat-x center left;
	color: #ffffff;
	font-weight: normal;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.legend {
	width: 8.3333em;
	border: thin solid #a7c1dd;
}

#storefront_stats strong {
	display: block;
	float: left;
	padding-right: 1.6667em;
}

#stats_controls {
	margin: 0.83333em 0em 0em 1.8333em;
}

/* Categories and Pages lists */

.sortable_list {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.sortable_list div.item_name {
	padding-top: 0.25em;
}

.sortable_item_controls {
	float: right;
	margin-top: 0.16667em;
	cursor: pointer;
}

.storefront_sort_item {
	border: medium solid #eaeaea;
	padding: 0.33333em 0.83333em 0.5em 0.83333em;
	margin: 0.41667em;
	font-weight: normal;
	font-size: 12px;
	background: #f7f7f7;
	color: #666666;
	display: block;
	cursor: pointer;
	height: auto;
}

.storefront_sort_item:hover {
	background: #ffffe1;
	cursor: pointer;
}

.button_green {
	background: url("../../../img/bg/button.gif") repeat-x scroll left center #E2E4E9;
    border: thin solid #CACBCC;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    margin: 0.08333em;
    padding: 0.25em 0.41667em 0.16667em;
    text-decoration: none;
}

.button_green:hover, .button_green:active {
	border: thin solid #cacbcc;
	background: #EBF4DD url('../../../img/bg/button_hover.gif') repeat-x center left;
	color: #ffffff;
	text-decoration: none;
}
	
.button_red {
	background: url("../../../img/bg/button.gif") repeat-x scroll left center #E2E4E9;
    border: thin solid #CACBCC;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
 	margin: 0.08333em;
    padding: 0.25em 0.41667em 0.16667em;
    text-decoration: none;
}

.button_red:hover, .button_red:active {
	border: thin solid #e4a0a2;
	background: #f0b5b7 url('../../../img/bg/button_cancel.gif') repeat-x center left;
	color: #ffffff;
	text-decoration: none;
}

.subcat_input_container {
	margin-left: 1.66667em;	
}

.subcat_divider {
	width: 90%;
	margin: 0.58333em auto;
}

.storefront_cp_nav, ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.storefront_cp_nav li, ul li {
	text-align: left;
}

.storefront_cp_nav li a:link, .storefront_cp_nav li a:visited
{
	display: block;
	padding: 0.03333em 0.41667em 0.03333em 0.91667em;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.storefront_cp_nav li a:hover, .storefront_cp_nav li a:active
{
	text-decoration: underline;
}

/*end*/

/* geo_templates/default/external/css/system/invoices/invoice_styles.css */

/* 6.0.7-3-gce41f93 */

.invoice_shell {
	border: 2px solid #cecece;
	width: 600px;
	padding: 15px;
	margin: 10px;
	font-size: 10pt;
}

.invoice_right_column {
	float: right;
	width: 275px;
	padding-top: 16px;
}

.invoice_left_column {
	overflow: hidden;
}

.invoice_total {
	width: 50%;
	float: right;
}

.invoice_row_even {
	background: #f7f7f7;
	padding: 5px;
}

.invoice_row_odd {
	background: #ffffff;
	padding: 5px;
}

.invoice_box {
	border: 2px solid #cecece;
	margin: 5px;
	padding: 0;
}

.invoice_box strong.right {
	float: right;
}

.invoice_box table {
	width: 100%;
}

.invoice_box thead th {
	background: #eaeaea;
	border-bottom: 1px solid #cecece;
	padding: 5px;
	text-transform: uppercase;
	font-size: 11px;
}

.invoice_box td {
	font-size: 8pt;
}

.amount_due,.due {
	color: #980000;
	font-weight: bold;
}

.amount_paid,.payment {
	color: #7ca93a;
	font-weight: bold;
}

.amount_zero {
	color: #737373;
	font-weight: bold;
}

.invoice_extra_pad {
	padding: 10px 5px;
}

h1.invoice_label {
	font-size: 11px;
	text-transform: uppercase;
	color: #4987c5;
	margin: 3px 0;
	padding: 0;
}

.clear {
	clear: both;
}

.invoice_end {
	font-size: 11pt;
	text-transform: uppercase;
	text-align: right;
}

.printBox
{
	position: relative;
	float: right;
	right: 20px;
	top: -40px;
	width: 50px;
}

.printBox_printFriendly
{
	position: relative;
	float: right;
	right: 20px;
	top: -40px;
	width: 50px;
}

.printBox_lightbox
{
	position: relative;
	float: right;
	right: 20px;
	top: -47px;
	width: 50px;
}

BODY.print {
	width: 670px;
}

.content_box {
	border: 5px solid #eaeaea;
	padding: 1px;
}

/* ######### CART STYLES ######### */

.cart_item_child {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 3px 5px 3px 50px;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	/*height: 21px;*/
}

.cart_item_child_mini {
	border: 2px solid #eaeaea;
	padding: 3px 10px;
	margin: 3px 5px 3px 50px;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}

.cart_item_child_mini ul {
	margin: 0;
	padding: 0;
}

.cart_item_child_mini ul li {
	list-style: none;
	color: #aaaaaa;
}


.cart_item_child:hover {
	background: #ffffe1;
}

.cart_item_subtotal {
	background: #f7f7f7;
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px 5px 15px 50px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.subtotal_cart_item,
.tax_cart_item {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
	text-align: right;
	width: 50%;
	float: right;
}

.total_cart_item,
.total_order_item {
	background: #f7f7f7;
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	clear: both;
	width: 50%;
	float: right;
}

.listing_extra_item,
.payment_item {
	border: 5px solid #eaeaea;
	padding: 7px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 12px;
	background: #f7f7f7;
	color: #666666;
	display: block;
	vertical-align: middle;
}

.listing_extra_item:hover,
.payment_item:hover {
	background: #ffffe1;
}

.listing_extra_item_child {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px 5px 15px 50px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.cart_item_cost,
.listing_extra_cost {
	float: right;
	text-align: right;
	padding: 3px 0;
}

.cart_item_buttons {
	float: right;
	padding: 0 10px;
}

.cart_item_label {
	float: left;
	padding: 3px 0;
}

.cart_item div.cart_item_label {
	padding-left: 25px;
}

/*end*/

/* geo_templates/default/external/css/system/order_items/shared/leveled_fields.css */

/* 7.4.0-4-ge04614a */

/* ****** Multi-Level Fields *********** */

.leveled_level_box {
	/* This is the overall box around each multi-level "level" */
	margin: 2px 5px;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	display: inline-block;
	background-color: #f8f8f8;
	vertical-align: top;
	padding: 5px;
}

.leveled_level_label {
	margin-bottom: 3px;
	display: inline-block;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

ul.leveled_values {
	/* Used for the box around the multi-level values */
	height: 150px;
	width: auto;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	overflow: auto;
	
	/* For most browsers, the below will make only the vertical scrolled */
	overflow-y: auto;
	overflow-x: hidden;
	
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative;
}

li.leveled_value,
li.leveled_value_empty {
	padding: 2px 5px 2px 4px;
	min-width: 125px;
	color: #444;
	/* Keep it from new-lining */
	white-space: nowrap;
	
	list-style: none;
}

li.leveled_value {
	cursor: pointer;
}

li.leveled_value.selected_value {
	/* Style for the currently selected multi-level field value */
	background-color: #ccc;
	color: #fff;
}

li.leveled_value:hover {
	/* Style for the hover on a value */
	background-color: #ddd;
	color: #111;
}

.leveledHiddenRadio {
	/* This hides the radio button from showing */
	position: absolute;
	width:1px;
	height: 1px;
	overflow: hidden;
}

input.leveled_radio {
	/* makes sure to move the radio button out of view */
	margin-left: -200px;
}

ul.leveled_pagination {
	margin: 1px 5px 5px 5px;
}

/*end*/

/* geo_templates/default/external/css/addon/attention_getters/listing_placement.css */

/* 6.0.7-3-gce41f93 */

#attention_getters {
	margin: 0;
	padding: 0;
}

#attention_getters li {
	list-style: none;
	display: block;
	width: 200px;
	float: left;
	text-align: left;
}

/*end*/

/* http://www.4tradeit.co.nz/geo_templates/default/external/css/addon/fixed_offer_relist/fixed_offer_relist_styles.css?_=2c771 */
/* ######### FIXED OFFER RELIST STYLES ######### */

#offerTabs.ui-widget-content,
#offerTabs.ui-tabs .ui-tabs-panel {border: none; background: none; padding: 0;}

#offerTabs ul {list-style: none; margin: 0; padding: 0; background: none !important; border: none !important;}

#offerTabs.ui-tabs .ui-tabs-nav li {margin-bottom: -1px; background: #e7e7e7; border-bottom: none;}
#offerTabs.ui-tabs .ui-tabs-nav li a {color: #7e7e7e !important; outline: 0;}

#offerTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #fff; border: 1px solid #cccccc; border-bottom: none; color: #4987C5;}
#offerTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #4987C5 !important;}

#offerTabs.ui-tabs .ui-tabs-nav li.ui-state-hover {background: #efefef; border: 1px solid #cccccc; border-bottom: none; color: #4987C5;}
#offerTabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover {color: #4987C5;}

#offerTabs div#offersPending,
#offerTabs div#offersAccepted,
#offerTabs div#offersExpired,
#offerTabs div#offersDeclined {
	clear: both;
	border: 1px solid #ddd;
}

#offerTabs .mini_button {
	display: block;
	width: 90%;
	margin: 5px 0;
}

#offerTabs .completed {
	color: #6cae2c;
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../../../../../../addons/fixed_offer_relist/images/button-icons.png') no-repeat 5px -19px;
}

#offerTabs .completed-note {
	color: #888;
	font-style: italic;
	font-size: 0.9em;
	padding-left: 25px;	
}

#offerTabs .incomplete {
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../../../../../../addons/fixed_offer_relist/images/button-icons.png') no-repeat 5px -36px;
}

#offerTabs hr {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background: none;	
}
/* end */

/* http://dev.4tradeit.co.nz/geo_templates/default/external/css/addon/geographic_navigation/navigation.css?_=65a21 */
/* 7.3rc2-27-gb98a45a */

/* The new navigation styles, mimic category navigation from 5.1, adjusted
 * for 7.3 fluid layouts
 */


/*
 * Note: geographic_navigation_column could be used for table or for div, so
 * the div. or table. part is important in the selectors in this case..
 * 
 * (Table is used with option to "sort across columns")
 */
div.geographic_navigation_column {
	float: left;
}
div.geographic_navigation_column ul {
	margin: 0;
	padding: .3em;
}

div.geographic_navigation_column ul li.element {
	list-style: none;
	font-weight: bold;
	font-size: .75rem;
	padding: .3em 0;
	margin: 0;
}

table.geographic_navigation_column {
	width: 100%;
}
table.geographic_navigation_column td.element {
	font-weight: bold;
}

.geographic_navigation_column ul.sub_regions li.element {
	/* specific to sub-categories */
	list-style: circle;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 1.25em;
}

#geoNavChangeBox {
	/* Change box for changing geo navigation location */
	border: thin solid #666;
	background-color: white;
	padding: 1em;
	display: inline-block;
	
	z-index: 50;
}

.narrowRegionLevel {
	float: left;
	padding: .625em;
	border-right: thin solid #a5a5a5;
}

.narrowRegionLink {
	cursor: pointer;
}
.narrowRegionLink:hover {
	text-decoration: underline;
}

.selectedRegion {
	font-weight: bold;
	color: #7CA93A;
}

.narrowRegionSelect {
	list-style: none;
	margin: 0;
	padding: 0;
}

.geographic_navigation_changeLink {
	/* Change location link */
	cursor: pointer;
}

.category_navigation_box {
	/*  Add a max-height to keep navigation from getting too long, and make it scroll */
	max-height: 25em;
	overflow: auto;
}
/*end*/

/* geo_templates/4tradeit/external/css/addon/sharing/sharing.css?_=2c771 */
/* c7c54e8 */

/**************** STYLES FOR LISTING DISPLAY PAGE *******************/
/* Use caution when editing these, as it may disrupt the functionality of the popup */

UL.sharing_method_list {
	display: block;
	float: left;
	width: 50%;
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;

}


.sharing_popup_list_container {
	padding: 10px;
	margin-top: 5px;
}

/**************** STYLES FOR CRAIGSLIST SHARE METHOD *******************/

.clPreview {
	width: 700px;
	padding: 5px;
	margin: 10px;
	
	/* base craigslist styles */
	font-family: serif;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
}
.clPreview DL {
	width: 700px;
}
.clPreview DT {
	width: 700px;
}

.clPreview BIG {
	font-size: 18px;
}

.clShowHTML {
	padding: 5px;
	width: 564px;
}

.clInstructions {
	font-size: 10pt;
}

.clInput {
	width: 96%;
}

.share_clickToClose {
	color: #0839ca;
	font-size: 14pt;
	font-weight: bold;
	font-face: Verdana;
	float: right;
	margin-right: 10px; 
	cursor: pointer;
	margin-top: -6px
}
/*end*/

/* http://dev.4tradeit.co.nz/geo_templates/default/external/css/addon/gm_scroll_up/reset_up.css?_=65a21 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/



ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*end*/

/* http://dev.4tradeit.co.nz/geo_templates/default/external/css/addon/gm_scroll_up/style_up.css?_=65a21 */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  
  background: rgba(38, 175, 213, 0.8) url(../../../../../../addons/gm_scroll_up/img/cd-top-arrow.svg) no-repeat center 50%;
  
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #26afd5;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
/*end*/

/* http://dev.4tradeit.co.nz/geo_templates/4tradeit/external/css/addon/storefront/default_style.css */

/* $Rev: 19193 $ */

#storefront-info-column {
	width: 550px;
	float: left;
}

#storefront-right-column {
	width: 200px;
	float: left;
	margin-left: 20px;
}

#storefront-right-column  .right-content-box {
	padding: 10px;;
}

#storefront-right-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#storefront-right-column ul li a {
	display: block;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}


#storefront-categories {
	border: 1px solid #ddd;
	background: url('../../../layout/box_bg.gif') repeat-x;
	border-radius: 3px 3px 3px 3px;
	font-size: 12px; 
	color: #563313; 
	font-weight: normal; 
	font-family: Verdana;
	margin-top: 20px;
	padding: 10px 0;
	width: 550px;
	min-height: 20px;
}

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

#storefront-categories ul li {
	display: inline; 
	padding: 5px 10px;
	line-height: 24px;
}
.listing_results .thumbnail_td{
	min-width: 220px;
}

/*end*/

/* http://dev.4tradeit.co.nz/geo_templates/4tradeit/external/css/theme_styles.css */

/* @import url('../../../default/external/css/theme_styles.css'); */

/* ######### BODY STYLES ######### */
body {
	margin: 10px 0 20px 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* ### 4tradeit style - font ### */
	color: #555555;
	font-size: 12px;
	
}

/* ######### SHELL STYLES ######### */
./*outer_shell {
	/*width: ;*/
	min-/*width: ;*/
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}

.content_shell {
	clear: both;
	padding: 10px 0;
	
}

.login_shell {
	clear: both;
/* 	width: 650px; */
	margin: 20px auto;
}*/

/* ######### HEADER STYLES - SET YOUR LOGO HERE ######### */

body {
	background: url('../img/bg/header2.gif') repeat; 
	margin: 0px;
}

#header {
	border: none;
	padding: 0px;
	margin: 0px;
}

 div.outer_shell div#header {
	border: none;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 25px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

/*#header_logo {
	/* This is the logo link, make it float to the left */
	/*float: left;
	border: none;
	background: url('../layout/4tradeit_logo_main.png') no-repeat 0 0;
	width: 300px;
	height: 100px;
	position: relative;
	top: -10px;
	padding-bottom: 0px;
}*/*/
/*#top_banner {
	float: right;
	padding-bottom: 10px;
}

#top_banner a {padding-left: 10px;}*/

/* ######### MISC STYLES ######### */

.clear,
.clr {
	clear: both;
}

a img {
	border: none;
	padding: 0px 0px;
}

img.help_icon {
	vertical-align: middle;
}

form {
	margin: 0;
	padding: 0;
}

.center {
	text-align: center;
	padding: 10px 0;
}

.alignright {
	float: right;
	padding-right: 5px;
}

.inline {
	display: inline-block;
}

.nowrap {
	white-space: nowrap;
}

/* ######### GLOBAL STYLES ######### */
a:link,
a:visited {
	color: #333333;
	
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #26afd5; /* ## original - #FF6600 ## */
}

h1.subtitle {
	background: #ffffff;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	margin: 1px 0px;
	padding: 5px 0px 5px 3px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.my_account_links_inactive h1.subtitle {
	margin: 0px;	
}

h1.title a:link,
h1.title a:visited {
	color: #666;
	text-decoration: none;
	font-size: 12px;
}

h1.title a:hover
h1.title a:active {
	color: #26afd5; /* ## original - #FF6600 ## */
	text-decoration: underline;
	font-size: 12px;
}

h2.title a:link,
h2.title a:visited {
	color: #333333;
	text-decoration: none;
}

h2.title a:hover,
h2.title a:active {
	color: #26afd5; /* ## original - #FF6600 ## */
	text-decoration: underline;
}

.highlight_links a:link,
.highlight_links a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #333333;
}

.highlight_links a:hover,
.highlight_links a:active {
	text-decoration: underline;
}

.divider {
	border-top: 1px dotted #ddd;
	margin: 2px 0 6px 0;
}

.content_box {
	border: 1px solid #ddd;
	padding: 1px;
	background: #ffffff;
}

.content_bid_box {
	border: 1px solid #ddd;
	padding: 1px;
	background: #ffffff;
}

.shaded-content-box.new_shaded-content-box {
	border: 0px solid #ddd;
	background: none;
	/* background: #ffffff url('../layout/box_bg.gif') repeat-x; */
	border-radius: 0px;
	padding: 5px;
	margin-top: -12px;
}

.shaded-content-box-seller {
	border: 1px solid #ddd;
	background: #f6fbfc /* url('../layout/box_bg.gif') repeat-x scroll 0% 50% */;
	background: #f6fbfc /* url('../layout/box_bg.gif') repeat-y scroll 0% 50% */;
	border-radius: 0px;
	padding: 5px;
}


.left-content-box {
	border: 1px solid #ddd;
	/* background: #fffffe url('../layout/box_bg.gif') repeat-x; */
	/* background: #080717; */ /* ## #0a3f4d ## */
	background: #ffffff;
	border-radius: 0px 0px 0px 0px;
	padding: 5px;
}


.my_account_links_active {
	border: 0px solid #dddddd;
	background-color: #ffffff; /* #0f5467 */
	border-radius: 0px 0px 0px 0px;
	padding: 5px;
	
}
.my_account_links_inactive {
	border: 0px solid #dddddd;
	background-color: #ffffff; /* #0f5467 */
	border-radius: 0px 0px 0px 0px;
	padding: 5px;
}
/*
.my_account_links_active, .my_account_links_inactive {
	border: 0px solid #dddddd;
	background: #ffffff; /*url('../layout/box_bg.gif') repeat-x; */
	/* background: #080717; */ /* ## #0a3f4d ## */
	/* border-radius: 0px 0px 0px 0px;
	padding: 5px;
}


/*
.my_account_links_active {
	/* background-color: #0f5467; /*url('../layout/box_bg.gif') repeat-x; /* #0f5467 ,  #080717 */
	/*background: #bcecff; url('../layout/box_bg.gif') repeat-x; /* #0f5467 ,  #080717 */
}*/

/*.my_account_links_inactive {
	/* background-color: #0f5467; /*url('../layout/box_bg.gif') repeat-x; /* #0f5467 , #080717 */
	/*background: #bcecff; url('../layout/box_bg.gif') repeat-x; /* #0f5467 ,  #080717 */
}
*/

.right-content-box {
	border: 1px solid #ddd;
	background: url('../layout/box_bg.gif') repeat-x;
	border-radius: 0px 0px 0px 0px;
	padding: 1px;
}


.content_shell p,
p.page_instructions {
	color: #333333; /* ## #666666 ## */
	margin: 10px 5px 10px 5px;
	padding: 0px;
	line-height: 18px;
	font-size: 13px;
	
}

div.page_instructions {
	color: #000; /* ## #666 ## */
	margin: 10px 5px 15px 5px;
	padding: 0px;
	line-height: 18px;
}

.box_pad {
	padding: 5px;
}

.buy-now-spacer {
	margin-top: 5px;
}

/* ######### GLOBAL TEXT STYLES ######### */
.main_text {
	color: #666666;
	font-weight: normal;
}

.normal_text {
}

.sub_note {
	color: #666666;
	font-size: 11px;
}

.mini_note {
	color: #666666;
	font-size: 9px;
}

.mini_text {
	font-size: 11px;
}

.price {
	font-weight: bold;
	text-shadow: none;
}

.success_text {
	color: #608b1f;  /* ## original #17A400 ## */
	font-weight: normal;
	font-size: 14px;
}

.bold {
	font-weight: normal;
}

.text-blue {color: #333333;}
.text-red {color: #cc3333;}
.text-aqua {color: #0066cc;} /* ## #26afd5 ## */
.text-id-value {color: #26afd5; font-size: 14px;}
.text-id-label {color: #333333; font-size: 14px;}
.text-time {color: #0066cc; font-size: 12px;}  

.buy_now_price {
	color: #61B6cd;  /* ## #61B6CD ## */
	font-weight: bold;
	font-size: 14px;
}


/* ######### BREADCRUMB STYLES ######### */
#breadcrumb,
.breadcrumb {
	margin: 5px 0 10px 0;
	padding: 0;
	height: 30px;
	border: 1px solid #ddd;
	padding: 1px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	background: none;
	border-radius: 0px 0px 0px 0px;
}

#breadcrumb a:link,
#breadcrumb a:visited,
.breadcrumb a:link,
.breadcrumb a:visited  {
	color: #666666;
}

#breadcrumb a:hover,
#breadcrumb a:active,
.breadcrumb a:hover,
.breadcrumb a:active  {
	color: #26afd5; /* ## original - #FF6600 ## */
}

#breadcrumb li.element {
	background: url('../img/bg/cart_step.gif') no-repeat center right;
	font-weight: normal;
	font-size: 11px;
}

#breadcrumb li.highlight,
.breadcrumb .highlight,
.breadcrumb a {
	font-size: 11px;
	
}

#breadcrumb li,
.breadcrumb li {
	display: block;
	float: left;
	height: 22px;
	padding: 7px 20px 0 10px;
	font-size: 11px;
	background: none;
	font-weight: normal;
}


/* ######### TABLE & RESULTS STYLES ######### */

.column_header td {
	white-space: nowrap;
	padding: 3px 5px;
	background-color: #f7f6f6; /* ## 4t new ## */
	font-family: verdana;
	font-size: 10px;
}

.column_header td.title {
	width: 100%;
	
}

.results_column_header {
	color: #919191;   /* ## original - #919191 ## */
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	font-family: verdana;
}

.results_column_header td {
	white-space: nowrap;
	text-align: center;
	padding: 3px 5px;
	background-color: #ffffff; /* ## 4t new ## */
}

.results_column_header a {
	color: #919191;
	
}

.results_column_header a:hover {
	color: #919191;
}

.results_column_header td.title {
	width: 100%;
	text-align: left;
}

.results_column_header td.half {
	width: 50%;
}

td.sorted_by {
	background-color: #ffffff;  /* ## original - #FFFFC3 ## */
}

.results-price {display: block; padding: 0px 0; font-size: 14px;}
.results-closing {color: #61B6cd; font-size: 11px; display: block; padding: 4px 0;} /* ## original - #cc0000 ## */
.results-bids {font-size: 11px; display: block; padding: 4px 0;}
.results-info, .results-info-2 {display: block; padding: 4px 0 0 0;}
.results-info img {margin-left: 10px;}
.results-extra {display: block; padding: 3px 0; color: #666666; font-size: 11px;}

/* ######### LIST STYLES ######### */
.checklist, .checklist-arrow {
	margin: 5px 10px;
	padding: 0px;
	color: #666666;
	text-align: left;
	font-size: 14px;
}

.arrowlist {
	margin: 5px 10px;
	padding: 0;
}

.horizontal_list {
	margin: 0;
	padding: 0;
}

.horizontal_list li {
	list-style: none;
	display: block;
	float: left;
	margin: 0 20px;
	font-weight: normal;
	white-space: nowrap;
}

.vertical_list {
	margin: 0;
	padding: 0;
}

.vertical_list li {
	list-style: none;
	padding: 5px;
	font-weight: bold;
}

.button_list {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.button_list li {
	list-style: none;
	display: inline;
	font-weight: normal;
	white-space: nowrap;
}


.option-list, .seller-list, .shipping-list, .bidding-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.option-list li, .seller-list li, .bidding-list li {
	border-bottom: 1px dotted #DDD;
	padding: 8px 5px;
}

.option-list li.contact {background: url('../images/icons/icon_envelope.png') no-repeat 0 5px; padding-left: 40px;}
.option-list li.sellers-listings {background: url('../images/icons/icon_listings.png') no-repeat 0 5px; padding-left: 40px;}
.option-list li.post-comment {background: url('../images/icons/icon_write.png') no-repeat 0 5px; padding-left: 40px;}
.option-list li.view-comments {background: url('../images/icons/icon_book.png') no-repeat 0 5px; padding-left: 40px;}

.seller-list li.label, .bidding-list li.label {float: left; width: 150px; clear: both;}
.seller-list li.value, .bidding-list li.value {float: left; width: 180px;}

.seller-list li.labeled, .bidding-list li.labeled {float: left; width: 90px; clear: both; padding: 5px 5px 10px 0px; } /* ## Original - 150px ## */
.seller-list li.valued, .bidding-list li.valued {float: left; width: 225px; padding: 5px 5px 10px 5px;} /* ## Original - 180px ## */

.seller-list li.value img {margin: -8px 0 0 0; padding: 0; border: none;}

.shipping-list li.label {float: left; width: 70px; padding: 5px; background: url('../img/bg/arrow_blue.gif') no-repeat 0 7px; padding-left: 20px;}
.shipping-list li.value {float: left; width: 240px; padding: 5px; word-wrap:break-word; font-size: 13px; }


.horizontal_option_list {
	margin: 0;
	padding: 0;
}

.option_list li {
	list-style: none;
	padding: 0;
	font-weight: bold;
}

.option_list li a:link,
.option_list li a:visited {
	display: block;
	border-bottom: 1px solid #eaeaea;
	padding: 5px;
}

.option_list li a:hover,
.option_list li a:active {
	display: block;
	border-bottom: 1px solid #eaeaea;
	background: #f4f3f3;
	padding: 5px;
}

.payment_options_list {
	margin: 0;
	padding: 0;
	width: 700px;
}

.payment_options_list li {
	list-style: none;
	display: inline-block;
	width: 125px;
	font-weight: normal;
	white-space: nowrap;
}

#checkbox {
	width: 100%;	
}

#checkbox ul {
	margin: 5px -5px 5px 5px;
	padding: 0;
	display: block;
	float: left;
}

/* ######### FORM STYLES ######### */
label.field_label {
	color: #333333; /* ### original  #666666  ### */
	padding: 2px 5px;
	width: 200px;
	clear: both;
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
	vertical-align: top;
}

label.required {
	padding: 2px 10px 0px 5px;
	width: 200px;
	clear: both;
	display: block;
	font-weight: normal;
	font-size: 13px;
	float: left;
	
}

label.login_label {
	color: #333333;
	padding: 2px 5px;
	width: 100px;
	clear: both;
	display: inline-block;
	font-weight: normal; /* ### 4tradeit style - login box ### */
	font-size: 12px; /* ### 4tradeit style - login box ### */
}

input.login_field {
	/* need to specify width for these fields, or IE makes them look funny */
	width: 160px;	
}

.form_field {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 4px;
}

textarea.field {
	vertical-align: middle;
	width: 65%;
	height: 10em;
}

textarea.field2 {
	vertical-align: middle;
	width: 35%;
	height: 4em;
	margin-left: 4px;
	border: 1px solid #dddddd;
}

/*
 * Make sure input boxes do not go past the screen on small screen sizes
 */
input[type="text"] {
	max-width: 98%;
	/* Account for padding and such */
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

input.field,
textarea.field,
select.field,
div.field,
input.editor_field
{
	padding: 6px;
	background: #ffffff url('../img/bg/form_input.gif') repeat-x top left;
	border: 1px solid #dddddd; 
	color: #666666;
	font-size: 14px; 
	font-weight: normal; 
	margin: 4px;
	max-width: 60%;
	border-radius: 0px 0px 0px 0px;
	shadow: none;
}

input.field,
textarea.field,
select.field,
div.field,
input.editor_field,
#billing_state_wrapper
{
	padding: 6px;
	background: #ffffff url('../img/bg/form_input.gif') repeat-x top left;
	border: 1px solid #dddddd; 
	color: #666666;
	font-size: 14px; 
	font-weight: normal; 
	margin: 0px;
	max-width: 100%;
	border-radius: 0px 0px 0px 0px;
	shadow: none;
}

input.field:focus,
textarea.field:focus,
select.field:focus {
	padding: 6px;
	border-width: 2px;
	border-style: solid;
	margin: 3px;
	
}


select.field {
	display: inline-block;
}

textarea.field {
	/* this aligns text on the textarea's row with the middle of the textarea */
	vertical-align: middle;
}

.usage_agreement {
	width: 100%;
/* 	height: 200px; */
}

div.usage_agreement {
	overflow: scroll;
	border: 1px solid #b9b9b9;
}

button {
	padding: 4px 5px;
	
}

textarea {
	font-family: verdana; /* ### 4tradeit style - font style ### */
	word-wrap: initial;
	white-space: pre-wrap !important;
}

.inline {
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}

/* ######### BUTTON STYLES ######### */

/*
.button,
a.button:link,
a.button:visited,
input.button {
	border-radius: 0px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
    user-select: none;
	height: 23px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}


.button,
a.button,
input.button {
	border: 1px solid #bbe8f4 !important;
	background: #eeeff2 url('..//img/bg/button.gif') repeat-x top left !important;
	color: #ffffff !important;
	height: 23px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	text-shadow: none !important;
	border-radius: 0px;
}

.cancel,  
a.cancel:link,
a.cancel:visited {
	border: 1px solid #e4a0a2;
	border-radius: 0px;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left;
	transition-duration: 0.2s;
	user-select:none;
	height: 23px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	text-shadow: none;
	}


.cancel:hover,   
.cancel:active,
a.cancel:hover,
a.cancel:active {
	border: 1px solid #e76d3eb;
	background: #f0b5b7 url('../img/bg/button_cancel2.gif') repeat-x top left;
	color: #FFFFFF;
	text-decoration: none;
}

.cancel_button,
a.cancel_button{
	border: 1px solid #e4a0a2 !important;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left;
	color: #ffffff !important;
	height: 23px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
  	margin-bottom: 10px; 
}

.cancel_button:hover,
.cancel_button:active {
	border: 1px solid #e76d3eb; 
	background: #f0b5b7 url('../img/bg/button_cancel2.gif') repeat-x top left;
	color: #ffffff !important;
	text-decoration: none;
}

.cancel_button,
.cancel_button:visited {
	border: thin solid #e4a0a2;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left;
	border-radius: .0em;
	color: #FFF;
	text-shadow: 0 -.1em 0 rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 .1em 0 rgba(255, 255, 255, 0.4), 0 .1em .1em rgba(0, 0, 0, 0.2);
	padding: .5em .63em;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	transition-duration: 0.2s;
}*/

/* ## DONT THINK THIS CSS IS USED ## */
/*
.cancel 
{
	border: 1px solid #76d3eb;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x top left;
	color: #ffffff;
	height: 23px;
	padding: 7px 10px 0px 10px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}

/* ## DONT THINK THIS CSS IS USED ## */
/*
.cancel:hover,   
.cancel:active {
	border: 1px solid #e4a0a2; 
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left; 
	color: #ffffff;
	text-decoration: none;
}

*/

/*input.button,
input.cancel,
input.cancel_button,
button.button,
button.cancel,
button.cancel_button {
	padding: 5px 10px;
	height: 30px;
}*/

.mini_button,
.editor_ok_button {
	border: 1px solid #bbe8f4;
	background: #74D8F3 url('..//img/bg/button.gif') repeat-x center left;
	color: #ffffff;
	padding: 3px 5px 2px 5px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	margin: 0 1px;
	display: inline-block;
	border-radius: 0px 0px 0px 0px;
}

.mini_cancel,
.editor_cancel_button {
	border: 1px solid #bbe8f4;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	color: #ffffff;
	padding: 3px 5px 2px 5px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	margin: 0 1px;
	display: inline-block;
}

.mini_cancel:hover,
.mini_cancel:active,
.editor_cancel_button:hover {
	border: 1px solid #e4a0a2;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

input.button,
input.cancel,
input.cancel_button,
input.mini_button,
input.mini_cancel,
input.editor_ok_button,
input.editor_cancel_button
{
	/* have to specify this, or FF will use system-default font for text on HTML buttons */
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; /*### Tim style###*/
}

.edit {
	border: 1px solid #bbe8f4;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	color: #333333;
	padding: 3px 5px 2px 5px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
}


.delete {
	border: 1px solid #e76d3eb; /* ## original 4t color before v6.0 - #bbe8f4 ## */
	background: #fd9f9f; /* url('../img/bg/button_cancel.gif') repeat-x center left; */
	color: #666666; /* ## original 4t color before v6.0 - #0839ca ## */
	padding: 3px 5px 2px 5px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
}
 
.delete:link,
.delete:visited {
	color: #ffffff;
	border-radius: 0px;
	text-decoration: none;
}

.delete:hover,
.delete:active {
	border: 1px solid #e76d3eb;
	background: #f0b5b7 url('../img/bg/button_cancel2.gif') repeat-x center left;
	color: #FFFFFF;
	border-radius: 0px;
	text-decoration: none;
}

.preview {
	border: 1px solid #bbe8f4;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	color: #0839ca;
	padding: 3px 5px 2px 5px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
}

.large_button {
	border: 1px solid #cacbcc; /* ## original 4t color before v6.0 - #bbe8f4 ## */
	background: #eeeff2 url('..//img/bg/button.gif') repeat-x top left;
	color: #666666; /* ## original 4t color before v6.0 - #0839ca ## */
	padding: 10px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	display: block
}

/* ######### NAVIGATION BAR STYLES ######### */

#nav_tabs {
	clear: both;
	padding: 0; 
	color: #563313;
}

#nav_tabs>ul {
/* 	width: 700px; */
	margin: 0 0 0 60px; 
}

#nav_tabs li {list-style: none; display: block; float: left; color: #333333; font-weight: normal; font-size: 18px; text-align: center; max-height: 35px; margin-bottom: 5px; position: relative}


#nav_tabs a:link, #nav_tabs a:visited {color: #333333;}
#nav_tabs a:hover, #nav_tabs a:active {color: #ffffff; text-decoration: none;}


/* Home Tab 
#nav_tabs a.home:link, #nav_tabs a.home:visited {background: url('../layout/nav_home_bg.gif') no-repeat 0 0; width: 80px; padding: 9px 0 8px 25px; display: block; float: left;}
#nav_tabs a.home:hover, #nav_tabs a.home:active {background: url('../layout/nav_home_bg.gif') no-repeat 0 -33px; color: #ffffff;}

#nav_tabs a.home_active:link, #nav_tabs a.home_active:visited {background: url('../layout/nav_home_bg.gif') no-repeat 0 -33px; width: 80px; padding: 9px 10px 8px 15px; display: block; float: left; color: #ffffff;}
#nav_tabs a.home_active:hover, #nav_tabs a.home_active:active {background: url('../layout/nav_home_bg.gif') no-repeat 0 -33px; color: #ffffff;} */

/* Register Tab */
/*#nav_tabs a.register:link, #nav_tabs a.register:visited {background: url('../layout/nav_register_bg.gif') no-repeat 0 0; width: 130px; padding: 7px 5px 8px 0px; display: block; float: left; margin-left:30px; margin-right:0px; margin-bottom:0px; white-space: nowrap;}
#nav_tabs a.register:hover, #nav_tabs a.register:active {background: url('../layout/nav_register_bg.gif') no-repeat 0 -33px; color: #ffffff; white-space: nowrap;}

#nav_tabs a.register_active:link, #nav_tabs a.register_active:visited {background: url('../layout/nav_register_bg.gif') no-repeat 0 -33px; width: 130px; padding: 7px 5px 8px 0px; display: block; float: left; color: #ffffff; margin-left:20px; margin-right:10px; white-space: nowrap;}
#nav_tabs a.register_active:hover, #nav_tabs a.register_active:active {background: url('../layout/nav_register_bg.gif') no-repeat 0 -33px; color: #ffffff; white-space: nowrap;}
*/

/* Sell Tab */
/*#nav_tabs a.sell:link, #nav_tabs a.sell:visited {background: url('../layout/nav_sell_bg.gif') no-repeat 0 0; width: 72px; padding: 7px 0 8px 2px; display: block; float: left; margin-right:10px;}
#nav_tabs a.sell:hover, #nav_tabs a.sell:active {background: url('../layout/nav_sell_bg.gif') no-repeat 0 -33px;}

#nav_tabs a.sell_active:link, #nav_tabs a.sell_active:visited {background: url('../layout/nav_sell_bg.gif') no-repeat 0 -33px; width: 72px; padding: 7px 0 8px 2px; display: block; float: left; color: #ffffff; margin-left:10px; margin-right:20px;}
#nav_tabs a.sell_active:hover, #nav_tabs a.sell_active:active {background: url('../layout/nav_sell_bg.gif') no-repeat 0 -33px; color: #ffffff;}
*/
/* Help Tab 
#nav_tabs a.help:link, #nav_tabs a.help:visited {background: url('../layout/nav_help_bg.gif') no-repeat 0 0; width: 79px; padding: 9px 0 8px 5px; display: block; float: left;}
#nav_tabs a.help:hover, #nav_tabs a.help:active {background: url('../layout/nav_help_bg.gif') no-repeat 0 -33px; color: #ffffff;}

#nav_tabs a.help_active:link, #nav_tabs a.help_active:visited {background: url('../layout/nav_help_bg.gif') no-repeat 0 -33px; width: 79px; padding: 9px 0 8px 5px; display: block; float: left; color: #ffffff;}
#nav_tabs a.help_active:hover, #nav_tabs a.help_active:active {background: url('../layout/nav_help_bg.gif') no-repeat 0 -33px; color: #ffffff;} */

/* Stores Tab */
/*#nav_tabs a.stores:link, #nav_tabs a.stores:visited {background: url('../layout/nav_stores_bg.gif') no-repeat 0 0; width: 130px; padding: 7px 0 8px 5px; display: block; float: left; margin-right:20px;}
#nav_tabs a.stores:hover, #nav_tabs a.stores:active {background: url('../layout/nav_stores_bg.gif') no-repeat 10px -33px; color: #ffffff;}

#nav_tabs a.stores_active:link, #nav_tabs a.stores_active:visited {background: url('../layout/nav_stores_bg.gif') no-repeat 0 -33px; width: 115px; padding: 7px 0 8px 5px; display: block; float: left; color: #ffffff; margin-left:20px; margin-right:30px;}
#nav_tabs a.stores_active:hover, #nav_tabs a.stores_active:active {background: url('../layout/nav_stores_bg.gif') no-repeat 0 -33px; color: #ffffff;}
*/

/* Community Tab */
#nav_tabs>ul>li>a {
    padding: 5px 16px;
    color: #333333;
}
#nav_tabs>ul>li {
    background: url('../layout/nav_community_bg.gif') no-repeat 0 0;
    padding: 0px;
    display: block;
    float: left;
    border-radius: 4px 4px 0 0;
    margin: 7px 0px 0px 0px;
    line-height: 36px;
/*     width: 142px; */
}
#nav_tabs>ul>li:hover, #nav_tabs>ul>li:active {
    background: url('../layout/nav_community_bg.gif') no-repeat 1px -40px;
    color: #ffffff;
}
#nav_tabs>ul>li:hover a {
    color: #333333;
}
/*#nav_tabs a.community_active:link, #nav_tabs a.community_active:visited {
    background: url('../layout/nav_community_bg.gif') no-repeat 0 -33px;
    width: 140px;
    padding: 7px 0 10px 0px;
    display: block;
    float: left;
    color: #ffffff;
    margin-left:10px;
    margin-right:0px;
}*/
/*#nav_tabs a.community_active:hover, #nav_tabs a.community_active:active {
    background: url('../layout/nav_community_bg.gif') no-repeat 0 -33px;
    color: #ffffff;
}*/

#browse {
/*     width: 650px; */
    display: none;
    position: absolute;
    background: white;
    z-index: 1000;
    top: 35px;
    right: -75px;
    border: 0;
    line-height: 15px;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 3px solid #dddddd;
}

#browse a:link,#browse a:visited {
    color: #333333; 
    text-decoration: none; 
}

#browse a:hover,#browse a:active {
    color: #26AFD5!important; 
    text-decoration: none; 
}

#nav_tabs li:hover #browse {
    display: block;
}

#browse li {
  float: none;
  font-size: 14px;
  font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  border: 0;
  background: 0;
  padding-left: 30px;
  text-align: left!important;
}

#browse div {
    margin-right: 0px;
}

/* filip - my4tradeit development - start */

#nav_tabs li:hover #my_account {
    display: block;
}
#my_account {
/*     width: 260px; */
    display: none;
    position: absolute;
    background: white;
    z-index: 1000;
    top: 35px;
    right: 0px;
    left: -60px;
    border: 0;
    color: black;
    line-height: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 3px solid #dddddd;
}

#my_account ul {
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#my_account a:link,#my_account a:visited {
    color: #333333; 
    font-size: 14px ;
    font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#my_account a:hover,#my_account a:active {
    color: #26AFD5!important; 
    font-size: 14px ;
    font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
    
}

#my_account li {
    float:none;
    text-align: left;
    padding: 2px;
}

/* filip - my4tradeit development - end */

/* ######### SEARCH BAR STYLES ######### */

div#search_bar {
	border-top: 1px solid #dddddd !important; 
}

#search_bar, div#search_bar {
	background: #ffffff url('../layout/nav_bar_bg.gif') repeat-x 0 0;
	border-radius: 0px 0px 0px 0px;
	border-left: 5px solid #eeeeee; 
	border-right: 5px solid #eeeeee;  
	border-bottom: 5px solid #eeeeee; 
	border-top: 1px solid #ccccccc !important; 
	height: 46px;
	color: #333333;
	font-weight: bold;
	clear: both;
	position: relative;
	top: auto;
	width: auto;
	border-top: none;
	margin-top: 2px;
}

#search_bar div.element {
	float: left;
	padding: 3px 5px 0 0;
}

#search_bar label {
	color: #ffffff;
	display: block;
	float: left;
	padding: 18px 6px 0 6px;
}

/* new style start */

#search_bar, div#search_bar a:link, a:visited {
        /*color: #ffffff; */
        text-decoration: none;
        font-weight: normal;
}


#search_bar, div#search_bar a:hover, a:active {
	color: #25AFD4; /* ## original - #26afd5 ## */
	text-decoration: none;
	font-weight: normal;

}

#search_bar, div#search_bar span.text_highlight {
    color: #25AFD4;
    text-decoration: none; 
    font-weight: normal;
}

/* new style finish */


.user_bar {
	clear: both;
	font-size: 12px;
	text-color: #ffffff;
	font-weight: normal;
	//padding: 7px 0 14px 10px;
	text-align: center;
/* 	width: 180px; */
	float: left;
	padding-top: 5px;
}

.date_bar {
	padding: 16px 10px 0 0;
	text-align: center;
/* 	width: 170px; */
	float: left;
	font-weight: normal;
}

.search_inner {
	float: right;
}

.search_inner .adv-search {float: right; padding: 15px 20px 0 0; font-weight: normal;}

#search_box_1 {float: left;}

#search_box_1 ul {
	margin: 0;
	padding: 3px 5px 0 0;
}

#search_box_1 ul li {
	list-style: none;
	display: inline;
}

#search_box_1 input.field {
/* 	width: 150px; */
}

/* ######### CONTENT COLUMN STYLES ######### */

/* #column-left {float: left; width: 180px;} */
/* #column-main {float: left; margin-left: 8px; width: 770px; background: #ffffff; padding: 5px; border: 1px solid #dddddd;} */
/* .fp-categories {float: left; width: 560px; margin-right: 10px; } */
/* .fp-ads {float: left; width: 200px;} */
/* .fp-categories-container {background: #f6f6fb url('../layout/box_bg_categories.gif') repeat-x scroll 0% 0% ; background: #f6f6fb url('../layout/box_bg_categories.gif') repeat-y scroll 0% 0% ; border:  0px solid #dddddd; border-radius: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;} */


/*#content_column {
	overflow: hidden;
	padding: 0 10px;
}

#content_column_wide {
	overflow: hidden;
	padding: 0 3px 0 10px;
}

#content_column_navigation {
	overflow: hidden;
	padding: 0 10px;
}

#content_column_navigation ul.sub_categories li.element {
	border-bottom: 1px solid #F3F3F3;
}

#half_column_left {
	width: 50%;
	float: left;
}

#half_column_right {
	overflow: hidden;
	padding: 0 0 0 10px;
}*/

/* ######### LOGIN COLUMN STYLES ######### */
/*
#login {
	width: 50%;
	float: left;
}

#login_left {
	width: 300px;
	float: left;
}

#login_right {
	width: 300px;
	float: left;
	margin-left: 20px;
}

div.login_instructions {
	color: #000000; 
	margin: 10px 5px 15px 5px;
	padding: 0px;
	line-height: 18px;
	}

/* ######### EXTRA COLUMN STYLES ######### */
#extra_column {
/* 	width: 200px; */
	float: right;
	font-size: 11px;
}*/

#extra_column img {
	display: block;
}

/* ######### CATEGORY COLUMN STYLES ######### */
/*#category_column {
	width: 200px;
	float: left;
}

#left_categories,
#left_cart {
	border: 1px solid #ddd;
	padding: 1px;
}*/

/* ######### USER ACCOUNT & LEFT COLUMN STYLES ######### */
#user_column,/*
#left_column {
	width: 200px;
	float: left;
}*/

/*#navigation_column_left {
	/* Used in alternate front page */
	width: 350px;
	float: left;
	font-size: 10px;
}*/

#user_column ul,
#left_column ul
{
	margin: 0px;
	padding: 0px 0px 1px 0px;
}

#user_column ul li,
#left_column ul li {
	list-style: none;
	text-align: left;
}

/* ######### FOOTER STYLES ######### */
#footer {
	background: url('../img/bg/footer2.gif') repeat-x;
	clear: both;
	margin-top: 40px;
	padding-top: 10px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

#footer div.blurb {
	float: right;
	width: 425px;
	padding: 0px 0px 0px 20px;
}

#footer h5, #footer h5 a:link, #footer h5 a:visited {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}

#footer p {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#footer ul.links {
	margin: 0px 35px 0px 35px; 
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
}

#footer a:link,
#footer a:visited {
                color: #ffffff;
                text-decoration: none;
                font-weight: normal;
}

#footer a:hover,
#footer a:active {
                text-decoration: underline;
                color: #26afd5; 
                font-weight: normal;
}


#footer ul.links li {
	list-style: none;
	margin: 0px 0px 0px 40px;
	padding: 6px 0px;  
	display: block;
	float: left;
	width: 140px;
}


#footer div.disclaimer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
}

.footer_divider {
	display: block;
	float: right;
	width: 2px;
	height: 80px;
	background: url('../img/bg/footer_divider.gif') no-repeat;
}

.footer_divider_left {
	display: block;
	float: left;
	width: 2px;
	height: 80px;
	background: url('../img/bg/footer_divider.gif') no-repeat;
}

#footer ul.legend {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 650px;
	height: 35px;
}

#footer ul.legend li {
	list-style: none;
	padding: 6px 10px;
	display: block;
	float: left;
	white-space: nowrap;
}


/* ######### ERROR AND SUCCESS STYLES ######### */
.success_box {
	background: #f5fcf2;
	border: 1px solid #cccccc;
	padding: 10px;
	margin: 10px;
	color: #333333; /* # Original color #5F6672  #*/
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	font-weight: normal;
	border-radius: 0px 0px 0px 0px;
}

.success_box h1 {
	color: #17A400;
	font-size: 22px;
	font-weight: normal;
	margin: 10px 0;
	padding: 0;
}

.error_message {
	color: #980000;
	font-size: 12px;
	font-weight: normal;
	padding: 0 10px;
}

.error_box {
	background: #d3f0f8;
	border: 1px solid #A9AFD4;
	padding: 10px;
	color: #5F6672;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}

.field_error_box {
	background: #fceaed;
	border: 1px solid #cccccc;
	padding: 10px;
	color: #333333;   /* # Original color #cc0000  #*/
	font-size: 10pt;
	font-family: verdana;
	font-weight: normal;
	margin: 10px;
	border-radius: 0px 0px 0px 0px;
}

.note_box {
	background: #ecf4ff;
	border: 1px solid #a9afd4;
	padding: 10px;
	color: #5f6672;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	margin: 10px;
	border-radius: 0px 0px 0px 0px;
}

.no_results_box {
	background: #ecf4ff;
	border: 1px solid #a9afd4;
	padding: 10px;
	color: #5f6672;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	border-radius: 0px 0px 0px 0px;
}

/* ######### CATEGORIES STYLES ######### */

div.category_column {
	float: left;
}
div.category_column ul {
	margin: 0;
	padding: 0;
	
}

div.category_column ul li.element {
	list-style: none;
	padding: 2px 0;
	margin: 0;
	font-weight: normal;
	
}

div.category_column ul li.element img {
	/* Make category image line up good */
	vertical-align: middle;
}
div.category_column.main_classified_navigation ul li.element {
	/* specific to main classified navigation */
	padding: 2px;
	border-bottom: 1px solid #ffffff;
	
}

div#content_column_navigation div.category_column ul.categories li.element {
	/* add background image but only on alternate front page */
	background: url('../img/bg/category.gif') repeat-x right 20px;
	/* If not using category images, replace "20px" above with "0px" for more natural-looking bars */
}
div#content_column_navigation div.category_column ul.categories li.element ul.sub_categories li.element {
	background: transparent;
}

div.category_column ul.sub_categories li.element {
	/* specific to sub-categories */
	font-weight: normal;
	padding: 3px;
	margin: 0px 0px 0px 20px;
}

#listing_categories {
	margin: 0;
	padding: 0;
}

#listing_categories li.element {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}

#listing_categories li.clr {
	clear: both;
	list-style: none;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#listing_categories a:link,
#listing_categories a:visited {
	margin: 0;
	padding: 10px 0;
	display: inline-block;
	float: left;
	width: 100%;
}

#listing_categories a:hover,
#listing_categories a:active {
	text-decoration: none;
	background: #f7f7f7;
}

#listing_categories span {
	padding: 0 10px;
}

#listing_categories span.category_title,
div.category_column ul span.category_title
{
	font-weight: normal;
	font-size: 12px;
}
div.category_column ul.sub_categories span.category_title {
	/* Sub-categories are not bolded */
	font-weight: normal;
	font-size: 12px;
}

p.category_description {
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 11px;
	color: #888888;
	font-weight: normal;
}

.categories div {
	font-size: 11px;
	font-weight: bold;
}

.categories div.element {
	float: left;
	padding: 4px 0px 4px 5px;
}

.categories div a:link,
.categories div a:visited {
	font-weight: bold;
	padding: 0px 2px;
	color: #666666;
	text-decoration: none;
}

.categories div a:hover,
.categories div a:active {
	padding: 0px 2px;
	text-decoration: underline;
}

span.listing_counts {
	font-size: .8em;
}

/*  Social network links  */

ul.social_links {
	
}
ul.social_links li.element {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}

ul.social_links li.element img {
	/* Make category image line up good */
	vertical-align: middle;
}

/* ######### LISTING RESULTS STYLES ######### */
.row_header {
	background: #ffffff;  /* ## Original #eaeaea ## */
	font-size: 12px;
	font-weight: bold;
	margin: 1px 0px;
	padding: 5px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	white-space: nowrap;
}

.row_even,
.browsing_result_table_body_even,
.seller_result_table_body_even
{
	padding: 7px 5px;
	font-size: 13px;    /* ## Original #14px ## */
	color: #666;
	background: #ffffff;  /* ## 4t new ## */
	font-family: verdana;
}

.row_odd,
.browsing_result_table_body_odd,
.seller_result_table_body_odd
{
	padding: 7px 5px;
	font-family: verdana;
	font-size: 13px;   /* ## Original #14px ## */
	color: #666666;
}

.row_even_highlight,
.browsing_result_table_body_even_bold,
.seller_result_table_body_even_bold
{
	color: #666666;
	background: #bfe8fc; /* ## Original #dfeaf9 ## */
	font-weight: normal;
	font-size: 12px;  /* ## Original #14px ## */
	font-family: verdana;
}

.row_odd_highlight,
.browsing_result_table_body_odd_bold,
.seller_result_table_body_odd_bold
{
	color: #666666;
	background: #bfe8fc;  /* ## Original #dfeaf9 ## */
	font-weight: normal;
	font-size: 12px;  /* ## Original #14px ## */
	font-family: verdana;
}

.row_even:hover,
tr.browsing_result_table_body_even:hover,
tr.seller_result_table_body_even:hover,
.row_odd:hover,
tr.browsing_result_table_body_odd:hover,
tr.seller_result_table_body_odd:hover,
.row_even_highlight:hover,
tr.browsing_result_table_body_even_bold:hover,
tr.seller_result_table_body_even_bold:hover,
.row_odd_highlight:hover,
tr.browsing_result_table_body_odd_bold:hover,
tr.seller_result_table_body_odd_bold:hover
{
	background: #ffffff;   /* ## Original #d3f0f8 ## */
}

a.listing_tag {
	white-space: nowrap;
}

/* Results Cell Padding */
.row_even td,
.browsing_result_table_body_even td,
.seller_result_table_body_even td,
.row_odd td,
.browsing_result_table_body_odd td,
.seller_result_table_body_odd td,
.row_even_highlight td,
.browsing_result_table_body_even_bold td,
.seller_result_table_body_even_bold td,
.row_odd_highlight td,
.browsing_result_table_body_odd_bold td,
.seller_result_table_body_odd_bold td
{
	border-bottom: 1px dotted #CCC;
	padding: 5px;
}

p.listing_results_description {
	color: #888888;
	margin: 3px 0;
	padding: 0;
	font-size: 11px;
}

.field_error_row {
	background: #fceaed;
	border-top: 1px solid #E68A9D;
	border-bottom: 1px solid #E68A9D;
	padding: 7px 5px;
	margin: 1px 0px;
	color: #5F6672;
	font-size: 11px;
	font-weight: bold;
}

/* ######### FEATURED STYLES ######### */
.featured_items {
	width: 100%;
}

.featured_items td.element {
	background: #ffffff url('../img/bg/featured_item.gif') repeat-x bottom left;
	text-align: center;
	font-weight: bold;
	font-weight: bold;
	padding: 2px;
	margin: 5px;
	border: 1px solid #ddd;
}

.featured_items td.element:hover {
	background: #bef0fe;
}

.featured_items span.featured_title {
	color: #888888;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0 5px 0;
	margin: 0;
	display: block;
	width: 100%;
}

.featured_items span.price {
	display: block;
	white-space: nowrap;
	/* margin-top: 19px; BF change */ 
}

/* ######### LISTING DETAILS STYLES ######### */

.classified-timer {
	width: 185px;
	margin: 0 auto;
}

.classified-timer .label {
	font-weight: bold;
	padding: 7px 10px 0 0;
	float: left;
	font-size: 14px;
}

h1.listing_title {
	padding: 0;
	margin: 20px 0;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}


h1.seller_username {
	margin: 5px 2px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

h1.seller_username a:link,
h1.seller_username a:visited {
	margin: 5px 2px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.seller-column, .actions-column {
	width: 350px;
	padding: 10px;
	float: left;
}

.actions-column {border-right: 5px solid #EEE;}
.seller-column {border-left: 5px solid #EEE; margin-left: -5px;}
.actions-column div.info {padding-top: 5px;}

/*#lead_photo_column {
	width: 330px;
	float: left;
	text-align: center;
	margin-left: 10px;
}*/

#lead_photo_column img {
	border: none;
}

#lead_photo_column div {
	text-align: center;
}

/*#listing_info_column {
	width: 430px;
	padding: 0 0 0;
	float: left;
	font-size: 14px;
}*/

#listing_photos img {
	border: 1px solid #fff;
}

#listing_photos img:hover {
	border: 1px solid #26AFD5;
}

#bid_bar {
	margin: 0;
	padding: 0;
	display: block;
}

#bid_bar li {
	list-style: none;
	padding: 5px 0px 5px 10px;
	margin: 5px 0;
}
/*
#bid_bar li.label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
	font-weight: bold;
}

#bid_bar li.value {
	display: block;
	width: 100px;
	float: left;
	color: #777777;
	font-weight: bold;
}*/

#bid_bar li.ieFloatFix {
	/* a nearly-invisible clearer element, to make IE play nice */
	display: block;
	clear: both;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;	
}

#bid_bar li.buttons {
	display: block;
	width: auto;
	float: left;
	color: #777777; /* ## original 4t color before v6.0 - #0839ca ## */
	font-weight: bold;
}

#extra_questions ul {
	margin: 0;
	padding: 0;
	color: #555555;
	list-style: none;
}

#extra_questions li {
	padding: 3px;
	border-bottom: 1px dotted #DDD;
}

/*#extra_questions div.label {
	width: 200px;
	display: inline-block;
	float: left;
	white-space: nowrap;
	font-weight: normal;
	color: #000000;
}

#extra_questions div.data {
	width: 210px;
	display: inline-block;
	overflow: hidden;
	font-weight: normal;
}*/

#extra_questions div.data li {color: #0066cc;}  /* ## original 4t color before v7.1.3 - #26afd5  #1e85a2 ## */

/*#extraQuestionName {width: 200px;}
#extraQuestionValue {width: 210px;}*/



#optional_fields {
	margin: 0;
	padding: 0;
}

#optional_fields li {
	list-style: none;
	padding: 5px;
}
/*
#optional_fields label {
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 200px;
}*/

/* ######### LISTING IMAGES STYLES ######### */

/* classic view */
.listing_images {
	margin: 0;
	padding: 0;
	text-align: center;
}

.listing_images li {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #5f6672;
	width: 175px;
}

.listing_images li:hover {
	background: #bef0fe;
}

.listing_images span {
	display: block;
	padding: 5px 0;
}

/* gallery view */
#galleryThumbs {
	width: 100%;
	text-align: center;
}

#galleryThumbs ul {
	list-style-type: none;
	margin: 15px;
}

#galleryThumbs ul li {
	display: inline;
	margin: 3px;
}

#galleryBigImage {
	margin: 10px auto;
	border: 1px solid #fff;
	/* float: left; */
}

#galleryBigImage:hover {
	border-style: solid;
	border-width: 1px;
}

#galleryBigImage p {
	background: #f7f7f7;
	border-top: 1px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-align: center;
}

#galleryBigImage img {
	border: none;
}

#galleryBigImage img:hover {
	border: none;
}

/* Filmstrip View */

.filmstrip_outer {
	text-align: center;
}

#filmstrip_container,
.filmstrip_container {
	clear: both;
	text-align: center;
	display: inline-block;
	border: none;
	padding: 0;
	margin: 0px;
}

/*.filmstrip_container,
.filmstrip_main {
	max-width: 330px;
}*/

.filmstrip_main_img,
#lead_photo_column .filmstrip_main_img {
	margin-top: 0;
	text-align: center;
}

.filmstrip_container .imageTitle {
	text-align: center;
}

/*#lead_photo_column .filmstrip_container img {
	border:2px solid #eaeaea;
	max-width: 300px;
	margin: 0 auto;
	margin-top: -1px; /* ## was margin-top: -12px;  changed 20 May 2015 ## */
}*/

#lead_photo_column .filmstrip_container img:hover {
	border: 2px solid #26afd5;
}

div#filmstrip_container p#imageTitle {
	padding: 5px;
	margin: 0px;
}

.filmstrip_strip_container {
	overflow: hidden;
	padding: 0;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #eaeaea;
	max-width: 286px;
}

#filmstrip_main {
	display: inline-block;
	/* make it float so that width is correct, even in stupid IE<=7 who doesn't like inline-block...
		this will be un-done in JS once width is set correctly */
	float: left;
}
#filmstrip_main_img {
	margin: 0px;
}
div.filmstrip_strip {
	width: 2000px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.filmstrip_strip div.filmstrip_entry {
	padding: 0px;
	float: left;
	margin: 0px;
	vertical-align: middle;
	cursor: pointer;
	
	margin: 0px 0px 0px 5px;
}

#filmstrip_strip_container div.filmstrip_entry img {
	border: 2px solid #eaeaea;
}

#filmstrip_strip_container div.filmstrip_entry img:hover {
	border: 2px solid #26afd5;
}

#filmstripLeftScrollButton {
	/*  Note:  position is moved by JS */
	float: left;
	width: 18px;
	height: 18px;
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat right top;
}

#filmstripLeftScrollButton:hover {
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat left top;
}

#filmstripLeftScrollButton.no_hover {
	/* no_hover class set using JS, this is so there is no hover effect when it is disabled */
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat right top;
}

#filmstripRightScrollButton {
	/*  Note:  position is moved by JS */
	float: right;
	width: 18px;
	height: 18px;
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat left top;
}

#filmstripRightScrollButton:hover {
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat right top;
}
#filmstripRightScrollButton.no_hover {
	/* no_hover class set using JS, this is so there is no hover effect when it is disabled */
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat left top;
}
#filmstrip_container div.clr {
	/* make it not add any height */
	height: 1px;
	line-height: 1px;
}

/*  Offsite Videos */
div.offsite_video {
	display: inline-block;
	margin: 5px;
	padding: 15px;
	border: 3px solid #eaeaea;
}

div.offsite_videos_container {
	text-align: center;
	padding-bottom: 20px;
}

/* featured pics */
.full_image_item {
	background: #f7f7f7;
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: bold;
	margin: 5px auto;
	padding: 0 0 5px 0;
	text-align: center;
	display: inline-block;
}

.full_image_item img {
	margin-bottom: 5px;
}


/* ######### PAGINATION ######### */
.pagination {
	margin: 10px 5px;
	padding: 0px;
}

.pagination li {
	color: #666666;
	list-style: none;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 11px;
	margin: 2px;
}

.pagination li.current {
	color: #fff;
	padding: 3px 6px;
	border-style: solid;
	border-width: 1px;
	background: #1dc0ec;
}

.pagination li a:link,
.pagination li a:visited {
	color: #666666;
	padding: 3px 6px;
	border: 1px solid #b9b9b9;
	background: #f7f7f7;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}

.pagination li a:hover,
.pagination li a:active {
	color: #648d25;
	padding: 3px 6px;
	border: 1px solid #A3C894;
	background: #f5fcf2;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}

/* ######### CART STYLES ######### */

.cart_item_child {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 3px 5px 3px 50px;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	/*height: 21px;*/
}

.cart_item_child_mini {
	border: 2px solid #eaeaea;
	padding: 3px 10px;
	margin: 3px 5px 3px 50px;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}

.cart_item_child_mini ul {
	margin: 0;
	padding: 0;
}

.cart_item_child_mini ul li {
	list-style: none;
	color: #aaaaaa;
}


.cart_item_child:hover {
	background: #bef0fe;
}

.cart_item_subtotal {
	background: #f7f7f7;
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px 5px 15px 50px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.subtotal_cart_item,
.tax_cart_item {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px;
	font-weight: normal;
	font-size: 16px;
	color: #666666;
	text-align: right;
	width: 50%;
	float: right;
}

.total_cart_item,
.total_order_item {
	background: #f7f7f7;
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	clear: both;
	width: 50%;
	float: right;
}

.listing_extra_item,
.payment_item {
	border: 1px solid #ddd;
	padding: 7px 10px;
	margin: 5px;
	font-weight: normal;
	font-size: 12px;
	background: #f7f7f7;
	color: #666666;
	display: block;
	vertical-align: middle;
}

.listing_extra_item:hover,
.payment_item:hover {
	background: #bef0fe;
}

.listing_extra_item_child {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px 5px 15px 50px;
	font-weight: normal;
	font-size: 14px;
	text-align: right;
}

.cart_item_cost,
.listing_extra_cost {
	float: right;
	text-align: right;
	padding: 3px 0;
}

.cart_item_buttons {
	float: right;
	padding: 0 10px;
}

.cart_item_label {
	float: left;
	padding: 3px 0;
}

.cart_item div.cart_item_label {
	padding-left: 25px;
}

#addToCartButton {
	float: right;
	padding-right: 3px;
	text-decoration: none;
	cursor: pointer;
}

#addToCartButton:hover {
	text-decoration: underline;
	color: #ff9900;
}

#cart_buttons 
{
	text-align: center;
	font-size: medium;
	margin:3px 3px 10px;
	border: 1px solid #CECECE;
	padding: 10px;
	clear: both;
}

.disabled
{
	color: #cccccc;
}

.checkout_button {
	text-align: right;
	padding: 5px;
	clear: both;
}
h2.title a.show_instructions_button,
h2.title a.show_instructions_button:link,
h2.title a.show_instructions_button:visited,
.show_instructions_button {
	/* The instructions button for each section on media collection page */
	color: #666666;
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('..//img/bg/button.gif') repeat-x center left;
	color: #666666;
	padding: 1px 5px 2px 5px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	margin: 0 1px;
	display: inline-block;
	border-radius: 3px;
}

/*#cart_left_column {
	width: 400px;
	float: left;
}*/

#cart_right_column {
	overflow: hidden;
	padding: 0 0 0 10px;
}

/* ######### PAYMENT SELECTION STYLES ######### */
label.payment_label {
	padding: 2px 5px;
/* 	width: 200px; */
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
}

.payment_text
{
	margin-left:65px;
	font-weight:lighter;
}
.payment_choices
{
	position:relative;
	border-style:solid;
	border-color:#CCE8FF;
	border-width:1px;
	padding-top:15px;
	padding-bottom:5px;
/* 	width:370px; */
	height:auto;
	margin:2px;
}


.agreement_text_box
{
	/* Used for "box" around payment gateway agreement text */
	border: thin solid black;
	overflow: auto;
	width: 80%;
	height: 250px;
	padding: 5px;
}

/* ######### CART STEP STYLES ######### */
#cart_steps {
	margin: 0;
	padding: 0;
	height: 30px;
}

#cart_steps li {
	list-style: none;
	display: block;
	float: left;
	height: 23px;
	padding: 8px 20px 0 20px;
	background: url('../img/bg/cart_step.gif') no-repeat 100% -5px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	min-width: 68px;
}

#cart_steps li.current {
	font-size: 12px;
	padding: 7px 40px 0 20px;
}

/* ######### FEEDBACK STYLES ######### */
.positive {
	color: #0066cc;
}

.negative {
	color: #ff0000;
}

.neutral {
	color: #666666;
}

.feedback_cells td {
	padding: 3px 10px;
}


/* ######### ADDON STYLES ######### */


/* This is a good place to copy/paste any addon CSS you might want to modify,
	that way you don't have to edit the original CSS file. */


/* ########### LIGHTBOX ########## */ 

/* Light up box slideshow styles */
.lightUpBox { 
	/* This is for the overall box the lightbox contents load in, but note that
	 * the lightUpBox may be used for more than just the lightbox slideshow.
	 */
	
	border: 10px solid #eaeaea;
	background-color: white;
	/* needs to be bigger than anything else on the page */
	z-index: 1005;
	
	/* position needs to be absolute to be able to be moved on the page */
	position: absolute;
}

.lightUpBoxOverlay {
	/* This is the overlay that hides the rest of the page, note that the
	opacity (transparency) will be set in JS for a "see through" or "faded"
	effect. */
	
	/* position needs to be absolute to work */
	position: absolute;
	top: 0px;
	left: 0px;
	/* Change the background color for different looks for how back is faded */
	background-color: #000000;
	width: 100%;
	/* needs to be second biggest z-index on the page, right below lightUpBox */
	z-index: 1004;
}

.lightUpBox_imageBox {
	/* In the overall box, this is the div containing the image */
	text-align: center;
}

.lightUpBox_imageBox img {
	/* The actual image */
	cursor: pointer;
}

img.lightUpBigImage {
	/* This is a stand-alone image in the box, it's not wrapped by extra HTML,
	this is used on image upload page as a "simpler" light up box without the
	fancy slideshow. */
	/* give it a pointer since when you click on it, it closes it. */
	cursor: pointer;
}

.lightUpBox_navigation {
	/* In the overall box, this is the div containing the navigation */
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px;
	text-align: center;
	/* width: 80%; */
	background-color: white;
	border: 1px solid #ddd;
	font-size: 12px;
}

.lightUpBox_description {
	/* In the overall box, this is the div containing the image description */
	text-align: center;
	padding: 7px 5px;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: bold;
}

.lightUpMover,
.lightUpTitle,
.gjLightbox .title
{
	/* CSS for anything that can be used to "move" the lightbox. */
	cursor: pointer;
	font-weight: normal !important;
	color: #26afd5 !important;
	border-radius: 0px 0px 0 0 !important;
	padding: 10px 0 5px 5px !important;
	font-size: 16px;
	height: 25px;
}

.gjLightbox {
	border: 0px solid #fff;
	border-radius: 0px 0px 0 0 !important;
}

.gjLightbox .content_box {
	border: none !important;
}


.gjLightbox {
	slideshowDelay: 20;
}

/* ######### EXTRA PAGE LIST STYLES ######### */
/*dl {
	width: 350px;
}*/

dd {
	clear: right;
	margin: 0 0 20px 40px;
	font-size: 16px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
dd.image {
	clear: none;
	float: left;
	margin: 0;
}
/*dt {
	clear: left;
	float: right;
	width: 310px;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}*/

.title2 {
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* ######## PUBLIC QUESTION LIST STYLES ####### */

div.publicQuestions {
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin: 0px auto;
	border: 0px solid #cccccc;
}

/* questions */
div.publicQuestions .question {
	border: 1px solid #ffffff; /* original 4t color before v6.0 upgrade - #ffffff  */
	background-color: #E8F4F7; /* original 4t color before v6.0 upgrade - #ffffff  */
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	color: #000000;
	margin: 5px 10px 5px 10px;
}

.public_question_asker_username {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.public_question_asker_timestamp {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #767676
}

/* answers */
div.publicQuestions .answer {
	font-size: 12px;
	font-weight: normal;
	margin: 5px 10px 0px 16px;
	color: #1e8ea2;
}


/* ######### FEEDBACK HELP BOX STYLES ######### */
#help_info_column {
	overflow: hidden;
	padding: 0 10px;
}

/*#help_info_column ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 390px;
}*/

#help_info_column ul li {
	list-style: none;
	padding: 5px 0 5px 10px;
}

#help_info_column li.left {
	display: block;
	width: 50px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #737373;
	text-align: right;
}

/*#help_info_column li.right {
	display: block;
	width: 250px;
	float: left;
	color: #777777;
	font-weight: bold;
}*/


/* ######### AUTO COMPLETE STYLES ######### */

/*div#tag_search_column {
	width: 215px;
	float: right;
}*/
/*
div#tag_search_column input.field {
	width: 120px;
}*/

div.autocomplete_choices {
	position:absolute;
	width: 250px;
	border: none;
	margin: -3px 0px 0px 0px;
	text-align: left;
}

div.autocomplete_choices ul {
	list-style-type:none;
	margin : 0px 2px;
	padding:0px;
}

div.autocomplete_choices ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding: 7px 5px;
	cursor:pointer;
	vertical-align: middle;
	font-size: 12px;
}

div.autocomplete_choices ul li.row_even {
	background: #f1f1f1;
}

div.autocomplete_choices ul li.row_odd {
	background: #ffffff;
	color: #666666;
}
div.autocomplete_choices ul li.selected {
	background-color: #ffb;
}


/* ###### Multi-select search question check-boxes #######  */

div.multiselect {
	display: inline-block;
}

div.multiselect ul {
	margin: 0px;
	padding: 0px;
}

div.multiselect ul li {
	list-style: none;
	float: left;
	padding: 0px 10px 0px 0px;
}
div.multiselect .or_field {
	text-align: right;
}

/* ############ Tabs ############ */

ul.tabList {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	z-index: 2;
}


ul.tabList li {
	background: #d2f5ff url('../img/bg/watch_tab.gif') repeat-x top left;     /* ##  #eaeaea ## */
	border-top: 1px solid #bbe8f4;    /* ##  #d4d4d4 ## */
	border-left: 1px solid #bbe8f4;   /* ##  #d4d4d4 ## */
	border-right: 1px solid #bbe8f4;  /* ##  #d4d4d4 ## */
	border-bottom: 1px solid #eaeaea;
	padding: 10px 15px 8px 15px;
	color: #ffffff;   /* ##  #818181 ## */
	text-decoration: none;
	display: inline-block;
	margin: 0px 1px;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: -5px;
	/* Give round corners on all modern updated browsers */
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
/* Hover effects on primary_theme_styles.css */

div.tabContents {
	clear: both;
	border: 1px solid #ddd;
	padding: 5px;
	z-index: 1;
}

/* ############ CalendarView ############ */

div.calendar
{
	font-size: smaller;
	color: #000;
}

div.calendar.popup
{
	margin-left: -40px;
	margin-top: 0px;
	z-index: 1006;
}

div.calendar td.button
{
	/* Un-do the normal button stuff */
	border: inherit;
	background: transparent;
	color: inherit;
	height: auto;
	font-weight: normal;
	font-size: 12px;
	display: table-cell;
}

div.calendar table
{
	background-color: #eee;
	border: 1px solid #aaa;
	border-collapse: collapse;
}

div.calendar thead {
	background-color: white;
}

div.calendar td,
div.calendar th
{
	padding: 3px;
	text-align: center;
}

div.calendar td.title
{
	font-weight: bold;
}

div.calendar th
{
	background: #ddd;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color: #555;
}

div.calendar tr.days td {
	width: 2em;
	color: #555;
	text-align: center;
	cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
	background-color: #34ABFA;
	cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
	background-color: #cde;
}

div.calendar tr.days td.selected
{
	font-weight: bold;
	background-color: #fff;
	color: #000;
}

div.calendar tr.days td.today
{
	font-weight: bold;
	color: #D50000;
}

div.calendar tr.days td.otherDay
{
	color: #bbb;
}



/* ############################################### */
/* ######### PRIMARY THEME COLOUR STYLES ######### */
/* ############################################### */


/* ######### GLOBAL STYLES ######### */

h2.title {
	background: #caf0fb;  /* ## Original - #ADEDFF  ## */
	height: 24px;
	color: #333333;    /* ## Original - #666  ## */
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0 5px;
}

/* ######### BREADCRUMB STYLES ######### */
.breadcrumb {
	background: #ffffff;
	padding: 0;
	color: #5f6672;
	font-size: 11px;
	text-align: left;
	margin: 10px 0;
	font-weight: bold;
	box-shadow: none;
}

/* ######### NAVIGATION BAR STYLES ######### */

#nav_bar li a:hover,
#nav_bar li a:active {
	background: #4987C5 url('../img/bg/nav_tab.gif') repeat-x top left;
	border-top: 1px solid #4987C5;
	border-left: 1px solid #4987C5;
	border-right: 1px solid #4987C5;
	border-bottom: none;
	padding: 15px 15px;
	color: #ffffff;
	display: block;
	float: left;
	top: 0px;
	margin: 0px 1px;
}

/* ######### TABLE STYLES ######### */
.column_header {
	background: #ADEDFF;
	height: 24px;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 4px 0px 0px 5px;

}

/* ######### LIST STYLES ######### */

.arrowlist li {
	list-style: none;
	background: url('../img/bg/bullet_list_arrow_1.gif') no-repeat 0 5px;
	padding: 5px 5px 10px 30px;
}


/* ######### USER ACCOUNT & LEFT COLUMN STYLES ######### */

#user_column ul li a:link,
#user_column ul li a:visited,
#left_column ul li a:link,
#left_column ul li a:visited
{
	display: block;
	padding: 10px 5px 20px 35px;
	font-size: 12px;
	font-weight: bold;
	background: #fefefe url('../img/bg/bullet_list_arrow_1.gif') no-repeat left center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
}

#user_column ul li a:hover,
#user_column ul li a:active,
#left_column ul li a:hover,
#left_column ul li a:active
{
	display: block;
	padding: 10px 5px 20px 35px;
	font-size: 12px;
	font-weight: bold;
	background: #f3f3f3 url('../img/bg/bullet_list_arrow_2.gif') no-repeat left center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e5e5e5;
	text-decoration: none;
}

/* ######### CART STYLES ######### */
.cart_item {
	border: 3px solid #eaeaea;
	padding: 3px 10px;
	margin: 5px;
	font-weight: normal;
	font-size: 12px;
	background: #f7f7f7 url('../img/bg/cart_item_arrow_1.gif') no-repeat 2px center;
	color: #4987C5;
}

.cart_item:hover {
	background: #bef0fe url('../img/bg/cart_item_arrow_2.gif') no-repeat 2px center;
}

/* ######### VIDEO UPLOAD ######### */

div.offsite_video_box_title {
	background: #4174A6 url('../img/bg/c_bar_primary.gif');
	/* These boxes can be moved, so give title a cursor for moving */
	cursor: move;
}

/*  ######## Tabs ######## */

ul.tabList li:hover,
ul.tabList li.activeTab {
	background: #74d8f3 url('../img/bg/watch_tab_2.gif') repeat-x top left;
	border: 1px solid #bbe8f4;
	padding-bottom: 13px;
	border-bottom: none;
	color: #ffffff;
}
ul.tabList li.activeTab {
	background: #74d8f3 url('../img/bg/watch_tab_2.gif') repeat-x top left;
	border: 2px solid #bbe8f4;
	padding: 9px 14px 13px 14px;
	border-bottom: none;
	color: #ffffff;
}

/* ######### PRIMARY FONT COLOR ######### */

a:hover,
a:active,
h1.subtitle,
.highlight_links a:link,
.highlight_links a:visited,
.text_highlight,
label.required,
#listing_categories li.element,
#listing_categories span.category_title,
div.category_column ul span.category_title,
.categories div a:hover,
.categories div a:active,
ul.social_links li.element,
.row_header,
h1.listing_title,
h1.seller_username,
h1.seller_username a:link,
h1.seller_username a:visited,
#galleryBigImage p,
.full_image_item,
h1.print_title,
.lightUpBox_navigation,
.lightUpBox_description,
.title2
{
	color: #26AFD5;
}

#breadcrumb li.highlight,
#breadcrumb li,
.breadcrumb .highlight,
.breadcrumb li
{
	color: #666;
}

#cart_steps li.current
{
	color: #34CCF4;
}

/* ######### PRIMARY BORDER COLOR ######### */

div.autocomplete_choices ul,
input.field:focus,
textarea.field:focus,
select.field:focus,
#listing_photos img:hover,
#galleryBigImage:hover,
#listing_photos #filmstrip_strip_container div.filmstrip_entry img:hover {
	border-color: #5CD7F7;
}

.pagination li.current
{
	border-color: #109abf;
}




/* ############################################### */
/* ######### SECONDARY THEME COLOUR STYLES ######### */
/* ############################################### */

/* ######### GLOBAL STYLES ######### */

h1.title {
	background: #caf0fb; url('../img/bg/c_bar_secondary.gif')
	height: 24px;
	color: #333333; /* headers in listing display pages e.g. Q & A - original color - #666 */
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0 5px;
}

/* ######### BUTTON STYLES ######### */
/*
.button a:hover,
.button a:active,
.button:hover,
.button:active,
.large_button:hover,
.large_button:active
{
	border: 1px solid #76d3eb !important;
	background: #76d3eb url('../img/bg/button_hover.gif') repeat-x top left !important;
	color: #fff !important;
	text-decoration: none; 
	cursor: pointer;
	
}*/

.mini_button:hover,
.mini_button:active,
.editor_ok_button:hover,
.edit:hover,
.edit:active,
.preview:hover,
.preview:active,
h2.title a.show_instructions_button:hover,
h2.title a.show_instructions_button:active
{
	border: 1px solid #76d3eb;
	background: #76d3eb url('../img/bg/button_hover.gif') repeat-x center left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

/* ######### LIST STYLES ######### */

.checklist li {
	list-style: none;
	background: url('../img/bg/bullet_list_checkmark.gif') no-repeat 0 5px;
	padding: 5px 5px 10px 30px;
}

.checklist-arrow li {
	list-style: none;
	background: url('../img/bg/arrow_blue.gif') no-repeat 4px;
	padding: 5px 5px 5px 20px;
	font-weight: normal;
	color: #737373;
}

#checkbox ul li {
	list-style: none;
	background: url('../img/bg/arrow_blue.gif') no-repeat 0 8px;
	padding: 3px 5px 5px 20px;
	font-weight: normal;
	color: #00acdb;  /* ## original color - #737373 ## */
	font-size: 14px;
}

/* ########### LIGHTBOX ########## */ 

div.closeBoxX {
	/* Used for red X to close the lightbox, used on "popup style" lightboxes */
	
	/* Not used for the slideshow, this is used when the lightbox is used
		for a mini-popup such as a yes/no confirmation. */
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 5px;
	width: 15px;
	height: 15px;
	background: url('../images/close.gif') no-repeat top left;
}

div.closeBoxX:hover {
	/* Shift the background, make it look "pushed down" when hovering. */
	background: url('../images/close.gif') no-repeat 1px 1px;
}

/* ######### VIDEO UPLOAD ######### */

div.offsite_video_box_title_editing {
	background: #7CA93A url('../img/bg/c_bar_secondary.gif');
}

/* ######### SECONDARY FONT COLOR ######### */

.price {
	color: #000000; /* ## original green colour #7CA93A ## */
}

#breadcrumb li.active,
.breadcrumb .active,
#listing_info_column li.price,
#print_listing_info_column li.price
{
	color: #25afd4;   /* ## original green colour #34CCF4 ## */
}

.highlight_links a:hover,
.highlight_links a:active,
#extra_links li a:hover,
#extra_links li a:active,
#user_bar a:hover,
#user_bar a:active,
.cart_item_subtotal,
.total_cart_item,
.total_order_item,
.listing_extra_item_child
{
	color: #25afd4;   /* ## original green colour #7CA93A also for listing title hover in list stores page ## */
}

#user_bar a:link,
#user_bar a:visited,
.needs_attention
{
	color: #7CA93A;
}






/* ######### MISC 4TRADEIT STYLES ######### */

.fp-buttons {border-radius: 0px 0px 0px 0px; padding: 6px 20px 20px 20px; text-align: center; }
span.count {font-size: 11px; color: #333333; font-weight: normal;}
.online-users {float: right; width: 200px; padding: 16px 5px 0 0; font-weight: normal; margin-right: -20px;}
.osi-link {font-size: 18px;}
.view-count {font-size: 18px; color: #26afd5; font-weight: normal;}
.cart-spacer {padding-top: 10px;}

h1.title, h2.title {border-radius: 0px 0px 0 0; margin: 0px 0px 4px 0px; background: #ffffff; font-size: 14px;}
.content_box {border-radius: 0px;}
#breadcrumb, #cart_steps {border-radius: 0px 0px 0px 0px;}

h1.plain-title {font-size: 12px; text-transform: uppercase; margin: 0; padding: 5px 0; color: #666;}

#user_menu {color: #333333;}
#listing_right_panel {width: 176px; color: #000000; font-size: 11px;}

#user_menu h2 {color: #333333; font-size: 12px; font-family: verdana; margin: 0; padding: 0; padding-bottom: 5px; text-transform: uppercase;}
#user_menu h3, #listing_right_panel h3 {color: #333333; font-size: 14px; font-family: verdana; margin: 0; padding: 0; padding-bottom: 5px; text-transform: uppercase;}

h4 {color: #666; font-size: 12px; font-family: verdana; margin: 0; padding: 0; padding-bottom: 5px; text-transform: uppercase; font-weight: bold;}

#listing_right_panel td {padding: 5px 0;}

#user_menu ul, #listing_right_panel ul {margin: 0px; padding: 0px; padding-bottom: 10px;}
#user_menu ul li {list-style: none; font-size: 12px; margin: 0px; padding: 0px; padding-left: 10px; padding-top: 3px;}
#listing_right_panel ul li {list-style: none; font-size: 11px; font-family: verdana; margin: 0px; padding: 0px; padding-left: 10px; padding-top: 3px;}


#listing_right_panel ul li.label {color: #767676; font-weight: bold; font-family: verdana; font-size: 11px;}

#user_menu ul li a:link, #listing_right_panel ul li a:link {color: #333333; font-family: verdana; text-decoration: none;}
#user_menu ul li a:visited, #listing_right_panel ul li a:visited {color: #333333; font-family: verdana; text-decoration: none;}
#user_menu ul li a:hover, #listing_right_panel ul li a:hover {color: #26afd5; text-decoration: none;}
#user_menu ul li a:active, #listing_right_panel ul li a:active {color: #26afd5; text-decoration: none;}

#user_menu span.highlight {color: #26afd5;}
#user_menu span.faded {color: #26afd5;}

#user_menu a:link, #listing_right_panel a:link {color: #333333; text-decoration: none;}
#user_menu a:visited, #listing_right_panel a:visited {color: #333333; text-decoration: none;}
#user_menu a:hover, #listing_right_panel a:hover {color: #FF6600; text-decoration: underline;}
#user_menu a:active, #listing_right_panel a:active {color: #FF6600; text-decoration: underline;}


.action_buttons {float: right; margin-top: 20px;}

#sharing-bar .panel-7 {
	float: right; 
	border:1px solid #D5DCE1;
	margin: 0 0 10px 0;
	padding: 10px 10px 0px 20px; 
	border-radius: 0px 0px 0px 0px;
	 }
#sharing-bar .panel-7 a:link {color: #0839ca; }
#sharing-bar .panel-7 a:hover {color: #26afd5;  }
/* #sharing-bar {width: 750px; margin: 0px auto; } */
#sharing-bar .panel-7 a img {margin: 0px 5px 11px 0px;}
#sharing-bar UL.sharing_method_list a img {margin: 0px 0px 0px 0px; }


.listing_results tr td {
	vertical-align: top;
}


.results-title {font-size: 14px;}



/* USER HOME PAGE */


.my4tradeit_home_list {margin: 10px 0 10px 30px; padding: 0;}
.my4tradeit_home_list li {list-style: none; padding: 3px 0; color: #333333;}

#user_home_style a:link {color: #333333; text-decoration: underline; padding-left: 2px;}
#user_home_style a:visited {color: #333333; text-decoration: underline;}
#user_home_style a:hover {color: #26afd5; text-decoration: underline;}
#user_home_style a:active {color: #26afd5; text-decoration: underline;}

#user_home_style span.number {}
#user_home_style li.teal {color: #4eacc6; margin: 0px 0 0px 20px; padding: 0;}

#user_home_style td {text-align: left;}


#user_home_style td.border {border-bottom: 1px dotted #cccccc;}



/* GEO REGION NAV */

#geo_regions {padding: 5px 0; font-size: 11px;}
#geo_regions div.current_region {float: left; padding: 0 10px 0 0;}
#geo_regions div.border {border-bottom: 1px dotted #cccccc; margin: 10px 0 0 0;}


#geo_regions a:link, #geo_regions a:visited {
	color: #333333;
	text-decoration: none;
}

#geo_regions a:hover, #geo_regions a:active {
	color: #FF6600;
	text-decoration: underline;
}



.region-box-styles { width: 450px; border-radius: 0px; overflow: hidden; margin: -5px; padding: 0 10px;}

.region-box-styles h2 {background: #adedff url('../layout/smb_bg.jpg') repeat-x bottom left; font-family: verdana; font-size: 18px; font-weight: normal; color: #737373; padding: 5px 0 5px 10px; margin: 0 -10px 10px -10px;}

.region-box-styles ul {margin: 5px; padding: 0;}
.region-box-styles ul li {list-style: none;}
.region-box-styles ul li.heading {float: left; width: 175px;}
.region-box-styles ul li.heading {padding: 10px 0; font-weight: bold; font-size: 13px;}
.region-box-styles ul li.heading span {font-weight: normal;}

.region-box-styles ul li.heading .sub_regions_2 {font-weight: normal;}

.region-box-styles a:link, .region-box-styles a:visited {color: #333333; font-size: 13px; text-decoration: none;}
.region-box-styles a:hover, .region-box-styles a:active {color: #26afd5; font-size: 13px; text-decoration: underline;}

.region-box-styles .section {clear: both; text-transform: uppercase; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 8px 5px; background: #f7f7f7; margin: 0 -10px;}
.region-box-styles .section a:link, .region-box-styles .section a:visited {color: #666666 !important; font-weight: bold;}


.region-button {
	display: inline-block;
	padding: 2px 5px 0 2px;
	position: relative;
	top: -3px;
	margin: 3px 0 5px 0;
	border-radius: 3px;
	font-weight: normal;
	border: 1px solid #bbe8f4;
	background: #eeeff2 url('../img/bg/button.gif') repeat-x top left;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);*/
	box-shadow: none;
	transition-duration: 0.2s;
    	user-select: none;
	color: #ffffff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px !important;
}


.region-button:hover {
	border: 1px solid #76d3eb;
	background: #76d3eb url('../img/bg/button_hover.gif') repeat-x center left;
	color: #fff !important;
	text-decoration: none;
}

/* ######### INLINE SEARCH STYLES ######### */

#inlineSearch_Categories_toggleBox,
#inlineSearch_Options_toggleBox {
	overflow: visible;
	display: block;
}

#inline-search div.section-header {
	background: #eaeaea;  /* ## Original #eaeaea ##*/
	clear: both;
	display: block;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin: 0 -5px;
	text-transform: uppercase;
	color: #45455d;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#inline-search div.is-more-closed {
	background: #eaeaea url('../../../../addons/inline_search/images/expand_collapse.gif') no-repeat 97% -3px;
	cursor: pointer;
	clear: both;
	display: block;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin: 0 -5px;
	text-transform: uppercase;
	color: #45455d;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;

}

#inline-search div.is-more-closed:hover {
	color: #26afd5;
	text-decoration: underline;
}

#inline-search div.is-more-open {
	background: #eaeaea url('../../../../addons/inline_search/images/expand_collapse.gif') no-repeat 97% -35px;
	cursor: pointer;
	clear: both;
	display: block;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin: 0 -5px;
	text-transform: uppercase;
	color: #45455d;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#inline-search div.is-more-open:hover {
	color: #26afd5;
	text-decoration: underline;
}

#inline-search {}
#inline-search label.field_label {display: block; width: 100%; padding: 4px 0; font-size: 11px;}
#inline-search input.field  {width: 50%; padding: 5px 3px;}
#inline-search select.field {padding: 3px; min-width: 70px; max-width: 140px;}
#inline-search input.keywords {padding: 5px 3px; width: 100%;}

#inline-search input.field:focus, #inline-search select.field:focus {border-width: 1px; margin: 4px;}
#inline-search .row_even, #inline-search .row_odd {padding: 2px 5px;}
#inline-search .is-checkbox {padding: 0; float: left; width: 100%; font-size: 10px;}
#inline-search .is-checkbox input {float: left; margin-top: 3px;}
#inline-search .is-checkbox label {padding: 0 0 0 5px; line-height: auto !important; margin: 0 !important;}

#inline-search span.price-label {float: left; width: 60px; font-size: 11px; padding: 8px 0 5px 5px;}
#inline-search input.price-field {float: left; width: 55px;}

#inline-search-mini {padding: 3px 20px 3px 0; float: right;}
#inline-search-mini .box-label {float: left; font-size: 11px; font-weight: bold; padding: 11px 0 11px 0; text-transform: uppercase;}
#inline-search-mini .field_label {font-size: 11px; font-weight: bold; width: auto;}
#inline-search-mini .price-field {width: 60px;}

#inline-search-mini input.keywords {width: 300px; font-size: 14px; font-weight: normal; padding: 7px;}
#inline-search-mini input.button {display: inline;}

#inline-search-mini .save_search label {color: #000000; font-size: 11px; font-weight: normal; float: none; padding: 0; display: inline; background: none !important;}
#inline-search-mini .save_search input {position: relative; top: 2px;}


/* ######### OTHER SIMILAR ITEMS STYLES ######### */

.osi_slider {margin: 0; position: relative; z-index: 2; overflow: hidden;}
.osi_slider .frame {display: none; width: 100%;}
.osi_page .frame {clear: both; float: none;}

.osi_slider .frame .item-frame,
.osi_page .frame .item-frame {
	overflow: hidden;
	float: left;
}

.osi_slider .frame .item-frame .item,
.osi_page .frame .item-frame .item {
	border: 1px solid #cccfd3;
	padding: 5px;
	background: #fff;
	margin: 5px;
	text-align: center;
	position: relative;
	font-size: 12px;
}

.osi_slider a,
.osi_page a {text-decoration: none;}

.osi_slider span.thumb,
.osi_page span.thumb {display: block; overflow: hidden;   background: #f7f6f6;}

.osi_slider span.title,
.osi_page span.title {margin-top: 10px; min-height: 40px; font-weight: normal; display: block; font-size: 14px;}

.osi_slider span.buynow,
.osi_page span.buynow {color: #61B6CD; font-size: 14px; font-weight: bold; padding: 4px 0 4px; display: block;}

.osi_slider div.half,
.osi_page div.half {float: left; width: 49%; min-height: 45px; text-align: center; margin-top: 0px}

.osi_slider div.half-left,
.osi_page div.half-left { border-right: 1px solid #bbbbbb; margin-top: -4px;}

.osi_slider span.price,
.osi_page span.price {color: #000000; font-size: 14px; font-weight: bold;}

.osi_slider span.bottom,
.osi_page span.bottom {clear: both; display: block; padding: 3px 0; text-align: center; background: #fff; position: absolute; bottom: 0; border-top: 1px solid #eee; width: 100%;}


.osi_slider span.time_left,
.osi_page span.time_left {display: block; color: #61B6CD; font-size: 12px; padding: 3px; }

.osi_slider span.bids,
.osi_page span.bids {font-size: 11px; font-weight: normal; color: #737373;}

.osi_slider span.location,
.osi_page span.location {display: block; clear: both; padding: 3px;}


.osi-controls .left-arrow-block {float: left; width: 23px; text-align: center; margin: 5px 5px 0 5px;}
.osi-controls .right-arrow-block {float: right; width: 23px; text-align: center; margin: 5px 5px 0 5px;}

.osi-controls a.next:link, .osi-controls a.next:visited {display: block; padding: 1px 0; background: url('../../../../../../addons/other_similar_items/images/arrow-control-buttons.gif') no-repeat -46px center; width: 23px;}
.osi-controls a.next:hover, .osi-controls a.next:active {background: url('../../../../../../addons/other_similar_items/images/arrow-control-buttons.gif') no-repeat -69px center;}

.osi-controls a.previous:link, .osi-controls a.previous:visited {display: block; padding: 1px 0; background: url('../../../../../../addons/other_similar_items/images/arrow-control-buttons.gif') no-repeat -23px center; width: 23px;}
.osi-controls a.previous:hover, .osi-controls a.previous:active {background: url('../../../../../../addons/other_similar_items/images/arrow-control-buttons.gif') no-repeat 0 center;}

a.osi_more_items {clear: both; float: right; padding: 10px;}

.results-extra-other {
  display: block;
  padding-top: 10px;
  color: #666666;
  font-size: 11px;
}

/* ######### LISTING INFO BAR STYLES ######### */

#listing-info-bar {background: #ffffff; border-radius: 0px 0px 0 0; border: 1px solid #dddddd; padding: 3px;}
#listing-info-bar ul {width: 100%; margin: 0; padding: 0; list-style: none;}
#listing-info-bar li {white-space: nowrap; float: left; padding: 10px;}
#listing-info-bar.classified li {white-space: nowrap; float: left; padding: 10px 0 10px 10px;}
#listing-info-bar li.timer-adjust {position: relative; top: -7px; margin-bottom: -12px;}
#listing-info-bar li.label {color: #000;   font-size: 14px;}
#listing-info-bar li.value {padding-right: 15px;   font-size: 14px;}
#listing-info-bar li.br {border-right: 1px solid #dddddd;}

#listing-info-bar .data-right {float: right; position: relative; top: 10px; right: 10px;}
#listing-info-bar .data-right a {text-transform: uppercase; color: #0066cc; font-size: 0.9em; font-weight: bold;}

#listing-info-bar li.label-buynowonly {color: #26afd5 !important;}



/* ######### LISTING BIDDER BAR STYLES ######### */

#listing-bidder-bar {
	background: #f7f6f6;  /* BF #f2f2f2 */
	border-radius: 0 0 0px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 3px 0 0 0;
	overflow: hidden;
}

#listing-bidder-bar .bar-box {font-size: 11px; margin: -6px 0 0 0; overflow: hidden; background: #d8eff5;}
#listing-bidder-bar .bar-box .panel-left {width: 528px; float: left; height: auto; padding: 10px; background: #f2f2f2;}
#listing-bidder-bar .bar-box .panel-right {width: 200px; float: left; height: auto; padding: 10px;}

#listing-bidder-bar table {width: auto; border-spacing: 0; border-collapse: collapse; margin: 0; padding: 0; color: #333333;}
#listing-bidder-bar table td {padding: 0 10px; margin: 0; white-space: nowrap; height: 32px;}
#listing-bidder-bar table td.value {color: #0066cc; height: 32px;}
#listing-bidder-bar .rb {border-right: 1px solid #dcdcdc;}

#listing-bidder-bar ul {list-style: none; margin: 0; padding: 0;}
#listing-bidder-bar ul li {margin: 4px 1px;}

#listing-bidder-bar .top-data .label {font-weight: bold; white-space: nowrap; float: left; width: 150px;}
#listing-bidder-bar .top-data .value {float: left; white-space: nowrap; width: 100px;}

#listing-bidder-bar .data-right {float: right; position: relative; top: 7px; right: 10px;}
#listing-bidder-bar .data-right a {text-transform: uppercase; color: #0066cc; font-size: 0.9em; font-weight: bold;}

#listing-bidder-bar .mini_button {border-radius: 3px; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; position: relative; top: -1px; padding: 5px; border: 1px solid #dddddd;}
#listing-bidder-bar a.mini_button {font-color: #ffffff; position: relative; top: -1px; padding: 3px;}

#listing-bidder-bar .field {padding: 3px 6px; width: 70px;}
#listing-bidder-bar .field:focus {padding: 3px 6px; margin: 3px !important; width: 72px;}

#listing-bidder-bar .divider {margin-top: 5px; border-top: 1px solid #DDD; border-bottom: 1px solid #fff;}

#listing-bidder-bar a.action_button,
#listing-bidder-bar input.action_button {display: block; padding: 5px; background: #EEEFF2 url('..//img/bg/button.gif') repeat-x top left; border: 1px solid #BBE8F4; border-radius: 0px; color: #03C; font-size: 11px; font-weight: normal; text-align: center; font-weight: normal;}
#listing-bidder-bar a.action_button:hover,
#listing-bidder-bar input.action_button:hover {border: 1px solid #76d3eb; background: #76d3eb url('../img/bg/button_hover.gif') repeat-x top left; color: #fff;}


.bh-viewall {position: absolute; bottom: 0; padding: 5px 0; text-align: left; background: #f2f2f2; width: 100%; margin-left: -6px;}
.bh-viewall div {padding: 0 10px;}
.bh-viewall a {float: right;}

/* ######### LISTING BIDDER STATUS STYLES ######### */

#listing-bidder-status div {border-radius: 0px 0px 0px 0px; font-size: 12px; padding: 5px 5px 5px 5px; margin-bottom: 10px; font-weight: normal; }
#listing-bidder-status .winner-message,
#listing-bidder-status .highbidder-message {border: 1px solid #cccccc; background: #f5fcf2; color: #333333;} /* original color #A3C894  #E5F5DF   #5F6672   */
#listing-bidder-status .outbid-message {border: 1px solid #cccccc; background: #FFF0F4; color: #333333;}

#listing-bidder-status img {position: relative; bottom: 0px; margin-right: 10px;}


/* ######### LISTING MANAGEMENT TOOLBAR STYLES ######### */

#listing-management-bar .bar-box {border: 1px solid #e6e6e6; background: #d8eff5; border-radius: 0 0 0px 0px; font-size: 11px; margin: -1px 0 10px 0; overflow: hidden; border-top: 1px solid #57d0f1;}
#listing-management-bar table {width: 100%; border-spacing: 0; border-collapse: collapse; margin: 10px 0; padding: 0; color: #000;}
#listing-management-bar table td {padding: 0; margin: 0; white-space: nowrap;}
#listing-management-bar table td.value {color: #26AFD5; padding-right: 10px; padding-left: 10px;}

#listing-management-bar h5 {border-left: 1px solid #57D0F1; border-right: 1px solid #57D0F1; border-bottom: 1px solid #57D0F1; background: #57D0F1; text-transform: none; margin: 0 ; padding: 5px; font-size: 16px; color: #fff; font-weight: normal;}
#listing-management-bar h5 span.note_text {font-size: 11px; text-transform: none; font-style: italic; color: #fff; font-weight: normal;}
	
#listing-management-bar ul {list-style: none; margin: 0; padding: 0;}
#listing-management-bar ul li {margin: 4px 1px;}

#listing-management-bar .top-data .label {font-weight: bold; white-space: nowrap; float: left; width: 150px;}
#listing-management-bar .top-data .value {float: left; /*white-space: nowrap; */width: 50%;} /* width was 100px; */

#listing-management-bar .bottom-data .label {font-weight: bold; white-space: nowrap; float: left; padding-right: 10px;}
#listing-management-bar .bottom-data .value {float: left; white-space: nowrap; width: 50px;}
#listing-management-bar .bottom-data .icon {float: left; margin-top: -2px; padding-right: 10px;}

#listing-management-bar .field {padding: 3px 5px; width: 70px;}
	
#listing-management-bar h5 #lmb-toggle {float: right; font-size: 12px; cursor: pointer; display: block; padding: 2px 20px 0 0; outline: 0;}

#listing-management-bar h5 a.toggle-closed {background: url('../layout/show_hide_icon.gif') no-repeat right 0; color: #fff;}
#listing-management-bar h5 a.toggle-closed:hover {color: #fff; text-decoration: underline;}

#listing-management-bar h5 a.toggle-open {background: url('../layout/show_hide_icon.gif') no-repeat right 0; color: #fff;}
#listing-management-bar h5 a.toggle-open:hover {color: #fff; text-decoration: underline;}

#listing-management-bar .panel-left {width: 528px; float: left; background: #f6fbfc; /*#ffffff url('../layout/box_bg.gif') repeat-x;*/ height: auto; padding: 10px;}
#listing-management-bar .panel-right {width: 200px; float: left; height: auto; padding: 10px;}

#listing-management-bar a.mini_button,
#listing-management-bar input.mini_button {display: block; padding: 5px; background: #39C8EE url('..//img/bg/button.gif') repeat-x top left; border: 1px solid #BBE8F4; border-radius: 0px; color: #ffffff; font-size: 11px; font-weight: normal; text-align: center; font-weight: normal;}
#listing-management-bar a.mini_button:hover,
#listing-management-bar input.mini_button:hover {border: 1px solid #76d3eb; background: #76d3eb url('../img/bg/button_hover.gif') repeat-x top left; color: #0066cc;}

#listing-management-bar .divider {margin-top: 5px; border-top: 1px solid #DDD;}
#listing-management-bar .rb {border-right: 1px solid #bbb; padding-right: 5px;}
#listing-management-bar .lb {padding-left: 5px;}

#listing-management-bar .highlight {color: #0066cc;} /* ## original - #34CCF4 ## */

#listing-management-bar .bidder-functions {text-align: right; width: 100%; white-space: normal;}



/* RESULTS DISPLAY - GALLERY STYLES */

.listing_set.gallery {
	white-space: nowrap;
	overflow: hidden;
	font-size: 0px;
}

.listing_set.gallery .gallery_row {
	/* When a gallery row is not "full", center the ones that are there, and make
	sure it fills up the row width */
	text-align: center;
	width: 100%;
}

.listing_set.gallery .gallery_inner {
	position: relative;
	width: auto;
	text-align: center;
}

.listing_set.gallery article {
	padding: 0px;
	margin: 0px;
	border: none;
	width: auto;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
}

.listing_set.gallery article div.article_inner,
.listing_set.list article {
	border: 5px solid #eaeaea;  /*border: 1px solid #cccfd3; */
	background: #ffffff;  /* ## original - #f6f6f6 ## */
	padding: 0px 0px 0px 0px ; /*padding: 5px; */
	margin: 5px;
	/* restore wrapping */
	white-space: normal;
	text-align: center;
}


.listing_set.gallery article div.article_inner {
	/* Style specifically for the gallery */
	text-align: center;
	font-weight: normal;
}

.listing_set.list article div.image {
	/* Make things float around the image on the list view */
	float: left;
	border: 2px solid #eeeeee;
	margin: 0px 5px 5px 0px;
}

.listing_set.gallery article div.image {
	/*  For gallery pics, image does not float or have border */
	float: none;
	border: none;
	margin: 0px 0px 5px 0px;
	height: 220px; /*  Original - 188px  */
	background: #f7f6f6;
}

.listing_set article p {
	margin: 0;
}

.listing_set article h1 {
	margin: 0px 0px 5px 0px;
	display: inline;
	font-size: 14px;
}

/* CSS for the Carousel display mode for the gallery view */
.gj_simple_carousel .listing_set.gallery .gallery_row {
	/* Make sure IE displays things like everyone else */
	vertical-align: top;
	/* This is needed to keep the carousel from "jumping" as it loads */
	display: inline-block;
	
	
}

.listing_set.gallery .galleryScroll {
	text-align: center;
}

.listing_set.gallery .galleryScroll img {
	cursor: pointer;
}

span.gallery_carousel_dot {
	font-size: 18px;
	color: #9A9A9A;
}

.content_box.gj_simple_carousel.border {
margin-left: 2px;
}


.listing_set.gallery .thumb {height: 150px;}
.listing_set.gallery .buynow {color: #61B6CD; font-weight: bold; display: block; font-size: 14px;}
.listing_set.gallery .half {float: left; width: 49%; min-height: 45px; text-align: center; }
.listing_set.gallery .half-left { border-right: 1px solid #bbbbbb;}

.listing_set.gallery .results-title {margin-bottom: 0; min-height: 40px; display: block;}

.listing_set.gallery span {padding: 3px; text-align: center;} /* especially for carousel arrows */
 

/* gallery styles for featured pic modules */

.featured_items .listing_set article div.article_inner {
	/*background: #ffffff url('../img/bg/featured_item.gif') repeat-x bottom left; */
	padding: 0px 0px 0px 0px ;
	margin: 5px;
	border: 5px solid #eaeaea;
}


.featured_items .listing_set article div.article_inner:hover {
	background: #f7f6f6;
}

/* ######### SITE MAP STYLES ######### */


#site-map a:link,
#site-map a:visited {color: #333333;}

#site-map a:hover,
#site-map a:active {color: #26afd5;} /* ## original - #FF6600 ## */

#site-map .content-block {padding: 0 10px;}
#site-map ul.sitemap-links {list-style: none; margin: 0 4px; padding: 0;}
#site-map ul.sitemap-links li {width: 175px; float: left; padding: 3px 0;}

#site-map li.main-cat {clear: both; padding-top: 20px;}
#site-map li.main-cat a.main-pad {line-height: 20px;}

#site-map a.top-link {float: right; color: #666666;}

#site-map .main_classified_level_navigation li {font-weight: bold; clear: both; padding: 20px 0 0 0;}
#site-map .main_classified_level_navigation li ul.sub_categories {padding-top: 10px;}
#site-map .main_classified_level_navigation li ul.sub_categories li {clear: none; float: left; width: 220px; font-weight: normal; padding: 2px 0;}

#flyer-template .rotate {position:absolute; left:40%; -webkit-transform:  rotate(90deg);-moz-transform:  rotate(90deg);-o-transform:  rotate(90deg);writing-mode: tb-rl;}



/* RESULTS DISPLAY TOOLBAR */

#rdtb {background: #ffffff url('../layout/nav_bar_bg_filter.gif') repeat-x 0 0; color: #333333; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-radius: 0px 0px 0px 0px; padding: 3px 5px; font-size: 12px; font-weight: bold; margin-top: 10px;} /* # sort */

#rdtb .panel-left  {float: left; border-right: 0px solid #ddd; padding-right: 10px;}
#rdtb .panel-middle {float: left;}
#rdtb .panel-right {float: right; border-left: 1px solid #ddd; padding-left: 10px;}

#rdtb form {margin: 6px 0 0 0;}
#rdtb select {border: 1px solid #ddd; background: #fff; padding: 7px 3px 7px 1px;; width: 150px; font-size: 14px; color:#767676;   margin-top: -1px;}

#rdtb ul {margin: 0; padding: 5px; float: left; border: none;}
#rdtb ul li {list-style: none; display: inline;}
#rdtb .divider {border-left: 1px solid #ddd;}

#rdtb a {color: #ffffff; background: #76d3eb url('../img/bg/category_tab.gif') repeat-x top left; border: 1px solid #bbe8f4; font-weight: normal; text-decoration: none; padding: 6px 6px; margin: 0 2px; float: left; border-radius: 0px; font-size: 14px; }
#rdtb a:hover{color: #ffffff; border: 1px solid #dddddd; background: #bbe8f4 url('../img/bg/category_tab_2.gif') repeat-x top left; font-size: 14px;}

#rdtb a.active {color: #0066cc; border: 1px solid #dddddd; background: #bbe8f4 url('../img/bg/category_tab_2.gif') repeat-x top left;}


/* ######### LISTING WATCHLIST STYLES ######### */

#watchlistTabs.ui-widget-content,
#watchlistTabs.ui-tabs .ui-tabs-panel {border: none; background: none; padding: 0;}

#watchlistTabs ul {list-style: none; margin: 0; padding: 0; background: none !important; border: none !important;}

#watchlistTabs.ui-tabs .ui-tabs-nav li {margin-bottom: -1px; background: #bbe8f4 url('../img/bg/watch_tab.gif') repeat-x top left; border: 1px solid #bbe8f4; border-bottom: none;}  /* # color: #f2f2f2 # */
#watchlistTabs.ui-tabs .ui-tabs-nav li a {font-size: 14px; font-weight: normal; font-family: verdana; color: #ffffff !important; outline: 0; padding: .7em .9em;} /* # color: #7e7e7e # */

#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #76d3eb url('../img/bg/watch_tab_2.gif') repeat-x top left; border: 1px solid #76d3eb; border-bottom: none; color: #4987C5;}
#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #ffffff !important;}

#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-state-hover {background: #76d3eb url('../img/bg/watch_tab_2.gif') repeat-x top left; border: 1px solid #76d3eb; border-bottom: none; color: #ffffff;} /* # color: #7e7e7e # */
#watchlistTabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover {color: #ffffff !important;}

#watchlistTabs div#itemsWatched,
#watchlistTabs div#itemsWon,
#watchlistTabs div#itemsLost,
#watchlistTabs div#itemsWatchedExpired {
	clear: both;
	border: 1px solid #ddd;
}


.watchlist-button {
	display: inline-block;
	padding: 2px 5px 0 2px;
	position: relative;
	top: -3px;
	margin: 3px 0 5px 0;
	border-radius: 3px;
	font-weight: normal;
	border: 1px solid #bbe8f4;
	background: #eeeff2 url('..//img/bg/button.gif') repeat-x top left;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);*/
	box-shadow: none;
	transition-duration: 0.2s;
    	user-select: none;
	color: #ffffff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8px !important;
}


.watchlist-button:hover {
	border: 1px solid #76d3eb;
	background: #76d3eb url('../img/bg/button_hover.gif') repeat-x center left;
	color: #fff !important;
	text-decoration: none;
}



.watchlist-add-icon {
	background: url('../images/icons/watchlist-icons.png') no-repeat 0 1px;
	float: left;
	width: 10px;
	height: 12px;
	margin: -1px 4px 0 0;
	padding: 0;
	padding-top: 0 !important;
}

.watchlist-button:hover .watchlist-add-icon {
	background: url('../images/icons/watchlist-icons.png') no-repeat 0 -53px;
}


#listing-actions-bar .watchlist-button {
	height: 23px;
	padding: 7px 10px 0px 5px;
	font-size: 12px !important;
	text-transform: none;
	margin-top: 6px;
}

#listing-actions-bar .watchlist-add-icon {
	position: relative;
	top: 3px;
	margin-right: 10px;
}


.watchlist-saved {
	color: #767676;
	display: inline-block;
	padding: 1px 5px 2px 18px !important;
	margin: 5px 0;
	border: 1px solid #acacac;
	background: #ffffff url('../img/icons/watchlist-icons.png') no-repeat 2px -16px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 0px;
	text-decoration: none;
	font-size: 8px;
	font-weight: normal;
	font-family: Verdana;
	text-transform: uppercase;
}


.watchlist-saved-info {
	color: #767676;
	display: inline-block;
	padding: 1px 5px 2px 5px !important;
	margin: 5px 0;
	border: 1px solid #acacac;
	background: #ffffff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 0px;
	text-decoration: none;
	font-size: 8px;
	font-weight: normal;
	font-family: Verdana;
	text-transform: uppercase;
}

.watchlist-success_box {
	color: #608b1f;
	display: inline-block;
	padding: 1px 20px 2px 14px !important;
	margin: 4px 0px 0px 0px;
	border: 1px solid #A3C894;
	background: #f5fcf2;
	border-radius: 0px;
	text-decoration: none;
	font-size: 8px;
	font-weight: normal;
	font-family: Verdana;
	text-transform: uppercase;
}


#watchlistTabs .mini_button {
	display: block;   /* ## aqua action buttons ## */
	width: 95%;
	margin: 5px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#watchlistTabs .completed {
	color: #6cae2c;    /* ## green completed tags ## */
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../images/icons/watchlist-icons.png') no-repeat 5px -14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#watchlistTabs .completed-note {
	color: #888;        /* ## Date pymt instruct received ## */
	font-style: italic;
	font-size: 0.9em;
	padding-left: 25px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;  
}

#watchlistTabs .incomplete {
	display: block;            /* ## Instruct not received tags ## */
	padding: 3px 0 3px 25px;
	background: url('../images/icons/watchlist-icons.png') no-repeat 5px -31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;   
}

#watchlistTabs hr {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background: none;	
}


/* ######### BID SHIPPING STYLES ######### */

.bid-shipping-choices {
	position: relative; left: 213px; top: -20px; margin-bottom: -20px;
	width: 540px;
}

.bsc-left {
	padding: 3px 0;
	float: left;
	width: 20px;
}
.bsc-right {
	margin-left: 5px;
	padding: 3px 10px;
	float: left;
	background: #daeef3;
	width: 495px;
}

.bid-qty-adjust {margin-left: -1px !important;}

.textarea-shipping-notes {height: 5em !important;}


.placebid-column-value {width: 120px; display: inline-block; color: #26afd5; vertical-align: top; nowrap; font-size: 13px;}
.placebid-column-text {width: 390px; display: inline-block; margin-left: 0px; word-wrap: break-word; font-size: 13px; font-weight: normal;}
.placebid-column-text-style {margin-left: 0px; color: #26afd5; font-size: 13px;} /* ######### color: #1E8EA2; ######### */
.placebid-column-text-title {color: #333333; font-weight: bold; text-transform: uppercase;}


.dotted-divider {
	height: 1px;
	border-bottom: 2px dotted #ccc;
	width: 98%;
	margin: 10px auto;
}

.total-bold {
	font-weight: bold !important;
	color: #000 !important;
}

.total-bold-max {
	font-weight: bold !important;
	color: #767676 !important;
}

/* ######### TIM STYLES ######### */
.questionanswer {
	color: #767676;
	text-align: right;
	font-weight: normal;
}	
	
	
	

/* ==========================================================================
   Cart - Media Upload
   ========================================================================== */

.media-upload-dropbox {
	border: medium dashed #777;
	width: 98%;
	min-height: 4em;
	margin: 1em auto;
	padding: 1em;
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.media-container {
	text-align: center;
	margin: 1em;
}

.media-upload-dropbox {
	text-align: left;
}

.media-preview {
	border: thin solid #777;
	margin: .5em;
	padding: .5em;
	border-radius: 0em;
	background: rgba(255,255,255,.7);
	overflow: auto;
	position: relative;
}

.media-preview-image {
	border: thin solid #ffffff; /* ##  4tradeit style  ## */
	margin: auto;
	min-height: 6.25em;
	min-width: 6.25em;
	text-align: center;
	overflow: hidden;
}

.media-queue-progress {
	float: right;
}

.media-queue-entry {
	border: thin solid #777;
	background-color: #eee;
	margin: .3em;
	padding: .5em;
	border-radius: .0em;
	font-size: .8em;
}

.media-progress-circle {
	/* Special Case - uses JS to get the styles of this element, to use for
		the progress bar, so that things like color and such are not set in JS
		where they are hard to change. */
	
	/* This is the color of the bar (fgColor) */
	color: #87CEEB;
	
	/* The background color for the entire progress bar (bgColor) */
	background-color: #ddd;
	
	/* The width & height for circle - Recommend using fixed value */
	width: 80px;
	
	/* This one is a little weird...  the height will controll the "thickness" of
		the bar, divided by 100...  So if you want thickness of .3 you would set
		height to 30px. */
	height: 20px;
	
	
	/* Keep this intact or you will have a sqare show on the page! */
	position: absolute;
	left: -1000px;
}
.queue-thumb {
	float: left;
	margin: .2em;
	border: 1px solid #777;
	/* NOTE : special case: need to do pixels here because canvas goes in here
		which is only pixels */
	min-width: 50px;
	min-height: 50px;
}

/* This is mainly the title / label for images */
.media-editable-label {
	margin: .3em .1em;
	border: thin solid #ddd;
	padding: .2em;
	white-space: nowrap;
	overflow-x: auto;
	min-height: 1em;
}
.media-editable-label:hover,
.media-editable-label:focus {
	background: #e8f4f7;
	border: thin dashed #0090d2;
}
.media-editable-saved {
	opacity: 0;
	transition-duration: 0.3s;
	position: absolute;
	bottom: .3em;
	left: 1em;
	background-color: white;
	border: thin solid #777;
	z-index: 5;
}
.media-editable-saved-show {
	opacity: 1.0;
}

.slot-label {
	cursor: move;
	
}

.media-delete {
	display: block;
	position: absolute;
	top: -.1em;
	right: 0;
}

.media-runtime {
	/* This styles a little bit of text on the uploader that helps debug when there
		are problems...  Point is to not stand out, look kinda-official, and be
		easy to read when people send screenshots.  */
	position: absolute;
	top: .5em;
	right: 2em;
	font-size: .7rem;
	color: #999;
}


/* ######### FIXED OFFER RELIST STYLES ######### */

#offerTabs.ui-widget-content,
#offerTabs.ui-tabs .ui-tabs-panel {border: none; background: none; padding: 0;}

#offerTabs ul {list-style: none; margin: 0; padding: 0; background: none !important; border: none !important;}

#offerTabs.ui-tabs .ui-tabs-nav li {margin-bottom: -1px; background: #bbe8f4 url('../img/bg/watch_tab.gif') repeat-x top left; border: 1px solid #bbe8f4; border-bottom: none;}
#offerTabs.ui-tabs .ui-tabs-nav li a {font-size: 13px; font-weight: normal; font-family: verdana; color: #ffffff !important; outline: 0; padding: .7em .9em;}

#offerTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #76d3eb url('../img/bg/watch_tab_2.gif') repeat-x top left; border: 1px solid #76d3eb; border-bottom: none; color: #4987C5;}
#offerTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #ffffff !important;}

#offerTabs.ui-tabs .ui-tabs-nav li.ui-state-hover {background: #76d3eb url('../img/bg/watch_tab_2.gif') repeat-x top left; border: 1px solid #76d3eb; border-bottom: none; color: #ffffff;}
#offerTabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover {color: #ffffff !important;}

#offerTabs div#offersPending,
#offerTabs div#offersAccepted,
#offerTabs div#offersExpired,
#offerTabs div#offersDeclined {
	clear: both;
	border: 1px solid #ddd;
}

#offerTabs .mini_button {
	display: block;
	width: 90%;
	margin: 5px 0;
}

#offerTabs .completed {
	color: #6cae2c;
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../../../../../../addons/fixed_offer_relist/images/button-icons.png') no-repeat 5px -19px;
}

#offerTabs .completed-note {
	color: #888;
	font-style: italic;
	font-size: 0.9em;
	padding-left: 25px;	
}

#offerTabs .incomplete {
	display: block;
	padding: 3px 0 3px 25px;
	background: url('../../../../../../addons/fixed_offer_relist/images/button-icons.png') no-repeat 5px -36px;
}

#offerTabs hr {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background: none;	
}



/* ######### LISTING QUESTIONS STYLES ######### */

#listingQuestionTabs.ui-widget-content,
#listingQuestionTabs.ui-tabs .ui-tabs-panel {border: none; background: none; padding: 0;}

#listingQuestionTabs ul {list-style: none; margin: 0; padding: 0; background: none !important; border: none !important;}

#listingQuestionTabs.ui-tabs .ui-tabs-nav li {margin-bottom: -1px; background: #bbe8f4 url('../../../img/bg/watch_tab.gif') repeat-x top left; border: 1px solid #bbe8f4; border-bottom: none;}
#listingQuestionTabs.ui-tabs .ui-tabs-nav li a {font-size: 13px; color: #0839ca !important; outline: 0;}

#listingQuestionTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #76d3eb url('../../../img/bg/watch_tab_2.gif') repeat-x top left; border: 1px solid #76d3eb;  border-bottom: none; color: #4987C5;}
#listingQuestionTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #ffffff !important;}

#listingQuestionTabs.ui-tabs .ui-tabs-nav li.ui-state-hover {background: #76d3eb url('../../../img/bg/watch_tab_2.gif') repeat-x top left; border: 1px solid #76d3eb; border-bottom: none; color: #ffffff;}
#listingQuestionTabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover {color: #ffffff !important;}

#listingQuestionTabs div#unansweredQuestions,
#listingQuestionTabs div#answeredQuestions {
	clear: both;
	border: 1px solid #ddd;
}

#unansweredQuestions table,
#answeredQuestions table {
	word-wrap:break-word;
	table-layout:fixed;
}

.comment {
	background: #ffffff;   /* ## Original #e9f9d2 ## */
	border: 1px solid #cccccc; /* ## Original #e9f9d2  ## */
	border-radius: 0px;
	margin: 10px;
	padding: 10px;
	font-size: 12px;
	word-wrap:break-word;
}

.question {
	background: #f9f7f7;   /* ## Original #e7e7e7, d3f0f8, d8f6fe ## */ 
	border: 1px solid #cccccc;
	border-radius: 0px;
	margin: 10px;
	padding: 10px;
	font-size: 12px;
	word-wrap:break-word;
}

.answer {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	margin: 30px 10px 10px 10px;
	padding: 10px;
	font-size: 12px;	
	position:relative;
	word-wrap:break-word;
}

.answer:before {
	bottom: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 16px;
	left: 30px;
	margin-left: -16px;
}	

.answer:after {
	bottom: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	left: 30px;
	margin-left: -15px;
}

.question .separator {
	display: block;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dotted #bbb;		
}

.comment .separator {
	display: block;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dotted #eacdbc;	
}
	
.answer .separator {
	display: block;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dotted #ccc;	
}


.category-notice {display: none;}


.left-content-ad-box {
	border: 1px solid #dddddd;
	background: #ffffff url('../layout/box_bg.gif') repeat-x;
	border-radius: 0px 0px 0px 0px;
	padding: 5px;
	}

.ad-zone {overflow: hidden; padding: 10px 0 !important; text-align: center;}

div#top_banner div a img {
	margin-bottom: 0px;
	margin-top: 10px;
}


.top-content-ad-box {
	border: 1px solid #ffffff;
	background: #ffffff; /* url('../layout/box_bg.gif') repeat-x; */ 
	border-radius: 0px 0px 0px 0px;
	padding: 0px;
	}

.top-ad-zone {overflow: hidden; padding: 0px 0px !important; text-align: center; margin-bottom: 5px; margin-top: -10px;}

.paypal-id {min-height: 20px;}
.paypal-id-label {position: relative; top: 10px;}



h1.share_title {
	background: #caf0fb; 
	height: 12px;
	color: #0839ca; 
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0 10px 10px;
	text-align: left;
}

h1.share_title {border-radius: 0px 0px 0 0; margin: 0px 0px 4px 0px;}

#counterBox big {position: relative; top: 7px; color: #26afd5;}

/* ######### MAIN CATEGORIES HOME PAGE STYLES ######### */

.fp-categories div a img {
	padding: 0px;
}

div.fp-categories-container div.category_column.main_classified_navigation ul li.element a:link, a:visited  {
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 1px;
/* 	color: #000000; */
	text-decoration: none;
}


div.fp-categories-container div.category_column.main_classified_navigation ul li.element a:hover, a:active {
	color: #25AFD4;
	text-decoration: none;
}

fp-categories-container {
	padding-right: 1px
	padding-left: 20px
}

.fp-categories-container div.category_column.main_classified_navigation ul li.element,
.fp-categories-container div.category_column.main_classified_navigation ul li.element {
                border: none;
		background: none;
		font-style: normal !important;
		margin-bottom: -3px;		
}

#content-shell fp-categories-container ul li.element {
		font-style: normal !important;
		font-size: 14px !important;
}

#listing_info_column .shaded-content-box ul.info li.label {
	color: #333333; 
	font-size: 14px;
	font-weight: normal;
	margin-left: -11px;
	width: 142px;
	margin-right: 75px;
}


#listing_info_column .shaded-content-box ul.info li.value {
	color: #0066cc; /* ## Original #1e85a2 ## */
	font-size: 14px;
	font-weight: normal;
	margin-left: 0px;
	border-bottom: 1px dotted #ddd;
	padding-left: 0px;
}

/* ######### LEFT COLUMN LISTING CART STYLES ######### */

div.left-content-box div#user_menu ul li.my_account_links_inactive span.faded{
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}


div.left-content-box div#user_menu ul li.my_account_links_inactive span.faded_reverse{
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-color: #333333;
}

div.left-content-box div#user_menu ul li a{
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

div.left-content-box div#user_menu ul li {
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.fp-buttons {
    color: #333333;
}
    
div#column-main h1.listing_title {
    color: #333333;
    
}
    
#storefront-categories ul li {
    display: inline;
    padding: 5px 10px;
    line-height: 24px;
    font-weight: bold;
    color: #333333;
}

a.lightUpLink {
    color: #ffffff;
}

a.mini_button { 
    color: #FFFFFF;
    margin-top: 0px;
}

div.printBox a.mini_button{
    color: #FFFFFF;
    margin-top: 10px;
}

#small-advert-page-banners .zone1 img { width: 152px; min-width: 152px; float: left; padding-left: 0px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; padding-left: 5px;}
#small-advert-page-banners .zone2 img { width: 152px; min-width: 152px; float: left; padding-left: 5px; padding-right: 0px; padding-bottom: 10px; padding-top: 10px; }

.description {
    margin-left: 5px;
  
}

#storefront-categories {
  border: 1px solid #ddd;
  background: none;
  /*background: url('../../../layout/box_bg.gif') repeat-x; */
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  color: #563313;
  font-weight: normal;
  font-family: Verdana;
  margin-top: 20px;
  padding: 10px 0;
  width: 550px;
  min-height: 20px;
}


.hot_button,
a.hot_button:link,
a.hot_button:visited,
input.hot_button {
	border-radius: 0px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); */
    transition-duration: 0.2s;
    user-select: none;
	height: 24px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	/*background: #f0b5b7 url('../img/bg/button_cancel2.gif') repeat-x top left !important;
	border: 1px solid #dddddd !important; */
}


.hot_button,
a.hot_button,
input.hot_button {
	border: 1px solid #dddddd !important;
	background: #f0b5b7 url('../img/bg/button_cancel.gif') repeat-x top left !important;
	color: #ffffff !important;
	height: 24px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	text-shadow: none !important;
	border-radius: 0px;
}

.hot_button:hover,
.hot_button:active,
a.hot_button:hover,
a.hot_button:active {
	border: 1px solid #dddddd !important;
	background: #f0b5b7 url('../img/bg/button_cancel2.gif') repeat-x top left !important;
	color: #ffffff !important;
	height: 24px;
	padding: 4px 10px 3px 10px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	text-shadow: none !important;
	border-radius: 0px;
}



/*
div.article_inner span.results-title {
     padding: 3px !important;
}
*/

/* Added May 1, 2015 */

.osi_page span.thumb,
.listing_set.gallery article div.image {
	overflow: hidden;
}

.osi_page span.thumb img,
.listing_set.gallery article div.image img {
	width: auto !important;
	/* max-width: 362px; BF change */
	height: 100% !important;
	display: block;
	padding: 0;
	margin: auto;
	float: center;
}

.osi_page div.half-home {float: left; /*width: 49%;*/ min-height: 45px; text-align: center; margin-top: 0px}

.osi_slider div.half-left-home,
.osi_page div.half-left-home { border-right: 1px solid #bbbbbb; margin-top: -4px;}
/*  */
.listing_set.gallery .buynow {padding-top: -1px !important;}

#registration_background {background: #a0e4fb;}
.registration {background: #a0e4fb !important;}


li.leveled_value, li.leveled_value_empty {
    	padding: 2px 5px 2px 4px;
    	min-width: 150px;
    	color: #444;
    	white-space: nowrap;
    	list-style: none;
    	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; 
    	font-size: 14px;
}

.content_shell li.leveled_value {
	font-size: 14px;
}

#storefront-right-column .right-content-box {
    	padding: 10px;
    	border: 1px solid #ddd;
   	background: #ffffff; /*url('../layout/box_bg.gif') repeat-x; */
	border-radius: 0px 0px 0px 0px;
	padding: 5px;
}


#column-main .front_page_half-left a img {
    	float: left;
    	width: 49%;
    	padding-left: 3px;
    	padding-right: 4px;
    
}

.loading-placeholder {
	min-height: 100px;
	background: url('../images/loading.gif') no-repeat center center;	
}

/* ########### CORE EECA STYLES ############ */

#eeca-notice {
	border-bottom: 1px dotted #DDD;
	padding-bottom: 1em;
	margin-bottom: 1em;
	line-height: 1em;
}

#eeca-notice .ec-icon {
	font-size: 1.5em;
	color:	#ddd;
}

#eeca-notice .ec-icon.highlighted {
	color:	#57D0F1;
}

#eeca-notice .heading {
	font-size: 1em;
	display: block;
	clear: both;
}

#eeca-notice .info {
	display: table;
	font-size: 0.9em;
}

#eeca-notice .heading.safety {
	float: left;
	margin-right: 2em;
}

#eeca-notice .info.safety {
	margin-top: 0.5em;
}

#eeca-notice .cell {
	display: table-cell;	
	vertical-align: middle;	
}

#eeca-notice .label {
	font-weight: bold;
	display: inline-block;
	width: 150px;
}

#eeca-notice .explanation {
	font-style: italic;	
}

#eeca-notice hr {
    border-top: 1px solid #ddd;
	margin: 0;
	padding: 0;
}


/* ####### DEPENDENCY STYLES ####### */

@font-face {
  font-family: 'fontello';
  src: url('../../../../addons/eeca_compliance/font/fontello.eot?76544730');
  src: url('../../../../addons/eeca_compliance/font/fontello.eot?76544730#iefix') format('embedded-opentype'),
       url('../../../../addons/eeca_compliance/font/fontello.woff2?76544730') format('woff2'),
       url('../../../../addons/eeca_compliance/font/fontello.woff?76544730') format('woff'),
       url('../../../../addons/eeca_compliance/font/fontello.ttf?76544730') format('truetype'),
       url('../../../../addons/eeca_compliance/font/fontello.svg?76544730#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="ec-icon-"]:before, [class*=" ec-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  margin:  0 -0.1em;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  line-height: 1em;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.ec-icon-star:before { content: '\e800'; } /* '' */
.ec-icon-star-empty:before { content: '\e801'; } /* '' */
.ec-icon-star-half:before { content: '\e802'; } /* '' */
.ec-icon-star-half-alt:before { content: '\f123'; } /* '' */

/*end*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.pull_right { float: right; }

.pull_left { float: left; }

/* Base Styles */
* html { font-size: 100%; }

html { font-size: 16px; line-height: 1.625em; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table,table thead, table thead tr,table tr, table td,
table.table-subresponcive,table.table-subresponcive thead, table.table-subresponcive thead tr, table.table-subresponcive tr,table.table-subresponcive td
{box-sizing: content-box;}

body { background: #f6f6f6; font-family: "Open Sans"; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }

html, body { height: auto; }

.hide { display: none; }

.hide.active, .show { display: block; }

.icon-note.icon-left a:before, .icon-note.icon-right a:after, i.icon-note:before { content: "\266a"; height: inherit; }

.icon-note-beamed.icon-left a:before, .icon-note-beamed.icon-right a:after, i.icon-note-beamed:before { content: "\266b"; height: inherit; }

.icon-music.icon-left a:before, .icon-music.icon-right a:after, i.icon-music:before { content: "\1f3b5"; height: inherit; }

.icon-search.icon-left a:before, .icon-search.icon-right a:after, i.icon-search:before { content: "\1f50d"; height: inherit; }

.icon-flashlight.icon-left a:before, .icon-flashlight.icon-right a:after, i.icon-flashlight:before { content: "\1f526"; height: inherit; }

.icon-mail.icon-left a:before, .icon-mail.icon-right a:after, i.icon-mail:before { content: "\2709"; height: inherit; }

.icon-heart.icon-left a:before, .icon-heart.icon-right a:after, i.icon-heart:before { content: "\2665"; height: inherit; }

.icon-heart-empty.icon-left a:before, .icon-heart-empty.icon-right a:after, i.icon-heart-empty:before { content: "\2661"; height: inherit; }

.icon-star.icon-left a:before, .icon-star.icon-right a:after, i.icon-star:before { content: "\2605"; height: inherit; }

.icon-star-empty.icon-left a:before, .icon-star-empty.icon-right a:after, i.icon-star-empty:before { content: "\2606"; height: inherit; }

.icon-user.icon-left a:before, .icon-user.icon-right a:after, i.icon-user:before { content: "\1f464"; height: inherit; }

.icon-users.icon-left a:before, .icon-users.icon-right a:after, i.icon-users:before { content: "\1f465"; height: inherit; }

.icon-user-add.icon-left a:before, .icon-user-add.icon-right a:after, i.icon-user-add:before { content: "\e700"; height: inherit; }

.icon-video.icon-left a:before, .icon-video.icon-right a:after, i.icon-video:before { content: "\1f3ac"; height: inherit; }

.icon-picture.icon-left a:before, .icon-picture.icon-right a:after, i.icon-picture:before { content: "\1f304"; height: inherit; }

.icon-camera.icon-left a:before, .icon-camera.icon-right a:after, i.icon-camera:before { content: "\1f4f7"; height: inherit; }

.icon-layout.icon-left a:before, .icon-layout.icon-right a:after, i.icon-layout:before { content: "\268f"; height: inherit; }

/* .icon-menu.icon-left a:before, .icon-menu.icon-right a:after, i.icon-menu:before { content: "\2630"; height: inherit; } */
i.icon-menu{
     background-image: url('../img/ic_menu.svg');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: -2px center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.icon-check.icon-left a:before, .icon-check.icon-right a:after, i.icon-check:before { content: "\2713"; height: inherit; }

.icon-cancel.icon-left a:before, .icon-cancel.icon-right a:after, i.icon-cancel:before { content: "\2715"; height: inherit; }

.icon-cancel-circled.icon-left a:before, .icon-cancel-circled.icon-right a:after, i.icon-cancel-circled:before { content: "\2716"; height: inherit; }

.icon-cancel-squared.icon-left a:before, .icon-cancel-squared.icon-right a:after, i.icon-cancel-squared:before { content: "\274e"; height: inherit; }

.icon-plus.icon-left a:before, .icon-plus.icon-right a:after, i.icon-plus:before { content: "\2b"; height: inherit; }

.icon-plus-circled.icon-left a:before, .icon-plus-circled.icon-right a:after, i.icon-plus-circled:before { content: "\2795"; height: inherit; }

.icon-plus-squared.icon-left a:before, .icon-plus-squared.icon-right a:after, i.icon-plus-squared:before { content: "\229e"; height: inherit; }

.icon-minus.icon-left a:before, .icon-minus.icon-right a:after, i.icon-minus:before { content: "\2d"; height: inherit; }

.icon-minus-circled.icon-left a:before, .icon-minus-circled.icon-right a:after, i.icon-minus-circled:before { content: "\2796"; height: inherit; }

.icon-minus-squared.icon-left a:before, .icon-minus-squared.icon-right a:after, i.icon-minus-squared:before { content: "\229f"; height: inherit; }

.icon-help.icon-left a:before, .icon-help.icon-right a:after, i.icon-help:before { content: "\2753"; height: inherit; }

.icon-help-circled.icon-left a:before, .icon-help-circled.icon-right a:after, i.icon-help-circled:before { content: "\e704"; height: inherit; }

.icon-info.icon-left a:before, .icon-info.icon-right a:after, i.icon-info:before { content: "\2139"; height: inherit; }

.icon-info-circled.icon-left a:before, .icon-info-circled.icon-right a:after, i.icon-info-circled:before { content: "\e705"; height: inherit; }

.icon-back.icon-left a:before, .icon-back.icon-right a:after, i.icon-back:before { content: "\1f519"; height: inherit; }

.icon-home.icon-left a:before, .icon-home.icon-right a:after, i.icon-home:before { content: "\2302"; height: inherit; }

.icon-link.icon-left a:before, .icon-link.icon-right a:after, i.icon-link:before { content: "\1f517"; height: inherit; }

.icon-attach.icon-left a:before, .icon-attach.icon-right a:after, i.icon-attach:before { content: "\1f4ce"; height: inherit; }

.icon-lock.icon-left a:before, .icon-lock.icon-right a:after, i.icon-lock:before { content: "\1f512"; height: inherit; }

.icon-lock-open.icon-left a:before, .icon-lock-open.icon-right a:after, i.icon-lock-open:before { content: "\1f513"; height: inherit; }

.icon-eye.icon-left a:before, .icon-eye.icon-right a:after, i.icon-eye:before { content: "\e70a"; height: inherit; }

.icon-tag.icon-left a:before, .icon-tag.icon-right a:after, i.icon-tag:before { content: "\e70c"; height: inherit; }

.icon-bookmark.icon-left a:before, .icon-bookmark.icon-right a:after, i.icon-bookmark:before { content: "\1f516"; height: inherit; }

.icon-bookmarks.icon-left a:before, .icon-bookmarks.icon-right a:after, i.icon-bookmarks:before { content: "\1f4d1"; height: inherit; }

.icon-flag.icon-left a:before, .icon-flag.icon-right a:after, i.icon-flag:before { content: "\2691"; height: inherit; }

.icon-thumbs-up.icon-left a:before, .icon-thumbs-up.icon-right a:after, i.icon-thumbs-up:before { content: "\1f44d"; height: inherit; }

.icon-thumbs-down.icon-left a:before, .icon-thumbs-down.icon-right a:after, i.icon-thumbs-down:before { content: "\1f44e"; height: inherit; }

.icon-download.icon-left a:before, .icon-download.icon-right a:after, i.icon-download:before { content: "\1f4e5"; height: inherit; }

.icon-upload.icon-left a:before, .icon-upload.icon-right a:after, i.icon-upload:before { content: "\1f4e4"; height: inherit; }

.icon-upload-cloud.icon-left a:before, .icon-upload-cloud.icon-right a:after, i.icon-upload-cloud:before { content: "\e711"; height: inherit; }

.icon-reply.icon-left a:before, .icon-reply.icon-right a:after, i.icon-reply:before { content: "\e712"; height: inherit; }

.icon-reply-all.icon-left a:before, .icon-reply-all.icon-right a:after, i.icon-reply-all:before { content: "\e713"; height: inherit; }

.icon-forward.icon-left a:before, .icon-forward.icon-right a:after, i.icon-forward:before { content: "\27a6"; height: inherit; }

.icon-quote.icon-left a:before, .icon-quote.icon-right a:after, i.icon-quote:before { content: "\275e"; height: inherit; }

.icon-code.icon-left a:before, .icon-code.icon-right a:after, i.icon-code:before { content: "\e714"; height: inherit; }

.icon-export.icon-left a:before, .icon-export.icon-right a:after, i.icon-export:before { content: "\e715"; height: inherit; }

.icon-pencil.icon-left a:before, .icon-pencil.icon-right a:after, i.icon-pencil:before { content: "\270e"; height: inherit; }

.icon-feather.icon-left a:before, .icon-feather.icon-right a:after, i.icon-feather:before { content: "\2712"; height: inherit; }

.icon-print.icon-left a:before, .icon-print.icon-right a:after, i.icon-print:before { content: "\e716"; height: inherit; }

.icon-retweet.icon-left a:before, .icon-retweet.icon-right a:after, i.icon-retweet:before { content: "\e717"; height: inherit; }

.icon-keyboard.icon-left a:before, .icon-keyboard.icon-right a:after, i.icon-keyboard:before { content: "\2328"; height: inherit; }

.icon-comment.icon-left a:before, .icon-comment.icon-right a:after, i.icon-comment:before { content: "\e718"; height: inherit; }

.icon-chat.icon-left a:before, .icon-chat.icon-right a:after, i.icon-chat:before { content: "\e720"; height: inherit; }

.icon-bell.icon-left a:before, .icon-bell.icon-right a:after, i.icon-bell:before { content: "\1f514"; height: inherit; }

.icon-attention.icon-left a:before, .icon-attention.icon-right a:after, i.icon-attention:before { content: "\26a0"; height: inherit; }

.icon-alert.icon-left a:before, .icon-alert.icon-right a:after, i.icon-alert:before { content: "\1f4a5"; height: inherit; }

.icon-vcard.icon-left a:before, .icon-vcard.icon-right a:after, i.icon-vcard:before { content: "\e722"; height: inherit; }

.icon-address.icon-left a:before, .icon-address.icon-right a:after, i.icon-address:before { content: "\e723"; height: inherit; }

.icon-location.icon-left a:before, .icon-location.icon-right a:after, i.icon-location:before { content: "\e724"; height: inherit; }

.icon-map.icon-left a:before, .icon-map.icon-right a:after, i.icon-map:before { content: "\e727"; height: inherit; }

.icon-direction.icon-left a:before, .icon-direction.icon-right a:after, i.icon-direction:before { content: "\27a2"; height: inherit; }

.icon-compass.icon-left a:before, .icon-compass.icon-right a:after, i.icon-compass:before { content: "\e728"; height: inherit; }

.icon-cup.icon-left a:before, .icon-cup.icon-right a:after, i.icon-cup:before { content: "\2615"; height: inherit; }

.icon-trash.icon-left a:before, .icon-trash.icon-right a:after, i.icon-trash:before { content: "\e729"; height: inherit; }

.icon-doc.icon-left a:before, .icon-doc.icon-right a:after, i.icon-doc:before { content: "\e730"; height: inherit; }

.icon-docs.icon-left a:before, .icon-docs.icon-right a:after, i.icon-docs:before { content: "\e736"; height: inherit; }

.icon-doc-landscape.icon-left a:before, .icon-doc-landscape.icon-right a:after, i.icon-doc-landscape:before { content: "\e737"; height: inherit; }

.icon-doc-text.icon-left a:before, .icon-doc-text.icon-right a:after, i.icon-doc-text:before { content: "\1f4c4"; height: inherit; }

.icon-doc-text-inv.icon-left a:before, .icon-doc-text-inv.icon-right a:after, i.icon-doc-text-inv:before { content: "\e731"; height: inherit; }

.icon-newspaper.icon-left a:before, .icon-newspaper.icon-right a:after, i.icon-newspaper:before { content: "\1f4f0"; height: inherit; }

.icon-book-open.icon-left a:before, .icon-book-open.icon-right a:after, i.icon-book-open:before { content: "\1f4d6"; height: inherit; }

.icon-book.icon-left a:before, .icon-book.icon-right a:after, i.icon-book:before { content: "\1f4d5"; height: inherit; }

.icon-folder.icon-left a:before, .icon-folder.icon-right a:after, i.icon-folder:before { content: "\1f4c1"; height: inherit; }

.icon-archive.icon-left a:before, .icon-archive.icon-right a:after, i.icon-archive:before { content: "\e738"; height: inherit; }

.icon-box.icon-left a:before, .icon-box.icon-right a:after, i.icon-box:before { content: "\1f4e6"; height: inherit; }

.icon-rss.icon-left a:before, .icon-rss.icon-right a:after, i.icon-rss:before { content: "\e73a"; height: inherit; }

.icon-phone.icon-left a:before, .icon-phone.icon-right a:after, i.icon-phone:before { content: "\1f4de"; height: inherit; }

.icon-cog.icon-left a:before, .icon-cog.icon-right a:after, i.icon-cog:before { content: "\2699"; height: inherit; }

.icon-tools.icon-left a:before, .icon-tools.icon-right a:after, i.icon-tools:before { content: "\2692"; height: inherit; }

.icon-share.icon-left a:before, .icon-share.icon-right a:after, i.icon-share:before { content: "\e73c"; height: inherit; }

.icon-shareable.icon-left a:before, .icon-shareable.icon-right a:after, i.icon-shareable:before { content: "\e73e"; height: inherit; }

.icon-basket.icon-left a:before, .icon-basket.icon-right a:after, i.icon-basket:before { content: "\e73d"; height: inherit; }

.icon-bag.icon-left a:before, .icon-bag.icon-right a:after, i.icon-bag:before { content: "\1f45c"; height: inherit; }

.icon-calendar.icon-left a:before, .icon-calendar.icon-right a:after, i.icon-calendar:before { content: "\1f4c5"; height: inherit; }

.icon-login.icon-left a:before, .icon-login.icon-right a:after, i.icon-login:before { content: "\e740"; height: inherit; }

.icon-logout.icon-left a:before, .icon-logout.icon-right a:after, i.icon-logout:before { content: "\e741"; height: inherit; }

.icon-mic.icon-left a:before, .icon-mic.icon-right a:after, i.icon-mic:before { content: "\1f3a4"; height: inherit; }

.icon-mute.icon-left a:before, .icon-mute.icon-right a:after, i.icon-mute:before { content: "\1f507"; height: inherit; }

.icon-sound.icon-left a:before, .icon-sound.icon-right a:after, i.icon-sound:before { content: "\1f50a"; height: inherit; }

.icon-volume.icon-left a:before, .icon-volume.icon-right a:after, i.icon-volume:before { content: "\e742"; height: inherit; }

.icon-clock.icon-left a:before, .icon-clock.icon-right a:after, i.icon-clock:before { content: "\1f554"; height: inherit; }

.icon-hourglass.icon-left a:before, .icon-hourglass.icon-right a:after, i.icon-hourglass:before { content: "\23f3"; height: inherit; }

.icon-lamp.icon-left a:before, .icon-lamp.icon-right a:after, i.icon-lamp:before { content: "\1f4a1"; height: inherit; }

.icon-light-down.icon-left a:before, .icon-light-down.icon-right a:after, i.icon-light-down:before { content: "\1f505"; height: inherit; }

.icon-light-up.icon-left a:before, .icon-light-up.icon-right a:after, i.icon-light-up:before { content: "\1f506"; height: inherit; }

.icon-adjust.icon-left a:before, .icon-adjust.icon-right a:after, i.icon-adjust:before { content: "\25d1"; height: inherit; }

.icon-block.icon-left a:before, .icon-block.icon-right a:after, i.icon-block:before { content: "\1f6ab"; height: inherit; }

.icon-resize-full.icon-left a:before, .icon-resize-full.icon-right a:after, i.icon-resize-full:before { content: "\e744"; height: inherit; }

.icon-resize-small.icon-left a:before, .icon-resize-small.icon-right a:after, i.icon-resize-small:before { content: "\e746"; height: inherit; }

.icon-popup.icon-left a:before, .icon-popup.icon-right a:after, i.icon-popup:before { /*content: "\e74c";*/ height: inherit; }

.icon-publish.icon-left a:before, .icon-publish.icon-right a:after, i.icon-publish:before { content: "\e74d"; height: inherit; }

.icon-window.icon-left a:before, .icon-window.icon-right a:after, i.icon-window:before { content: "\e74e"; height: inherit; }

.icon-arrow-combo.icon-left a:before, .icon-arrow-combo.icon-right a:after, i.icon-arrow-combo:before { content: "\e74f"; height: inherit; }

.icon-down-circled.icon-left a:before, .icon-down-circled.icon-right a:after, i.icon-down-circled:before { content: "\e758"; height: inherit; }

.icon-left-circled.icon-left a:before, .icon-left-circled.icon-right a:after, i.icon-left-circled:before { content: "\e759"; height: inherit; }

.icon-right-circled.icon-left a:before, .icon-right-circled.icon-right a:after, i.icon-right-circled:before { content: "\e75a"; height: inherit; }

.icon-up-circled.icon-left a:before, .icon-up-circled.icon-right a:after, i.icon-up-circled:before { content: "\e75b"; height: inherit; }

.icon-down-open.icon-left a:before, .icon-down-open.icon-right a:after, i.icon-down-open:before { content: "\e75c"; height: inherit; }

.icon-left-open.icon-left a:before, .icon-left-open.icon-right a:after, i.icon-left-open:before { content: "\e75d"; height: inherit; }

.icon-right-open.icon-left a:before, .icon-right-open.icon-right a:after, i.icon-right-open:before { content: "\e75e"; height: inherit; }

.icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after, i.icon-up-open:before { content: "\e75f"; height: inherit; }

.icon-down-open-mini.icon-left a:before, .icon-down-open-mini.icon-right a:after, i.icon-down-open-mini:before { content: "\e760"; height: inherit; }

.icon-left-open-mini.icon-left a:before, .icon-left-open-mini.icon-right a:after, i.icon-left-open-mini:before { content: "\e761"; height: inherit; }

.icon-right-open-mini.icon-left a:before, .icon-right-open-mini.icon-right a:after, i.icon-right-open-mini:before { content: "\e762"; height: inherit; }

.icon-up-open-mini.icon-left a:before, .icon-up-open-mini.icon-right a:after, i.icon-up-open-mini:before { content: "\e763"; height: inherit; }

.icon-down-open-big.icon-left a:before, .icon-down-open-big.icon-right a:after, i.icon-down-open-big:before { content: "\e764"; height: inherit; }

.icon-left-open-big.icon-left a:before, .icon-left-open-big.icon-right a:after, i.icon-left-open-big:before { content: "\e765"; height: inherit; }

.icon-right-open-big.icon-left a:before, .icon-right-open-big.icon-right a:after, i.icon-right-open-big:before { content: "\e766"; height: inherit; }

.icon-up-open-big.icon-left a:before, .icon-up-open-big.icon-right a:after, i.icon-up-open-big:before { content: "\e767"; height: inherit; }

.icon-down.icon-left a:before, .icon-down.icon-right a:after, i.icon-down:before { content: "\2b07"; height: inherit; }

.icon-arrow-left.icon-left a:before, .icon-arrow-left.icon-right a:after, i.icon-arrow-left:before { content: "\2b05"; height: inherit; }

.icon-arrow-right.icon-left a:before, .icon-arrow-right.icon-right a:after, i.icon-arrow-right:before { content: "\27a1"; height: inherit; }

.icon-up.icon-left a:before, .icon-up.icon-right a:after, i.icon-up:before { content: "\2b06"; height: inherit; }

.icon-down-dir.icon-left a:before, .icon-down-dir.icon-right a:after, i.icon-down-dir:before { content: "\25be"; height: inherit; }

.icon-left-dir.icon-left a:before, .icon-left-dir.icon-right a:after, i.icon-left-dir:before { content: "\25c2"; height: inherit; }

.icon-right-dir.icon-left a:before, .icon-right-dir.icon-right a:after, i.icon-right-dir:before { content: "\25b8"; height: inherit; }

.icon-up-dir.icon-left a:before, .icon-up-dir.icon-right a:after, i.icon-up-dir:before { content: "\25b4"; height: inherit; }

.icon-down-bold.icon-left a:before, .icon-down-bold.icon-right a:after, i.icon-down-bold:before { content: "\e4b0"; height: inherit; }

.icon-left-bold.icon-left a:before, .icon-left-bold.icon-right a:after, i.icon-left-bold:before { content: "\e4ad"; height: inherit; }

.icon-right-bold.icon-left a:before, .icon-right-bold.icon-right a:after, i.icon-right-bold:before { content: "\e4ae"; height: inherit; }

.icon-up-bold.icon-left a:before, .icon-up-bold.icon-right a:after, i.icon-up-bold:before { content: "\e4af"; height: inherit; }

.icon-down-thin.icon-left a:before, .icon-down-thin.icon-right a:after, i.icon-down-thin:before { content: "\2193"; height: inherit; }

.icon-left-thin.icon-left a:before, .icon-left-thin.icon-right a:after, i.icon-left-thin:before { content: "\2190"; height: inherit; }

.icon-right-thin.icon-left a:before, .icon-right-thin.icon-right a:after, i.icon-right-thin:before { content: "\2192"; height: inherit; }

.icon-up-thin.icon-left a:before, .icon-up-thin.icon-right a:after, i.icon-up-thin:before { content: "\2191"; height: inherit; }

.icon-ccw.icon-left a:before, .icon-ccw.icon-right a:after, i.icon-ccw:before { content: "\27f2"; height: inherit; }

.icon-cw.icon-left a:before, .icon-cw.icon-right a:after, i.icon-cw:before { content: "\27f3"; height: inherit; }

.icon-arrows-ccw.icon-left a:before, .icon-arrows-ccw.icon-right a:after, i.icon-arrows-ccw:before { content: "\1f504"; height: inherit; }

.icon-level-down.icon-left a:before, .icon-level-down.icon-right a:after, i.icon-level-down:before { content: "\21b3"; height: inherit; }

.icon-level-up.icon-left a:before, .icon-level-up.icon-right a:after, i.icon-level-up:before { content: "\21b0"; height: inherit; }

.icon-shuffle.icon-left a:before, .icon-shuffle.icon-right a:after, i.icon-shuffle:before { content: "\1f500"; height: inherit; }

.icon-loop.icon-left a:before, .icon-loop.icon-right a:after, i.icon-loop:before { content: "\1f501"; height: inherit; }

.icon-switch.icon-left a:before, .icon-switch.icon-right a:after, i.icon-switch:before { content: "\21c6"; height: inherit; }

.icon-play.icon-left a:before, .icon-play.icon-right a:after, i.icon-play:before { content: "\25b6"; height: inherit; }

.icon-stop.icon-left a:before, .icon-stop.icon-right a:after, i.icon-stop:before { content: "\25a0"; height: inherit; }

.icon-pause.icon-left a:before, .icon-pause.icon-right a:after, i.icon-pause:before { content: "\2389"; height: inherit; }

.icon-record.icon-left a:before, .icon-record.icon-right a:after, i.icon-record:before { content: "\26ab"; height: inherit; }

.icon-to-end.icon-left a:before, .icon-to-end.icon-right a:after, i.icon-to-end:before { content: "\23ed"; height: inherit; }

.icon-to-start.icon-left a:before, .icon-to-start.icon-right a:after, i.icon-to-start:before { content: "\23ee"; height: inherit; }

.icon-fast-forward.icon-left a:before, .icon-fast-forward.icon-right a:after, i.icon-fast-forward:before { content: "\23e9"; height: inherit; }

.icon-fast-backward.icon-left a:before, .icon-fast-backward.icon-right a:after, i.icon-fast-backward:before { content: "\23ea"; height: inherit; }

.icon-progress-0.icon-left a:before, .icon-progress-0.icon-right a:after, i.icon-progress-0:before { content: "\e768"; height: inherit; }

.icon-progress-1.icon-left a:before, .icon-progress-1.icon-right a:after, i.icon-progress-1:before { content: "\e769"; height: inherit; }

.icon-progress-2.icon-left a:before, .icon-progress-2.icon-right a:after, i.icon-progress-2:before { content: "\e76a"; height: inherit; }

.icon-progress-3.icon-left a:before, .icon-progress-3.icon-right a:after, i.icon-progress-3:before { content: "\e76b"; height: inherit; }

.icon-target.icon-left a:before, .icon-target.icon-right a:after, i.icon-target:before { content: "\1f3af"; height: inherit; }

.icon-palette.icon-left a:before, .icon-palette.icon-right a:after, i.icon-palette:before { content: "\1f3a8"; height: inherit; }

.icon-list.icon-left a:before, .icon-list.icon-right a:after, i.icon-list:before { content: "\e005"; height: inherit; }

.icon-list-add.icon-left a:before, .icon-list-add.icon-right a:after, i.icon-list-add:before { content: "\e003"; height: inherit; }

.icon-signal.icon-left a:before, .icon-signal.icon-right a:after, i.icon-signal:before { content: "\1f4f6"; height: inherit; }

.icon-trophy.icon-left a:before, .icon-trophy.icon-right a:after, i.icon-trophy:before { content: "\1f3c6"; height: inherit; }

.icon-battery.icon-left a:before, .icon-battery.icon-right a:after, i.icon-battery:before { content: "\1f50b"; height: inherit; }

.icon-back-in-time.icon-left a:before, .icon-back-in-time.icon-right a:after, i.icon-back-in-time:before { content: "\e771"; height: inherit; }

.icon-monitor.icon-left a:before, .icon-monitor.icon-right a:after, i.icon-monitor:before { content: "\1f4bb"; height: inherit; }

.icon-mobile.icon-left a:before, .icon-mobile.icon-right a:after, i.icon-mobile:before { content: "\1f4f1"; height: inherit; }

.icon-network.icon-left a:before, .icon-network.icon-right a:after, i.icon-network:before { content: "\e776"; height: inherit; }

.icon-cd.icon-left a:before, .icon-cd.icon-right a:after, i.icon-cd:before { content: "\1f4bf"; height: inherit; }

.icon-inbox.icon-left a:before, .icon-inbox.icon-right a:after, i.icon-inbox:before { content: "\e777"; height: inherit; }

.icon-install.icon-left a:before, .icon-install.icon-right a:after, i.icon-install:before { content: "\e778"; height: inherit; }

.icon-globe.icon-left a:before, .icon-globe.icon-right a:after, i.icon-globe:before { content: "\1f30e"; height: inherit; }

.icon-cloud.icon-left a:before, .icon-cloud.icon-right a:after, i.icon-cloud:before { content: "\2601"; height: inherit; }

.icon-cloud-thunder.icon-left a:before, .icon-cloud-thunder.icon-right a:after, i.icon-cloud-thunder:before { content: "\26c8"; height: inherit; }

.icon-flash.icon-left a:before, .icon-flash.icon-right a:after, i.icon-flash:before { content: "\26a1"; height: inherit; }

.icon-moon.icon-left a:before, .icon-moon.icon-right a:after, i.icon-moon:before { content: "\263d"; height: inherit; }

.icon-flight.icon-left a:before, .icon-flight.icon-right a:after, i.icon-flight:before { content: "\2708"; height: inherit; }

.icon-paper-plane.icon-left a:before, .icon-paper-plane.icon-right a:after, i.icon-paper-plane:before { content: "\e79b"; height: inherit; }

.icon-leaf.icon-left a:before, .icon-leaf.icon-right a:after, i.icon-leaf:before { content: "\1f342"; height: inherit; }

.icon-lifebuoy.icon-left a:before, .icon-lifebuoy.icon-right a:after, i.icon-lifebuoy:before { content: "\e788"; height: inherit; }

.icon-mouse.icon-left a:before, .icon-mouse.icon-right a:after, i.icon-mouse:before { content: "\e789"; height: inherit; }

.icon-briefcase.icon-left a:before, .icon-briefcase.icon-right a:after, i.icon-briefcase:before { content: "\1f4bc"; height: inherit; }

.icon-suitcase.icon-left a:before, .icon-suitcase.icon-right a:after, i.icon-suitcase:before { content: "\e78e"; height: inherit; }

.icon-dot.icon-left a:before, .icon-dot.icon-right a:after, i.icon-dot:before { content: "\e78b"; height: inherit; }

.icon-dot-2.icon-left a:before, .icon-dot-2.icon-right a:after, i.icon-dot-2:before { content: "\e78c"; height: inherit; }

.icon-dot-3.icon-left a:before, .icon-dot-3.icon-right a:after, i.icon-dot-3:before { content: "\e78d"; height: inherit; }

.icon-brush.icon-left a:before, .icon-brush.icon-right a:after, i.icon-brush:before { content: "\e79a"; height: inherit; }

.icon-magnet.icon-left a:before, .icon-magnet.icon-right a:after, i.icon-magnet:before { content: "\e7a1"; height: inherit; }

.icon-infinity.icon-left a:before, .icon-infinity.icon-right a:after, i.icon-infinity:before { content: "\221e"; height: inherit; }

.icon-erase.icon-left a:before, .icon-erase.icon-right a:after, i.icon-erase:before { content: "\232b"; height: inherit; }

.icon-chart-pie.icon-left a:before, .icon-chart-pie.icon-right a:after, i.icon-chart-pie:before { content: "\e751"; height: inherit; }

.icon-chart-line.icon-left a:before, .icon-chart-line.icon-right a:after, i.icon-chart-line:before { content: "\1f4c8"; height: inherit; }

.icon-chart-bar.icon-left a:before, .icon-chart-bar.icon-right a:after, i.icon-chart-bar:before { content: "\1f4ca"; height: inherit; }

.icon-chart-area.icon-left a:before, .icon-chart-area.icon-right a:after, i.icon-chart-area:before { content: "\1f53e"; height: inherit; }

.icon-tape.icon-left a:before, .icon-tape.icon-right a:after, i.icon-tape:before { content: "\2707"; height: inherit; }

.icon-graduation-cap.icon-left a:before, .icon-graduation-cap.icon-right a:after, i.icon-graduation-cap:before { content: "\1f393"; height: inherit; }

.icon-language.icon-left a:before, .icon-language.icon-right a:after, i.icon-language:before { content: "\e752"; height: inherit; }

.icon-ticket.icon-left a:before, .icon-ticket.icon-right a:after, i.icon-ticket:before { content: "\1f3ab"; height: inherit; }

.icon-water.icon-left a:before, .icon-water.icon-right a:after, i.icon-water:before { content: "\1f4a6"; height: inherit; }

.icon-droplet.icon-left a:before, .icon-droplet.icon-right a:after, i.icon-droplet:before { content: "\1f4a7"; height: inherit; }

.icon-air.icon-left a:before, .icon-air.icon-right a:after, i.icon-air:before { content: "\e753"; height: inherit; }

.icon-credit-card.icon-left a:before, .icon-credit-card.icon-right a:after, i.icon-credit-card:before { content: "\1f4b3"; height: inherit; }

.icon-floppy.icon-left a:before, .icon-floppy.icon-right a:after, i.icon-floppy:before { content: "\1f4be"; height: inherit; }

.icon-clipboard.icon-left a:before, .icon-clipboard.icon-right a:after, i.icon-clipboard:before { content: "\1f4cb"; height: inherit; }

.icon-megaphone.icon-left a:before, .icon-megaphone.icon-right a:after, i.icon-megaphone:before { content: "\1f4e3"; height: inherit; }

.icon-database.icon-left a:before, .icon-database.icon-right a:after, i.icon-database:before { content: "\e754"; height: inherit; }

.icon-drive.icon-left a:before, .icon-drive.icon-right a:after, i.icon-drive:before { content: "\e755"; height: inherit; }

.icon-bucket.icon-left a:before, .icon-bucket.icon-right a:after, i.icon-bucket:before { content: "\e756"; height: inherit; }

.icon-thermometer.icon-left a:before, .icon-thermometer.icon-right a:after, i.icon-thermometer:before { content: "\e757"; height: inherit; }

.icon-key.icon-left a:before, .icon-key.icon-right a:after, i.icon-key:before { content: "\1f511"; height: inherit; }

.icon-flow-cascade.icon-left a:before, .icon-flow-cascade.icon-right a:after, i.icon-flow-cascade:before { content: "\e790"; height: inherit; }

.icon-flow-branch.icon-left a:before, .icon-flow-branch.icon-right a:after, i.icon-flow-branch:before { content: "\e791"; height: inherit; }

.icon-flow-tree.icon-left a:before, .icon-flow-tree.icon-right a:after, i.icon-flow-tree:before { content: "\e792"; height: inherit; }

.icon-flow-line.icon-left a:before, .icon-flow-line.icon-right a:after, i.icon-flow-line:before { content: "\e793"; height: inherit; }

.icon-flow-parallel.icon-left a:before, .icon-flow-parallel.icon-right a:after, i.icon-flow-parallel:before { content: "\e794"; height: inherit; }

.icon-rocket.icon-left a:before, .icon-rocket.icon-right a:after, i.icon-rocket:before { content: "\1f680"; height: inherit; }

.icon-gauge.icon-left a:before, .icon-gauge.icon-right a:after, i.icon-gauge:before { content: "\e7a2"; height: inherit; }

.icon-traffic-cone.icon-left a:before, .icon-traffic-cone.icon-right a:after, i.icon-traffic-cone:before { content: "\e7a3"; height: inherit; }

.icon-cc.icon-left a:before, .icon-cc.icon-right a:after, i.icon-cc:before { content: "\e7a5"; height: inherit; }

.icon-cc-by.icon-left a:before, .icon-cc-by.icon-right a:after, i.icon-cc-by:before { content: "\e7a6"; height: inherit; }

.icon-cc-nc.icon-left a:before, .icon-cc-nc.icon-right a:after, i.icon-cc-nc:before { content: "\e7a7"; height: inherit; }

.icon-cc-nc-eu.icon-left a:before, .icon-cc-nc-eu.icon-right a:after, i.icon-cc-nc-eu:before { content: "\e7a8"; height: inherit; }

.icon-cc-nc-jp.icon-left a:before, .icon-cc-nc-jp.icon-right a:after, i.icon-cc-nc-jp:before { content: "\e7a9"; height: inherit; }

.icon-cc-sa.icon-left a:before, .icon-cc-sa.icon-right a:after, i.icon-cc-sa:before { content: "\e7aa"; height: inherit; }

.icon-cc-nd.icon-left a:before, .icon-cc-nd.icon-right a:after, i.icon-cc-nd:before { content: "\e7ab"; height: inherit; }

.icon-cc-pd.icon-left a:before, .icon-cc-pd.icon-right a:after, i.icon-cc-pd:before { content: "\e7ac"; height: inherit; }

.icon-cc-zero.icon-left a:before, .icon-cc-zero.icon-right a:after, i.icon-cc-zero:before { content: "\e7ad"; height: inherit; }

.icon-cc-share.icon-left a:before, .icon-cc-share.icon-right a:after, i.icon-cc-share:before { content: "\e7ae"; height: inherit; }

.icon-cc-remix.icon-left a:before, .icon-cc-remix.icon-right a:after, i.icon-cc-remix:before { content: "\e7af"; height: inherit; }

.icon-github.icon-left a:before, .icon-github.icon-right a:after, i.icon-github:before { content: "\f300"; height: inherit; }

.icon-github-circled.icon-left a:before, .icon-github-circled.icon-right a:after, i.icon-github-circled:before { content: "\f301"; height: inherit; }

.icon-flickr.icon-left a:before, .icon-flickr.icon-right a:after, i.icon-flickr:before { content: "\f303"; height: inherit; }

.icon-flickr-circled.icon-left a:before, .icon-flickr-circled.icon-right a:after, i.icon-flickr-circled:before { content: "\f304"; height: inherit; }

.icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after, i.icon-vimeo:before { content: "\f306"; height: inherit; }

.icon-vimeo-circled.icon-left a:before, .icon-vimeo-circled.icon-right a:after, i.icon-vimeo-circled:before { content: "\f307"; height: inherit; }

.icon-twitter.icon-left a:before, .icon-twitter.icon-right a:after, i.icon-twitter:before { content: "\f309"; height: inherit; }

.icon-twitter-circled.icon-left a:before, .icon-twitter-circled.icon-right a:after, i.icon-twitter-circled:before { content: "\f30a"; height: inherit; }

.icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after, i.icon-facebook:before { content: "\f30c"; height: inherit; }

.icon-facebook-circled.icon-left a:before, .icon-facebook-circled.icon-right a:after, i.icon-facebook-circled:before { content: "\f30d"; height: inherit; }

.icon-facebook-squared.icon-left a:before, .icon-facebook-squared.icon-right a:after, i.icon-facebook-squared:before { content: "\f30e"; height: inherit; }

.icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after, i.icon-gplus:before { content: "\f30f"; height: inherit; }

.icon-gplus-circled.icon-left a:before, .icon-gplus-circled.icon-right a:after, i.icon-gplus-circled:before { content: "\f310"; height: inherit; }

.icon-pinterest.icon-left a:before, .icon-pinterest.icon-right a:after, i.icon-pinterest:before { content: "\f312"; height: inherit; }

.icon-pinterest-circled.icon-left a:before, .icon-pinterest-circled.icon-right a:after, i.icon-pinterest-circled:before { content: "\f313"; height: inherit; }

.icon-tumblr.icon-left a:before, .icon-tumblr.icon-right a:after, i.icon-tumblr:before { content: "\f315"; height: inherit; }

.icon-tumblr-circled.icon-left a:before, .icon-tumblr-circled.icon-right a:after, i.icon-tumblr-circled:before { content: "\f316"; height: inherit; }

.icon-linkedin.icon-left a:before, .icon-linkedin.icon-right a:after, i.icon-linkedin:before { content: "\f318"; height: inherit; }

.icon-linkedin-circled.icon-left a:before, .icon-linkedin-circled.icon-right a:after, i.icon-linkedin-circled:before { content: "\f319"; height: inherit; }

.icon-dribbble.icon-left a:before, .icon-dribbble.icon-right a:after, i.icon-dribbble:before { content: "\f31b"; height: inherit; }

.icon-dribbble-circled.icon-left a:before, .icon-dribbble-circled.icon-right a:after, i.icon-dribbble-circled:before { content: "\f31c"; height: inherit; }

.icon-stumbleupon.icon-left a:before, .icon-stumbleupon.icon-right a:after, i.icon-stumbleupon:before { content: "\f31e"; height: inherit; }

.icon-stumbleupon-circled.icon-left a:before, .icon-stumbleupon-circled.icon-right a:after, i.icon-stumbleupon-circled:before { content: "\f31f"; height: inherit; }

.icon-lastfm.icon-left a:before, .icon-lastfm.icon-right a:after, i.icon-lastfm:before { content: "\f321"; height: inherit; }

.icon-lastfm-circled.icon-left a:before, .icon-lastfm-circled.icon-right a:after, i.icon-lastfm-circled:before { content: "\f322"; height: inherit; }

.icon-rdio.icon-left a:before, .icon-rdio.icon-right a:after, i.icon-rdio:before { content: "\f324"; height: inherit; }

.icon-rdio-circled.icon-left a:before, .icon-rdio-circled.icon-right a:after, i.icon-rdio-circled:before { content: "\f325"; height: inherit; }

.icon-spotify.icon-left a:before, .icon-spotify.icon-right a:after, i.icon-spotify:before { content: "\f327"; height: inherit; }

.icon-spotify-circled.icon-left a:before, .icon-spotify-circled.icon-right a:after, i.icon-spotify-circled:before { content: "\f328"; height: inherit; }

.icon-qq.icon-left a:before, .icon-qq.icon-right a:after, i.icon-qq:before { content: "\f32a"; height: inherit; }

.icon-instagram.icon-left a:before, .icon-instagram.icon-right a:after, i.icon-instagram:before { content: "\f32d"; height: inherit; }

.icon-dropbox.icon-left a:before, .icon-dropbox.icon-right a:after, i.icon-dropbox:before { content: "\f330"; height: inherit; }

.icon-evernote.icon-left a:before, .icon-evernote.icon-right a:after, i.icon-evernote:before { content: "\f333"; height: inherit; }

.icon-flattr.icon-left a:before, .icon-flattr.icon-right a:after, i.icon-flattr:before { content: "\f336"; height: inherit; }

.icon-skype.icon-left a:before, .icon-skype.icon-right a:after, i.icon-skype:before { content: "\f339"; height: inherit; }

.icon-skype-circled.icon-left a:before, .icon-skype-circled.icon-right a:after, i.icon-skype-circled:before { content: "\f33a"; height: inherit; }

.icon-renren.icon-left a:before, .icon-renren.icon-right a:after, i.icon-renren:before { content: "\f33c"; height: inherit; }

.icon-sina-weibo.icon-left a:before, .icon-sina-weibo.icon-right a:after, i.icon-sina-weibo:before { content: "\f33f"; height: inherit; }

.icon-paypal.icon-left a:before, .icon-paypal.icon-right a:after, i.icon-paypal:before { content: "\f342"; height: inherit; }

.icon-picasa.icon-left a:before, .icon-picasa.icon-right a:after, i.icon-picasa:before { content: "\f345"; height: inherit; }

.icon-soundcloud.icon-left a:before, .icon-soundcloud.icon-right a:after, i.icon-soundcloud:before { content: "\f348"; height: inherit; }

.icon-mixi.icon-left a:before, .icon-mixi.icon-right a:after, i.icon-mixi:before { content: "\f34b"; height: inherit; }

.icon-behance.icon-left a:before, .icon-behance.icon-right a:after, i.icon-behance:before { content: "\f34e"; height: inherit; }

.icon-google-circles.icon-left a:before, .icon-google-circles.icon-right a:after, i.icon-google-circles:before { content: "\f351"; height: inherit; }

.icon-vkontakte.icon-left a:before, .icon-vkontakte.icon-right a:after, i.icon-vkontakte:before { content: "\f354"; height: inherit; }

.icon-smashing.icon-left a:before, .icon-smashing.icon-right a:after, i.icon-smashing:before { content: "\f357"; height: inherit; }

.icon-sweden.icon-left a:before, .icon-sweden.icon-right a:after, i.icon-sweden:before { content: "\f601"; height: inherit; }

.icon-db-shape.icon-left a:before, .icon-db-shape.icon-right a:after, i.icon-db-shape:before { content: "\f600"; height: inherit; }

.icon-logo-db.icon-left a:before, .icon-logo-db.icon-right a:after, i.icon-logo-db:before { content: "\f603"; height: inherit; }

.fixed { position: fixed; }
.fixed.pinned { position: absolute; }
@media only screen and (max-width: 767px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } }

.unfixed { position: relative !important; top: auto !important; left: auto !important; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

/* Fonts */
@font-face { font-family: "entypo"; font-style: normal; font-weight: 400; src: url(../fonts/icons/entypo.eot); src: url("../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/entypo.woff") format("woff"), url("../fonts/icons/entypo.ttf") format("truetype"); }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans"; font-weight: 300; color: #444444; text-rendering: optimizeLegibility; padding-top: 0.273em; line-height: 1.15538em; padding-bottom: 0.273em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d04526; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #c03d20; }

@media only screen and (max-width: 767px) { h1, h2, h3, h4, h5, h6 { word-wrap: break-word; } }
h1 { font-size: 68px; font-size: 4.25rem; }
h1.xlarge { font-size: 110px; font-size: 6.875rem; }
h1.xxlarge { font-size: 126px; font-size: 7.875rem; }
h1.absurd { font-size: 177px; font-size: 11.0625rem; }

h2 { font-size: 42px; font-size: 2.625rem; }

h3 { font-size: 30px; font-size: 1.875rem; }

h4 { font-size: 26px; font-size: 1.625rem; }

h5 { font-size: 18px; font-size: 1.125rem; }

h6 { font-size: 16px; font-size: 1rem; }

@media only screen and (max-width: 767px) { h1 { font-size: 42px; font-size: 2.625rem; }
  h2 { font-size: 36px; font-size: 2.25rem; } }
.subhead { color: #777; font-weight: normal; margin-bottom: 20px; }

/*=====================================================
 Links & Paragraph styles
 ======================================================*/
p { font-family: "Open Sans"; font-weight: 400; font-size: 16px; font-size: 1rem; margin-bottom: 13px; line-height: 1.625em; }
p.lead { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; }
@media only screen and (max-width: 767px) { p { font-size: 17.6px; font-size: 1.1rem; line-height: 1.625em; } }

a { color: #333333; text-decoration: none; outline: 0; line-height: inherit; }
a:hover { color: #00acdb; }

/*=====================================================
 Lists
 ======================================================*/
ul, ol { margin-bottom: 0.273em; }

ul { list-style: none outside; }

ol { list-style: decimal; margin-left: 30px; }

ul.square, ul.circle, ul.disc, ul.blank { margin-left: 25px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul { margin: 4px 0 5px 25px; }

ol ol { margin: 4px 0 5px 30px; }

li { padding-bottom: 0.273em; }

ul.large li { line-height: 21px; }

dl dt { font-weight: bold; font-size: 16px; font-size: 1rem; }

@media only screen and (max-width: 767px) { ul, ol, dl, p { text-align: left; } }
/* Mobile */
em { font-style: italic; line-height: inherit; }

strong { font-weight: 700; line-height: inherit; }

small { font-size: 56.4%; line-height: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }

/*  Blockquotes  */
blockquote { line-height: 20px; color: #777; margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 5px solid #cccccc; }
blockquote p { line-height: 20px; color: #777; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a { color: #555555; }
blockquote cite a:visited { color: #555555; }

hr { border: 1px solid #cccccc; clear: both; margin: 16px 0 18px; height: 0; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #cccccc; cursor: help; }

abbr { text-transform: none; }

/** Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: sanbeiji.com/archives/953 */
  p a { color: #555555 !important; text-decoration: underline; }
  p a:visited { color: #555555 !important; text-decoration: underline; }
  p a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/*=================================================

	+++ LE GRID +++
	A Responsive Grid -- Gumby defaults to a standard 960 grid,
	but you can change it to whatever you'd like.
 ==================================================*/
/*.container {
	padding: 0 $gutter-in-px;
}*/
.row { width: 100%; max-width: 1150px; min-width: 320px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.row .row { min-width: 0; padding-left: 0; padding-right: 0; }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { margin-left: 2.12766%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha { margin-left: 0; }

.column.omega, .columns.omega { float: right; }

/* Column Classes */
.row .one.column { width: 6.38298%; }
.row .one.columns { width: 6.38298%; }
.row .two.columns { width: 14.89362%; }
.row .three.columns { width: 23.40426%; }
.row .four.columns { width: 31.91489%; }
.row .five.columns { width: 40.42553%; }
.row .six.columns { width: 48.93617%; }
.row .seven.columns { width: 57.44681%; }
.row .eight.columns { width: 65.95745%; }
.row .nine.columns { width: 74.46809%; }
.row .ten.columns { width: 82.97872%; }
.row .eleven.columns { width: 91.48936%; }
.row .twelve.columns { width: 100%; }

/* Push and Pull Classes */
.row .push_one { margin-left: 10.6383%; }
.row .push_one:first-child { margin-left: 8.51064%; }
.row .pull_one.one.column { margin-left: -14.89362%; }
.row .pull_one.two.columns { margin-left: -23.40426%; }
.row .pull_one.three.columns { margin-left: -31.91489%; }
.row .pull_one.four.columns { margin-left: -40.42553%; }
.row .pull_one.five.columns { margin-left: -48.93617%; }
.row .pull_one.six.columns { margin-left: -57.44681%; }
.row .pull_one.seven.columns { margin-left: -65.95745%; }
.row .pull_one.eight.columns { margin-left: -74.46809%; }
.row .pull_one.nine.columns { margin-left: -82.97872%; }
.row .pull_one.ten.columns { margin-left: -91.48936%; }
.row .push_two { margin-left: 19.14894%; }
.row .push_two:first-child { margin-left: 17.02128%; }
.row .pull_two.one.column { margin-left: -23.40426%; }
.row .pull_two.two.columns { margin-left: -31.91489%; }
.row .pull_two.three.columns { margin-left: -40.42553%; }
.row .pull_two.four.columns { margin-left: -48.93617%; }
.row .pull_two.five.columns { margin-left: -57.44681%; }
.row .pull_two.six.columns { margin-left: -65.95745%; }
.row .pull_two.seven.columns { margin-left: -74.46809%; }
.row .pull_two.eight.columns { margin-left: -82.97872%; }
.row .pull_two.nine.columns { margin-left: -91.48936%; }
.row .pull_two.eleven.columns { margin-left: -108.51064%; }
.row .push_three { margin-left: 27.65957%; }
.row .push_three:first-child { margin-left: 25.53191%; }
.row .pull_three.one.column { margin-left: -31.91489%; }
.row .pull_three.two.columns { margin-left: -40.42553%; }
.row .pull_three.three.columns { margin-left: -48.93617%; }
.row .pull_three.four.columns { margin-left: -57.44681%; }
.row .pull_three.five.columns { margin-left: -65.95745%; }
.row .pull_three.six.columns { margin-left: -74.46809%; }
.row .pull_three.seven.columns { margin-left: -82.97872%; }
.row .pull_three.eight.columns { margin-left: -91.48936%; }
.row .pull_three.ten.columns { margin-left: -108.51064%; }
.row .pull_three.eleven.columns { margin-left: -117.02128%; }
.row .push_four { margin-left: 36.17021%; }
.row .push_four:first-child { margin-left: 34.04255%; }
.row .pull_four.one.column { margin-left: -40.42553%; }
.row .pull_four.two.columns { margin-left: -48.93617%; }
.row .pull_four.three.columns { margin-left: -57.44681%; }
.row .pull_four.four.columns { margin-left: -65.95745%; }
.row .pull_four.five.columns { margin-left: -74.46809%; }
.row .pull_four.six.columns { margin-left: -82.97872%; }
.row .pull_four.seven.columns { margin-left: -91.48936%; }
.row .pull_four.nine.columns { margin-left: -108.51064%; }
.row .pull_four.ten.columns { margin-left: -117.02128%; }
.row .pull_four.eleven.columns { margin-left: -125.53191%; }
.row .push_five { margin-left: 44.68085%; }
.row .push_five:first-child { margin-left: 42.55319%; }
.row .pull_five.one.column { margin-left: -48.93617%; }
.row .pull_five.two.columns { margin-left: -57.44681%; }
.row .pull_five.three.columns { margin-left: -65.95745%; }
.row .pull_five.four.columns { margin-left: -74.46809%; }
.row .pull_five.five.columns { margin-left: -82.97872%; }
.row .pull_five.six.columns { margin-left: -91.48936%; }
.row .pull_five.eight.columns { margin-left: -108.51064%; }
.row .pull_five.nine.columns { margin-left: -117.02128%; }
.row .pull_five.ten.columns { margin-left: -125.53191%; }
.row .pull_five.eleven.columns { margin-left: -134.04255%; }
.row .push_six { margin-left: 53.19149%; }
.row .push_six:first-child { margin-left: 51.06383%; }
.row .pull_six.one.column { margin-left: -57.44681%; }
.row .pull_six.two.columns { margin-left: -65.95745%; }
.row .pull_six.three.columns { margin-left: -74.46809%; }
.row .pull_six.four.columns { margin-left: -82.97872%; }
.row .pull_six.five.columns { margin-left: -91.48936%; }
.row .pull_six.seven.columns { margin-left: -108.51064%; }
.row .pull_six.eight.columns { margin-left: -117.02128%; }
.row .pull_six.nine.columns { margin-left: -125.53191%; }
.row .pull_six.ten.columns { margin-left: -134.04255%; }
.row .pull_six.eleven.columns { margin-left: -142.55319%; }
.row .push_seven { margin-left: 61.70213%; }
.row .push_seven:first-child { margin-left: 59.57447%; }
.row .pull_seven.one.column { margin-left: -65.95745%; }
.row .pull_seven.two.columns { margin-left: -74.46809%; }
.row .pull_seven.three.columns { margin-left: -82.97872%; }
.row .pull_seven.four.columns { margin-left: -91.48936%; }
.row .pull_seven.six.columns { margin-left: -108.51064%; }
.row .pull_seven.seven.columns { margin-left: -117.02128%; }
.row .pull_seven.eight.columns { margin-left: -125.53191%; }
.row .pull_seven.nine.columns { margin-left: -134.04255%; }
.row .pull_seven.ten.columns { margin-left: -142.55319%; }
.row .pull_seven.eleven.columns { margin-left: -151.06383%; }
.row .push_eight { margin-left: 70.21277%; }
.row .push_eight:first-child { margin-left: 68.08511%; }
.row .pull_eight.one.column { margin-left: -74.46809%; }
.row .pull_eight.two.columns { margin-left: -82.97872%; }
.row .pull_eight.three.columns { margin-left: -91.48936%; }
.row .pull_eight.five.columns { margin-left: -108.51064%; }
.row .pull_eight.six.columns { margin-left: -117.02128%; }
.row .pull_eight.seven.columns { margin-left: -125.53191%; }
.row .pull_eight.eight.columns { margin-left: -134.04255%; }
.row .pull_eight.nine.columns { margin-left: -142.55319%; }
.row .pull_eight.ten.columns { margin-left: -151.06383%; }
.row .pull_eight.eleven.columns { margin-left: -159.57447%; }
.row .push_nine { margin-left: 78.7234%; }
.row .push_nine:first-child { margin-left: 76.59574%; }
.row .pull_nine.one.column { margin-left: -82.97872%; }
.row .pull_nine.two.columns { margin-left: -91.48936%; }
.row .pull_nine.four.columns { margin-left: -108.51064%; }
.row .pull_nine.five.columns { margin-left: -117.02128%; }
.row .pull_nine.six.columns { margin-left: -125.53191%; }
.row .pull_nine.seven.columns { margin-left: -134.04255%; }
.row .pull_nine.eight.columns { margin-left: -142.55319%; }
.row .pull_nine.nine.columns { margin-left: -151.06383%; }
.row .pull_nine.ten.columns { margin-left: -159.57447%; }
.row .pull_nine.eleven.columns { margin-left: -168.08511%; }
.row .push_ten { margin-left: 87.23404%; }
.row .push_ten:first-child { margin-left: 85.10638%; }
.row .pull_ten.one.column { margin-left: -91.48936%; }
.row .pull_ten.three.columns { margin-left: -108.51064%; }
.row .pull_ten.four.columns { margin-left: -117.02128%; }
.row .pull_ten.five.columns { margin-left: -125.53191%; }
.row .pull_ten.six.columns { margin-left: -134.04255%; }
.row .pull_ten.seven.columns { margin-left: -142.55319%; }
.row .pull_ten.eight.columns { margin-left: -151.06383%; }
.row .pull_ten.nine.columns { margin-left: -159.57447%; }
.row .pull_ten.ten.columns { margin-left: -168.08511%; }
.row .pull_ten.eleven.columns { margin-left: -176.59574%; }
.row .push_eleven { margin-left: 95.74468%; }
.row .push_eleven:first-child { margin-left: 93.61702%; }
.row .pull_eleven.two.columns { margin-left: -108.51064%; }
.row .pull_eleven.three.columns { margin-left: -117.02128%; }
.row .pull_eleven.four.columns { margin-left: -125.53191%; }
.row .pull_eleven.five.columns { margin-left: -134.04255%; }
.row .pull_eleven.six.columns { margin-left: -142.55319%; }
.row .pull_eleven.seven.columns { margin-left: -151.06383%; }
.row .pull_eleven.eight.columns { margin-left: -159.57447%; }
.row .pull_eleven.nine.columns { margin-left: -168.08511%; }
.row .pull_eleven.ten.columns { margin-left: -176.59574%; }
.row .pull_eleven.eleven.columns { margin-left: -185.10638%; }

/* Centered Classes */
.row .one.centered { margin-left: 46.80851%; }
.row .two.centered { margin-left: 42.55319%; }
.row .three.centered { margin-left: 38.29787%; }
.row .four.centered { margin-left: 34.04255%; }
.row .five.centered { margin-left: 29.78723%; }
.row .six.centered { margin-left: 25.53191%; }
.row .seven.centered { margin-left: 21.2766%; }
.row .eight.centered { margin-left: 17.02128%; }
.row .nine.centered { margin-left: 12.76596%; }
.row .ten.centered { margin-left: 8.51064%; }
.row .eleven.centered { margin-left: 4.25532%; }

/* Hybrid Grid Columns */
.sixteen.colgrid .row .one.column { width: 4.25532%; }
.sixteen.colgrid .row .one.columns { width: 4.25532%; }
.sixteen.colgrid .row .two.columns { width: 10.6383%; }
.sixteen.colgrid .row .three.columns { width: 17.02128%; }
.sixteen.colgrid .row .four.columns { width: 23.40426%; }
.sixteen.colgrid .row .five.columns { width: 29.78723%; }
.sixteen.colgrid .row .six.columns { width: 36.17021%; }
.sixteen.colgrid .row .seven.columns { width: 42.55319%; }
.sixteen.colgrid .row .eight.columns { width: 48.93617%; }
.sixteen.colgrid .row .nine.columns { width: 55.31915%; }
.sixteen.colgrid .row .ten.columns { width: 61.70213%; }
.sixteen.colgrid .row .eleven.columns { width: 68.08511%; }
.sixteen.colgrid .row .twelve.columns { width: 74.46809%; }
.sixteen.colgrid .row .thirteen.columns { width: 80.85106%; }
.sixteen.colgrid .row .fourteen.columns { width: 87.23404%; }
.sixteen.colgrid .row .fifteen.columns { width: 93.61702%; }
.sixteen.colgrid .row .sixteen.columns { width: 100%; }

/* Hybrid Push and Pull Classes */
.sixteen.colgrid .row .push_one { margin-left: 8.51064%; }
.sixteen.colgrid .row .push_one:first-child { margin-left: 6.38298%; }
.sixteen.colgrid .row .pull_one.one.column { margin-left: -10.6383%; }
.sixteen.colgrid .row .pull_one.two.columns { margin-left: -17.02128%; }
.sixteen.colgrid .row .pull_one.three.columns { margin-left: -23.40426%; }
.sixteen.colgrid .row .pull_one.four.columns { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_one.five.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_one.six.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_one.seven.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_one.eight.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_one.nine.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_one.ten.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_one.eleven.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_one.twelve.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_one.thirteen.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_one.fourteen.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .push_two { margin-left: 14.89362%; }
.sixteen.colgrid .row .push_two:first-child { margin-left: 12.76596%; }
.sixteen.colgrid .row .pull_two.one.column { margin-left: -17.02128%; }
.sixteen.colgrid .row .pull_two.two.columns { margin-left: -23.40426%; }
.sixteen.colgrid .row .pull_two.three.columns { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_two.four.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_two.five.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_two.six.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_two.seven.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_two.eight.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_two.nine.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_two.ten.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_two.eleven.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_two.twelve.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_two.thirteen.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_two.fifteen.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .push_three { margin-left: 21.2766%; }
.sixteen.colgrid .row .push_three:first-child { margin-left: 19.14894%; }
.sixteen.colgrid .row .pull_three.one.column { margin-left: -23.40426%; }
.sixteen.colgrid .row .pull_three.two.columns { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_three.three.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_three.four.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_three.five.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_three.six.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_three.seven.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_three.eight.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_three.nine.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_three.ten.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_three.eleven.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_three.twelve.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_three.fourteen.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_three.fifteen.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .push_four { margin-left: 27.65957%; }
.sixteen.colgrid .row .push_four:first-child { margin-left: 25.53191%; }
.sixteen.colgrid .row .pull_four.one.column { margin-left: -29.78723%; }
.sixteen.colgrid .row .pull_four.two.columns { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_four.three.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_four.four.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_four.five.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_four.six.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_four.seven.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_four.eight.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_four.nine.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_four.ten.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_four.eleven.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_four.thirteen.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_four.fourteen.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_four.fifteen.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .push_five { margin-left: 34.04255%; }
.sixteen.colgrid .row .push_five:first-child { margin-left: 31.91489%; }
.sixteen.colgrid .row .pull_five.one.column { margin-left: -36.17021%; }
.sixteen.colgrid .row .pull_five.two.columns { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_five.three.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_five.four.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_five.five.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_five.six.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_five.seven.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_five.eight.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_five.nine.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_five.ten.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_five.twelve.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_five.thirteen.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_five.fourteen.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_five.fifteen.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .push_six { margin-left: 40.42553%; }
.sixteen.colgrid .row .push_six:first-child { margin-left: 38.29787%; }
.sixteen.colgrid .row .pull_six.one.column { margin-left: -42.55319%; }
.sixteen.colgrid .row .pull_six.two.columns { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_six.three.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_six.four.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_six.five.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_six.six.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_six.seven.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_six.eight.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_six.nine.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_six.eleven.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_six.twelve.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_six.thirteen.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_six.fourteen.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_six.fifteen.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .push_seven { margin-left: 46.80851%; }
.sixteen.colgrid .row .push_seven:first-child { margin-left: 44.68085%; }
.sixteen.colgrid .row .pull_seven.one.column { margin-left: -48.93617%; }
.sixteen.colgrid .row .pull_seven.two.columns { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_seven.three.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_seven.four.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_seven.five.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_seven.six.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_seven.seven.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_seven.eight.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_seven.ten.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_seven.eleven.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_seven.twelve.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_seven.thirteen.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_seven.fourteen.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_seven.fifteen.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .push_eight { margin-left: 53.19149%; }
.sixteen.colgrid .row .push_eight:first-child { margin-left: 51.06383%; }
.sixteen.colgrid .row .pull_eight.one.column { margin-left: -55.31915%; }
.sixteen.colgrid .row .pull_eight.two.columns { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_eight.three.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_eight.four.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_eight.five.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_eight.six.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_eight.seven.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_eight.nine.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_eight.ten.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_eight.eleven.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_eight.twelve.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_eight.thirteen.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_eight.fourteen.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_eight.fifteen.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .push_nine { margin-left: 59.57447%; }
.sixteen.colgrid .row .push_nine:first-child { margin-left: 57.44681%; }
.sixteen.colgrid .row .pull_nine.one.column { margin-left: -61.70213%; }
.sixteen.colgrid .row .pull_nine.two.columns { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_nine.three.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_nine.four.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_nine.five.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_nine.six.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_nine.eight.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_nine.nine.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_nine.ten.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_nine.eleven.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_nine.twelve.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_nine.thirteen.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_nine.fourteen.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_nine.fifteen.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .push_ten { margin-left: 65.95745%; }
.sixteen.colgrid .row .push_ten:first-child { margin-left: 63.82979%; }
.sixteen.colgrid .row .pull_ten.one.column { margin-left: -68.08511%; }
.sixteen.colgrid .row .pull_ten.two.columns { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_ten.three.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_ten.four.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_ten.five.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_ten.seven.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_ten.eight.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_ten.nine.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_ten.ten.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_ten.eleven.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_ten.twelve.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_ten.thirteen.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_ten.fourteen.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_ten.fifteen.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .push_eleven { margin-left: 72.34043%; }
.sixteen.colgrid .row .push_eleven:first-child { margin-left: 70.21277%; }
.sixteen.colgrid .row .pull_eleven.one.column { margin-left: -74.46809%; }
.sixteen.colgrid .row .pull_eleven.two.columns { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_eleven.three.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_eleven.four.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_eleven.six.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_eleven.seven.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_eleven.eight.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_eleven.nine.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_eleven.ten.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_eleven.eleven.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_eleven.twelve.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_eleven.thirteen.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_eleven.fourteen.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_eleven.fifteen.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .push_twelve { margin-left: 78.7234%; }
.sixteen.colgrid .row .push_twelve:first-child { margin-left: 76.59574%; }
.sixteen.colgrid .row .pull_twelve.one.column { margin-left: -80.85106%; }
.sixteen.colgrid .row .pull_twelve.two.columns { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_twelve.three.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_twelve.five.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_twelve.six.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_twelve.seven.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_twelve.eight.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_twelve.nine.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_twelve.ten.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_twelve.eleven.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_twelve.twelve.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_twelve.thirteen.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_twelve.fourteen.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_twelve.fifteen.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .push_thirteen { margin-left: 85.10638%; }
.sixteen.colgrid .row .push_thirteen:first-child { margin-left: 82.97872%; }
.sixteen.colgrid .row .pull_thirteen.one.column { margin-left: -87.23404%; }
.sixteen.colgrid .row .pull_thirteen.two.columns { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_thirteen.four.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_thirteen.five.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_thirteen.six.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_thirteen.seven.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_thirteen.eight.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_thirteen.nine.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_thirteen.ten.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_thirteen.eleven.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_thirteen.twelve.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_thirteen.thirteen.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_thirteen.fourteen.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .pull_thirteen.fifteen.columns { margin-left: -176.59574%; }
.sixteen.colgrid .row .push_fourteen { margin-left: 91.48936%; }
.sixteen.colgrid .row .push_fourteen:first-child { margin-left: 89.3617%; }
.sixteen.colgrid .row .pull_fourteen.one.column { margin-left: -93.61702%; }
.sixteen.colgrid .row .pull_fourteen.three.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_fourteen.four.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_fourteen.five.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_fourteen.six.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_fourteen.seven.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_fourteen.eight.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_fourteen.nine.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_fourteen.ten.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_fourteen.eleven.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_fourteen.twelve.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_fourteen.thirteen.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .pull_fourteen.fourteen.columns { margin-left: -176.59574%; }
.sixteen.colgrid .row .pull_fourteen.fifteen.columns { margin-left: -182.97872%; }
.sixteen.colgrid .row .push_fifteen { margin-left: 97.87234%; }
.sixteen.colgrid .row .push_fifteen:first-child { margin-left: 95.74468%; }
.sixteen.colgrid .row .pull_fifteen.two.columns { margin-left: -106.38298%; }
.sixteen.colgrid .row .pull_fifteen.three.columns { margin-left: -112.76596%; }
.sixteen.colgrid .row .pull_fifteen.four.columns { margin-left: -119.14894%; }
.sixteen.colgrid .row .pull_fifteen.five.columns { margin-left: -125.53191%; }
.sixteen.colgrid .row .pull_fifteen.six.columns { margin-left: -131.91489%; }
.sixteen.colgrid .row .pull_fifteen.seven.columns { margin-left: -138.29787%; }
.sixteen.colgrid .row .pull_fifteen.eight.columns { margin-left: -144.68085%; }
.sixteen.colgrid .row .pull_fifteen.nine.columns { margin-left: -151.06383%; }
.sixteen.colgrid .row .pull_fifteen.ten.columns { margin-left: -157.44681%; }
.sixteen.colgrid .row .pull_fifteen.eleven.columns { margin-left: -163.82979%; }
.sixteen.colgrid .row .pull_fifteen.twelve.columns { margin-left: -170.21277%; }
.sixteen.colgrid .row .pull_fifteen.thirteen.columns { margin-left: -176.59574%; }
.sixteen.colgrid .row .pull_fifteen.fourteen.columns { margin-left: -182.97872%; }
.sixteen.colgrid .row .pull_fifteen.fifteen.columns { margin-left: -189.3617%; }

.row .pull_one.one.column:first-child, .row .pull_one.two.columns:first-child, .row .pull_one.three.columns:first-child, .row .pull_one.four.columns:first-child, .row .pull_one.five.columns:first-child, .row .pull_one.six.columns:first-child, .row .pull_one.seven.columns:first-child, .row .pull_one.eight.columns:first-child, .row .pull_one.nine.columns:first-child, .row .pull_one.ten.columns:first-child, .row .pull_two.one.column:first-child, .row .pull_two.two.columns:first-child, .row .pull_two.three.columns:first-child, .row .pull_two.four.columns:first-child, .row .pull_two.five.columns:first-child, .row .pull_two.six.columns:first-child, .row .pull_two.seven.columns:first-child, .row .pull_two.eight.columns:first-child, .row .pull_two.nine.columns:first-child, .row .pull_two.eleven.columns:first-child, .row .pull_three.one.column:first-child, .row .pull_three.two.columns:first-child, .row .pull_three.three.columns:first-child, .row .pull_three.four.columns:first-child, .row .pull_three.five.columns:first-child, .row .pull_three.six.columns:first-child, .row .pull_three.seven.columns:first-child, .row .pull_three.eight.columns:first-child, .row .pull_three.ten.columns:first-child, .row .pull_three.eleven.columns:first-child, .row .pull_four.one.column:first-child, .row .pull_four.two.columns:first-child, .row .pull_four.three.columns:first-child, .row .pull_four.four.columns:first-child, .row .pull_four.five.columns:first-child, .row .pull_four.six.columns:first-child, .row .pull_four.seven.columns:first-child, .row .pull_four.nine.columns:first-child, .row .pull_four.ten.columns:first-child, .row .pull_four.eleven.columns:first-child, .row .pull_five.one.column:first-child, .row .pull_five.two.columns:first-child, .row .pull_five.three.columns:first-child, .row .pull_five.four.columns:first-child, .row .pull_five.five.columns:first-child, .row .pull_five.six.columns:first-child, .row .pull_five.eight.columns:first-child, .row .pull_five.nine.columns:first-child, .row .pull_five.ten.columns:first-child, .row .pull_five.eleven.columns:first-child, .row .pull_six.one.column:first-child, .row .pull_six.two.columns:first-child, .row .pull_six.three.columns:first-child, .row .pull_six.four.columns:first-child, .row .pull_six.five.columns:first-child, .row .pull_six.seven.columns:first-child, .row .pull_six.eight.columns:first-child, .row .pull_six.nine.columns:first-child, .row .pull_six.ten.columns:first-child, .row .pull_six.eleven.columns:first-child, .row .pull_seven.one.column:first-child, .row .pull_seven.two.columns:first-child, .row .pull_seven.three.columns:first-child, .row .pull_seven.four.columns:first-child, .row .pull_seven.six.columns:first-child, .row .pull_seven.seven.columns:first-child, .row .pull_seven.eight.columns:first-child, .row .pull_seven.nine.columns:first-child, .row .pull_seven.ten.columns:first-child, .row .pull_seven.eleven.columns:first-child, .row .pull_eight.one.column:first-child, .row .pull_eight.two.columns:first-child, .row .pull_eight.three.columns:first-child, .row .pull_eight.five.columns:first-child, .row .pull_eight.six.columns:first-child, .row .pull_eight.seven.columns:first-child, .row .pull_eight.eight.columns:first-child, .row .pull_eight.nine.columns:first-child, .row .pull_eight.ten.columns:first-child, .row .pull_eight.eleven.columns:first-child, .row .pull_nine.one.column:first-child, .row .pull_nine.two.columns:first-child, .row .pull_nine.four.columns:first-child, .row .pull_nine.five.columns:first-child, .row .pull_nine.six.columns:first-child, .row .pull_nine.seven.columns:first-child, .row .pull_nine.eight.columns:first-child, .row .pull_nine.nine.columns:first-child, .row .pull_nine.ten.columns:first-child, .row .pull_nine.eleven.columns:first-child, .row .pull_ten.one.column:first-child, .row .pull_ten.three.columns:first-child, .row .pull_ten.four.columns:first-child, .row .pull_ten.five.columns:first-child, .row .pull_ten.six.columns:first-child, .row .pull_ten.seven.columns:first-child, .row .pull_ten.eight.columns:first-child, .row .pull_ten.nine.columns:
first-child, .row .pull_ten.ten.columns:first-child, .row .pull_ten.eleven.columns:first-child, .row .pull_eleven.two.columns:first-child, .row .pull_eleven.three.columns:first-child, .row .pull_eleven.four.columns:first-child, .row .pull_eleven.five.columns:first-child, .row .pull_eleven.six.columns:first-child, .row .pull_eleven.seven.columns:first-child, .row .pull_eleven.eight.columns:first-child, .row .pull_eleven.nine.columns:first-child, .row .pull_eleven.ten.columns:first-child, .row .pull_eleven.eleven.columns:first-child, .sixteen.colgrid .row .pull_one.one.column:first-child, .sixteen.colgrid .row .pull_one.two.columns:first-child, .sixteen.colgrid .row .pull_one.three.columns:first-child, .sixteen.colgrid .row .pull_one.four.columns:first-child, .sixteen.colgrid .row .pull_one.five.columns:first-child, .sixteen.colgrid .row .pull_one.six.columns:first-child, .sixteen.colgrid .row .pull_one.seven.columns:first-child, .sixteen.colgrid .row .pull_one.eight.columns:first-child, .sixteen.colgrid .row .pull_one.nine.columns:first-child, .sixteen.colgrid .row .pull_one.ten.columns:first-child, .sixteen.colgrid .row .pull_one.eleven.columns:first-child, .sixteen.colgrid .row .pull_one.twelve.columns:first-child, .sixteen.colgrid .row .pull_one.thirteen.columns:first-child, .sixteen.colgrid .row .pull_one.fourteen.columns:first-child, .sixteen.colgrid .row .pull_two.one.column:first-child, .sixteen.colgrid .row .pull_two.two.columns:first-child, .sixteen.colgrid .row .pull_two.three.columns:first-child, .sixteen.colgrid .row .pull_two.four.columns:first-child, .sixteen.colgrid .row .pull_two.five.columns:first-child, .sixteen.colgrid .row .pull_two.six.columns:first-child, .sixteen.colgrid .row .pull_two.seven.columns:first-child, .sixteen.colgrid .row .pull_two.eight.columns:first-child, .sixteen.colgrid .row .pull_two.nine.columns:first-child, .sixteen.colgrid .row .pull_two.ten.columns:first-child, .sixteen.colgrid .row .pull_two.eleven.columns:first-child, .sixteen.colgrid .row .pull_two.twelve.columns:first-child, .sixteen.colgrid .row .pull_two.thirteen.columns:first-child, .sixteen.colgrid .row .pull_two.fifteen.columns:first-child, .sixteen.colgrid .row .pull_three.one.column:first-child, .sixteen.colgrid .row .pull_three.two.columns:first-child, .sixteen.colgrid .row .pull_three.three.columns:first-child, .sixteen.colgrid .row .pull_three.four.columns:first-child, .sixteen.colgrid .row .pull_three.five.columns:first-child, .sixteen.colgrid .row .pull_three.six.columns:first-child, .sixteen.colgrid .row .pull_three.seven.columns:first-child, .sixteen.colgrid .row .pull_three.eight.columns:first-child, .sixteen.colgrid .row .pull_three.nine.columns:first-child, .sixteen.colgrid .row .pull_three.ten.columns:first-child, .sixteen.colgrid .row .pull_three.eleven.columns:first-child, .sixteen.colgrid .row .pull_three.twelve.columns:first-child, .sixteen.colgrid .row .pull_three.fourteen.columns:first-child, .sixteen.colgrid .row .pull_three.fifteen.columns:first-child, .sixteen.colgrid .row .pull_four.one.column:first-child, .sixteen.colgrid .row .pull_four.two.columns:first-child, .sixteen.colgrid .row .pull_four.three.columns:first-child, .sixteen.colgrid .row .pull_four.four.columns:first-child, .sixteen.colgrid .row .pull_four.five.columns:first-child, .sixteen.colgrid .row .pull_four.six.columns:first-child, .sixteen.colgrid .row .pull_four.seven.columns:first-child, .sixteen.colgrid .row .pull_four.eight.columns:first-child, .sixteen.colgrid .row .pull_four.nine.columns:first-child, .sixteen.colgrid .row .pull_four.ten.columns:first-child, .sixteen.colgrid .row .pull_four.eleven.columns:first-child, .sixteen.colgrid .row .pull_four.thirteen.columns:first-child, .sixteen.colgrid .row .pull_four.fourteen.columns:first-child, .sixteen.colgrid .row .pull_four.fifteen.columns:first-child, .sixteen.colgrid .row .pull_five.one.column:first-child, .sixteen.colgrid .row .pull_five.two.columns:first-child, .sixteen.colgrid .row .pull_five.three.columns:first-child, .sixteen.colgrid .row .pull_five.four.columns:first-
child, .sixteen.colgrid .row .pull_five.five.columns:first-child, .sixteen.colgrid .row .pull_five.six.columns:first-child, .sixteen.colgrid .row .pull_five.seven.columns:first-child, .sixteen.colgrid .row .pull_five.eight.columns:first-child, .sixteen.colgrid .row .pull_five.nine.columns:first-child, .sixteen.colgrid .row .pull_five.ten.columns:first-child, .sixteen.colgrid .row .pull_five.twelve.columns:first-child, .sixteen.colgrid .row .pull_five.thirteen.columns:first-child, .sixteen.colgrid .row .pull_five.fourteen.columns:first-child, .sixteen.colgrid .row .pull_five.fifteen.columns:first-child, .sixteen.colgrid .row .pull_six.one.column:first-child, .sixteen.colgrid .row .pull_six.two.columns:first-child, .sixteen.colgrid .row .pull_six.three.columns:first-child, .sixteen.colgrid .row .pull_six.four.columns:first-child, .sixteen.colgrid .row .pull_six.five.columns:first-child, .sixteen.colgrid .row .pull_six.six.columns:first-child, .sixteen.colgrid .row .pull_six.seven.columns:first-child, .sixteen.colgrid .row .pull_six.eight.columns:first-child, .sixteen.colgrid .row .pull_six.nine.columns:first-child, .sixteen.colgrid .row .pull_six.eleven.columns:first-child, .sixteen.colgrid .row .pull_six.twelve.columns:first-child, .sixteen.colgrid .row .pull_six.thirteen.columns:first-child, .sixteen.colgrid .row .pull_six.fourteen.columns:first-child, .sixteen.colgrid .row .pull_six.fifteen.columns:first-child, .sixteen.colgrid .row .pull_seven.one.column:first-child, .sixteen.colgrid .row .pull_seven.two.columns:first-child, .sixteen.colgrid .row .pull_seven.three.columns:first-child, .sixteen.colgrid .row .pull_seven.four.columns:first-child, .sixteen.colgrid .row .pull_seven.five.columns:first-child, .sixteen.colgrid .row .pull_seven.six.columns:first-child, .sixteen.colgrid .row .pull_seven.seven.columns:first-child, .sixteen.colgrid .row .pull_seven.eight.columns:first-child, .sixteen.colgrid .row .pull_seven.ten.columns:first-child, .sixteen.colgrid .row .pull_seven.eleven.columns:first-child, .sixteen.colgrid .row .pull_seven.twelve.columns:first-child, .sixteen.colgrid .row .pull_seven.thirteen.columns:first-child, .sixteen.colgrid .row .pull_seven.fourteen.columns:first-child, .sixteen.colgrid .row .pull_seven.fifteen.columns:first-child, .sixteen.colgrid .row .pull_eight.one.column:first-child, .sixteen.colgrid .row .pull_eight.two.columns:first-child, .sixteen.colgrid .row .pull_eight.three.columns:first-child, .sixteen.colgrid .row .pull_eight.four.columns:first-child, .sixteen.colgrid .row .pull_eight.five.columns:first-child, .sixteen.colgrid .row .pull_eight.six.columns:first-child, .sixteen.colgrid .row .pull_eight.seven.columns:first-child, .sixteen.colgrid .row .pull_eight.nine.columns:first-child, .sixteen.colgrid .row .pull_eight.ten.columns:first-child, .sixteen.colgrid .row .pull_eight.eleven.columns:first-child, .sixteen.colgrid .row .pull_eight.twelve.columns:first-child, .sixteen.colgrid .row .pull_eight.thirteen.columns:first-child, .sixteen.colgrid .row .pull_eight.fourteen.columns:first-child, .sixteen.colgrid .row .pull_eight.fifteen.columns:first-child, .sixteen.colgrid .row .pull_nine.one.column:first-child, .sixteen.colgrid .row .pull_nine.two.columns:first-child, .sixteen.colgrid .row .pull_nine.three.columns:first-child, .sixteen.colgrid .row .pull_nine.four.columns:first-child, .sixteen.colgrid .row .pull_nine.five.columns:first-child, .sixteen.colgrid .row .pull_nine.six.columns:first-child, .sixteen.colgrid .row .pull_nine.eight.columns:first-child, .sixteen.colgrid .row .pull_nine.nine.columns:first-child, .sixteen.colgrid .row .pull_nine.ten.columns:first-child, .sixteen.colgrid .row .pull_nine.eleven.columns:first-child, .sixteen.colgrid .row .pull_nine.twelve.columns:first-child, .sixteen.colgrid .row .pull_nine.thirteen.columns:first-child, .sixteen.colgrid .row .pull_nine.fourteen.columns:first-child, .sixteen.colgrid .row .pull_nine.fifteen.columns:first-child, .sixteen.colgrid .row .pull_ten.one.column:first-child, .sixteen.colgrid .row .pull_ten.two.columns:first-child, .
sixteen.colgrid .row .pull_ten.three.columns:first-child, .sixteen.colgrid .row .pull_ten.four.columns:first-child, .sixteen.colgrid .row .pull_ten.five.columns:first-child, .sixteen.colgrid .row .pull_ten.seven.columns:first-child, .sixteen.colgrid .row .pull_ten.eight.columns:first-child, .sixteen.colgrid .row .pull_ten.nine.columns:first-child, .sixteen.colgrid .row .pull_ten.ten.columns:first-child, .sixteen.colgrid .row .pull_ten.eleven.columns:first-child, .sixteen.colgrid .row .pull_ten.twelve.columns:first-child, .sixteen.colgrid .row .pull_ten.thirteen.columns:first-child, .sixteen.colgrid .row .pull_ten.fourteen.columns:first-child, .sixteen.colgrid .row .pull_ten.fifteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.one.column:first-child, .sixteen.colgrid .row .pull_eleven.two.columns:first-child, .sixteen.colgrid .row .pull_eleven.three.columns:first-child, .sixteen.colgrid .row .pull_eleven.four.columns:first-child, .sixteen.colgrid .row .pull_eleven.six.columns:first-child, .sixteen.colgrid .row .pull_eleven.seven.columns:first-child, .sixteen.colgrid .row .pull_eleven.eight.columns:first-child, .sixteen.colgrid .row .pull_eleven.nine.columns:first-child, .sixteen.colgrid .row .pull_eleven.ten.columns:first-child, .sixteen.colgrid .row .pull_eleven.eleven.columns:first-child, .sixteen.colgrid .row .pull_eleven.twelve.columns:first-child, .sixteen.colgrid .row .pull_eleven.thirteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.fourteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.fifteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.one.column:first-child, .sixteen.colgrid .row .pull_twelve.two.columns:first-child, .sixteen.colgrid .row .pull_twelve.three.columns:first-child, .sixteen.colgrid .row .pull_twelve.five.columns:first-child, .sixteen.colgrid .row .pull_twelve.six.columns:first-child, .sixteen.colgrid .row .pull_twelve.seven.columns:first-child, .sixteen.colgrid .row .pull_twelve.eight.columns:first-child, .sixteen.colgrid .row .pull_twelve.nine.columns:first-child, .sixteen.colgrid .row .pull_twelve.ten.columns:first-child, .sixteen.colgrid .row .pull_twelve.eleven.columns:first-child, .sixteen.colgrid .row .pull_twelve.twelve.columns:first-child, .sixteen.colgrid .row .pull_twelve.thirteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.fourteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.fifteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.one.column:first-child, .sixteen.colgrid .row .pull_thirteen.two.columns:first-child, .sixteen.colgrid .row .pull_thirteen.four.columns:first-child, .sixteen.colgrid .row .pull_thirteen.five.columns:first-child, .sixteen.colgrid .row .pull_thirteen.six.columns:first-child, .sixteen.colgrid .row .pull_thirteen.seven.columns:first-child, .sixteen.colgrid .row .pull_thirteen.eight.columns:first-child, .sixteen.colgrid .row .pull_thirteen.nine.columns:first-child, .sixteen.colgrid .row .pull_thirteen.ten.columns:first-child, .sixteen.colgrid .row .pull_thirteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_thirteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_thirteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.fifteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.one.column:first-child, .sixteen.colgrid .row .pull_fourteen.three.columns:first-child, .sixteen.colgrid .row .pull_fourteen.four.columns:first-child, .sixteen.colgrid .row .pull_fourteen.five.columns:first-child, .sixteen.colgrid .row .pull_fourteen.six.columns:first-child, .sixteen.colgrid .row .pull_fourteen.seven.columns:first-child, .sixteen.colgrid .row .pull_fourteen.eight.columns:first-child, .sixteen.colgrid .row .pull_fourteen.nine.columns:first-child, .sixteen.colgrid .row .pull_fourteen.ten.columns:first-child, .sixteen.colgrid .row .pull_fourteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_fourteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_fourteen.thirteen.columns:first-
child, .sixteen.colgrid .row .pull_fourteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.fifteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.two.columns:first-child, .sixteen.colgrid .row .pull_fifteen.three.columns:first-child, .sixteen.colgrid .row .pull_fifteen.four.columns:first-child, .sixteen.colgrid .row .pull_fifteen.five.columns:first-child, .sixteen.colgrid .row .pull_fifteen.six.columns:first-child, .sixteen.colgrid .row .pull_fifteen.seven.columns:first-child, .sixteen.colgrid .row .pull_fifteen.eight.columns:first-child, .sixteen.colgrid .row .pull_fifteen.nine.columns:first-child, .sixteen.colgrid .row .pull_fifteen.ten.columns:first-child, .sixteen.colgrid .row .pull_fifteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_fifteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_fifteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.fifteen.columns:first-child { margin-left: 0; }

.row .pull_one.eleven.columns, .row .pull_two.ten.columns, .row .pull_three.nine.columns, .row .pull_four.eight.columns, .row .pull_five.seven.columns, .row .pull_six.six.columns, .row .pull_seven.five.columns, .row .pull_eight.four.columns, .row .pull_nine.three.columns, .row .pull_ten.two.columns, .row .pull_eleven.one.columns, .sixteen.colgrid .row .pull_one.fifteen.columns, .sixteen.colgrid .row .pull_two.fourteen.columns, .sixteen.colgrid .row .pull_three.thirteen.columns, .sixteen.colgrid .row .pull_four.twelve.columns, .sixteen.colgrid .row .pull_five.eleven.columns, .sixteen.colgrid .row .pull_six.ten.columns, .sixteen.colgrid .row .pull_seven.nine.columns, .sixteen.colgrid .row .pull_eight.eight.columns, .sixteen.colgrid .row .pull_nine.seven.columns, .sixteen.colgrid .row .pull_ten.six.columns, .sixteen.colgrid .row .pull_eleven.five.columns, .sixteen.colgrid .row .pull_twelve.four.columns, .sixteen.colgrid .row .pull_thirteen.three.columns, .sixteen.colgrid .row .pull_fourteen.two.columns, .sixteen.colgrid .row .pull_fifteen.one.columns { margin-left: -100%; }

/* Hybrid Centered Classes */
.sixteen.colgrid .row .one.centered { margin-left: 47.87234%; }
.sixteen.colgrid .row .two.centered { margin-left: 44.68085%; }
.sixteen.colgrid .row .three.centered { margin-left: 41.48936%; }
.sixteen.colgrid .row .four.centered { margin-left: 38.29787%; }
.sixteen.colgrid .row .five.centered { margin-left: 35.10638%; }
.sixteen.colgrid .row .six.centered { margin-left: 31.91489%; }
.sixteen.colgrid .row .seven.centered { margin-left: 28.7234%; }
.sixteen.colgrid .row .eight.centered { margin-left: 25.53191%; }
.sixteen.colgrid .row .nine.centered { margin-left: 22.34043%; }
.sixteen.colgrid .row .ten.centered { margin-left: 19.14894%; }
.sixteen.colgrid .row .eleven.centered { margin-left: 15.95745%; }
.sixteen.colgrid .row .twelve.centered { margin-left: 12.76596%; }
.sixteen.colgrid .row .thirteen.centered { margin-left: 9.57447%; }
.sixteen.colgrid .row .fourteen.centered { margin-left: 6.38298%; }
.sixteen.colgrid .row .fifteen.centered { margin-left: 3.19149%; }

img, object, embed { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none !important; }

/* Tile Grid */
.tiles { display: block; overflow: hidden; }
.tiles > li, .tiles > .tile { display: block; height: auto; float: left; padding-bottom: 0; }
.tiles.two_up { margin-left: -4%; }
.tiles.two_up > li, .tiles.two_up > .tile { margin-left: 4%; width: 46%; }
.tiles.three_up, .tiles.four_up { margin-left: -2%; }
.tiles.three_up > li, .tiles.three_up > .tile { margin-left: 2%; width: 31.3%; }
.tiles.four_up > li, .tiles.four_up > .tile { margin-left: 2%; width: 23%; }
.tiles.five_up { margin-left: -1.5%; }
.tiles.five_up > li, .tiles.five_up > .tile { margin-left: 1.5%; width: 18.5%; }

/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.valign:before { content: ' '; display: inline-block; height: 400px; vertical-align: middle; margin-right: -0.25em; }
.valign > div, .valign > article, .valign > section, .valign > figure { display: inline-block; vertical-align: middle; }

/* Mobile */
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin-left: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"], [class^="pull_"], [class*="pull_"] { margin-left: 0 !important; } }
/* Navigation (with dropdowns) */
.navbar { width: 100%; min-height: 20px; display: block; margin-bottom: 20px; background: #f6f6f6; position: relative; }
@media only screen and (max-width: 767px) { .navbar { border: none; }
  .navbar .column, .navbar .columns { min-height: 0; } }
.navbar.fixed { position: fixed; z-index: 99999; }
.navbar.pinned { position: absolute; }
.navbar a.toggle { display: none; }
@media only screen and (max-width: 767px) { 
  .navbar a.toggle { top: 18%; right: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: #333333; background: white; height: 40px; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 1.875rem; }
  .navbar a.toggle:hover { background: #dedede;}
  .navbar a.toggle:active, .navbar a.toggle.active { background: #e9e9e9; } }

.navbar .logo { display: inline-block; margin: 0 2.12766% 0 0; padding: 0; height: 60px; line-height: 58px; }
.navbar .logo a { display: block; padding: 0; overflow: hidden; height: 60px; line-height: 58px; }
.navbar .logo a img { max-height: 95%; }
@media only screen and (max-width: 767px) { .navbar .logo { float: left; display: inline; }
  .navbar .logo a { padding: 0; }
  .navbar .logo a img { width: auto; height: auto; max-width: 100%; } }

.navbar ul { display: table; vertical-align: middle; margin: 0; float: none; }
@media only screen and (max-width: 767px) { .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; /*max-height: 0;*/ top: 60px; left: 0; overflow: hidden; text-align: center; background: #e9e9e9; }
  .navbar ul.active { height: auto; max-height: 600px; z-index: 999998; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 0 2px 2px #d0d0d0; -moz-box-shadow: 0 2px 2px #d0d0d0; box-shadow: 0 2px 2px #d0d0d0; } }
.navbar ul li { display: table-cell; text-align: center; padding-bottom: 0; margin: 0; height: 40px; line-height: 8px; }
@media only screen and (max-width: 767px) { .navbar ul li { display: block; position: relative; min-height: 50px; max-height: 320px; height: auto; width: 100%; border-right: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } }
.navbar ul li > a { display: block; padding: 0 16px; white-space: nowrap; color: #333333; text-shadow: 0 1px 2px #c3c3c3, 0 1px 0 #c3c3c3; height: 60px; line-height: 58px; font-size: 16px; font-size: 1rem; }
.navbar ul li > a i.icon-popup { position: absolute; }
.navbar ul li .btn { border-color: #aaaaaa !important; }
.navbar ul li.field { margin-bottom: 0 !important; margin-right: 0; }
@media only screen and (max-width: 767px) { .navbar ul li.field { padding: 0 20px; } }
.navbar ul li.field input.search { background: #c3c3c3; border: none; color: #f2f2f2; }
.navbar ul li .dropdown { width: auto; min-width: 0; max-width: 320px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 767px) { .navbar ul li .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown { border-bottom: 1px solid #dddddd; }
  .navbar ul li.active .dropdown ul { position: relative; top: 0; background: #e2e2e2; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: #e9e9e9; }
  .navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid #dddddd; }
  .navbar ul li.active .dropdown ul li a:hover { color: #333333; } }

@media only screen and (min-width: 768px) and (max-width: 939px) { .navbar > ul > li > .btn a { padding: 0 10px 0 10px !important; }
  .navbar ul > li .dropdown ul li.active .dropdown { left: -320px; } }

.navcontain { height: 80px; }
@media only screen and (max-width: 767px) { .navcontain { height: auto; } }

.pretty.navbar { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd); -webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.8) !important; -moz-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.8) !important; box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
@media only screen and (max-width: 767px) { .pretty.navbar a.toggle { border: 1px solid #e9e9e9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6)); background-image: -webkit-linear-gradient(#ffffff, #f6f6f6); background-image: -moz-linear-gradient(#ffffff, #f6f6f6); background-image: -o-linear-gradient(#ffffff, #f6f6f6); background-image: linear-gradient(#ffffff, #f6f6f6); -webkit-box-shadow: inset 0 1px 2px white, inset 0 -1px 1px white, inset 1px 0 1px white, inset -1px 0 1px white, 0 1px 1px white; -moz-box-shadow: inset 0 1px 2px white, inset 0 -1px 1px white, inset 1px 0 1px white, inset -1px 0 1px white, 0 1px 1px white; box-shadow: inset 0 1px 2px white, inset 0 -1px 1px white, inset 1px 0 1px white, inset -1px 0 1px white, 0 1px 1px white; }
  .pretty.navbar a.toggle i { text-shadow: 0 1px 1px #c3c3c3; }
  .pretty.navbar a.toggle:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#ffffff, #ffffff); background-image: -o-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#ffffff, #ffffff); }
  .pretty.navbar a.toggle:active, .pretty.navbar a.toggle.active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f6f6f6)); background-image: -webkit-linear-gradient(#e9e9e9, #f6f6f6); background-image: -moz-linear-gradient(#e9e9e9, #f6f6f6); background-image: -o-linear-gradient(#e9e9e9, #f6f6f6); background-image: linear-gradient(#e9e9e9, #f6f6f6); -webkit-box-shadow: 0 1px 1px white; -moz-box-shadow: 0 1px 1px white; box-shadow: 0 1px 1px white; } }
.pretty.navbar.row { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
@media only screen and (max-width: 767px) { .pretty.navbar.row { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } }
.pretty.navbar ul li.field input.search { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c3c3c3), color-stop(100%, #fbfbfb)); background-image: -webkit-linear-gradient(#c3c3c3, #fbfbfb); background-image: -moz-linear-gradient(#c3c3c3, #fbfbfb); background-image: -o-linear-gradient(#c3c3c3, #fbfbfb); background-image: linear-gradient(#c3c3c3, #fbfbfb); border: none; -webkit-box-shadow: 0 1px 2px white !important; -moz-box-shadow: 0 1px 2px white !important; box-shadow: 0 1px 2px white !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
.pretty.navbar > ul > li:first-child, .pretty.navbar .pretty.navbar > ul > li:first-child a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.navbar li .dropdown { width: auto; min-width: 0; max-width: 320px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 767px) { .navbar li .dropdown .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar li .dropdown.active .dropdown { border-bottom: 1px solid #dddddd; }
  .navbar li .dropdown.active .dropdown ul { position: relative; top: 0; background: #e2e2e2; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar li .dropdown.active .dropdown ul li { min-height: 50px; border-bottom: #e9e9e9; }
  .navbar li .dropdown.active .dropdown ul li a { color: white; border-bottom: 1px solid #dddddd; }
  .navbar li .dropdown.active .dropdown ul li a:hover { color: #333333; } }

.navbar li .dropdown ul { margin: 0; display: block; }
.navbar li .dropdown ul > li { color: #000; position: relative; display: block; width: 100%; float: left; text-align: left; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
@media only screen and (min-width: 768px) and (max-width: 939px) { .navbar li .dropdown ul > li { max-width: 320px; word-wrap: break-word; } }
.navbar li .dropdown ul > li a { display: block; padding: 0px; color: #333333; text-shadow: none; height: 51px; line-height: 49px; }
@media only screen and (max-width: 767px) { .navbar li .dropdown ul > li a { padding: 0; } }
.navbar li .dropdown ul > li .dropdown { display: none; background: white; }
.navbar li .dropdown ul li:first-child a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { position: relative; background: #868d92; z-index: 1000; }

.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { min-height: 50px; max-height: 561px; overflow: visible; height: auto; width: 100%; padding: 0; border-top: 1px solid #e9e9e9; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); }

.gumby-no-touch .navbar ul li:hover .dropdown ul { position: relative; top: 0; min-height: 50px; max-height: 750px; height: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { .gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto; background: #e9e9e9; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li { border-bottom: #e9e9e9; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li a { color: white; border-bottom: 1px solid #dddddd; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li a:hover { color: #333333; } }

.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { border-top: none; display: block; position: absolute; z-index: 9999; left: 100%; top: 0; margin-top: 0; }
@media only screen and (max-width: 767px) { .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { position: relative; left: 0; }
  .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul, .gumby-touch .navbar li .dropdown ul > li.active .dropdown ul { background: #d0d0d0 !important; } }

.gumby-no-touch .navbar li .dropdown ul li a:hover { background: #f2f2f2; }

.gumby-touch .navbar a:hover { color: #333333 !important; }

.subnav { display: block; width: auto; overflow: hidden; margin: 0 0 18px 0; padding-top: 4px; }
.subnav li, .subnav dt, .subnav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; }
.subnav li:first-child, .subnav dt:first-child, .subnav dd:first-child { margin-left: 0; }
.subnav dt { color: #f2f2f2; font-weight: normal; }
.subnav li a, .subnav dd a { color: #333333; font-size: 15px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.subnav li.active a, .subnav dd.active a { background: #f6f6f6; padding: 5px 9px; text-shadow: 0 1px 1px #f6f6f6; }

/* Buttons */
.btn, .skiplink { display: inline-block; width: auto; background: #f2f2f2; -webkit-appearance: none; font-family: "Open Sans"; font-weight: 600; padding: 0 !important; text-align: center; }
.btn > a, .btn input, .btn button, .skiplink > a, .skiplink input, .skiplink button { display: block; padding: 0 18px; color: white; height: 100%; }
.btn input, .btn button, .skiplink input, .skiplink button { background: none; border: none; width: 100%; font-size: 100%; cursor: pointer; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.btn.xlarge, .skiplink.xlarge { font-size: 30px; font-size: 1.875rem; height: 66px; line-height: 64px; }
.btn.xlarge a, .skiplink.xlarge a { position: relative; padding: 0 30px; }
.btn.xlarge.icon-left a, .skiplink.xlarge.icon-left a { padding-left: 66px; }
.btn.xlarge.icon-left a:before, .skiplink.xlarge.icon-left a:before { left: 20px; }
.btn.xlarge.icon-right a, .skiplink.xlarge.icon-right a { padding-right: 66px; }
.btn.xlarge.icon-right a:after, .skiplink.xlarge.icon-right a:after { right: 20px; }
.btn.large, .skiplink.large { font-size: 26px; font-size: 1.625rem; height: 58px; line-height: 56px; }
.btn.large a, .skiplink.large a { position: relative; padding: 0 26px; }
.btn.large.icon-left a, .skiplink.large.icon-left a { padding-left: 58px; }
.btn.large.icon-left a:before, .skiplink.large.icon-left a:before { left: 17.33333px; }
.btn.large.icon-right a, .skiplink.large.icon-right a { padding-right: 58px; }
.btn.large.icon-right a:after, .skiplink.large.icon-right a:after { right: 17.33333px; }
.btn.medium, .skiplink.medium { font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }
.btn.medium a, .skiplink.medium a { position: relative; padding: 0 16px; }
.btn.medium.icon-left a, .skiplink.medium.icon-left a { padding-left: 36px; }
.btn.medium.icon-left a:before, .skiplink.medium.icon-left a:before { left: 10.66667px; }
.btn.medium.icon-right a, .skiplink.medium.icon-right a { padding-right: 36px; }
.btn.medium.icon-right a:after, .skiplink.medium.icon-right a:after { right: 10.66667px; }
.btn.medium a, .skiplink.medium a { padding: 0 18px; }
.btn.small, .skiplink.small { font-size: 10px; font-size: 0.625rem; height: 23px; line-height: 21px; }
.btn.small a, .skiplink.small a { position: relative; padding: 0 10px; }
.btn.small.icon-left a, .skiplink.small.icon-left a { padding-left: 23px; }
.btn.small.icon-left a:before, .skiplink.small.icon-left a:before { left: 6.66667px; }
.btn.small.icon-right a, .skiplink.small.icon-right a { padding-right: 23px; }
.btn.small.icon-right a:after, .skiplink.small.icon-right a:after { right: 6.66667px; }
.btn.small a, .skiplink.small a { padding: 0 10px; }
.btn.oval, .skiplink.oval { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.btn.pill-left, .skiplink.pill-left { -webkit-border-radius: 500px 0 0 500px; -moz-border-radius: 500px 0 0 500px; -ms-border-radius: 500px 0 0 500px; -o-border-radius: 500px 0 0 500px; border-radius: 500px 0 0 500px; }
.btn.pill-right, .skiplink.pill-right { -webkit-border-radius: 0 500px 500px 0; -moz-border-radius: 0 500px 500px 0; -ms-border-radius: 0 500px 500px 0; -o-border-radius: 0 500px 500px 0; border-radius: 0 500px 500px 0; }

.btn.primary, .skiplink.primary { background: #3085d6; border: 1px solid #3085d6; }
.btn.primary:hover, .skiplink.primary:hover { background: #5b9ede; }
.btn.primary:active, .skiplink.primary:active { background: #236bb0; }
.btn.secondary, .skiplink.secondary { background: #42a35a; border: 1px solid #42a35a; }
.btn.secondary:hover, .skiplink.secondary:hover { background: #5bbd73; }
.btn.secondary:active, .skiplink.secondary:active { background: #337f46; }
.btn.default, .skiplink.default { background: #f2f2f2; border: 1px solid #f2f2f2; color: #555555; border: 1px solid #f2f2f2; }
.btn.default:hover, .skiplink.default:hover { background: white; }
.btn.default:active, .skiplink.default:active { background: #d8d8d8; }
.btn.default:hover, .skiplink.default:hover { border: 1px solid #e5e5e5; }
.btn.default a, .btn.default input, .btn.default button, .skiplink.default a, .skiplink.default input, .skiplink.default button { color: #555555; }
.btn.info, .skiplink.info { background: #4a4d50; border: 1px solid #4a4d50; }
.btn.info:hover, .skiplink.info:hover { background: #63676a; }
.btn.info:active, .skiplink.info:active { background: #313436; }
.btn.danger, .skiplink.danger { background: #ca3838; border: 1px solid #ca3838; }
.btn.danger:hover, .skiplink.danger:hover { background: #d56060; }
.btn.danger:active, .skiplink.danger:active { background: #a32c2c; }
.btn.warning, .skiplink.warning { background: #f6b83f; border: 1px solid #f6b83f; color: #644405; }
.btn.warning:hover, .skiplink.warning:hover { background: #f8ca70; }
.btn.warning:active, .skiplink.warning:active { background: #f4a60e; }
.btn.warning a, .btn.warning input, .btn.warning button, .skiplink.warning a, .skiplink.warning input, .skiplink.warning button { color: #644405; }
.btn.success, .skiplink.success { background: #58c026; border: 1px solid #58c026; }
.btn.success:hover, .skiplink.success:hover { background: #72d940; }
.btn.success:active, .skiplink.success:active { background: #44951e; }

.btn.metro, .metro .btn, .metro .skiplink, .skiplink.metro, .btn.pretty.squared, .pretty .squared.btn, .pretty .squared.skiplink, .pretty .btn.squared { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.btn.pretty, .pretty .btn, .pretty .skiplink, .skiplink.pretty, .btn.metro.rounded, .metro .rounded.btn, .metro .rounded.skiplink, .metro .btn.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.btn.pretty.primary, .pretty .primary.btn, .pretty .primary.skiplink, .skiplink.pretty.primary { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #85b7e7), color-stop(100%, #2a85dc)); background-image: -webkit-linear-gradient(#85b7e7, #2a85dc); background-image: -moz-linear-gradient(#85b7e7, #2a85dc); background-image: -o-linear-gradient(#85b7e7, #2a85dc); background-image: linear-gradient(#85b7e7, #2a85dc); -webkit-box-shadow: inset 0 0 3px #f0f6fc; -moz-box-shadow: inset 0 0 3px #f0f6fc; box-shadow: inset 0 0 3px #f0f6fc; border: 1px solid #1f5e9b; }
.btn.pretty.primary:hover, .pretty .primary.btn:hover, .pretty .primary.skiplink:hover, .skiplink.pretty.primary:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2d4fc), color-stop(100%, #54b2fe)); background-image: -webkit-linear-gradient(#a2d4fc, #54b2fe); background-image: -moz-linear-gradient(#a2d4fc, #54b2fe); background-image: -o-linear-gradient(#a2d4fc, #54b2fe); background-image: linear-gradient(#a2d4fc, #54b2fe); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #0e90f8; }
.btn.pretty.primary:active, .pretty .primary.btn:active, .pretty .primary.skiplink:active, .skiplink.pretty.primary:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a85dc), color-stop(100%, #85b7e7)); background-image: -webkit-linear-gradient(#2a85dc, #85b7e7); background-image: -moz-linear-gradient(#2a85dc, #85b7e7); background-image: -o-linear-gradient(#2a85dc, #85b7e7); background-image: linear-gradient(#2a85dc, #85b7e7); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.primary a, .pretty .primary.btn a, .pretty .primary.skiplink a, .btn.pretty.primary input, .pretty .primary.btn input, .pretty .primary.skiplink input, .btn.pretty.primary button, .pretty .primary.btn button, .pretty .primary.skiplink button, .skiplink.pretty.primary a, .skiplink.pretty.primary input, .skiplink.pretty.primary button { text-shadow: 0 1px 1px #1a5186; }
.btn.pretty.secondary, .pretty .secondary.btn, .pretty .secondary.skiplink, .skiplink.pretty.secondary { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #3ca957)); background-image: -webkit-linear-gradient(#80cb92, #3ca957); background-image: -moz-linear-gradient(#80cb92, #3ca957); background-image: -o-linear-gradient(#80cb92, #3ca957); background-image: linear-gradient(#80cb92, #3ca957); -webkit-box-shadow: inset 0 0 3px #daf0e0; -moz-box-shadow: inset 0 0 3px #daf0e0; box-shadow: inset 0 0 3px #daf0e0; border: 1px solid #2c6d3c; }
.btn.pretty.secondary:hover, .pretty .secondary.btn:hover, .pretty .secondary.skiplink:hover, .skiplink.pretty.secondary:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a1d3ad), color-stop(100%, #68c07d)); background-image: -webkit-linear-gradient(#a1d3ad, #68c07d); background-image: -moz-linear-gradient(#a1d3ad, #68c07d); background-image: -o-linear-gradient(#a1d3ad, #68c07d); background-image: linear-gradient(#a1d3ad, #68c07d); -webkit-box-shadow: inset 0 0 3px #f8fcf9; -moz-box-shadow: inset 0 0 3px #f8fcf9; box-shadow: inset 0 0 3px #f8fcf9; border: 1px solid #469659; }
.btn.pretty.secondary:active, .pretty .secondary.btn:active, .pretty .secondary.skiplink:active, .skiplink.pretty.secondary:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca957), color-stop(100%, #80cb92)); background-image: -webkit-linear-gradient(#3ca957, #80cb92); background-image: -moz-linear-gradient(#3ca957, #80cb92); background-image: -o-linear-gradient(#3ca957, #80cb92); background-image: linear-gradient(#3ca957, #80cb92); -webkit-box-shadow: inset 0 0 3px #ecf8ef; -moz-box-shadow: inset 0 0 3px #ecf8ef; box-shadow: inset 0 0 3px #ecf8ef; }
.btn.pretty.secondary a, .pretty .secondary.btn a, .pretty .secondary.skiplink a, .btn.pretty.secondary input, .pretty .secondary.btn input, .pretty .secondary.skiplink input, .btn.pretty.secondary button, .pretty .secondary.btn button, .pretty .secondary.skiplink button, .skiplink.pretty.secondary a, .skiplink.pretty.secondary input, .skiplink.pretty.secondary button { text-shadow: 0 1px 1px #255a32; }
.btn.pretty.default, .pretty .default.btn, .pretty .default.skiplink, .skiplink.pretty.default { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f1f1)); background-image: -webkit-linear-gradient(#ffffff, #f3f1f1); background-image: -moz-linear-gradient(#ffffff, #f3f1f1); background-image: -o-linear-gradient(#ffffff, #f3f1f1); background-image: linear-gradient(#ffffff, #f3f1f1); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #cccccc; }
.btn.pretty.default:hover, .pretty .default.btn:hover, .pretty .default.skiplink:hover, .skiplink.pretty.default:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#ffffff, #ffffff); background-image: -o-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#ffffff, #ffffff); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #d9d9d9; }
.btn.pretty.default:active, .pretty .default.btn:active, .pretty .default.skiplink:active, .skiplink.pretty.default:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f1f1), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#f3f1f1, #ffffff); background-image: -moz-linear-gradient(#f3f1f1, #ffffff); background-image: -o-linear-gradient(#f3f1f1, #ffffff); background-image: linear-gradient(#f3f1f1, #ffffff); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.default a, .pretty .default.btn a, .pretty .default.skiplink a, .btn.pretty.default input, .pretty .default.btn input, .pretty .default.skiplink input, .btn.pretty.default button, .pretty .default.btn button, .pretty .default.skiplink button, .skiplink.pretty.default a, .skiplink.pretty.default input, .skiplink.pretty.default button { text-shadow: 0 1px 1px white; }
.btn.pretty.info, .pretty .info.btn, .pretty .info.skiplink, .skiplink.pretty.info { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #464d54)); background-image: -webkit-linear-gradient(#7b8085, #464d54); background-image: -moz-linear-gradient(#7b8085, #464d54); background-image: -o-linear-gradient(#7b8085, #464d54); background-image: linear-gradient(#7b8085, #464d54); -webkit-box-shadow: inset 0 0 3px #bdc0c2; -moz-box-shadow: inset 0 0 3px #bdc0c2; box-shadow: inset 0 0 3px #bdc0c2; border: 1px solid #252728; }
.btn.pretty.info:hover, .pretty .info.btn:hover, .pretty .info.skiplink:hover, .skiplink.pretty.info:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #808e98)); background-image: -webkit-linear-gradient(#aeb3b6, #808e98); background-image: -moz-linear-gradient(#aeb3b6, #808e98); background-image: -o-linear-gradient(#aeb3b6, #808e98); background-image: linear-gradient(#aeb3b6, #808e98); -webkit-box-shadow: inset 0 0 3px #f1f2f3; -moz-box-shadow: inset 0 0 3px #f1f2f3; box-shadow: inset 0 0 3px #f1f2f3; border: 1px solid #60676b; }
.btn.pretty.info:active, .pretty .info.btn:active, .pretty .info.skiplink:active, .skiplink.pretty.info:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #464d54), color-stop(100%, #7b8085)); background-image: -webkit-linear-gradient(#464d54, #7b8085); background-image: -moz-linear-gradient(#464d54, #7b8085); background-image: -o-linear-gradient(#464d54, #7b8085); background-image: linear-gradient(#464d54, #7b8085); -webkit-box-shadow: inset 0 0 3px #cbcdce; -moz-box-shadow: inset 0 0 3px #cbcdce; box-shadow: inset 0 0 3px #cbcdce; }
.btn.pretty.info a, .pretty .info.btn a, .pretty .info.skiplink a, .btn.pretty.info input, .pretty .info.btn input, .pretty .info.skiplink input, .btn.pretty.info button, .pretty .info.btn button, .pretty .info.skiplink button, .skiplink.pretty.info a, .skiplink.pretty.info input, .skiplink.pretty.info button { text-shadow: 0 1px 1px #191a1b; }
.btn.pretty.danger, .pretty .danger.btn, .pretty .danger.skiplink, .skiplink.pretty.danger { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df8989), color-stop(100%, #d03232)); background-image: -webkit-linear-gradient(#df8989, #d03232); background-image: -moz-linear-gradient(#df8989, #d03232); background-image: -o-linear-gradient(#df8989, #d03232); background-image: linear-gradient(#df8989, #d03232); -webkit-box-shadow: inset 0 0 3px #faeded; -moz-box-shadow: inset 0 0 3px #faeded; box-shadow: inset 0 0 3px #faeded; border: 1px solid #8f2626; }
.btn.pretty.danger:hover, .pretty .danger.btn:hover, .pretty .danger.skiplink:hover, .skiplink.pretty.danger:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79696), color-stop(100%, #f64a4a)); background-image: -webkit-linear-gradient(#f79696, #f64a4a); background-image: -moz-linear-gradient(#f79696, #f64a4a); background-image: -o-linear-gradient(#f79696, #f64a4a); background-image: linear-gradient(#f79696, #f64a4a); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #e21212; }
.btn.pretty.danger:active, .pretty .danger.btn:active, .pretty .danger.skiplink:active, .skiplink.pretty.danger:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d03232), color-stop(100%, #df8989)); background-image: -webkit-linear-gradient(#d03232, #df8989); background-image: -moz-linear-gradient(#d03232, #df8989); background-image: -o-linear-gradient(#d03232, #df8989); background-image: linear-gradient(#d03232, #df8989); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.danger a, .pretty .danger.btn a, .pretty .danger.skiplink a, .btn.pretty.danger input, .pretty .danger.btn input, .pretty .danger.skiplink input, .btn.pretty.danger button, .pretty .danger.btn button, .pretty .danger.skiplink button, .skiplink.pretty.danger a, .skiplink.pretty.danger input, .skiplink.pretty.danger button { text-shadow: 0 1px 1px #7b2121; }
.btn.pretty.warning, .pretty .warning.btn, .pretty .warning.skiplink, .skiplink.pretty.warning { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbdca0), color-stop(100%, #fbba3a)); background-image: -webkit-linear-gradient(#fbdca0, #fbba3a); background-image: -moz-linear-gradient(#fbdca0, #fbba3a); background-image: -o-linear-gradient(#fbdca0, #fbba3a); background-image: linear-gradient(#fbdca0, #fbba3a); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #de960a; color: #644405; }
.btn.pretty.warning:hover, .pretty .warning.btn:hover, .pretty .warning.skiplink:hover, .skiplink.pretty.warning:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feecca), color-stop(100%, #ffd37d)); background-image: -webkit-linear-gradient(#feecca, #ffd37d); background-image: -moz-linear-gradient(#feecca, #ffd37d); background-image: -o-linear-gradient(#feecca, #ffd37d); background-image: linear-gradient(#feecca, #ffd37d); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #fcb834; }
.btn.pretty.warning:active, .pretty .warning.btn:active, .pretty .warning.skiplink:active, .skiplink.pretty.warning:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbba3a), color-stop(100%, #fbdca0)); background-image: -webkit-linear-gradient(#fbba3a, #fbdca0); background-image: -moz-linear-gradient(#fbba3a, #fbdca0); background-image: -o-linear-gradient(#fbba3a, #fbdca0); background-image: linear-gradient(#fbba3a, #fbdca0); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.warning a, .pretty .warning.btn a, .pretty .warning.skiplink a, .btn.pretty.warning input, .pretty .warning.btn input, .pretty .warning.skiplink input, .btn.pretty.warning button, .pretty .warning.btn button, .pretty .warning.skiplink button, .skiplink.pretty.warning a, .skiplink.pretty.warning input, .skiplink.pretty.warning button { text-shadow: 0 1px 1px #fbdca0; }
.btn.pretty.success, .pretty .success.btn, .pretty .success.skiplink, .skiplink.pretty.success { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91e26a), color-stop(100%, #56c620)); background-image: -webkit-linear-gradient(#91e26a, #56c620); background-image: -moz-linear-gradient(#91e26a, #56c620); background-image: -o-linear-gradient(#91e26a, #56c620); background-image: linear-gradient(#91e26a, #56c620); -webkit-box-shadow: inset 0 0 3px #e0f7d5; -moz-box-shadow: inset 0 0 3px #e0f7d5; box-shadow: inset 0 0 3px #e0f7d5; border: 1px solid #3b8019; }
.btn.pretty.success:hover, .pretty .success.btn:hover, .pretty .success.skiplink:hover, .skiplink.pretty.success:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96e570), color-stop(100%, #64df29)); background-image: -webkit-linear-gradient(#96e570, #64df29); background-image: -moz-linear-gradient(#96e570, #64df29); background-image: -o-linear-gradient(#96e570, #64df29); background-image: linear-gradient(#96e570, #64df29); -webkit-box-shadow: inset 0 0 3px #e5f9db; -moz-box-shadow: inset 0 0 3px #e5f9db; box-shadow: inset 0 0 3px #e5f9db; border: 1px solid #479f1d; }
.btn.pretty.success:active, .pretty .success.btn:active, .pretty .success.skiplink:active, .skiplink.pretty.success:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #56c620), color-stop(100%, #91e26a)); background-image: -webkit-linear-gradient(#56c620, #91e26a); background-image: -moz-linear-gradient(#56c620, #91e26a); background-image: -o-linear-gradient(#56c620, #91e26a); background-image: linear-gradient(#56c620, #91e26a); -webkit-box-shadow: inset 0 0 3px #f0fbea; -moz-box-shadow: inset 0 0 3px #f0fbea; box-shadow: inset 0 0 3px #f0fbea; }
.btn.pretty.success a, .pretty .success.btn a, .pretty .success.skiplink a, .btn.pretty.success input, .pretty .success.btn input, .pretty .success.skiplink input, .btn.pretty.success button, .pretty .success.btn button, .pretty .success.skiplink button, .skiplink.pretty.success a, .skiplink.pretty.success input, .skiplink.pretty.success button { text-shadow: 0 1px 1px #316b15; }

/* Icons */
[class^="icon-"] a:before, [class*=" icon-"] a:before, [class^="icon-"] a:after, [class*=" icon-"] a:after, i[class^="icon-"], i[class*=" icon-"] { font-family: "entypo"; position: absolute; text-decoration: none; zoom: 1; }

i[class^="icon-"], i[class*=" icon-"] { display: inline-block; position: static; min-width: 20px; margin: 0 5px; text-align: center; }

/* Form Styles */
form {  }
form label { display: block; font-size: 16px; font-size: 1rem; line-height: 1.625em; cursor: pointer; margin-bottom: 9px; background-color: #eeeeee !important;}
form label.inline { display: inline-block; padding-right: 20px; }
form dt { margin: 0; }
form textarea { height: 150px; }
form ul, form ul li { margin-left: 0; list-style-type: none; }
form fieldset { border-style: solid; border-width: 0.0625em; padding: 1.5625em; border-color: #d8d8d8; margin: 18px 0; }
form fieldset legend { padding: 5px 10px; }

.field { position: relative; max-width: 100%; margin-bottom: 10px; vertical-align: middle; font-size: 16px; overflow: hidden; }
.field.metro, .field .metro { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.field input, .field input[type="*"], .field textarea { max-width: 100%; width: 100%; padding: 0; margin: 0; border: none; outline: none; resize: none; -webkit-appearance: none; font-family: "Open Sans"; font-weight: 300; font-size: 16px; font-size: 1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.field .input { position: relative; padding: 0 10px; background: #fff; border: 1px solid #d8d8d8; height: 36px; line-height: 34px; font-size: 16px; font-size: 1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.field .input.search { height: 36px; line-height: 34px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; padding-right: 0; }
.field .input.textarea { height: auto; }

input.xnarrow, .input.xnarrow { width: 13.33333%; margin: 0; }
input.xnarrow:last-child, .input.xnarrow:last-child { margin-left: -4px; }
input.xnarrow:first-child, .input.xnarrow:first-child { margin-right: 3.94%; margin-left: 0; }
input.xnarrow:first-child:last-child, .input.xnarrow:first-child:last-child { margin: 0; }
input.narrow, .input.narrow { width: 30.66667%; margin: 0; }
input.narrow:last-child, .input.narrow:last-child { margin-left: -4px; }
input.narrow:first-child, .input.narrow:first-child { margin-right: 3.94%; margin-left: 0; }
input.narrow:first-child:last-child, .input.narrow:first-child:last-child { margin: 0; }
input.normal, .input.normal { width: 48%; margin: 0; }
input.normal:last-child, .input.normal:last-child { margin-left: -4px; }
input.normal:first-child, .input.normal:first-child { margin-right: 3.94%; margin-left: 0; }
input.normal:first-child:last-child, .input.normal:first-child:last-child { margin: 0; }
input.wide, .input.wide { width: 65.33333%; margin: 0; }
input.wide:last-child, .input.wide:last-child { margin-left: -4px; }
input.wide:first-child, .input.wide:first-child { margin-right: 3.94%; margin-left: 0; }
input.wide:first-child:last-child, .input.wide:first-child:last-child { margin: 0; }
input.xwide, .input.xwide { width: 82.66667%; margin: 0; }
input.xwide:last-child, .input.xwide:last-child { margin-left: -4px; }
input.xwide:first-child, .input.xwide:first-child { margin-right: 3.94%; margin-left: 0; }
input.xwide:first-child:last-child, .input.xwide:first-child:last-child { margin: 0; }
input.xxwide, .input.xxwide { width: 100%; margin: 0; }
input.xxwide:last-child, .input.xxwide:last-child { margin-left: -4px; }
input.xxwide:first-child, .input.xxwide:first-child { margin-right: 3.94%; margin-left: 0; }
input.xxwide:first-child:last-child, .input.xxwide:first-child:last-child { margin: 0; }

label + .xnarrow:last-child, label + .narrow:last-child, label + .normal:last-child, label + .wide:last-child, label + .xwide:last-child, label + .xxwide:last-child { margin-left: 0; }

@media only screen and (max-width: 960px) { .xxwide:first-child, .xxwide:last-child { margin-right: 0%; } }
/* remove inline-block white-space — A 0px font-size = 0px of white space */
.prepend, .append { font-size: 0; white-space: nowrap; padding-bottom: 3.5px; }

.prepend input, .prepend .input, .append input, .append .input { display: inline-block; max-width: 100%; margin-right: 0; margin-left: 0; }

.prepend input, .prepend .input, .prepend.append input:last-child, .append *:last-child { -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; }

.append input, .append .input, .prepend.append input:first-child, .prepend *:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.prepend.append input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.prepend.append input:last-child { margin-left: -1px; }

.prepend .adjoined, .append .adjoined, .prepend .btn, .append .btn { position: relative; display: inline-block; margin-bottom: 0; z-index: 99; }

.prepend .btn a, .prepend .btn input, .prepend .btn button, .append .btn a, .append .btn input, .append .btn button { padding: 0 12px; }

.prepend .adjoined, .append .adjoined { padding: 0 10px 0 10px; background: #f2f2f2; border: 1px solid #d8d8d8; font-family: "Open Sans"; font-weight: 600; color: #555555; font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }

.prepend .adjoined, .prepend .btn { margin-right: -1px; }

.adjoined:first-child { margin-left: 0 !important; }

.append .adjoined, .append .btn { margin-left: -1px; }

.append button, .prepend button { display: inline-block; }

.prepend input:first-child, .append input:first-child, .prepend .input:first-child, .append .input:first-child { margin-right: 0; }

.double input, .double .input { width: 50% !important; }
.double input:last-child, .double .input:last-child { margin-left: -1px; }

.field input, .field .input, .field textarea, .field .textarea, .field .radio span, .field .checkbox span, .field .picker { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field.danger:after { font-family: "entypo"; content: "\2716"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #ca3838; }
.field.danger.no-icon:after { display: none; }
.field.danger.append:after, .field.danger.prepend:after { content: ""; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker { border-color: #ca3838; background: #f0c5c5; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker, .field.danger input::-webkit-input-placeholder, .field.danger textarea::-webkit-input-placeholder, .field.danger input:-moz-placeholder, .field.danger textarea:-moz-placeholder textarea { color: #ca3838; }
.field.warning:after { font-family: "entypo"; content: "\26a0"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #f6b83f; }
.field.warning.no-icon:after { display: none; }
.field.warning.append:after, .field.warning.prepend:after { content: ""; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker { border-color: #f6b83f; background: #fef7ea; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker, .field.warning input::-webkit-input-placeholder, .field.warning textarea::-webkit-input-placeholder, .field.warning input:-moz-placeholder, .field.warning textarea:-moz-placeholder textarea { color: #f6b83f; }
.field.success:after { font-family: "entypo"; content: "\2713"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #58c026; }
.field.success.no-icon:after { display: none; }
.field.success.append:after, .field.success.prepend:after { content: ""; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker { border-color: #58c026; background: #c0eeaa; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker, .field.success input::-webkit-input-placeholder, .field.success textarea::-webkit-input-placeholder, .field.success input:-moz-placeholder, .field.success textarea:-moz-placeholder textarea { color: #58c026; }
.field .picker.danger { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.danger select, .field .picker.danger:after { color: #ca3838; }
.field .picker.warning { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.warning select, .field .picker.warning:after { color: #f6b83f; }
.field .picker.success { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.success select, .field .picker.success:after { color: #58c026; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

.no-js .radio input { -webkit-appearance: radio; margin-left: 1px; }
.no-js .checkbox input { -webkit-appearance: checkbox; }
.no-js .radio input, .no-js .checkbox input { display: inline-block; width: 16px; }

.js .field .radio, .js .field .checkbox { position: relative; }
.js .field .radio.danger, .js .field .checkbox.danger { color: #ca3838; }
.js .field .radio.danger span, .js .field .checkbox.danger span { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.warning, .js .field .checkbox.warning { color: #f6b83f; }
.js .field .radio.warning span, .js .field .checkbox.warning span { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.success, .js .field .checkbox.success { color: #58c026; color: #555555; }
.js .field .radio.success i, .js .field .checkbox.success i { color: #58c026; }
.js .field .radio.success span, .js .field .checkbox.success span { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.checked i, .js .field .checkbox.checked i { position: absolute; top: -1px; left: -8px; line-height: 16px; }
.js .field .radio span, .js .field .checkbox span { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fefefe; }
.js .field .radio input[type="radio"], .js .field .radio input[type="checkbox"], .js .field .checkbox input[type="radio"], .js .field .checkbox input[type="checkbox"] { display: none; }
.js .field .radio span { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.js .field .checkbox span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

/* Form Picker Element (<select>) */
.picker { position: relative; width: auto; display: inline-block; margin: 0 0 2px 1.2%; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-family: "Open Sans"; font-weight: 600; height: auto; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#ffffff, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2); }
.picker:after { content: "\25BE"; font-family: entypo; z-index: 0; position: absolute; right: 8%; top: 50%; margin-top: -12px; color: #555555; }
.picker:first-child { margin-left: 0; }
.picker select { position: relative; display: block; min-width: 100%; width: 135%; height: 34px; padding: 6px 45px 6px 15px; color: #555555; border: none; background: transparent; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }
.picker select::-ms-expand { display: none; }

/* Form Multi-picker Element (<select> multiple) */
.multi-picker { position: relative; width: auto; display: inline-block; margin: 0 0 2px 1.2%; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-family: "Open Sans"; font-weight: 600; height: auto; }
.multi-picker:first-child { margin-left: 0; }
.multi-picker select[multiple] { position: relative; display: block; min-width: 100%; width: 100%; height: auto; padding: 6px 20px 6px 15px; color: #555555; border: none; background: #fff; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }

/* Labels */
.badge.primary, .label.primary { background: #3085d6; border: 1px solid #3085d6; }
.badge.secondary, .label.secondary { background: #42a35a; border: 1px solid #42a35a; }
.badge.default, .label.default { background: #f2f2f2; border: 1px solid #f2f2f2; color: #555555; }
.badge.default:hover, .label.default:hover { border-color: #e5e5e5; }
.badge.default a, .label.default a { color: #555555; }
.badge.info, .label.info { background: #4a4d50; border: 1px solid #4a4d50; }
.badge.danger, .label.danger { background: #ca3838; border: 1px solid #ca3838; }
.badge.warning, .label.warning { background: #f6b83f; border: 1px solid #f6b83f; color: #644405; }
.badge.warning a, .label.warning a { color: #644405; }
.badge.success, .label.success { background: #58c026; border: 1px solid #58c026; }
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
.badge.light a, .label.light a { color: #333333; }
.badge.dark, .label.dark { background: #212121; border: 1px solid #212121; }

.alert { padding: 0 10px; font-family: "Open Sans"; font-weight: 600; list-style-type: none; word-wrap: break-word; margin-bottom: 8px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.alert.primary { background: #85b7e7; border: 1px solid #3085d6; color: #1a5186; }
.alert.secondary { background: #80cb92; border: 1px solid #42a35a; color: #255a32; }
.alert.default { background: white; border: 1px solid #f2f2f2; color: #bfbfbf; color: #555555; border: 1px solid #f2f2f2; }
.alert.info { background: #7b8085; border: 1px solid #4a4d50; color: #191a1b; color: #f2f2f2; }
.alert.danger { background: #df8989; border: 1px solid #ca3838; color: #7b2121; }
.alert.warning { background: #fbdca0; border: 1px solid #f6b83f; color: #c68609; color: #644405; }
.alert.success { background: #91e26a; border: 1px solid #58c026; color: #316b15; }

/* Tabs */
.tabs { display: block; }

.tab-nav { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; }
.tab-nav > li { display: inline-block; width: auto; padding: 0; margin: 0 2.12766% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.tab-nav > li > li { display: inline-block; width: auto; padding: 0; margin: 0 2.12766% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.tab-nav > li > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #555555; font-family: "Open Sans"; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
.tab-nav > li > li > a:hover { text-decoration: none; background: whitesmoke; }
.tab-nav > li > li > a:active { background: #ededed; }
.tab-nav > li > li.active > a { height: 43px; line-height: 41px; background: white; cursor: default; }
.tab-nav > li > li:last-child { margin-right: 0; }

.tab-nav > li:last-child { margin-right: 0; }

.tab-nav > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #555555; font-family: "Open Sans"; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
.tab-nav > li > a:hover { text-decoration: none; background: whitesmoke; }
.tab-nav > li > a:active { background: #ededed; }

.tab-nav > li.active > a { height: 43px; line-height: 41px; background: white; }

.tabs.pill .tab-nav { width: 100%; /* remove if you dont want the tabs to span the full container width */ display: table; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.tabs.pill .tab-nav > li { display: table-cell; margin: 0; margin-left: -4px; text-align: center; top: 0; }
.tabs.pill .tab-nav > li:first-child { margin-left: 0; }
.tabs.pill .tab-nav > li > a { border: none; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 42px; line-height: 40px; }
.tabs.pill .tab-nav > li:last-child > a { border-right: none; }

.tab-content { display: none; padding: 20px 10px; }
.tab-content.active { display: block; }

.tabs.vertical .tab-nav { border: none; }
.tabs.vertical .tab-nav > li { display: block; margin: 0; margin-bottom: 5px; }
.tabs.vertical .tab-nav > li.active { position: relative; z-index: 99; }
.tabs.vertical .tab-nav > li.active > a { border-right: 1px solid #f6f6f6; }
.tabs.vertical .tab-nav > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.tabs.vertical .tab-content { padding: 10px 0 30px 20px; margin-left: -1px; border-left: 1px solid #e5e5e5; }

/* Images */
.image { line-height: 0; margin-bottom: 20px; }
.image.circle { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; overflow: hidden; width: auto; }
.image.rounded { overflow: hidden; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; -ms-border-radius: 4px 4px; -o-border-radius: 4px 4px; border-radius: 4px 4px; }
.image.photo { border: 5px solid #fff; -webkit-box-shadow: 0 0 1px #555555; -moz-box-shadow: 0 0 1px #555555; box-shadow: 0 0 1px #555555; }
.image.photo.polaroid { padding-bottom: 50px; background: #fff; }

/* Video */
body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
body .video.twitch, body .video.youtube.show_controls { padding-top: 30px; }

.video > video, .video > iframe, .video > object, .video > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Toggles */
.drawer { position: relative; width: 100%; max-height: 0; background: #3e4144; -webkit-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; -moz-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.drawer.active { height: auto; max-height: 800px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

/* .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; background: black; background: rgba(0, 0, 0, 0.8); } */
/* .modal > .content { width: 50%; min-height: 50%; max-height: 65%; position: relative; top: 25%; margin: 0 auto; padding: 20px; background: white; z-index: 2; overflow: auto; } */
@media only screen and (max-width: 767px) { .modal > .content { width: 80%; min-height: 80%; max-height: 80%; top: 10%; } }
@media only screen and (max-width: 767px) { .modal > .content { width: 92.5%; min-height: 92.5%; max-height: 92.5%; top: 3.75%; } }
.modal > .content > .close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 3; }
/* .modal, .modal > .content { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } */
.modal.active { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.modal.active, .modal.active > .content { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* Tables */
/*table { display: table; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; width: 100%; }
table caption { text-align: center; font-size: 30px; padding: .75em; }*/
table thead th, table tbody td, table tr td {/* display: table-cell; */padding: 2px; vertical-align: top; text-align: left; }
/*table thead tr th { font-size: 16px; font-weight: bold; vertical-align: bottom; }*/
.timer-adjust table{margin-bottom: 0;}
.gjLightbox table thead th,.gjLightbox table tbody td,.gjLightbox table tr td {padding: 5px;}
#listing-bidder-bar table td{vertical-align: middle;}
/* Tooltips */
.ttip { position: relative; cursor: pointer; }
.ttip:after { display: block; background: #3085d6; border: 1px solid #3085d6; border-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0.5em 0.75em; width: auto; min-width: 130px; max-width: 500px; position: absolute; left: 0; bottom: 101%; margin-bottom: 8px; text-align: left; color: #fff; content: attr(data-tooltip); line-height: 1.5; font-size: 16px; font-weight: normal; font-style: normal; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65a4e1), color-stop(100%, #3085d6)); background-image: -webkit-linear-gradient(top, #65a4e1, #3085d6); background-image: -moz-linear-gradient(top, #65a4e1, #3085d6); background-image: -o-linear-gradient(top, #65a4e1, #3085d6); background-image: linear-gradient(top, #65a4e1, #3085d6); -webkit-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25); -moz-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25); box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25); }
.ttip:before { content: " "; width: 0; height: 0; position: absolute; bottom: 101%; left: 8px; border-top: 9px solid #3085d6 !important; border-left: 9px solid transparent; border-right: 9px solid transparent; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
.ttip:hover:after, .ttip:hover:before { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (max-width: 767px) { .ttip:after, .ttip:before { display: none; } }

/* SHAME */
.ie8 .xxwide, .ie8 .xwide, .ie8 .wide, .ie8 .normal, .ie8 .narrow, .ie8 .xnarrow { display: inline; }
.ie8 .xxwide + input, .ie8 .xwide + input, .ie8 .wide + input, .ie8 .normal + input, .ie8 .narrow + input, .ie8 .xnarrow + input { display: inline; margin: 0 0 0 -.25em; }
.ie8 .ttip:before, .ie8 .ttip:after { display: none; }
.ie8 .ttip:hover:before, .ie8 .ttip:hover:after { display: block; }

.ie9 .radio.checked i, .ie9 .checkbox.checked i { top: 0; }

body { background-color: #f6f6f6; padding: 20px 0 0 0; font-size: 12px; line-height: 20px; color: #555555; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #555555; font-weight: 400; font-size: 14px; font-size: 0.9rem; margin-bottom: 13px; line-height: 1.625em; }

b, strong { font-weight: bold; }

.nav-bar { color: #563313; }

h3 { font-size: 1.37em; margin: 0px 0px 0px; color: #555555; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

h4 { color: #666; font-size: 12px; font-family: verdana; margin: 0; padding: 0; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; }

.date-bar { text-align: center; margin-top: 18px; }

.users-bar { margin-top: 18px; width: 200px;}

.center { text-align: center; padding: 10px 0; }

.navbar { background-color: transparent; min-height: 20px; margin-bottom: 0; }
.navbar > ul { float: left; }
.navbar > ul > li { height: auto; line-height: 16px; background: url("../img/layout/nav_community_bg.gif") no-repeat 0 0; padding: 0px 5px; display: block; float: left; border-radius: 4px 4px 0 0; margin: 7px 5px 0px 5px; line-height: 36px; }
.navbar > ul > li:last-child{margin-right: 0;}
.navbar > ul > li:hover { background-position: 1px -40px; color: #ffffff; }
.navbar > ul > li:hover a { background-color: transparent !important; }
.navbar > ul > li > a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 25px; margin-left: 1px; color: #333333; text-decoration: none; height: auto; padding: 5px 16px; text-shadow: 0 0 0; }
.navbar > ul > li:hover div.dropdown {display: block !important;}
.text-aqua { color: #00acdb; }

#browse { width: 650px; position: absolute; background: white; z-index: 1000; right: -75px; top: -1px; border: 0; line-height: 15px; color: black; padding-top: 10px; padding-bottom: 10px; border: 3px solid #dddddd; font-size: 18px; }
#browse li { float: none; font-size: 14px; font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; border: 0; background: 0; padding-left: 30px; text-align: left !important;  }
#browse li a { font-weight: normal; border-bottom-width: 0px; height: auto; padding: 0; line-height: 18px; }
#browse .category_column { float: left; }

span.text_highlight { color: #00acdb; text-decoration: none; font-weight: bold; }
.content{margin-top: 10px;}
.search-bar { background: white url("../img/bg/nav_bar_bg.gif") repeat 0 0; border-radius: 0px 0px 0px 0px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd !important; height: auto; color: #333; clear: both; position: relative; top: auto; width: auto; margin-bottom: 0px; overflow: hidden; }
.search-bar span.text_highlight { color: #00acdb; }
.search-bar a:hover { border-bottom: 1px; }
.search-bar .user_bar { line-height: 14px; padding-top: 10px; margin-left: 40px;}
.search-bar .search-form { padding: 3px 20px 3px 0; }
.search-bar .search-form input { vertical-align: middle; }
.search-bar .search-form input.keywords { width: 300px; font-size: 14px; font-weight: normal; padding: 6px; margin: 3px; }
.search-bar .search-form select { vertical-align: middle; }

.left-content-box { border: 1px solid #ddd; background: #ffffff; border-radius: 0px 0px 0px 0px; padding: 5px; margin-bottom: 10px; }
.left-content-box table { border: 0; }
.left-content-box table tr td { border: 0; padding: 0; margin: 0; font-size: 12px; font-weight: normal; line-height: 17px; }

.main-content { background: #ffffff; padding: 5px; border: 1px solid #dddddd; }

.fp-buttons { padding: 6px 20px 10px 20px; }
.fp-buttons a.button { margin-top: 4px; }

.fp-categories-container { background-color: #f6f6fb; padding: 10px 10px 10px 10px; margin-top: 15px; margin-bottom: 20px; }
.fp-categories-container .fp-categories-sections { font-size: 16px; }
.fp-categories-container .fp-categories-sections span { margin-right: 30px; }


/*div.category_column:nth-child(2n+1){margin-left: 0;}*/
/*div.category_column.columns.four{width: 30%;}*/
div.category_column.columns{margin-right: inherit; }
div.category_column.main_classified_navigation ul li.element a:link, a:visited { font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 1px; text-decoration: none; }
div.category_column.main_classified_navigation ul li.element a:link span.count, a:visited span.count { font-size: 11px; color: #333333; font-weight: normal; }



.fp-ads { margin-top: 30px; }

.content_box { border: 1px solid #ddd; padding: 1px; background: #ffffff; text-overflow: ellipsis; margin-bottom: .6em; }
.content_box .featured_items { width: 100%; }
.content_box .listing_set.gallery { white-space: nowrap; overflow: hidden; font-size: 0px; }
.content_box .listing_set.gallery .gallery_inner { position: relative; width: auto; text-align: center; }
.content_box .listing_set.gallery .gallery_inner .gj_simple_carousel .listing_set.gallery .gallery_row { vertical-align: top; display: inline-block; }
.content_box .listing_set.gallery article { padding: 0px; margin: 0px; border: none; font-size: 12px; display: inline-block; vertical-align: top; }
.content_box .listing_set.gallery article div.image { float: none; border: none; margin: 0px 0px 5px 0px; height: 220px; background: #f7f6f6; overflow: hidden; }
.content_box .listing_set.gallery article div.image img { height: 100%; }
.content_box .listing_set.gallery article div.article_inner { text-align: center; font-weight: normal; }
.content_box .listing_set.gallery .results-title { margin-bottom: 0; min-height: 40px; display: block; }
.content_box .listing_set.gallery span { padding: 3px; text-align: center; }
.content_box .listing_set.gallery span.price { display: block; white-space: nowrap; }
.content_box .listing_set.gallery .half { float: left; width: 49%; min-height: 45px; text-align: center; }
.content_box .listing_set.gallery .half-left { border-right: 1px solid #bbbbbb; }
.content_box .listing_set.gallery .buynow { color: #61B6CD; font-weight: bold; display: block; font-size: 14px; }
.content_box .listing_set.gallery .galleryScroll { text-align: center; }
.content_box .listing_set.gallery .galleryScroll img { cursor: pointer; }

.results-bids { font-size: 11px; display: block; padding: 4px 0; }

.results-info, .results-info-2 { display: block; padding: 4px 0 0 0; }

span.gallery_carousel_dot { font-size: 18px; color: #9A9A9A; }

.gallery_carousel_dot_active { font-size: 1.3rem; color: #4987C5; }

.featured_items .listing_set article div.article_inner { padding: 0px 0px 0px 0px; margin: 5px; border: 5px solid #eaeaea; }

div.clear { clear: both; }

.featured { margin-top: 20px; }

.current_region { display: inline-block; padding: 0 10px 0 0; }

.watchlist-button { display: inline-block; line-height: 10px;}

.items-list .headings { border-top: 0px solid #d8d8d8 !important; color: #919191; font-size: 10px; font-weight: normal; margin: 20px 0 0 0; padding: 10px 0 0 0; font-family: verdana; }
.items-list .row { margin-top: 0px; border-top: 0px dotted #d8d8d8; padding-top: 5px; }
.items-list .row:nth-child(2){border-top-width: 0px;}

.items-list .results-title, .items-list .results-info { color: #333333; }

.buy_now_price { color: #61B6cd; font-weight: bold; font-size: 14px; }

.results-title { font-size: 14px; }

.results-closing { color: #61B6cd; font-size: 11px; display: block; padding: 4px 0; }

.results-price { display: block; padding: 0px 0; font-size: 14px; }

.price { color: #000000; font-weight: bold; text-shadow: none; }

.top-banner { text-align: right; }
.top-banner img{vertical-align: middle;}
span.save_search{white-space: nowrap;}
footer { clear: both; margin-top: 40px; padding-top: 10px; font-size: 11px; font-weight: normal; color: #666666; }
footer .colgrid:first-child { background-color: #fff; border-bottom: 1px solid #CDD0D1; }
footer ul.legend { padding: 0; text-align: center; border-width: 0px;}
footer ul.legend li { display: inline-block; list-style: none; padding: 6px 10px; white-space: nowrap; }
footer ul.legend li img,footer ul.legend li span { vertical-align: middle; }
footer .dark-footer { background: url("../img/bg/footer2-bottom.gif"); border: 2px solid #fff; border-width: 0 2px; }
footer .dark-footer ul.links { font-size: 13px; font-weight: bold; }
footer .dark-footer ul.links li { list-style: none; margin: 0px 0px 0px 40px; padding: 6px 0px; display: inline-block; width: 140px; }
footer a { color: #ffffff; text-decoration: none; font-weight: normal; }
footer a:hover { text-decoration: underline; color: #00acdb; font-weight: normal; }
footer .disclaimer { clear: both; padding-top: 20px; padding-bottom: 20px; line-height: 20px; font-weight: normal; text-align: center; }
footer .disclaimer p { font-size: 11px; }

label.field_label { color: #333333; padding: 2px 5px; width: 200px; clear: both; display: inline-block; font-weight: normal; font-size: 13px; vertical-align: top; background-color: #eeeeee !important;}
.osi_slider span.title, .osi_page span.title{max-height: 60px;    overflow: hidden;}
div.fp-categories-container div.category_column.main_classified_navigation ul li.element a:link, a:visited { 
  font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 1px; color: #333333; text-decoration: none; }
div.fp-categories-container div.category_column.main_classified_navigation ul li.element a:hover, a:active {
    color: #25AFD4;
    text-decoration: none;
}

a:hover, a:active, h1.subtitle, .highlight_links a:link, .highlight_links a:visited, .text_highlight, label.required, #listing_categories li.element, #listing_categories span.category_title, div.category_column ul span.category_title, .categories div a:hover, .categories div a:active, ul.social_links li.element, .row_header, h1.listing_title, h1.seller_username, h1.seller_username a:link, h1.seller_username a:visited, #galleryBigImage p, .full_image_item, h1.print_title, .lightUpBox_navigation, .lightUpBox_description, .title2 { color: #00acdb; }

.center { text-align: center; padding: 10px 0; }

.mar-top-20 { margin-top: 20px; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

h1, .heading { font-size: 20px; font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 30px; }
h1.plain-title, .heading.plain-title { font-size: 12px; text-transform: uppercase; margin: 0; padding: 5px 0; color: #666; font-weight: bold; }
h1.title, .heading.title { border-radius: 0px 0px 0 0; margin: 0px 0px 4px 0px; background: #ffffff; font-size: 14px; font-weight: bold; padding: 4px 0 0 5px; }

#inline-search form { margin: 0; }
#inline-search .checkbox { padding: 5px 0; float: left; width: 100%; font-size: 10px; height: 22px; }
#inline-search .checkbox input[type="checkbox"] { padding: 0; margin: 0; }
#inline-search .checkbox label { padding-left: 5px; font-size: 10px; margin-bottom: 0; vertical-align: top; }
#inline-search label.field_label { display: block; width: 100%; padding: 4px 0; font-size: 11px; margin-bottom: 0; }
#inline-search input.keywords { padding: 5px 3px; width: 100%; }
#inline-search select.field { padding: 3px; min-width: 70px; max-width: 140px; }
#inline-search span.price-label { float: left; width: 70px; font-size: 11px; padding: 8px 0 5px 5px; }
#inline-search input.price-field { float: left; width: 35px; }
#inline-search div.is-more-closed { background: #eaeaea url("../img/expand_collapse.gif") no-repeat 97% -3px; cursor: pointer; clear: both; display: block; text-align: left; padding: 3px 10px 3px 10px; margin: 0 -5px; text-transform: uppercase; color: #45455d; font-size: 12px; font-weight: bold; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#inline-search div.is-more-closed:hover { color: #00acdb; text-decoration: underline; }
#inline-search .row_odd { padding: 2px 5px; }
#inline-search .row_odd label { margin-bottom: 0px; }

h2, .subheading { font-size: 18px; font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 26px; }

form label { font-size: 12px; display: inline-block; }

.button, a.button, input.button { border: 1px solid #bbe8f4 !important; background: #eeeff2 url("../img/bg/button.gif") repeat-x top left !important; color: #ffffff !important; height: 23px; font-weight: normal; text-decoration: none; white-space: nowrap; display: inline-block; text-shadow: none !important; border-radius: 3px; padding: 3px 10px; height: 30px; font-size: 14px; margin-right: 8px; margin-left: 8px; /*vertical-align: top;*/ vertical-align: middle; }
.button, .button:visited, .cancel, .cancel:visited{box-shadow: none; border-radius: 3px; padding: .3em 0.63em; vertical-align: top;font-size: 14px;font-weight: normal;}
.button a:hover, .button a:active, .button:hover, .button:active, .large_button:hover, .large_button:active { border: 1px solid #76d3eb !important; background: #76d3eb url("../img/bg/button_hover.gif") repeat-x top left !important; color: #fff !important; text-decoration: none; }

.hot_button, a.button.hot_button, a.hot_button, input.hot_button { border: 1px solid #dddddd !important; background: #f0b5b7 url("../img/bg/button_cancel.gif") repeat-x top left !important; color: #ffffff !important; height: 30px; padding: 4px 10px 3px 10px; font-weight: normal; text-decoration: none; white-space: nowrap; display: inline-block; text-shadow: none !important; border-radius: 0px; }

.hot_button:hover, .hot_button:active, a.hot_button:hover, a.hot_button:active { border: 1px solid #dddddd !important; background: #f0b5b7 url("../img/bg/button_cancel2.gif") repeat-x top left !important; color: #ffffff !important; height: 30px; padding: 4px 10px 3px 10px; font-weight: normal; text-decoration: none; white-space: nowrap; display: inline-block; text-shadow: none !important; border-radius: 0px; }

input.field, textarea.field, select.field, div.field, input.editor_field { padding: 6px; background: white url("../img/bg/form_input.gif") repeat-x top left; border: 1px solid #dddddd; color: #666666; font-size: 14px; font-weight: normal; margin: 3px;/* max-width: 60%; */border-radius: 0px 0px 0px 0px; min-height: 32px; }

input.field:focus, textarea.field:focus, select.field:focus { padding: 6px; border-width: 1px; border-style: solid; margin: 3px; }

div.autocomplete_choices ul, input.field:focus, textarea.field:focus, select.field:focus, #listing_photos img:hover, #galleryBigImage:hover, #listing_photos #filmstrip_strip_container div.filmstrip_entry img:hover { border-color: #5CD7F7; }

a:hover { text-decoration: underline; }

.breadcrumb { background: #ffffff; padding: 0; color: #5f6672; font-size: 11px; text-align: left; margin: 10px 0; font-weight: bold; box-shadow: none; height: 30px; border: 1px solid #ddd; border-radius: 0px 0px 0px 0px; }
.breadcrumb a, .breadcrumb div { float: left; display: block; padding: .5em 1em .7em 2em; text-decoration: none; color: #666; position: relative; background-color: #ddd; background-image: linear-gradient(to right, #f5f5f5, #dddddd); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size: .75rem; font-weight: bold; font-size: 11px; height: 29px; }
.breadcrumb a:first-child, .breadcrumb div:first-child { padding-left: 1em; border-radius: .32em 0 0 .32em; border-left: none; }
.breadcrumb a:last-child, .breadcrumb div:last-child { background: none; }
.breadcrumb a:link, .breadcrumb div:link { color: #666666; }
.breadcrumb .highlight { color: #666; }
.breadcrumb .active { color: #25afd4; }
.breadcrumb .active:after, .breadcrumb .active:before { border-color: transparent; }

#geo_regions { padding: 5px 0; font-size: 11px; }

div.category_column { float: left; }
body div.category_column ul{margin: 0;}
div.category_column ul li a { font-size: 12px; }
div.category_column ul li.element{white-space: normal !important;}

#rdtb { background: white url("../img/layout/nav_bar_bg_filter.gif") repeat 0 0; color: #333333; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-radius: 0px 0px 0px 0px; padding: 3px 5px; font-size: 12px; font-weight: bold; margin-top: 10px; overflow: hidden; }
#rdtb .panel-left { float: left; border-right: 0px solid #ddd; padding-right: 7px; min-height: 43px; }
#rdtb .panel-middle { float: left; }
#rdtb ul { margin: 0; padding: 5px 5px 0 5px; float: left; border: none; height: 43px; }
#rdtb ul li { display: inline-block; }
#rdtb .divider { border-left: 1px solid #ddd; height: 43px; }
#rdtb form { margin: 6px 0 0 0; }
#rdtb select { border: 1px solid #ddd; background: #fff; padding: 7px 3px 7px 1px; width: 150px; font-size: 14px; color: #767676; margin-top: -1px; }
#rdtb a { color: #ffffff; background: #76d3eb url("../img/bg/category_tab.gif") repeat-x top left; border: 1px solid #bbbbbb; font-weight: normal; text-decoration: none; padding: 6px 4px; margin: 0; float: left; border-radius: 0px; font-size: 14px; }
#rdtb a .active { color: #0066cc; border: 1px solid #dddddd; background: #bbe8f4 url("../img/bg/category_tab_2.gif") repeat-x top left; }
#rdtb a:hover { color: #ffffff; border: 1px solid #bbbbbb; background: #bbe8f4 url("../img/bg/category_tab_2.gif") repeat-x top left; font-size: 14px; }
#rdtb .panel-right { float: right; border-left: 1px solid #ddd; padding-left: 7px; }

.breadcrumb a:after, .breadcrumb div:after, .breadcrumb a:before, .breadcrumb div:before { content: " "; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1.1em solid; right: -1em; }

.breadcrumb a:before, .breadcrumb div:before { border-left-color: #ccc; right: -1.1em; z-index: 1; }

.breadcrumb a:after, .breadcrumb div:after { z-index: 2; border-left-color: #ddd; }

.no_results_box { background: #ecf4ff; border: 1px solid #a9afd4; padding: 10px; color: #5f6672; font-size: 11px; line-height: 18px; font-weight: bold; text-align: center; margin: 10px; border-radius: 0px 0px 0px 0px; }

.stags { border: 1px solid #dddddd; height: 30px !important; color: #3B3F3F; font-weight: normal !important; font-size: 12px; background: #f1da36; background: -moz-linear-gradient(top, #cdff00 1%, #ebff9e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cdff00), color-stop(100%, #ebff9e)); background: -webkit-linear-gradient(top, #cdff00 1%, #ebff9e 100%); background: -o-linear-gradient(top, #cdff00 1%, #ebff9e 100%); background: -ms-linear-gradient(top, #cdff00 1%, #ebff9e 100%); background: linear-gradient(to bottom, #cdff00 1%, #ebff9e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdff00', endColorstr='#ebff9e',GradientType=0 ); margin-bottom: 5px; padding-top: 4px; margin-top: 4px !important; }

.stags_b { color: #3B3F3F !important; border-right: 1px solid #dddddd; padding-left: 15px; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; }

#breadcrumb, .breadcrumb { margin: 5px 0 10px 0; padding: 0; height: 30px; border: 1px solid #ddd; padding: 0; color: #666666; font-size: 11px; font-weight: normal; background: none; border-radius: 0px 0px 0px 0px; }
#breadcrumb li, .breadcrumb li { color: #666; font-size: 11px; display: block; float: left; height: 26px; padding: 7px 20px 0 10px; }
#breadcrumb li.element, .breadcrumb li.element { background: url("../img/bg/cart_step.gif") no-repeat center right; font-weight: normal; font-size: 11px; line-height: 13px; }

h1.listing_title { padding: 0; margin: 20px 0; font-size: 24px; font-weight: normal; }

div#column-main h1.listing_title { color: #333333; }

#listing-info-bar { background: #ffffff; border-radius: 0px 0px 0 0; border: 1px solid #dddddd; padding: 3px; }
#listing-info-bar ul{padding: 0;margin: 0;}
#listing-info-bar.classified li { white-space: nowrap; float: left; padding: 10px 0 10px 10px; }
#listing-info-bar li.label { color: #000; font-size: 14px; font-weight: normal; }
#listing-info-bar li.br { border-right: 1px solid #dddddd; }
#listing-info-bar li.value { padding-right: 15px; font-size: 14px; }

#filmstrip_container, .filmstrip_outer .filmstrip_container { clear: both; text-align: center; width: 100%; overflow: hidden; display: inline-block; border: none; padding: 0; margin: 0px; }
#filmstrip_container .filmstrip_main, .filmstrip_outer .filmstrip_container .filmstrip_main { display: inline-block; float: left; width: 100%;}
#lead_photo_column div.filmstrip_main{width: auto !important;}
#filmstrip_container .filmstrip_main_img .filmstrip_main_img, .filmstrip_outer .filmstrip_container #lead_photo_column .filmstrip_main_img, .filmstrip_outer .filmstrip_container .filmstrip_main_img .filmstrip_main_img, .filmstrip_outer .filmstrip_container #lead_photo_column .filmstrip_main_img,#lead_photo_column .filmstrip_main_img  { margin-top: 20px; text-align: center; }
#filmstrip_container p.imageTitle, .filmstrip_outer .filmstrip_container p.imageTitle { padding: 10px; margin: 0px; }
#filmstrip_container .filmstripLeftScrollButton, .filmstrip_outer .filmstrip_container .filmstripLeftScrollButton { float: left; width: 22px; height: 96px; background: white url("../img/buttons/filmstrip_scroll_left.png") no-repeat right top; }
#filmstrip_container .filmstripLeftScrollButton:hover, .filmstrip_outer .filmstrip_container .filmstripLeftScrollButton:hover { background: white url("../img/buttons/filmstrip_scroll_left.png") no-repeat left top; }
#filmstrip_container .filmstripLeftScrollButton.no_hover, .filmstrip_outer .filmstrip_container .filmstripLeftScrollButton.no_hover { background: white url("../img/buttons/filmstrip_scroll_left.png") no-repeat right top; }
#filmstrip_container .filmstripRightScrollButton, .filmstrip_outer .filmstrip_container .filmstripRightScrollButton { float: right; width: 22px; height: 96px; background: white url("../img/buttons/filmstrip_scroll_right.png") no-repeat left top; }
#filmstrip_container .filmstripRightScrollButton:hover, .filmstrip_outer .filmstrip_container .filmstripRightScrollButton:hover { background: white url("../img/buttons/filmstrip_scroll_right.png") no-repeat right top; }
#filmstrip_container .filmstripRightScrollButton.no_hover, .filmstrip_outer .filmstrip_container .filmstripRightScrollButton.no_hover { background: white url("../img/buttons/filmstrip_scroll_right.png") no-repeat left top; }
#filmstrip_container .filmstrip_strip_container, .filmstrip_outer .filmstrip_container .filmstrip_strip_container { 
overflow: hidden;
padding: 0; 
margin-bottom: 10px; 
position: relative; 
border: 1px solid #eaeaea; 
max-width: 286px; 
}
#filmstrip_container .filmstrip_strip_container div.filmstrip_strip, .filmstrip_outer .filmstrip_container .filmstrip_strip_container div.filmstrip_strip { 
  white-space: nowrap; 
  list-style: none; 
  padding: 0px; 
  margin: 0px; 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  overflow: hidden; 
  width: auto;
}
#filmstrip_container .filmstrip_strip_container div.filmstrip_strip div.filmstrip_entry, .filmstrip_outer .filmstrip_container .filmstrip_strip_container div.filmstrip_strip div.filmstrip_entry { 
  padding: 0px; 
  display: inline-block; 
  float: none; 
  margin: 0px; 
  vertical-align: middle; 
  cursor: pointer; 
  margin: 0px 0px 0px 5px; 
}
.filmstrip_strip_container{height: 90px;}
.filmstrip_main_img{min-height: 320px;}

.checklist, .checklist-arrow { margin: 5px 10px; padding: 0px; color: #666666; text-align: left; font-size: 14px; }
.checklist li, .checklist-arrow li {font-size: 13px; list-style: none; background: url("../img/bg/arrow_blue.gif") no-repeat 4px; padding: 5px 5px 5px 20px; font-weight: normal; color: #737373; }
#listing-actions-bar-new{overflow: hidden;}
#listing-actions-bar-new .panel-4,#listing-actions-bar .panel-1 { width: auto; min-width: 220px; float: left; text-align: center; padding-left: 15px; padding-right: 30px; margin-bottom: 5px;}
#listing-actions-bar-new .panel-2 { min-width: 100px; float: left; text-align: center; padding-left: 15px; padding-right: 15px; margin-bottom: 5px;}
#listing-actions-bar-new a:link { color: #ffffff; text-decoration: none; font-size: 14px !important; text-transform: none; }

#listing-actions-bar .watchlist-button{height: 30px; padding-top: 9px;float:left; margin-left: 8px;}
#listing-actions-bar .panel-1 div[class^='watchlist']{max-width: 210px;}
#listing-actions-bar .panel-1 div[class^='watchlist'] span.watchlist-saved-info,
#listing-actions-bar .panel-1 div[class^='watchlist'] span.watchlist-saved{width: 100%;}
#listing-actions-bar .watchlist-add-icon{top: 0;}
#listing-actions-bar .watchlist-saved-info {line-height: 12px;}
#listing-actions-bar .watchlist-success_box{width: 100%; line-height: 12px;padding: 2px 2px 1px 2px !important;}
#listing-actions-bar .watchlist-success_box img{float: left;}
#listing-actions-bar-new .panel-4 .button,#listing-actions-bar-new .panel-2 .button{margin-left: 0;}


.shaded-content-box-seller { margin-top: 20px; border: 1px solid #ddd; background: #f6f5f5; border-radius: 0px; padding: 5px; }
.shaded-content-box-seller li.element a:link, .shaded-content-box-seller a:visited { font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 1px; color: #000000; text-decoration: none; }
.shaded-content-box-seller .seller-column, .shaded-content-box-seller .actions-column { padding: 10px; }
.shaded-content-box-seller .option-list, .shaded-content-box-seller .seller-list, .shaded-content-box-seller .bidding-list { margin: 0; padding: 0; list-style: none; }
.shaded-content-box-seller .option-list li, .shaded-content-box-seller .seller-list li, .shaded-content-box-seller .bidding-list li { border-bottom: 1px dotted #DDD; padding: 8px 5px; font-size: 14px;}
.shaded-content-box-seller .option-list li.contact, .shaded-content-box-seller .seller-list li.contact, .shaded-content-box-seller .bidding-list li.contact { background: url("../img/icons/icon_envelope.png") no-repeat 0 5px; padding-left: 40px; }
.shaded-content-box-seller .option-list li.sellers-listings, .shaded-content-box-seller .seller-list li.sellers-listings, .shaded-content-box-seller .bidding-list li.sellers-listings { background: url("../img/icons/icon_listings.png") no-repeat 0 5px; padding-left: 40px; }
.shaded-content-box-seller .option-list li.post-comment, .shaded-content-box-seller .seller-list li.post-comment, .shaded-content-box-seller .bidding-list li.post-comment { background: url("../img/icons/icon_write.png") no-repeat 0 5px; padding-left: 40px; }
.shaded-content-box-seller .option-list li.view-comments, .shaded-content-box-seller .seller-list li.view-comments, .shaded-content-box-seller .bidding-list li.view-comments { background: url("../img/icons/icon_book.png") no-repeat 0 5px; padding-left: 40px; }
.shaded-content-box-seller .option-list li.label, .shaded-content-box-seller .seller-list li.label, .shaded-content-box-seller .bidding-list li.label { float: left; width: 140px; clear: both; text-align: left; color: #555555; font-weight: normal; height: auto; }
.shaded-content-box-seller .option-list li.label a, .shaded-content-box-seller .seller-list li.label a, .shaded-content-box-seller .bidding-list li.label a { color: #555555; }
.shaded-content-box-seller .option-list li.label a:hover, .shaded-content-box-seller .seller-list li.label a:hover, .shaded-content-box-seller .bidding-list li.label a:hover { color: #00acdb; }
.shaded-content-box-seller .option-list li.value, .shaded-content-box-seller .seller-list li.value, .shaded-content-box-seller .bidding-list li.value { float: left; }
.shaded-content-box-seller .shipping-list li.label { float: left; width: 90px; text-align: left; padding: 5px; background: url("../img/bg/arrow_blue.gif") no-repeat 0 7px; padding-left: 20px; color: #555555; font-weight: normal; font-size: 12px;}
.shaded-content-box-seller .shipping-list li.value { float: left; padding: 5px; word-wrap: break-word; }
table td.status-table{min-width: 210px;background-color: #fff;}
.top-banner.valign:before { height: 100px; }
#extra_questions div.label{width: 50% !important;}
#extra_questions div.data {width: 49% !important;}
#extra_questions div.label li{-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;}
#extra_questions div.data li {color: #0066cc; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;}
#extra_questions li{text-align: left; font-weight: normal;font-size: 14px; }
#listing_photos img {
	border: 1px solid #fff;
}

#listing_photos img:hover {
	border: 1px solid #00acdb;
}

#bid_bar {
	margin: 0;
	padding: 0;
	display: block;
}

#bid_bar li {
	list-style: none;
	padding: 5px 0px 5px 10px;
	margin: 5px 0;
}

#bid_bar li.label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
	font-weight: bold;
}

#bid_bar li.value {
	display: block;
	width: 100px;
	float: left;
	color: #777777;
	font-weight: bold;
}

#bid_bar li.ieFloatFix {
	/* a nearly-invisible clearer element, to make IE play nice */
	display: block;
	clear: both;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;	
}

#bid_bar li.buttons {
	display: block;
	width: auto;
	float: left;
	color: #777777; /* ## original 4t color before v6.0 - #0839ca ## */
	font-weight: bold;
}

#extra_questions ul {
	margin: 0;
	padding: 0;
	color: #555555;
	list-style: none;
}

#extra_questions li {
	padding: 3px;
	margin: 3px 0;
	border-bottom: 1px dotted #DDD;
	white-space: normal;
}

#extra_questions div.label {
	width: 200px;
	display: inline-block;
	float: left;
	white-space: nowrap;
	font-weight: normal;
	color: #000000;
}

#extra_questions div.data {
	width: 210px;
	display: inline-block;
	overflow: hidden;
	font-weight: normal;
}
ul.info{
  font-size: 13px;
}

#extra_questions div.data li {color: #00acdb;}  /* ## original 4t color before v7.1.3 - #26afd5  #1e85a2 ## */
/*body #sharing-bar .panel-7{
  float: none;
  width: 260px;
  margin: 0px auto;
}*/
footer a:visited,footer a:link {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: normal;
}
.box_style .inner_t{padding-left: 0px; text-align: center;}
.logo_mc {text-align: center;}
#listing-bidder-bar .mini_button,#listing-bidder-bar input[type="checkbox"]{vertical-align: middle;margin-bottom: 0;}
#listing-bidder-bar a.mini_button{padding: 4px 3px;}
#listing-bidder-bar{padding-top: 0px;}
.watchlist-saved{line-height: 11px;}
.full-width .main_classified_level_navigation.columns.four{width: 100%;}
.cancel, .cancel:visited, .mini_cancel, .mini_cancel:visited{color: #fff !important;}
#site-map .main_classified_level_navigation li.element ul.sub_categories li{width: 30%}
.columns .shaded-content-box{margin-top: -13px;}
.columns #listing_info_column .shaded-content-box ul.info li.label{margin-right: 5px;height: auto; text-align: left; max-width:52%; width:240px; }
#listing_info_column .shaded-content-box ul.info li.value{max-width: 47%;}
#listing_info_column{font-size: 14px; margin-top: 20px;}

#extra_questions .label{padding-left: 0;}
a.autoStartSlideshow.lightUpLink{color: #333;}
a.autoStartSlideshow.lightUpLink:hover{color: #00acdb;}
#small-advert-page-banners .zone1 img,
#small-advert-page-banners .zone2 img{
  width: auto;
/*  min-width: 125px;*/
  float: none;
  display: inline-block;
  vertical-align: middle;
}
#small-advert-page-banners .zone1 img{
/*  width: 135px;
  min-width: 135px;*/
padding-right: 1px;
}
#small-advert-page-banners .zone1,
#small-advert-page-banners .zone2{
  display: inline-block;
} 
div#small-advert-page-banners{text-align: center;}
#inline-search-mini form{margin-bottom: 0;}
#inline-search-mini .save_search input{top:0;}
.shaded-content-box-seller .actions-column{border-right-width: 0;}
#sharing-bar .panel-7 a img{margin: 0;}
#listing-actions-bar .button img, #listing-actions-bar-new .button img{vertical-align: middle;}
h1.share_title, h2.share_title {
    border-radius: 0px 0px 0 0;
    margin: 0;
/*     background: #ffffff; */
    font-size: 14px;
    color: #333333;
    padding: 0 5px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
/*     font-weight: bold; */
    font-family: Verdana;
}
.sharing_popup_list_container {
    padding: 0px 5px;
    margin-top: 5px;
    overflow: hidden;
}
table#counterBox {width: auto;}
table#counterBox tr td{
    padding: 0;
    border: 0;
    text-align: center;
  }
#listing-management-bar .panel-left{width: 60%;}
#listing-management-bar .panel-right{width: 39%;}
a.lightUpLink.autoStartSlideshow{display: none;}
.classified-timer{width: 190px;}
.seller-column, .actions-column{width: 49%;}
#listing-info-bar li.label-buynowonly{padding-right: 10px;}
.logined-user-icon,.search-bar-user-icon{display: none;}  
.mystore-mobile{display: none !important;}  
.motors-mobile{display: none !important;}  
label.login_label,label.login_label{ vertical-align: sub; margin-bottom: 0; padding-bottom: 0;}
.navbar > ul > li{position: relative;}
.navbar li .dropdown#my_account ul > li{height: auto; line-height: 18px;}
.navbar li .dropdown#my_account ul > li a{height: auto; line-height: 25px;}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul{max-height: inherit;}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account, 
.gumby-touch .navbar ul li.active .dropdown#my_account{
  width: auto;
  left: auto;
  max-height: inherit;
}
#classifiedsTabContents .content_box .row, #auctionsTabContents .content_box .row,.row.item-line{border-bottom: 1px dotted #CCC; padding-bottom: 20px;}
#classifiedsTabContents .content_box .row.headings,#auctionsTabContents .content_box .row.headings{border-bottom-width: 0;}

.float-right{float: right;}
.browse_table_column_header_num_bids,.browse_table_column_header_price, .browse_table_column_header_price a,
.title_column_header span,.city_column_header span,.newest_time_left_column_header span,
a.title_column_header ,a.city_column_header,a.newest_time_left_column_header,a.price_column_header,
.title_column_header ,.city_column_header,.newest_time_left_column_header,a.price_column_header{color: #919191;font-size: 10px;} 
 .row_even:hover, .browsing_result_table_body_even:hover, .seller_result_table_body_even:hover, .row_odd:hover, .browsing_result_table_body_odd:hover, .seller_result_table_body_odd:hover, .row_even_highlight:hover, .seller_result_table_body_even_bold:hover, .row_odd_highlight:hover, .browsing_result_table_body_odd_bold:hover, .seller_result_table_body_odd_bold:hover, article.listing .article_inner:hover{
   background-color: white;   /* 13.11 was transparent changed to white as grey line appears*/
}
.browsing_result_table_body_even_bold:hover{background-color:#bfe8fc; }
#inline-search-mini .save_search label,
#inline-search-mini .save_search label img{vertical-align: middle;}
#billing_state_wrapper{background: none; border-width: 0px;}
#storefront-right-column .right-content-box{margin-bottom: 20px;}
h2.title {height: auto;}
.content_box  #filterLine{height: auto;}
.export-link{float: right; margin-top: 5px; margin-right: 5px}
.content_box #filterLine div{display: inline;}
body div#myProductsButtonsDIV{
  vertical-align: top;
  display: inline-block;
  margin-top: 3px;
}
html #filterLine input[type="button"]{vertical-align: middle;}
html .selling_tab{border-width: 0px !important;}
#soldProductsTBODY ul li{padding-bottom: 0;}
.selling_tab div:first-child div{display: inline-block; width: 100%;}
#myProductsTab.selling_tab div:first-child div{width: auto;}
.selling_tab div:first-child div.export-link{width: auto; }
.pagination li a:link, .pagination li a:visited{padding: 1px 7px;}
.pagination li.current{padding: 1px 7px;}
.pagination li.current a:link{
  padding: 0; border-width: 0px; background-color: transparent; color: #fff;
}
#watchlistTabs ul.pagination{overflow: hidden;}
div[name="shareDIV"]{display: inline-block;}
div.share_popup span.ui-icon.ui-icon-closethick{margin-top: 5px;}
.placebid-column-text{   color: #00acdb;}
#small-advert-banners .zone1 img,
#small-advert-banners .zone2 img,
#small-advert-banners .zone3 img,
#small-advert-banners .zone4 img{width: 192px !important}
.content_box.gj_simple_carousel.border{
/*   display: none; */
}

#offerTabs div#offersPending,
#offerTabs div#offersAccepted,
#offerTabs div#offersExpired,
#offerTabs div#offersDeclined {
	clear: both;
	border: 0px solid #ddd;
	width:  100%;
}

#offerTabs div#offersPending table:first-child,
#offerTabs div#offersAccepted table:first-child,
#offerTabs div#offersExpired table:first-child,
#offerTabs div#offersDeclined table:first-child {
	clear: both;
	border-top: 1px solid #ddd;
	width:  100%;
}


table tr td.date{white-space: nowrap;}
.form_fieldset label.field_label{float: left;}
.form_fieldset .row_odd,.form_fieldset .row_even{width: 100%; overflow: hidden;}
.gjLightbox div.closeBoxX{
 width: 20px; 
 height: 18px;
}
.main-content .osi_page .frame .item-frame{
  width: 33.33%;
}
.main-content .osi_page .frame .item-frame .item{
  height: 390px;
}
tr.column_header, th.column_header{
  background-color: #F7F6F6;
}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul li.heading-label, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul li.heading-label{
  font-weight: bold;
  border-top: 1px solid #ccc;
  font-size: 14px;
  padding-top: 10px;
  margin-top: 5px;
}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul li.heading-label:first-child, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul li.heading-label:first-child{
  border-top-width: 0;
}
#my_account ul{
  border-top: 1px solid #ccc;
}
#my_account ul:first-child{border-top-width: 0px;}

div.dropdown #browse ul.browse_dropdown li{display: inline-block; width: auto;}
div.dropdown #browse  ul.browse_dropdown li a{color: rgb(51, 51, 51); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;}
.gumby-no-touch .navbar ul li:hover .dropdown  #browse  ul.browse_dropdown{min-height: 20px;}
select.field[name="s[category]"]{height: 32px;}
#inline-search-mini input.keywords{height: 32px;}
.region-box-styles{background-color: #fff;}
.table-subresponcive .store-image img{
  max-width: none;
}
.feedback_cells td{padding: 5px;}
.share_clickToClose {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    font-face: Verdana;
    float: right;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 0px;
}
body .osi_page span.thumb img, body .listing_set.gallery article div.image img{
    width: auto !important;
    height: auto !important;
    display: block;
    padding: 0;
    margin: auto;
    float: center;
    max-height: 220px;
}

body .gj_simple_carousel .listing_set.gallery article div.image img{
  max-height: 100%;
}
#registration_form .row_odd,#registration_form .row_even{
	overflow: hidden;
}
#registration_form label.field_label{
	padding: 2px 10px 2px 5px;
	float: left;
}
#registration_form input.field{
	float: left;
}
#registration_form .field_error_row{
	overflow: hidden;
}
#registration_form .error_message{
	float: left;
}
#registration_form .error_message p{
	line-height: 34px;
	
}
body .region-box-styles ul li.heading .sub_regions_2 li{
	line-height: 18px;
}
body .region-box-styles div.section{
	padding: 8px 15px;
}

@media only screen and (max-width: 1110px) { 
  #inline-search span.price-label{width: 110px;}
}
/* ==== 1024==== */
@media only screen and (max-width: 1024px) { 
  #listing-info-bar .data-right{ display: block;
    margin: 2px 10px;
    float: none;
    right: 0;
    top: 0;}
  #listing-bidder-bar .data-right{display: block;
    margin: 2px 10px;
    float: none;
    right: 0;
    top: 0;}
  li.label.label-pad{clear: left;}
  #listing-info-bar li.br{border-right-width: 0px;}
  .results-price { font-size: 10px; }
  
  #watchlistTabs.ui-tabs .ui-tabs-nav li a{
     padding: .7em .4em
  }
  .content_box .mini_button.alignright{
    float: none;
    margin-bottom: 10px;
  }
  #storefront-categories{margin-bottom: 10px; width: 100%;}
  #storefront-right-column{width: 100%; margin-left: 0;}
  #storefront-right-column .right-content-box{float: left; padding: 10px 20px; margin-right: 20px;}

  table.table-subresponcive{}
  table.table-subresponcive tr{}
  table.table-subresponcive tr.results_column_header{display: none;}
  table.table-subresponcive tr td{border-bottom-width: 0px; display: block; text-align: left;}
  table.table-subresponcive tr td:last-child{
    border-bottom: 1px dotted #CCC;
  }
  #right_banner,#listing_right_panel{display: none;}
  #category_div .category_column{width: 100% !important;display: block; clear: both;}
  .top-banner img{margin-top: -15px;}
  
  #storefront-info-column{width: 100%;}
  .main-content .osi_page .frame .item-frame .item{
    height: 440px;
  }
}
@media only screen and (max-width: 940px) { 
  .navbar > ul > li > a { padding: 5px; }
  .fp-buttons a { margin-bottom: 10px; }
 #browse{right: 20px;}
 .ui-state-default{margin-bottom: 10px;}
 div.category_column.main_classified_navigation ul li.element a:link span.count, a:visited span.count{
    display: none;
  }
  
}
@media only screen and (max-width: 865px) { 
  
  .search-bar .search-form input.keywords { width: 200px !important; } 
  #breadcrumb li.element:first-child{
    display: none;
  }
  .left-content-ad-box{display: none;}
  #listing-bidder-bar table td{
    padding-top: 5px;
    vertical-align: middle;
    display: table;
    margin-left: 12px;
  }
  #listing-bidder-bar .rb{
    border-right-width: 0;
  }
   #browse{right: -60px;}
   table td.img-thumb img {max-width: none;}
   .content_box #filterLine .label_f,#watchlistTabs .label_f{padding-left: 0px;margin-left: 0px;}
   #watchlistTabs #currentTab input[name="searchBtn"]{margin-left: 0px;}
   .content_box #filterLine{padding: 0 0 0 11px;}
   .content_box #filterLine div{display: inline-block;}
   .content_box #filterLine div input {width: auto !important;}
}
  
@media only screen and (max-width: 767px) { 
  body .photo-gal-holder{
    max-width: 340px;
    clear: both; 
  }
 .content_box #filterLine{padding: 0;}
  #soldProductsTBODY ul li .ui-icon{display: none;}
  div.category_column.main_classified_navigation ul li.element a:link span.count, a:visited span.count{
    display: inline-block;
  }
  body #pricing-table{overflow: scroll;}
  body .tab{width: 100%;}
  body .tab .tab-content{width: 100%;}
  .search-bar, #rdtb { height: auto; background-repeat: repeat; background-color: #e0e0e0; background-image: none; }
  #storefront-info-column{width:100%}
  .price { font-size: 14px; }
  .items-list .row.headings,.items-list .row.item-line.headings { display: none; }
  .items-list .row .columns.five,.items-list .row.item-line .columns.five { text-align: center; }
  .items-list .row .columns.two.text-center,.tabContents .row .columns.two.text-center,
.items-list .row.item-line .columns.two.text-center,.tabContents .row.item-line .columns.two.text-center  { float: left; margin-right: 20px; /*width: 49% !important;*/ }
  .items-list .row .columns.one.text-center,.row.item-line .columns.one.text-center { float: left; /*width: 49% !important;*/ }
  .items-list .row .results-price,.items-list .row.item-line .results-price { display: inline-block; font-size: 14px; }
  .items-list .row .buy-now-spacer,.row.item-line .buy-now-spacer { display: inline-block; }
  .items-list .row .results-bids,.row.item-line .results-bids { display: inline-block; padding: 0px; }
  .row.item-line .columns.two.text-center {display: inline-block;float: left;    margin-right: 20px;}
  .row.item-line .results-price{font-size: 14px;}
  .row.item-line .columns.four{margin-bottom: 10px;}
  .row.item-line .text-center.nowrap.columns.two.float-right .center{padding-top: 0;}
  .buy-now-spacer{margin-top:0;}
  .fp-buttons.text-center { text-align: left; }
  .date-bar { text-align: left; margin-top: 25px;top: -7px; position: relative;}
  .search-bar .three.columns { text-align: left; padding-left: 10px; }
  .search-bar .nine.columns { text-align: left; }
  .navbar a.toggle { top: -16%; left: 4%; right: auto; }
  .navbar > ul > li { background-image: none; }
  .left-content .login { display: none; }
  .left-content .banners { display: none; }
  .top-banner { display: none; }
  .fp-ads-title { display: none; }
  .fp-ads { display: none; }
  .row.headings{display: none;}
  #listing-info-bar li.br { border-right: 0; }
  .stags { height: auto !important; padding-bottom: 4px; padding-top: 0px !important}
  .stags a{display: inline-block;}
  .stags_b { white-space: nowrap; line-height: 30px;border-bottom: 1px solid #dddddd; }
  .stags_b:hover{height: auto !important;}
  table#counterBox tr td{
    padding: 0 5px;
  }
  .shaded-content-box-seller .shipping-list li.label{clear:both;}
  .shaded-content-box-seller .shipping-list li.value{clear:both;}
  #sharing-bar .panel-7{float: left; width: 250px; margin-left: 15px;}
  .seller-column, .actions-column{width: 100% !important;}
  #breadcrumb{height: auto; padding: 0 0 10px 0; overflow: hidden;}
  #extra_questions div.label{width: 50% !important;}
  #extra_questions div.data{width: 45% !important;}
  footer .dark-footer { background-color: #1B2D32; background-image: none; } 
  footer .dark-footer .columns.two{
    width: 49% !important;
    float: left;
  }
  
  ul.info{margin: 10px 0;}
  #listing_info_column .shaded-content-box ul.info li.label{
    text-align: left; height: auto; 
  }
  ul.info li.label{
    width: 210px; max-width: 52%;
  }
  ul.info li.value{
    max-width: 47%;
    width: 150px;
  }
  .half-width-block{
    max-width: 49%;
    width: 49%;
    float: left !important;
  }
 #listing-bidder-bar .data-right{
   height: 35px;
}
#listing-bidder-bar table td{
  padding-top: 5px;
}
#listing-actions-bar-new .panel-4{padding-bottom: 7px;}
.seller-column{border-width: 0;}
.classified-timer{width: 285px;}
.description{margin-bottom: 20px;}
.search-bar .user_bar{
    text-align: left;
    margin: 10px 0;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
  }
.option-list, .seller-list, .shipping-list, .bidding-list{
  overflow: hidden; margin-bottom: 10px;
}
.items-list .columns.four.text-center,.row.item-line .columns.four.text-center{text-align: left;}
.results-price.buy_now_price,.buy-now-spacer{
/*   top: -3px; -deleted or TIM request 08-10 */
  top: 0;
  position: relative;
}
.logined-user-icon,.search-bar-user-icon{
  display: inline-block;
  margin-left: 0;
}

.logined-user-bar,.inline-search-block{
  position: absolute;
  left: -100%;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
   -webkit-transition: left .5s ease-out;
  -moz-transition: left .5s ease-out;
  -o-transition: left .5s ease-out;
  transition: left .5s ease-out;
  z-index: 3;
}
.logined-user-bar.active,.inline-search-block.active{
  left: 20px;
  -webkit-transition: left .5s ease-out;
  -moz-transition: left .5s ease-out;
  -o-transition: left .5s ease-out;
  transition: left .5s ease-out;
}
.mystore-mobile{
  display: block !important;
}
.mystore-mobile a.button{
  margin-left: 0;
}
.motors-mobile{
  display: block !important;
}
.motors-mobile a.button{
  margin-left: 0;
}
.motors-mobile .button{
    background-image: none !important;
    background: #f1da36 !important;
    background: -moz-linear-gradient(top, #cdff00 1%, #ebff9e 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cdff00), color-stop(100%,#ebff9e)) !important;
    background: -webkit-linear-gradient(top, #cdff00 1%,#ebff9e 100%) !important;
    background: -o-linear-gradient(top, #cdff00 1%,#ebff9e 100%) !important;
    background: -ms-linear-gradient(top, #cdff00 1%,#ebff9e 100%) !important;
    background: linear-gradient(to bottom, #cdff00 1%,#ebff9e 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdff00', endColorstr='#ebff9e',GradientType=0 ) !important;
    color: #000 !important; 
}
.motors-mobile .button:hover{opacity: .8;}
.motors-search-content{display: none;}
.motors-search-content.active{display:block;}
#browse{
    display: block;
    left: 0;
    right: auto;
    width: auto;
}
#classifiedsTabContents .content_box .row, #auctionsTabContents .content_box .row{
  padding: 0 3px;
}
#classifiedsTabContents .content_box .row div, #auctionsTabContents .content_box .row div{
  text-align: left;
}
h1.title, h2.title{margin-bottom: 10px;}
#rdtb .panel-left{margin-left: 5px;}
#watchlistTabs.ui-tabs .ui-tabs-nav li{margin-bottom: 5px;}
.cart_item_child{margin-left: 0;}
.cart_item_buttons{padding: 0; }
#cart_left_column{width: 100%;}
#cart_right_column{width: 100%; padding-left: 0;float: left;}
.payment_options_list {width: auto;}
#storefront-categories{width: auto;}
#offerTabs div#offersPending, #offerTabs div#offersAccepted, #offerTabs div#offersExpired, #offerTabs div#offersDeclined{border: 0px solid #dedede;}
#offerTabs.ui-tabs .ui-tabs-nav li{margin-bottom: 10px;}
#listingQuestionTabs div#unansweredQuestions, #listingQuestionTabs div#answeredQuestions{border-width: 0px;}
#listingQuestionTabs.ui-tabs .ui-tabs-nav li{margin-bottom: 10px;}
.favourite-buttons a{
  margin-bottom: 10px;
}
.content_box #filterLine{padding: 0 10px;}
.content_box #filterLine .label_f{padding-left: 0px;margin-left: 0px;}

.export-link{float: none; display: block; padding-left: 10px;}
#watchlistTabs .button{margin-bottom: 5px;}  
.content_box #filterLine .field.ui-autocomplete-input{width: 142px !important;}
.content_box #filterLine #filterFolderList{width: 126px !important;}

#myProductsButtonsDIV{
  margin-left: 2px;
  display: block !important;
  overflow: hidden;
}
div.options .myAction{
  padding-left: 10px;
}
#promotionalExtrasDiv{
  width: 100% !important; 
}
#attentionGetterVariantsDiv{
  width: 100% !important;
  float: left !important;
  margin-bottom: 10px !important;
}
#attentionGetterVariantsDiv span{
  display: block;
}
span.field-title{display: block !important; text-align: left;}
.flex-table tr th,.flex-table tr td {display: block;}

#watchlistTabs ul.paginate li{display: inline-block; padding: 0 5px;}
#myProductsTablePlace,#currentTablePlace{min-width: 563px;}

table#myProductsTable td.image-cell{width: 160px !important;}
.selling_tab div:first-child div{display: block;}
.label_f{margin-left: 0px !important; padding-left: 0px !important;}
.selling_tab div:first-child div input.button{margin: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom: 0px !important;}
#currentProductsTable tr td b,
#unsoldProductsTable  tr td b,
#myProductsTable tr td b{white-space: nowrap;}

.placebid-column-text,.placebid-column-value,.placebid-column-text-style,.placebid-column-text-title{display: block; margin-left: 5px;}
.content_bid_box div.center .button{margin-bottom: 10px;}
.placebid-column-value.total-bold{color: #00acdb !important;}
.bid-shipping-choices{
  width: auto;
  position: initial;
  margin-bottom: 20px;
}
.bsc-right{width: auto;}
.placebid-column-text{width: auto;}

.search-bar .search-form select{margin-left: 3px;}
#update_response .field_label{margin-bottom: 10px;}
div.highlight_links label.field_label{font-weight: bold;}
.category_column.classified_navigation_1{display:block; width: 100% !important}
.listing_set.gallery article.listing{
  width: 100% !important;
  display: block;
}
table.user_feedback_table {min-width: 500px;}
table.user_feedback_table .feedback_cells td:last-child
{border-bottom-width: 0;}
table.user_feedback_table .response td img{margin-left: 5px;}
/*table.user_feedback_table tr.feedback_cells td{
  width: 100%;
  display: block; 
}
table.user_feedback_table tr.response td:first-child{
  display: none;
}
table.user_feedback_table tr.response td img{margin-left: 5px;}
table.user_feedback_table tr td{border-bottom-width: 0px;}
table.user_feedback_table tr td img{width: auto;} 
table.user_feedback_table tr.response td{border-bottom-width: 1px;}*/
.content_box label.field_label {font-weight: bold;}
.printBox{top: 0;}
form[name='seller_profile_form'] input[name='profile_name']{
  font-size: 120%;
  line-height: 140%;
  padding: 0 2px;
}

.gumby-no-touch .navbar ul li:hover .dropdown#my_account, 
.gumby-touch .navbar ul li.active .dropdown#my_account{
  display: block !important;
  left: 0;
  padding-top: 0px;
  overflow: scroll;
 height: 200px;
}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul{
  width: 100% !important;
  display: block;
  margin-left: 10px;
  max-height: 170px;
  margin: 0px;
}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul li, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul li{
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  min-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  padding-left: 10px;
  line-height: 10px;
}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul li a, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul li a{
  padding: 0;
  white-space: initial;
  text-transform: initial;
  font-weight: normal;
}
.main-content .osi_page .frame .item-frame{width: 100%;}
.main-content .osi_page .frame .item-frame .item{height: auto; width: 100%;}
.gj_simple_carousel .listing_set.gallery .gallery_row{width: 100% !important;}
.content_box .listing_set.gallery .gallery_row  article:last-child{display: none;}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul li.heading-label, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul li.heading-label{
  display: block;
  width: 100%;
  float: none;
  margin: 10px 0;
  border-top: 1px solid #ccc;
}
.gumby-no-touch .navbar ul li:hover .dropdown#my_account ul .undermenu-group, 
.gumby-touch .navbar ul li.active .dropdown#my_account ul .undermenu-group{overflow: hidden;}

#browse{padding-top:0px;background-color: #e9e9e9;background: #e9e9e9;}
.gumby-no-touch .navbar ul li:hover .dropdown #browse ul.browse_dropdown,
.dropdown #browse ul.browse_dropdown{padding-top: 10px;}
#my_account{background-color: transparent;}
.navbar ul li .dropdown{background-color: transparent;}
.navbar > ul > li { padding: 0px 0; margin: 7px 0 0 0; }
body .tabs-menu{height: auto;}
#tabs-container{overflow: hidden;}
.table-subresponcive .store-image img{
  max-width: 100%;
}


}
@media only screen and (max-width: 767px) { 
	textarea{
		overflow: scroll;
	}
  .date-bar {
    text-align: left;
    margin-top: 25px;
    top: 10px;
    position: relative;
}
#content_column_wide .content_box input[type='reset'],#content_column_wide .content_box input[type='submit']{
  margin-bottom: 10px;
}
div.dropdown #browse ul.browse_dropdown li{
	padding-left: 10px;
}
}

/* ====width 530px; */
@media only screen and (max-width: 530px){
  .tabs-menu li{margin-bottom: 5px;}
  div.row_odd label,div.row_even label{
    display: block;
  }
  div.row_odd label.login_label, div.row_even label.login_label,form[name="watchlist_settings_form"] div.row_odd label,form[name="watchlist_settings_form"] div.row_even label{
    display: inline-block;
  }
  form[name="questions_form"] .question_col{
    width: 150px;
  }
  .content_box #filterLine div{display: block;}
  .content_box .button_list .button{margin-bottom: 10px;}
.content_box label.field_label{margin-left :0; padding-left: 0;}
input.field, textarea.field, select.field, div.field, input.editor_field{margin-left: 0;overflow: scroll;}
table .row_even_cars td:first-child,table .row_odd_cars td:first-child{ width: 200px !important;}
table .row_even_cars td:first-child img,table .row_odd_cars td:first-child img{ width: 200px !important;}

#small-advert-banners .zone1 img,
#small-advert-banners .zone2 img,
#small-advert-banners .zone3 img,
#small-advert-banners .zone4 img{width: 152px !important}
.field_group{float: left;}
.mini_button{margin-bottom: 10px;}
#watchlistTabs div#itemsWatched, #watchlistTabs div#itemsWon, #watchlistTabs div#itemsLost, #watchlistTabs div#itemsWatchedExpired{border-width: 0px;}
table td.title{min-width: 190px;}
table td.bidding{min-width: 150px;}
table td.status-table{min-width: 210px;background-color: #fff;}
.row_even .button, .row_odd .button{margin-bottom: 5px}
.content_box .listing_set.gallery .galleryScroll span{padding: 0;}
#listing-actions-bar-new{float: left;}


}
/*====width 450px==== */
@media only screen and (max-width: 450px){
  .content-block .classified_navigation_1.columns{width: 100% !important;}
  #site-map .main_classified_level_navigation li.element ul.sub_categories li{width: 100%;}
  .shaded-content-box-seller .seller-list li.label{width: 49%;}
  .shaded-content-box-seller .seller-list li.value{width: 49%;}
  .search-bar .user_bar{
    text-align: left;
    margin: 0 0 5px 0;
    padding-top: 5px;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
  }
  #inline-search-mini{
    margin-bottom: 10px;
  }
  #inline-search-mini  input.button{
    margin-left: 3px;
  }
  table#counterBox tr td{padding: 0;}
  #listing-bidder-bar .rb form{
    margin-bottom: 10px;
    vertical-align: middle;
  }
  #listing-bidder-bar .rb form .field{
    vertical-align:top;
  }
  #listing-bidder-bar .rb form .field[name="c[bid_amount]"]{
    vertical-align: middle;
    margin-left: 10px;
  }
  span.save_search{
    margin-left: 5px;
    vertical-align: sub;
  }
  .main-content .fp-categories-container .category_column.main_classified_navigation{
    width: 100% !important;
  }
  .fp-categories-container .fp-categories-sections span{margin-right: 15px;}
  .fp-categories-container .fp-categories-sections span:last-child{margin-right: 0;}
  #listing-actions-bar .panel-1{margin-bottom: 20px;}
  .classified-timer { width: 190px;}
  #rdtb .panel-right{border-left-width: 0; padding-left: 0;}
  #rdtb .divider{border-width: 0px;}
}
@media only screen and (max-width: 380px) {#rdtb .panel-right { float: left; }.cart_item_label{float: right;}}
@media only screen and (max-width: 350px) { #breadcrumb, .breadcrumb { height: auto !important; overflow: hidden; }
  #inline-search-mini{padding: 0;}
  #breadcrumb li.element, .breadcrumb li.element { height: auto; margin-bottom: 0; }
  #breadcrumb li.element:first-child, .breadcrumb li.element:first-child { display: none; }
  
  #listing-actions-bar-new .panel-4, #listing-actions-bar-new .panel-2 { padding-right: 0px; padding-left: 0px; clear: both;margin-bottom: 5px; } 
  #listing-actions-bar .panel-1 {padding-left: 0;}
  
  ul.tabList li{padding: 10px 5px 8px 5px;}
}

/* addons/4tradeit_ftp_import/templates/external/css/style.css */

#results{font: 12px Arial, Helvetica, sans-serif;}
#results .loading-indication{background:#FFFFFF;padding:10px;position: absolute;}
.paginate {padding: 0px;margin: 0px;height: 30px;text-align: center;}
.paginate li {display: inline-block;list-style: none;padding: 0px;margin-right: 1px;width: 30px;text-align: center;background: #3CD1F6;line-height: 25px;}
.paginate .active {display: inline-block;list-style: none;padding: 0px;margin-right: 1px;width: 30px;text-align: center;line-height: 25px;background-color: #666666;}
.paginate li a{color:#FFFFFF;text-decoration:none;}
.page_result{padding: 0px;}
.page_result li{background: #E4E4E4;margin-bottom: 5px;padding: 10px;font-size: 12px;list-style: none;}
.page_result .page_name {font-size: 14px;font-weight: bold;margin-right: 5px;}
.box_style 
{
    //-moz-border-radius-topleft: 10px;
    //-webkit-border-top-left-radius: 10px;
    //border-top-left-radius: 10px;
    //-moz-border-radius-topright: 9px;
   // -webkit-border-top-right-radius: 9px;
    //border-top-right-radius: 9px;
    //-moz-border-radius-bottomright: 27px;
    //-webkit-border-bottom-right-radius: 27px;
    //border-bottom-right-radius: 27px;
    //-moz-border-radius-bottomleft: 16px;
    //-webkit-border-bottom-left-radius: 16px;
    //border-bottom-left-radius: 16px;
    
    border: 1px solid #dddddd;
    padding: 10px;
    background: #efffff; /* Old browsers */
    background: -moz-linear-gradient(0deg,  #ffffff -40%, #cdff00 100%, #ebff9e 10%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(-40%,#ffffff), color-stop(100%,#cdff00), color-stop(10%,#ebff9e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg,  #ffffff -40%,#cdff00 100%,#ebff9e 10%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg,  #ffffff -40%,#cdff00 100%,#ebff9e 10%); /* Opera 11.10+ */
    background: -ms-linear-gradient(0deg,  #ffffff -40%,#cdff00 100%,#ebff9e 10%); /* IE10+ */
    background: linear-gradient(0deg,  #ffffff -40%,#cdff00 100%,#ebff9e 10%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebff9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    margin-bottom: -15px;
}

.inner_t 
{
    
text-shadow: 1px 1px 3px #333, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF;
color: #ffffff;
font-size: x-large;
padding-left: 20%;


}
.stags
{  
border: 1px solid #dddddd;
    height: 23px;
color: #3B3F3F;
 font-weight: normal !important;
font-size: 12px;
background: #f1da36; /* Old browsers */
background: -moz-linear-gradient(top,  #cdff00 1%, #ebff9e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cdff00), color-stop(100%,#ebff9e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdff00 1%,#ebff9e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdff00 1%,#ebff9e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdff00 1%,#ebff9e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cdff00 1%,#ebff9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdff00', endColorstr='#ebff9e',GradientType=0 ); /* IE6-9 */
Margin-bottom: 10px;
padding-top: 4px;
margin-top: 0px;
}

.stags_b
{  
color: #3B3F3F !important;
border-right: 1px solid #dddddd;
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
padding-bottom: 7px;
}

.stags_b:hover
{  
    background-color: #ffffff !important;
    height: 23px;
    text-decoration: none;

}

.logo_mc
{  
    //background-image: url(images/mc.jpg); /* Путь к фоновому изображению */

}

.advanced a,
.advanced
{  
padding-left: 10px;
font-weight: bold;
}


.ui-widget-header {
    border: 1px solid #E78F08;
    background: url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #28c8f6;
    color: #FFF;
    font-weight: bold;
}

.button, select {
    text-transform: none;
    padding-top: 3px;
    padding-bottom: 3px;
}


div.category_column {
    float: left;
    margin-right: 15px;
    
}

h3 {
    font-size: 1.17em;
    margin: 0px 0px 0px;
}

#small-advert-banners .zone1 img { width: 152px; min-width: 152px; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; }
#small-advert-banners .zone2 img { width: 152px; min-width: 152px; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; }
#small-advert-banners .zone3 img { width: 152px; min-width: 152px; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; }
#small-advert-banners .zone4 img { width: 152px; min-width: 152px; float: left; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; }
    

.ui-button:hover,
.ui-button:active,
a.ui-button:hover,
a.ui-button:active {
    text-decoration: none;
    color: #ffffff;
    background: #333333;
    border: #64baeb;
}


.ui-button,
a.ui-button {
    text-decoration: none;
    color: #ffffff;
    background: #84a501;
    border: #4b5d03 solid 1px ;
    border-radius: 3px 3px 3px 3px;
}

a img {
    border: medium none;
    padding: 0px 0px;
}

.results-info img {
    margin-left: 0px;
}

.row_even_cars, .browsing_result_table_body_even, .seller_result_table_body_even {
    font-size: 13px;
    color: #767676;
    font-family: verdana;
    border-bottom: dotted 1px #dddddd; 
}

.row_odd_cars, .browsing_result_table_body_odd, .seller_result_table_body_odd {
    font-size: 13px;
    color: #767676;
    font-family: verdana;
    border-bottom: dotted 1px #dddddd;
}

.listing_set.gallery .buynow {
  color: #61B6CD;
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  }
  
  .listing_set.gallery .half-left {
  border-right: 1px solid #bbbbbb;
  /*margin-top: 5px;*/
}

.listing_set.gallery span {
  padding-top: 8px;
  padding-bottom: 0px;
  text-align: center;
}

.results-bids {
  /*font-size: 11px;
  display: block;
  padding: 0px 0;
  margin-top: -8px;*/
}

#right_banner a img {
  
  float:right !important;
  padding-right:10px !important;
  padding-top: 0px;
}


#right_banner {
  
  float:right !important;
  padding-right:10px !important;
  padding-top: -2px;
  margin-top: -5px;
}

h3 ul {
 margin: 1em 0px 0px;
}

/* ## Controls car category spacing 33 */
div.category_column ul {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.shaded-content-box {
	/*border: 1px solid #ddd;
	background: #ffffff url('../layout/box_bg.gif') repeat-x;*/
	border-radius: 0px;
	padding: 5px;
	margin-top: 12px;
}
/*end*/

/* addons/4tradeit_items_selling_section/templates/external/css/addon/4tradeit_items_selling_section/4tradeit_items_selling_section.css */

progress-label {
    float: left;
    margin-left: 50%;
    margin-top: 5px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.progressbar {
    width: 50%;
}

.ui-dialog-titlebar {
    border: 1px solid #b3d4ff;
    background: #caf0fb;
    color: #0839ca;
}


#myProductsTablePlace table {
    background-color: #aaa;
    /*height: 100%;*/
}

#myProductsTable  {
    vertical-align:top;
}

#myProductsTablePlace tbody tr td:nth-child(2) {
    width: auto;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_217bc0_256x240.png);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #3bc9fb;
    background: #e2f8fd url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1690c7;
}

#myProductsTablePlace tbody {
    background-color: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 700px;
    display: block;
}
#myProductsTablePlace tbody tr td:not(:nth-child(1)) {
    width: 100px;
    /*padding: 3px 10px !important;*/
    
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #cccccc;
}
#myProductsTablePlace thead tr {
    display: block;
    padding: 0px 0px !important;
    background: #ffffff;
    text-align: center;
}


.options {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica" !important;
    //color:Green;
    background-color:rgba(232,255,255,0.5);
    //border:2px solid #333;
    display:none;
    text-align:justify;
}
.options p {
    margin: 15px;
    font-size: 0.917em;
}

#myProductsButtonsDIV{
    display: inline;
    margin-top:	5px;
    margin-right: 3px;
}

.button:disabled{
    border: 1px solid #dddddd !important;
    opacity: 0.3 !important;
    background-color:#B3F6EF !important;
    color: #ffffff !important;
}

.button[disabled]:hover{

    background-color:#B3F6EF !important;
    background-image:none !important;
    text-decoration:none !important;
}

.row_checked{
    background-color:rgba(51,204,255,0.6) !important;
}


.row_odd{
    background:#ffffff;
    //text-align: center
}

.row_even{
    //text-align: center;
}

#actionList:disabled {
    border: 1px solid #666 !important;
    opacity: 0.6 !important;
    margin-left: 10px;
    padding: 5px;
    margin-top: 3px;
}


#actionList  {
    border: 1px solid #666 !important;
    opacity: 0.6 !important;
    margin-left: 10px;
    padding: 5px;
    margin-top: 3px;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
        url('./images/loading.gif')
        50% 50%
        no-repeat;
}

body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


#preview
{
    color:#000000;
    min-height: 300px;
    height:auto !important;
    font-weight: bold;
    font-size: 16px;
}

#preview > div {
    position: relative;
    float: left;
    /*line-height: 30px;*/
    /*text-align: center;*/
    margin: 0;
    padding: 0;
    cursor: default;
}

.imgList 
{
    /*    height: 160px;
        width: 210px;
    
        margin:5px;
        border:1px solid #dedede;
        padding:4px;	
        float:left;	*/

    max-height:160px;
    max-width:210px;

    position:absolute; display:block;
    top:0;
    left:0;
    //margin-left: auto; margin-right: auto;
}

div.show-image {
    text-align: center;
    //background-color: rgba(209, 209, 209, 0.5);
    //border:1px solid #dedede;
    height:160px;
    width:210px;
    position: relative;
    float:left;
    //dispay:inline-block !important;
    margin:5px;
}
div.show-image:hover img{
    opacity:0.5;
}
div.show-image:hover input {
    display: block;
}
div.show-image input {
    position:absolute;
    display:none;
}
div.show-image input.update {
    top:0;
    left:0;
}
div.show-image input.delete {
    top:00px;
    margin left: 0px;
    /*right:134px; */
}

div.show-image input.rename {
    bottom: 30px;
    left: 10px;
    width: 90%;

    background-color: #ffffff;
    /* border: none !important; */
    border-color: #dddddd !important;
    border: solid 1px;
}

.unpaid_rename {
    bottom: 27px !important;
    width: 80% !important;
}

.unpaid_delete {
    margin left: 5px;
     /*right: 40px !important; */
}


.unpaid_img {
    -moz-box-shadow: 5px 5px 5px #000000;
    -webkit-box-shadow: 5x 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;
}

.paid_img {
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5x 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

/*//****************************************************************************************************************************8*/



span[name=all] {
    color: blue;
}
span[name=success] {
    color: green;
}
span[name=fail] {
    color: #ff0000;
}


/**************************************************************************************************************************************8*/

.niceCheck {
    width: 17px;
    height: 17px;
    display: inline-block;
    cursor: pointer;
    background: url(./images/check.png);
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
}
.niceCheck input {
    display: none;
}

div[name=addStatusDIV] {
    width: 130px;
    margin-left: 20px;
    margin-top: -10px;
    border: double;
    border-width: 1px;
    padding: inherit;
    position: absolute;
    background-color: #fcff91;
}

div[name=addNoteDIV] {
    position: absolute;
    /*width: 130px;*/
    margin-left: 20px;
    margin-top: -10px;
    border: double;
    border-width: 1px;
    padding: inherit;
    background-color: #fcff91;
}

.dots {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*width: 25px;*/
    max-width: 90px;
    display: inline-block;
}


input[name=activateBtn]:hover, input[name=deactivateBtn]:hover {
    color: #03C !important;
}


.my_title {
    font-weight: bold;
    max-width: 180px;
    width: auto !important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.selling_tab {
    border: 1px solid #ddd !important;
    padding: 0px;
}

tbody tr {
    vertical-align: top;
}

.row_even_myproducts, .browsing_result_table_body_even, .seller_result_table_body_even {
    font-size: 13px;
    color: #333333;
    font-family: verdana;
    background: #ffffff;
    
}

.row_odd_myproducts, .browsing_result_table_body_odd, .seller_result_table_body_odd {
    font-size: 13px;
    color: #767676;
    font-family: verdana;
    background: #ffffff;
    
}

.column_header td {
    white-space: nowrap;
    padding: 0px 5px;
    background-color: #F7F6F6;
    font-family: verdana;
    font-size: 10px;
}

.ac_icon img {
    margin-top: 3px;
    margin-right: 3px;
}


.label_f {
    /*display: inline-block;*/
    width: 5em;
    padding-left: 0px; /*was 5px - DM*/
    margin-left: 8px; /*was 5px - DM*/
}


.actions_line {
   width: 100%; 
   cellspacing: 0px; 
   cellpadding: 0px; 
   padding: 0px; 
   margin-top: 3px; 
   margin-left: 5px;
   clear: both;
}

#filterLine {
   cellspacing: 0px; 
   cellpadding: 0px; 
   padding: 0px; 
   margin-top: 1px; 
   margin-bottom: 1px;
   height: 43px;
}


#myProductsTab selling_tab {
   cellspacing: 0px; 
   cellpadding: 0px; 
   padding-bottom: 10px; 
   margin-top: 1px; 
   margin-bottom: 1px;
   height: 50px;
}

.button, a.button, input.button {
   /* border: 1px solid #BBE8F4 !important;
    background: url("../img/bg/button.gif") repeat-x scroll left top #EEEFF2 !important;
    color: #FFF !important;
    height: 23px;
    padding: 7px 10px 0px;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    text-shadow: none !important;
    border-radius: 0px;*/
/*     margin-left: 10px; */
    }

.button a:hover, .button a:active, .button:hover, .button:active, .large_button:hover, .large_button:active {
   /* border: 1px solid #76D3EB !important;
    background: url("../img/bg/button_hover.gif") repeat-x scroll left top #76D3EB !important;
    /*color: #FFF !important;*/
   /* text-decoration: none;
    cursor: pointer; */
/*     margin-left: 10px; */
    
    }

select.field {
    display: inline-block;
    padding-right: 1px;
    padding-left: 1px;
}

input.field, textarea.field, select.field, div.field, input.editor_field {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /* padding: 2px; */
}


/*tbody tr td:first-of-type {*/
/*vertical-align: middle;*/
/*}*/


/*end*/

/* http://www.4tradeit.co.nz/addons/4trade_countdown/timer.css */
@CHARSET "UTF-8";

#counterDays,
#counterHours,
#counterMins,
#counterSecs 
{
	/* The days, hours, minutes, and seconds values */
	text-align: right;
	/*background-color: #EEEEEE;*/
	font-weight: normal;
	font-size: 14px;
}

#counterBox .labels
{
	/* The labels for days, hours, minutes, and seconds */
	color: #767676;
	font-family:Verdana,Arial,Helvetica;
	font-size:7pt;
	font-weight: normal;
}
/*end*/

/* geo_templates/4tradeit/external/css/primary_theme_styles.css */
@media screen and (max-width: 820px) {
	#eeca-notice .label {
	width: 110px;
	}
}

@media screen and (max-width: 454px) {
	.login_shell .row_even{padding: 0;}
	.results-title {font-weight: bold;}
	#eeca-notice .label {
	width: 90px;
	}
	.gjLightbox{
		width: 100%;
	}
	.gjLightbox .lightUpBox_imageBox{
		width: 100% !important;
	}
	.gjLightbox .lightUpBox_imageBox img{
		max-width: 100%;
	}
	.item-line a.lightUpLink img{
		width: 100% !important;
		height: auto !important;
	}
	
}

#watchlistTabs > ul > li.ui-state-default.ui-corner-top[aria-selected="false"], input[type="button"].button:disabled {
    text-shadow: 1px 1px 7px black !important;
}
@media screen and (max-width: 767px) {
    
    .navbar ul li.active .dropdown  > #browse  > hr, .navbar ul li.active .dropdown  > #browse  > div.row ul {
        overflow: visible !important;
        background: rgba(0,0,0,0);
    }
    .navbar ul li.active > #my_account {
        border: 3px solid #dddddd;
    }
    .navbar ul li > #my_account {
        border: 0;
    }
    .navbar ul li.active .dropdown  > #browse  > div.row ul > li {
        min-height: 20px;
        height: 40px !important;
    }
    .navbar ul.seven.columns.active {
        overflow: visible;
    }
    li.active #browse {
        width: 100%;
    }
    li.active .dropdown > #browse div.category_column.main_classified_navigation.columns.four {
        height: 320px;
        float: none;
        display: block;
    }
    
    .gumby-no-touch .navbar ul li:hover .dropdown#my_account, .gumby-touch .navbar ul li.active .dropdown#my_account{
        height: auto;

        padding-bottom: 0;
        background-color: #e6e6e6;
    }
}