@charset "utf-8";
/* ---------------------------------------------------------------
	RESET STYLES FOR ALL BROWSERS
----------------------------------------------------------------*/
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
ul { list-style-type: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img, object, embed {
	max-width: 100%;
	height: auto;
}
img {
	display: inline-block;
	-ms-interpolation-mode: bicubic;
}

.clickable, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable elements */

button, input, select, textarea { margin: 0; } /* Webkit browsers add a 2px margin outside the chrome of form elements */

/* End reset */


@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------------------------------------------------------------------
	GENRAL STYLES
----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#333;
	margin: 0 auto;
	padding: 0;
}
html,body,#container {
	height:100%;
}
img {
	border:none;
}
h1,h2,h3,h4,#siteName,ul#tabbedMenu li a {
	font-family: PTSansNarrowBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size:1.875em;
	line-height: 2em;
	margin:0 0 10px;
	padding:0 10px;
}
h1 img {
	margin-top: 10px;
}
h2 {
	font-size:1.4em;
	margin:0 0 6px;
	padding:0 0 2px;
}
h3 {
	font-size:1.25em;
	margin:0 0 6px;
	padding:0 0 2px;
}
table h4 {
	font-size:1.3em;
	margin:0;
	padding:0;
}
p {
	margin:0 0 8px;
	padding:0;
	font-size:0.9em;
	line-height:1.3em;
}
a {
	text-decoration:underline;
	font-weight: bold;
}
a:hover {
	text-decoration:none;
}
label {
	font-weight:bold;
	display: block;
	margin-bottom: 4px;
}
ul,ol {
	margin:5px 0 5px 10px;
	padding:0;
}
li {
	margin:3px;
	padding:2px 5px;
	font-size:0.9em;
	line-height:1.3em;
}
i {
	margin-right: 6px;
}
i.icon-to-left {
	margin-left: 4px;
	margin-right: 2px;
}

/* ---------------------------------------------------------------------------
	CONTAINERS
----------------------------------------------------------------------------*/
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#container {
	width: 100%;
	min-width: 960px;
	position: relative;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0 auto -40px;
}
.row {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/* Float clears */
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.row:after,
.clearfix:after,
.clearfloat { clear: both; }

.column {
	float: left;
	display: inline;
	min-height: 1px;
	padding-left: .625em;
	padding-right: .625em;
	position: relative;
	margin-bottom: .9375em;
}
	form > .span9 {
		margin-left: -.625em;
	}

#pageBody {
	padding-top: .9375em;
}

.span1 { width: 8.33333%; }
.span2 { width: 16.66667%; }
.span3 { width: 25%; }
.span4 { width: 33.33333%; }
.span5 { width: 41.66667%; }
.span6 { width: 50%; }
.span7 { width: 58.33333%; }
.span8 { width: 66.66667%; }
.span9 { width: 75%; }
.span10 { width: 83.33333%; }
.span11 { width: 91.66667%; }
.span12 { width: 100%; }

.pull1 {
    right: 8.33333%;
	left: auto;
}
.push1 {
    left: 8.33333%;
	right: auto;
}
.pull2 {
    right: 16.66667%;
	left: auto;
}
.push2 {
    left: 16.66667%;
	right: auto;
}
.pull3 {
    right: 25%;
	left: auto;
}
.push3 {
    left: 25%;
	right: auto;
}
.pull4 {
    right: 33.33333%;
	left: auto;
}
.push4 {
    left: 33.33333%;
	right: auto;
}
.pull5 {
    right: 41.66667%;
	left: auto;
}
.push5 {
    left: 41.66667%;
	right: auto;
}
.pull6 {
    right: 50%;
	left: auto;
}
.push6 {
    left: 50%;
	right: auto;
}
.pull7 {
    right: 58.33333%;
	left: auto;
}
.push7 {
    left: 58.33333%;
	right: auto;
}
.pull8 {
    right: 66.66667%;
	left: auto;
}
.push8 {
    left: 66.66667%;
	right: auto;
}
.pull9 {
    right: 75%;
	left: auto;
}
.push9 {
    left: 75%;
	right: auto;
}
.pull10 {
    right: 83.33333%;
	left: auto;
}
.push10 {
    left: 83.33333%;
	right: auto;
}
.pull11 {
    right: 91.66667%;
	left: auto;
}
.push11 {
    left: 91.66667%;
	right: auto;
}

/* Vertical divider */
.v-divider {
	border-right: 1px solid #cacaca;
}

/* Horizontal  divider */
.h-divider {
	border-bottom: 1px solid #cacaca;
	margin-left: .9375em;
	margin-right: .9375em;
	margin-bottom: 15px;
	clear: both;
}

ul.horizColumns {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.horizColumns li {
	float:left;
	margin:0;
	padding:0 0 4px 10px;
	font-size:0.9em;
	overflow:hidden;
	width:220px;
}

/* ---------------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------------*/
header {
	width:100%;
	height:120px;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
}
#headerContainer {
	height:120px;
	width:auto;
	margin:0;
	padding:0 20px;
	position:relative;
	text-align:left;
	background:url(../images/website_admin.png) no-repeat 20px 10px;
}
#siteName {
	font-size:2.25em;
	color:#fff;
	position:absolute;
	left:20px;
	bottom:10px;
}
#user {
	position: absolute;
	top: 30px;
	right: 20px;
	padding: 16px 0 10px 60px;
	background: url(../images/user.png) no-repeat 0 50%;
	font-size:12px;
	line-height: 14px;
	color:#fff;
}
#user a {
	color:#fff;
}
#user a:hover {
	color:#fff;
	text-decoration:none;
}
p#dateArea {
	position:absolute;
	right:20px;
	bottom:10px;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
	color:#fff;
}

/* ---------------------------------------------------------------------------
	LOGIN
----------------------------------------------------------------------------*/
#login,#alert {
	width:400px;
	text-align:center;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:1px solid #ccc;
	border-radius:20px;
	margin:40px auto;
	padding:20px;
}
#login h1 {
	border: none;
	background: none;
	background-image: none;
	filter: none;
}
#loginForm table,#loginForm table td {
	border:none;
}
#alert {
	width:360px;
	border:1px solid #cc0000;
	background:url(../images/alert.png) no-repeat 20px 24px;
	text-align:left;
	padding-left:200px;
}
#login h1 {
	border-bottom:none;
}
#alert h1 {
	color:#cc0000;
	background:none;
	border:none;
	padding:0;
	margin:0;
}
#alert p {
	padding:0;
	margin:10px 0;
}
#login p {
	font-size:1.0em;
}
#login p.login {
	width:146px;
	text-align:left;
	margin:8px auto;
}
.loginLabel {
	font-size:0.8em;
}
#login .loginInput {
	font-size:20px;
	width:140px;
}


/* ---------------------------------------------------------------------------
	NAVIGATION MENU
----------------------------------------------------------------------------*/
.selectnav { display: none; } /* Smartphone nav */

ul#navMenu {
	margin:.9375em 0 0;
	padding:0;
	list-style-type:none;
	z-index:99;
	position:relative;
}
ul#navMenu li {
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
}
ul#navMenu li.topNav {
	position:relative;
}
ul#navMenu li a {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	height:36px;
	line-height:36px;
	padding-left: 4px;
	margin:0;
}
ul#navMenu li ul {
	display:none;
	margin:0;
	padding:0;
	list-style-type:none;
	border:none;
}
ul#navMenu li ul li {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}
ul#navMenu li ul li a {
	background:#fff;
	display:block;
	height:34px;
	line-height:34px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	padding-right: 6px;
	padding-left: 6px;
	margin:0;
	vertical-align: middle;
}
#navMenu i.expand-menu {
	float: right;
	height:18px;
	width:18px;
	margin-top: 9px;
	font-size: 16px;
	position:relative;
	padding: 0 4px;
}
ul#navMenu li ul.showSubMenu {
	display:block;
}
ul#navMenu li ul li a.currentModule {
	font-weight: bold;
}

/* ---------------------------------------------------------------------------
	HOME PAGE
----------------------------------------------------------------------------*/
.dbSection {
	padding: 10px 10px 0;
	margin-bottom: .9375em;
}
.dbSection h2 {
	margin: -10px -10px 15px;
	padding:0 .9375em;
	height:36px;
	line-height:36px;
}
.alert-section {
	border-color: #c00 !important;
	padding-bottom: .9375em !important;
}
.alert-section h2 {
	background-color: #c00 !important;
	background-image: none !important;
	filter: none !important;
	color: #fff !important;
	border-bottom: none  !important;
}
.alert-section p {
	margin-top: .625em;
	margin-right: .625em;
	margin-left: .625em;
}
.alert-section p:last-child {
	margin-bottom: 0;
}
.alert-section ol {
	color: #c00;
}
.module {
	line-height:normal;
	overflow: hidden;
	display: block;
}
.module i {
	width: 1em;
	border: none;
	text-align: center;
}
.module a {
	padding: .625em;
	text-decoration:none;
	display:block;
	height: 70px;
}
.module a:hover {
	text-decoration:none;
}
.module-text {
	overflow: hidden;
}
.module-text h3 {
	font-size: 1.25em;
	line-height: 1em;
	margin-bottom: 0;
}
.module-text p {
	font-size:11px;
	line-height:12px;
	color:#333;
	font-weight:normal;
	margin-bottom: 0;
}
ol.draftList {
	margin:5px 0;
}
ol.draftList li {
	font-size:.9em;
	margin:0 0 0 20px;
	padding:5px 0;
}
.order-summary {
	text-align: center;
}
.order-summary span {
	display: block;
	padding: 10px 0 0;
}
.order-summary .order-total {
	font-size: 1.5em;
	font-weight: bold;
}
.order-summary .order-count {
	font-size: .875em;
	font-weight: bold;
}
.order-summary .order-count a {
	font-weight: normal;
	margin-left: 6px;
}


/* ---------------------------------------------------------------------------
	BREADCRUMB MENU
----------------------------------------------------------------------------*/
ul#breadcrumb {
	height:26px;
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
	/*background-color:#eaeaea;
	border:1px solid #c5c3be;*/
	overflow:hidden;
}
ul#breadcrumb li {
	margin:0;
	padding:0;
	float:left;
	font-size:11px;
	line-height:26px;
}
ul#breadcrumb li a {
	text-decoration:underline;
	padding:0;
	margin:0;
	/*background:url(../images/bg_breadcrumb.jpg) no-repeat right center;*/
}
ul#breadcrumb li a:hover {
	text-decoration:none;
}
ul#breadcrumb li span.divider {
	padding:0 4px;
	font-size:12px;
}
ul#breadcrumb li span.curPage,
ul#breadcrumb li a.current-report {
	text-transform:capitalize;
}
h2.titleBreadcrumb a {
	font-weight:normal;
}

/* ---------------------------------------------------------------------------
	ACTION MENU DROP-DOWN
----------------------------------------------------------------------------*/
.action-links {
	margin: 0 10px 10px 0;
	font-size: 1em;
}
.action-links a {
	text-decoration: none;
}
.drop-down-primary {
	display: block;
	padding: 8px 4px;
	border: 1px solid #d1d1d1;
}
.drop-down-primary i {
	border-left: 1px solid #d1d1d1;
	padding: 8px;
}
.drop-down {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d1d1d1;
}
.drop-down li {
	margin: 0;
	padding: 0;
	display: block;
}
.drop-down a {
	margin: 0;
	padding: 8px;
	font-weight: normal;
	display: block;
}
a.clickable {
	text-decoration: none;
}
.disabled {
	color: #d1d1d1;
}
a.red {
	color: #f00;
}
a.green {
	color: #4d8a44;
}
	.page-title i,
	.clickable i {
		font-size: 16px;
	}
.actions {
	font-size: 11px;
}
	.actions a {
		margin-left: 2px;
		margin-right: 2px;
		font-weight: normal;
		text-decoration: none;
	}
	.actions a:first-child {
		margin-left: 0;
	}
	.text-green,
	a.text-green,
	a.text-green:hover {
		color: #4d8a44;
		font-weight: normal;
		text-decoration: none;
	}
	.text-blue,
	a.text-blue,
	a.text-blue:hover {
		color: #2a8cb2;
		font-weight: normal;
		text-decoration: none;
	}
	.text-red,
	a.text-red,
	a.text-red:hover {
		color: #f00;
		font-weight: normal;
		text-decoration: none;
	}
	.text-orange,
	a.text-orange,
	a.text-orange:hover {
		color: #f49600;
		font-weight: normal;
		text-decoration: none;
	}
	.text-purple,
	a.text-purple,
	a.text-purple:hover {
		color: #5d60c6;
		font-weight: normal;
		text-decoration: none;
	}
	a.text-green:hover,
	a.text-blue:hover,
	a.text-red:hover,
	a.text-orange:hover,
	a.text-purple:hover,
	a.pageURL:hover {
		text-decoration: underline;
	}
	a.clickable:hover {
		text-decoration: none;
	}

.sort-arrow {
	padding-top: 6px;
}

/* ---------------------------------------------------------------------------
	FORM STYLES
----------------------------------------------------------------------------*/
ol,ol.error {
	margin:0;
	padding:0;
}
ol li {
	margin:0 0 0 30px;
	padding:0 0 4px;
}
ol.error li {
	color:#c00;
	margin:0;
	padding:0 0 4px;
}
fieldset,.formSection {
	padding: 10px;
	margin-bottom: .9375em;
}
.column fieldset:last-child,
.column .formSection:last-child {
	margin-bottom: 0;
}
fieldset p,.formSection p {
	margin-bottom: 1em;
}
.formSection h2,
.formSection h3,
.tabbedContent h3,
fieldset h2,
fieldset h3 {
	margin: 15px -10px 15px;
	padding: 7px 8px;
}
.formSection h2:first-of-type,
.formSection h3:first-of-type,
fieldset h2:first-of-type,
fieldset h3:first-of-type {
	margin: -10px -10px 15px;
}
.tabbedContent h3 {
	margin-right: -15px;
	margin-left: -15px;
}
ol.prevVersions {
	font-size:11px;
	line-height:1.4em;
	margin:5px 0;
}
ol.prevVersions li {
	margin-left:16px;
}
.inline {
	float:left;
	display:inline;
	width:354px;
}
.inline-search-form {
	text-align:right;
	font-size:.75em;
	margin-bottom: 6px;
}
.inline-search-form label {
	margin-right: 2px;
	display: inline;
}
.inline-search-form button {
	font-size: 1.125em;
}
legend {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 8px;
}
button,
.link-button {
	font-family: PTSansNarrowBold, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	width:auto;
	margin-right: 4px;
	padding-left: 12px;
	padding-right: 12px;
	cursor:pointer;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	font-size: 1.3em;
}
#saving-btn { display: none; }
.action-links {
	margin-bottom: 10px;
	margin-right: 10px;
    overflow: hidden;
}
.link-button {
	text-decoration: none;
	font-size: .8125em;
	font-weight: normal;
	line-height: 2em;
	display: inline-block;
}
	.link-button i {
		font-size: 1.25em;
	}
	.link-button [class^="icon-"] {
		vertical-align: text-top;
	}
.inlineBtn {
	font-weight: normal;
	font-size: .875em;
}
.show-hide-button {
	border-radius: 4px;
	margin-right: 0;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 21px;
}
span.add {
	background:url(../images/add.png) no-repeat 0 50%;
}
span.creditCard {
	background:url(../images/creditcards.png) no-repeat 0 50%;
}
span.update {
	background:url(../images/edit.png) no-repeat 0 50%;
}
.formField {
	overflow: hidden;
	font-size: .875em;
	margin-bottom: 10px;
	padding-top: 5px;
}
.formField p {
	font-size: inherit;
}
label {
	display: block;
	margin-bottom: .1875em;
}
	.label {
		margin: 0 .5em 0 0;
		padding: .5em 0;
		clear: left;
		float: left;
		width: 23%;
	}
.user-access label {
	width: 14em;
	display: inline-block;
}
.no-float {
	float: none;
}
.formData {
	float: left;
	line-height: 1.5em;
	width: 75%;
	position: relative;
}
.labelText {
	overflow: hidden;
}
.thumbImage {
	float: left;
	margin-right: 10px;
	width: 100px;
	height: auto;
	overflow: hidden;
}
input[type="text"],
input[type="password"],
input[type="file"],
select {
	border:1px solid #aaa;
	padding:4px;
	font-size:1.1em;
	background: #fff;
}
input[type="text"].sortOrder { width: 20px; }

.placeholder {
	color: #aaa;
}

.rel-input {
	margin-top: 5px;
}
textarea {
	font-family: Consolas,monospace;
	font-size:12px;
}
optgroup {
	color:#000;
	font-style:italic;
	font-weight:bold;
}
a.helpBtn {
	background:url(../images/help.png) no-repeat;
	width:18px;
	height:18px;
	text-indent:-9999px;
	float:right;
}
.remChars {
	font-size:11px;
	color:#666;
	font-weight:bold;
	margin-top:4px;
	padding:0;
	line-height:normal;
}
.updateLink {
	background:url(../images/btn_icons.png) no-repeat 0px -111px;
	padding-left:20px;
}
.actionLink {
	padding-left: 20px;
	line-height: 24px;
	height: 24px;
	display: inline-block;
}
a.link-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
.add {
	background: url(../images/add.png) no-repeat 0 50%;
}
.edit {
	background: url(../images/edit.png) no-repeat 0 50%;
}
.saveContent {
	background:url(../images/btn_icons.png) no-repeat 0px 0px;
}
.featured {
	background: url(../catalog/images/star.png) no-repeat 0 50%;
}
.emailLink {
	background: url(../images/email.png) no-repeat 0 50%;
}
.statusLink {
	background: url(../e-commerce/images/status.png) no-repeat 0 50%;
}
.print {
	background: url(../images/printer.png) no-repeat 0 50%;
}
.export {
	background: url(../images/xls_export.png) no-repeat 0 50%;
}
.import {
	background: url(../images/xls_import.png) no-repeat 0 50%;
}

/* ---------------------------------------------------------------------------
	ERROR STYLES
----------------------------------------------------------------------------*/

#inputError {
	border:2px solid #ee0101;
	background-color:#eaeaea;
	padding:10px;
	margin:0 0 10px;
}
label.error {
	font-weight: bold;
	font-size: 12px;
	color: #ee0101;
	padding: 0;
	margin-top: 2px;
	position: relative;
}
input[type="text"].error,input[type="password"].error,select.error,textarea.error {
	border:1px solid #f00 !important;
}
.not-exist {
	background: url(../images/alert.png) no-repeat 3px 50%;
	padding-left: 52px;
	line-height: 48px;
	color: #c00;
	border: 0;
}

/* ---------------------------------------------------------------------------
	PRODUCT/PHOTO GALLERY
----------------------------------------------------------------------------*/

ul.productPhotos,
ul.gallery {
	margin:0;
	padding:0;
	list-style-type:none;
	overflow: hidden;
}
ul.productPhotos li,
ul.gallery li {
	float:left;
	width:200px;
	height:180px;
	margin:5px;
	padding:4px;
	display:inline;
	text-align:center;
	overflow:hidden;
	position: relative;
}
ul.productPhotos li {
	height: 140px;
}
ul.productPhotos div {
	margin-top: 4px;
	font-size: .75em;
}
ul.productPhotos img,
.img-thumb {
	max-width: 120px;
	max-height: 120px;
}
.gallery-thumb {
	height: 40px;
}
ul.productPhotos .img-name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2px;
}
.imgThumb {
	margin:10px 0 5px;
	padding:10px;
	text-align:center;
}
ul.gallery li {
	border:1px solid #d1d1d1;
	background-color:#f2f2f2;
}
ul.gallery p {
	font-size:0.7em;
	line-height:1.1em;
}

.preview-image img {
	margin: 0 auto 10px;
	display: block;
	border: 1px solid #ccc;
}

/* ---------------------------------------------------------------------------
	PREVIOUS/NEXT BROWSING
----------------------------------------------------------------------------*/
#pagenation {
	margin:0 0 10px;
	padding:10px 4px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	overflow:hidden;
}
#pagenation p,
#numProducts.column,
#browsePrevNext.column {
	margin-bottom: 0;
}
#numProducts p {
	font-size:0.8em;
}
#browsePrevNext {
	color:#666;
	text-align:right;
}
#browsePrevNext p {
	font-size:0.8em;
	font-weight:bold;
}
#browsePrevNext .currentPage {
	padding:3px 6px;
	margin:0 2px;
}
#browsePrevNext a {
	padding:3px 6px;
	margin:0 2px;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------
	TABLE STYLES
----------------------------------------------------------------------------*/
table {
	margin-bottom: .9375em;
	border-collapse: collapse;
}
th {
	margin:0;
	padding:8px 4px;
	font-size:0.8em;
	font-weight:bold;
	vertical-align:middle;
}
th a {
	text-decoration:underline;
}
th a:hover {
	text-decoration:none;
}
tr.alert {
	background-color: #f2dede;
}
td {
	font-size:12px;
	line-height:1.2em;
	margin:0;
	padding:4px;
	vertical-align:middle;
}
table.recordTable td {
	vertical-align:top;
	line-height: 1.25em;
}
table td.subHead {
	font-style:italic;
	font-weight:bold;
	font-size:1.05em;
	padding:4px;
}
table.contentInfo td,table.contentInfo th {
	border-left:none;
}
table td.label {
	font-weight:bold;
	font-size:12px;
}
table.contentInfo {
	float:right;
	margin-top:24px;
	position:relative;
	border-left:none;
}
table.contentInfo td {
	padding:4px;
	font-size:0.8em;
	margin:0;
	border-left:none;
	line-height:1.1em;
}
table caption {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	margin:4px 0 1px;
	padding:2px 0 0 0;
	vertical-align:bottom;
}
table caption span.linkArea {
	float:right;
	font-size:0.7em;
}
table ul {
	margin:0 0 0 14px;
	padding:0;
}
table li {
	margin:0;
	padding:0 0 4px;
	font-size:inherit;
}

/* ---------------------------------------------------------------------------
	Alerts
----------------------------------------------------------------------------*/
.alert-box {
	background-image: none;
	padding: 8px;
	margin-bottom: 10px;
	overflow: hidden;
}
.critical {
	border: 1px solid #f00;
	background: #f2dede;
	color: #f00;
}
	.critical h2,
	.critical h3,
	.critical a {
		color: #f00;
	}
.warning {
	border: 1px solid #f7f0b8;
	background: #fff6dd;
	color: #707037;
}
	.warning h2,
	.warning h3,
	.warning a {
		color: #f9ad2a;
	}
.info {
	border: 1px solid #31a5d3;
	background: #e3f7fc;
	color: #31a5d3;
}
	.info h2,
	.info h3,
	.info a {
		color: #31a5d3;
	}

/* ---------------------------------------------------------------------------
	DRAG-N-DROP
----------------------------------------------------------------------------*/
.tDnD_whileDrag {
	background:#ffff00;
}
#pageBody ul.remEmail {
	margin:0 0 10px 20px;
	padding:0;
	list-style-type:none;
}
#pageBody ul.remEmail li {
	margin:0;
	padding:0 0 4px 20px;
	background:url(../images/email.png) no-repeat;
	font-size:11px;
	line-height:1.3em;
}
#emailPreview {
	width:700px;
	border:1px solid #d1d1d1;
	padding:10px;
	margin:10px auto;
}
#emailPreview table td {
	border:none;
}

/* ---------------------------------------------------------------------------
	TABBED PRODUCT PAGE
----------------------------------------------------------------------------*/
ul#tabbedMenu {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul#tabbedMenu li {
	float: left;
	display: inline-block;
	width: 33.33%;
	height: auto;
	margin: 0;
	padding: 0;
}
ul#tabbedMenu li a {
	display: block;
	font-size:1.125em;
	height: 36px;
	line-height: 36px;
	border-bottom:none;
	padding-left:8px;
	text-decoration: none;
}
ul#tabbedMenu li a.selected {
	border-bottom: none;
	height: 37px;
	line-height: 37px;
}
.tabbedContent {
	padding: 15px;
}

/* ---------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------*/
#footerClear {
	clear:both;
	height:40px;
}
footer {
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	position:relative;
}
#footerContainer {
	height:40px;
	width:auto;
	margin:0;
	padding:0 20px;
	position:relative;
}
#poweredBy,#contactInfo {
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	font-size:11px;
	color:#fff;
	text-align:left;
}
#poweredBy img {
	vertical-align:middle;
}
#contactInfo {
	float:right;
	text-align:right;
}
#footer a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}

/* ---------------------------------------------------------------------------
	SPECIALTY STYLES
----------------------------------------------------------------------------*/
.searchPrint {
	text-align:right;
	padding-right:10px;
}
a.searchAgain {
	padding-left:20px;
	background:url(../images/search.png) no-repeat;
}
.warning {
	border:1px solid #cc0000;
	margin:5px 0;
	padding:10px;
	background:#ffff99 url(../images/alert_small.png) no-repeat 10px 10px;
	width:710px;
}
.warning p {
	color:#cc0000;
	margin:0 0 0 30px;
	font-size:0.8em;
}
a.alphaLink {
	padding:0 5px;
}
.instrText {
	font-size:0.85em;
	line-height:1.2em;
	color: #666;
}
.alertText {
	color:#c00;
	font-weight:bold;
	line-height:36px;
	margin-bottom: 10px;
	display: inline-block;
}
.redText {
	color:#c00;
}
.greenText {
	color: #15940f;
}
.floatLeft {
	float:left;
	margin-right:10px;
}
.floatRight {
	float:right;
	margin-left:10px;
}
.update-msg,
.success {
	margin:2px 0 10px;
	padding:0 10px;
	border:2px solid #4d8a44;
	background-color: #ddfbe1;
}
.update-msg h2,
.success h4 {
	line-height: 2em;
	margin-bottom: 0;
	color: #4d8a44;
	text-transform: capitalize;
}
.success h4 {
	font-size:1.25em;
	background-color: transparent !important;
	border-bottom: none !important;
}
a.close-msg {
	float: right;
	text-decoration: none;
	color: #4d8a44;
}
.error_msg {
	margin:2px 0 10px;
	padding:6px 10px 6px 40px;
	border:1px solid #cc0000;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	color:#cc0000;
	background:#ffb1b1 url(../images/error.png) no-repeat 10px 6px;
	text-transform:capitalize;
}
#noJS {
	border:2px solid #cc0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	background-color:#eaeaea;
}
a.actionIcon,img.actionIcon {
	margin:0 2px;
}
.productOption {
	border-bottom:1px dashed #d1d1d1;
	padding:3px 0;
}
h2 a.h2Link {
	float: right;
	font-size: 11px;
	line-height: 16px;
	margin-left: 6px;
	text-decoration: none;
}
h2 a.edit {
	background: url(../images/edit.png) no-repeat 0 50%;
	padding-left: 20px;
}
h2 a.add {
	background: url(../images/add.png) no-repeat 0 50%;
	padding-left: 20px;
}
.h-list li {
	float: left;
	width: 30.5%;
	margin-right: 1.5%;
	padding: 0 0 4px;
}
.show-for-print {
    display: none;
}


/* ---------------------------------------------------------------------------
	Alerts
----------------------------------------------------------------------------*/
.alert {
	background-image: none;
}
.alert-high {
	border: 1px solid #f00;
	background: #f2dede;
	color: #f00;
}
.alert-warning {
	border: 1px solid #c09853;
	background: #fcf8e3;
	color: #c09853;
}

/* ---------------------------------------------------------------------------
	Authorized user module access
----------------------------------------------------------------------------*/
ul.moduleSelection {
	list-style-type:none;
	margin:0 0 0 10px;
}
ul.moduleSelection li {
	font-size:.95em;
	margin:0;
	padding:0;
	font-weight:bold;
}
ul.moduleSelection ul {
	margin:0 0 10px 10px;
	list-style-type:none;
}
ul.moduleSelection li ul li {
	font-weight:normal;
}

/* ---------------------------------------------------------------------------
	PLEASE WAIT/DOCUMENT UPLOAD OVERLAY
----------------------------------------------------------------------------*/
#mask {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	display:none;
	background-color: #d1d1d1;
	z-index:9999;
}
#loading {
	position:absolute;
	display:none;
	width:220px;
	height:80px;
	border:2px solid #222;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background:#fff;
	color:#222;
	font-weight:bold;
	font-size:14px;
	line-height:31px;
	padding:10px;
	text-align:center;
	z-index:99999;
}
#loading img {
	margin-top:10px;
}
.warningBox {
	position:absolute;
	display:block;
	width:300px;
	height:48px;
	border:2px solid #c00;
	background:#fff;
	color:#c00;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:10px 10px 10px 68px;
	text-align:left;
	z-index:99999;
	background: #fff url(../images/alert.png) no-repeat 10px 50%;
}
.linkRef { /* show web page url */
	display: none;
	margin-top: 2px;
}

/* ---------------------------------------------------------------------------
	TEXT EDITOR HELP
----------------------------------------------------------------------------*/
#helpInfo {
	padding:10px;
	text-align:left;
}
#helpInfo h1 {
	margin-bottom:10px;
	padding: 0;
	line-height: normal;
}
#helpInfo h2 {
	margin-bottom:1px;
}
#helpInfo p {
	font-size:0.75em;
	line-height:1.4em;
}
#helpInfo button {
	border: 1px solid #a1a1a1;
	color:#333;
	background: #f1f1f1; /* Fallback Color */
	background-image: -moz-linear-gradient(top, #f1f1f1, #d1d1d1) ;/* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#d1d1d1)); /* Safari 4+, Chrome 1+ */
	background-image: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1); /* Safari 5.1+, Chrome 10+ */
	background-image: linear-gradient(top, #f1f1f1, #d1d1d1);
}
#helpInfo img {
	vertical-align: text-bottom;
}
img#closeHelp {
	float:right;
	border:none;
	width:18px;
	height:18px;
	cursor:pointer;
}
#helpInfo ol li {
	font-size:0.85em;
}
/* ---------------------------------------------------------------------------
	CONFIRM MODAL WINDOW
----------------------------------------------------------------------------*/

.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 7%;
    bottom: 0;
    left: 7%;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.confirmation-modal {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition: -o-transform .3s ease-out;
          transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
       -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
           transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    margin: 24px auto;
}
.modal-content {
    position: relative;
    background: #fff url(../images/bg_confirm.jpg) no-repeat 120% 50%;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
#roxyCustomPanel .modal-content {
    background: #fff;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #555;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header {
    position: relative;
    padding: 10px 15px;
    background: #eaeaea;
    border-bottom: 1px solid #d1d1d1;
}
.modal-title {
    margin-bottom: 0;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: transparent;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-body h2 {
    font-size: 20px;
}
.modal-body p {
    font-size: 14px;
}
.modal-footer {
    padding: 0 15px 15px;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}/* ---------------------------------------------------------------------------
	PRODUCT/PHOTO GALLERY
----------------------------------------------------------------------------*/

ul.image-gallery {
	margin: 20px 0 0;
	padding: 0;
	list-style-type: none;
}
ul.image-gallery li {
	text-align: center;
	position: relative;
	width: 173px;
	height: 180px;
	margin: 0 7.5px 15px;
	padding: 6px 4px 4px;
	float: left;
	border: 1px solid #cacaca;
	background: #f3f3f3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul.image-gallery li:active {
	border-color: #f0dd46;
	background: #ffff99;
    box-shadow: 0 3px 12px #222;
}
ul.image-gallery li.photo-drop-area {
	border: 1px dashed #cacaca;
	background: #fff;
}
ul.image-gallery img {
	position: relative;
	max-width: 120px;
	height: auto;
	max-height: 110px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #cacaca;
	padding: 4px;
	background: #fff;
}
ul.image-gallery img:hover {
	cursor: move;
}
ul.image-gallery li.main-image {
	border: 2px solid #2a8cb2;
	background: #d7e7ed;
}
ul.image-gallery li.main-image:before {
	content: url(../images/main_image.png);
	position: absolute;
	top: -12px;
	left: -12px;
	width: 32px;
	height: 32px;
}
ul.image-gallery input[type="checkbox"] {
    position: absolute;
    top: -6px;
    right: -8px;
    width: 24px;
    height: 24px;
}
ul.image-gallery input[type="checkbox"]:before,
ul.image-gallery input[type="checkbox"]:checked:before {
    display: block;
    font-family: FontAwesome;
	font-size: 24px;
    content: '\f00d';
    color: #eaeaea;
    margin: -2px 0 0 2px;
}
ul.image-gallery input[type="checkbox"]:checked {
    border-color: #f00;
}
ul.image-gallery input[type="checkbox"]:checked:before {
    color: #f00;
}
.img-thumb {
	max-width: 120px;
	max-height: 110px;
}
ul.image-gallery .instrText {
    margin-top: 2px;
    word-wrap: break-word;
}
ul.image-gallery .actions {
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
}
.imgThumb {
	margin:10px 0 5px;
	padding:10px;
	text-align:center;
}
.img-frame {
	border: 1px solid #cacaca;
}

/* ---------------------------------------------------------------------------
	> 1200 pixel browser width
----------------------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
	.module {
		width: 25%;
	}
}

/* ---------------------------------------------------------------------------
	801 - 960 pixel browser width
----------------------------------------------------------------------------*/
@media screen and (min-width: 801px) and (max-width: 960px) {
	#container {
		min-width: 801px;
	}
	#pageBody { padding-top: 0; }
	.order-summary {
		width: 33.3334%;
		float: left;
	}
	.module {
		float: left;
		width: 33.3333%;
	}
		.module a {
			min-height:48px;
		}
	.formField,
	.label,
	.formData {
		float: none;
		width: auto;
		margin-right: 0;
	}
}

/* ---------------------------------------------------------------------------
	< 800 pixel browser width
----------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
	#user,#dateArea,h1 img,.pageURL { display: none; }
	.js #navMenu,nav { display: none; }
	.js .selectnav {
		display: block;
		margin-top: 10px;
	}
	#container {
		min-width: 320px;
	}
	#login, #alert {
		border-radius: 0;
		margin: 10px auto;
		padding: 0;
		text-align: center;
		width: auto;
		border: none;
		box-shadow: none;
		background-color: transparent !important;
		background-image: none !important;
	}
	header {
		height: auto;
	}
	#headerContainer {
		background: none;
		height: auto;
		padding:10px;
	}
	#siteName {
		bottom: auto;
		color: #FFFFFF;
		font-size: 24px;
		left: auto;
		position: relative;
	}
	#siteName:after {
		content: ' Website Administration';
	}
	.column {
		float: none;
		display: block;
	}
	.dbSection .column {
		float: left;
	}
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11 {
		width: 100%;
	}
	.module {
		width: 50%;
	}
	nav.column {
		margin-bottom: 0;
	}
	.column.order-summary {
		width: 33.3333%;
		min-width: auto;
	}
	input[type="text"] { width: 95%; }
	.span3 input[type="text"] { width: 40%; }
	table img { max-width: 60%; height: auto; }
	a.actionIcon { padding-bottom: 6px; }

	.inline-search-form {
		float: none;
		width: 100%;
		text-align: left;
	}
	.inline-search-form label {
		text-align: left;
		display: block;
	}
	.inline-search-form input[type="text"],
	.inline-search-form select {
		margin-bottom: .9375em;
		width: 50%;
	}
	.createAlias {
		margin-top: 4px;
	}
	#footer {
		height: auto;
	}
	#footerContainer {
		height: auto;
		padding: 10px;
	}
	#poweredBy, #contactInfo {
		color: #FFFFFF;
		font-size: 11px;
		height: auto;
		line-height: 18px;
	}
	#contactInfo {
		float: none;
		text-align: left;
	}
	.floatLeft,
	.floatRight { float: none; }
	form > .span9 { margin-left: 0; }

}

/* ---------------------------------------------------------------------------
	< 480 pixel browser width
----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	.hide-on-mobile,.ui-datepicker-trigger {
		display: none;
	}
	.module {
		width: 100%;
	}

	.inline-search-form input[type="text"],
	.inline-search-form select {
		width: 100%;
	}
	/* Tables */
    table, thead, tbody, th, td, tr {
        display: block;
    }
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
			display:none;
		}
		td {
			position: relative;
			white-space: normal;
			text-align:left;
			padding: 6px;
		}
		td:before {
			padding-right: 10px;
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
			width: 30%;
			display: inline-block;
		}
		td:before {
			content: attr(data-title) ': ';
		}
	a.actionIcon {
		padding-bottom: 0;
		margin-right: .9375em;
		display: inline;
	}

	/* Forms */

	label {
		display: block;
		margin-bottom: .1875em;
	}
		.label {
			margin: 0 .5em 0 0;
			padding: .5em 0;
			float: none;
			width: 100%;
		}
	.formData {
		float: none;
		line-height: 1.5em;
		width: 100%;
		position: relative;
	}
	.thumbImage {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: 30%;
		height: auto;
		overflow: hidden;
	}
	input[type="text"],
	input[type="password"],
	input[type="file"],
	select {
		border:1px solid #aaa;
		padding:4px;
		font-size:1.1em;
		background: #fff;
	}
	input[type="text"].sortOrder { width: 20px; }

	.placeholder {
		color: #aaa;
	}
	.createAlias {
		margin-top: 4px;
	}
	.rel-input {
		margin-top: 5px;
	}
	textarea {
		font-family: Consolas,monospace;
		font-size:12px;
	}
	a.helpBtn {
		display: none;
	}
}