/*------------------------------*/
/*------|      Reset     |------*/
/*------------------------------*/
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, font, 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
{
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}


/*------------------------------*/
/*------| General styles |------*/
/*------------------------------*/
body {
	background:#575656 url(img/bg.png) repeat-x center top;
	padding:0px; 
	margin:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#7c7c7d;
	font-size:10px;
}

.spacer-5 {
	height:5px;
}

.spacer-10 {
	height:10px;
}

.spacer-15 {
	height:15px;
}

.spacer-20 {
	height:20px;
}

.spacer-30 {
	height:30px;
}

.orange {
	color:#e98e08;
}

.white {
	color:#fff;
}

.red {
	color:#ba0303;
}

.black
{
	color:#000;
}

.form-field {
	border:1px solid #999;/*#575656*/
	padding:2px;
}

.form-field:hover,
.form-field:focus {
	border:1px solid #000;
}

.clear-both {
	clear:both;
}

.bold
{
	font-weight:bold;
	font-size:10px;
	font-weight:normal;
}

.italic{
	font-style:italic;
}

table, tr, td {
	border:none;
	font-weight:normal!important;
	font-size:10px!important;
}

td {
	padding:10px;
}

table.noPad td {
	padding:3px;
}

p b {
	color:#404040;
}

li {
	padding:5px;
}

#updateList {
	list-style-type:none;
	margin-left:0px;
	text-indent:0px;
}

.outdent-list {
	margin-left:-35px;
}

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

.hidden {
	display:none;
}

.bg-gray
{
	background-color:#666;
}



/*------------------------------*/
/*------|   Hx Headers   |------*/
/*------------------------------*/ 
h1{
	font-size:18px; 
	margin:0px;
	padding:3px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-style:italic;
}

h1.brandHeader{
	font-size:18px; 
	margin:0px 0px 10px 0px;
	padding:3px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-style:italic;
	/*border-bottom:1px #ee2326 solid; /* red */
	border-bottom:1px #f8df4f solid; /* yellow */	
}

h2{
	font-weight:bold; 
	text-transform:uppercase; 
	font-size:1em;
	color:#404040;
}

h3{
	font-weight:bold;
	font-size:1em; 
	text-transform:capitalize; 
	/*border-bottom:1px #ee2326 solid; /* red */
	border-bottom:1px #f8df4f solid; /* yellow */	
	color:#404040;
	margin-bottom:10px;
}

h4{
	font-weight:bold; 
	text-transform:uppercase; 
	font-size:1em;
	text-indent:8px;
}



/*------------------------------*/
/*------|  Site headers  |------*/
/*------------------------------*/  
#headerWrapper{
	padding:0;
	background-color:#fff;	
	height:184px;
	width:950px;
	margin:0px;
	overflow:hidden;
}

#headerLogo{
	float:left; 
	width:234px;
	background-color:#fff;
	text-align:center;
	padding:50px 0px 0px 0px;
	margin:0px;
}

#headerLogo a,
#headerLogo a img{
	border:none;
}

#headerLogo a:hover{
	border:none;
}

#headerImage{
	float:left;
	width:716px;
	height:200px;
	padding:0px;
	margin:0px;
	background-color:#2a2a2a;
}

#headerWrapperTitle {
	text-align:left;
	text-transform:capitalize;
	color:#fff;
	padding:5px 0px 0px 10px; 
	margin:0px; 
	height:34px;
	width:514px;
	background:url(img/search-bg.jpg) repeat-x;
	overflow:hidden;
	float:left;
}

#headerImage img {
	margin:0px;
	border:0px;
	padding:0px;
}



/*------------------------------*/
/*------|   Structures   |------*/
/*------------------------------*/  
.white-bg{
	background-color:#fff;
}

#mainWrapper{
	width:956px;
	margin:0px auto 0px auto;
	padding:0px 3px 0px 3px;
	background-color:#fff;
	text-align:left;
	background:url(img/container-bg.gif) repeat-y;
}

#mainWrapper a{
	color:#444;
	text-decoration:none;
}

#mainWrapper a:hover{
	color:#ee2326;
	text-decoration:none;
}

#search {
	text-align:left;
	padding:7px 0px 0px 23px; 
	margin:0px; 
	height:32px;
	background:url(img/search-bg.jpg) repeat-x;
}

#contentWrapper {
	float:left;
	padding:10px 10px 10px 10px;
	width:503px;
	background-color:#fff;
	margin:0px 0px 0px 0px;
	min-height:530px;
}

#lhsArea{
	float:left;
	width:758px;
	padding:0px;
	background-color:#f3f3f3;
}

#rhsArea{
	float:left;
	width:192px;
	margin-top:0px;
	padding:0px;
	background-color:#fff;
	overflow:hidden;
}

#rhsAreaBar {
	background:url(img/search-bg.jpg) repeat-x;
	height:39px;
	overflow:hidden;
}



/*------------------------------*/
/*------|    Buttons     |------*/
/*------------------------------*/  
.form-btn{
	background:transparent url(img/btn/search.png) no-repeat top;
	border:none;
	width:47px;
	height:18px;
	cursor:pointer;
	vertical-align:top;
	margin-top:2px;
}

/* Login button */
.login-btn{
	background:transparent url(img/btn/login-btn.gif) no-repeat top;
	border:none;
	width:43px;
	height:20px;
	cursor:pointer;
	vertical-align:top;
	margin-top:2px;
}

/* contact button */
.contact-btn{
	background:transparent url(img/btn/submit.jpg) no-repeat top;
	border:none;
	width:68px;
	height:20px;
	cursor:pointer;
	vertical-align:top;
	margin-top:2px;
}

.gallery-btn{
	background:transparent url(img/btn/button.gif) no-repeat top;
	border:none;
	width:50px;
	height:18px;
	cursor:pointer;
	vertical-align:top;
	padding:2px 0px 0px 15px;
	color:#333;
	font-weight:bold;
}


.button{
	background:#32312f url(img/admin/btn-bg.jpg) repeat-x scroll left top;
	padding:5px 10px 5px 10px;
	border:1px solid #32312f;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	cursor:pointer;
}

.button:hover{
	background:#bf0604 url(img/admin/btn-over-bg.jpg) repeat-x scroll left top;
	padding:5px 10px 5px 10px;
	border:1px solid #e21b18;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
}



/*------------------------------*/
/*------|    Feedback    |------*/
/*------------------------------*/  
.msg-success{ 
	font-family:tahoma, helvetica, sans-serif;
	font-size:12px;
	color:#66ff00;
	font-weight:bold;
}

.msg-error{
	font-family:tahoma, helvetica, sans-serif;  
	font-size:12px; 
	color:#ffff00; 
	font-weight:bold;
}

.msg-neutral{
	font-family:tahoma, helvetica, sans-serif;  
	font-size:12px; 
	color:#fff; 
	font-weight:bold;
}

.feed-back{
	padding:30px;
	background-color:#000;
	text-align:center;
	margin-bottom:10px;
}



/*------------------------------*/
/*------|    Products    |------*/
/*------------------------------*/  
.gallery-thumbnail{
	float:left;
	margin:15px 0px 0px 6px;
	padding:0px;
	display:block;
	width:auto;
	position:relative;
}

.gallery-thumbnail a img{
	background-color:#fff;
	border:1px solid #a9a9a9;
	margin-top:-10px;
	padding:4px;
	position:relative;	
}

.gallery-thumbnail a:hover img {
	background-color:#333;
	border:1px solid #ee2326;
}

.product-small{
	border:1px solid #ebebeb;
	width:159px;
}

#productImagesContainer{
	max-width:230px;
	float:right;
}

.product-thumbnail{
	float:right;
	margin:0px 5px 5px 0px;
	display: block;
	position: relative;
}

.product-thumbnail a img{
	background-color:#fff;
	border:1px solid #a9a9a9;
	padding:4px;
	width:100px;
	height:66px;	
	position:relative;	
}

.product-thumbnail a:hover img {
	background-color:#333;
	border:1px solid #ee2326;
}

.product-price-slash{
	text-decoration:line-through;
}

.product-price{
	font-weight:bold;
	font-size:12px;
	color:#ee2326;
}

.product-price-saving{
	font-style:normal;
	font-size:9px;
	color:#333;;
	display:inline;
}

/** Product comments **/
.product-review-header{
	float:left;
	position:static;
	padding-top:10px;
	padding-left:10px;
	background:#333 top left;
}

.product-review-header-right{
 	display:inline;
	float:right;
 	color: #e98e08;
	font-weight:normal;
	font-size:10px;
	margin:-22px 0px 5px 0px;
	padding:0px 10px 10px 0px;
}

.product-review-body{
	padding:60px 10px 10px 10px;
	color:#666;	
}

.product-review-wrapper{
	background: url(img/backgroundbig.gif) left top repeat;
	padding-bottom:10px;
}

#editingProducts td{
	padding:5px;
}

/* sub category */
.subcategory{
	background:url(img/top-bg.jpg) repeat-x top left;
	/*width:100%;*/
	height:62px;
	margin-bottom:10px;
}

#subCat{
	list-style:none;
	text-indent:0px;
	margin:0px;
	padding:0px;
}

.subcategory a:link,
.subcategory a:visited{
	color:#222;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

div.subcategory-link{
	padding:10px 0px 0px 10px;
	background:url(img/lastpost.gif) no-repeat left; 
}

/*** product combos ***/
.product-combo-bullet{
	list-style:none;
	background:url(img/btn/bullet.gif) left no-repeat;	
	padding-left:20px;
	margin-left:-20px;
}

div.product-price{
  text-align:right;
  font-size:10pt;
  font-weight:bold;
}

div.product-price-small{
  text-align: right;
  font-size: 7pt;
}



/*------------------------------*/
/*------| Editing icons  |------*/
/*------------------------------*/ 
#admin,
#admin a:link,
#admin a:visited{
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	border:none;
	display:inline;
	vertical-align:top;
}

#admin:hover{
	background:none;
}

.adminImg{
	border:none;
}



/*------------------------------*/
/*------|      Menus     |------*/
/*------------------------------*/  
/* main nav list */
#mainNavContainer{
	float:left;
	width:234px;
	padding:0px;
	background-color:#fff;
	text-align:left;
	overflow:hidden;
}

#mainNavContainer a{
	color:#444;
	text-decoration:none;
}

#mainNavContainer a:hover{
	color:#ee2326;
	text-decoration:none;
}

ul.menu{
  padding:0px;
  margin:0px;
  width:234px;
}

ul.menu li{
	margin:0px;
	padding:0px;
	text-align:left;
}

/* main nav link */
ul.menu li a#rhsList,
ul.menu li a.nav{
	text-decoration:none;
	display:block;
	height:25px;
	padding:8px 0px 0px 15px;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}

ul.menu li a:hover{
	text-decoration:none;
	background:url(img/btn/right_arrow.png) right no-repeat;
}

ul.menu li a.current{
	text-decoration:none;
	background:#f3f3f3 url(img/btn/right_arrow.png) right no-repeat;
}

/* sub nav list*/
ul.menu li ul{
	margin-left:0;
	text-indent:20px;	
}

ul.menu li ul a.sub-nav{
	font-weight:normal;
	border-bottom:1px dotted #333;	
}

#rhsList a:hover,
.rhs-current{
	background-color:#666;
	color:#fff;
}


ul.menu li a.sub-nav{
	text-decoration:none;
	display:block;
	height:25px;
	padding:8px 0px 0px 15px;
	border-bottom:solid 1px #ccc;
	font-weight:normal;
}

.rhs-nav{
	border-bottom:1px dotted #333;
}

.rhs-nav a{
	text-decoration:none; 
	color:#df8106;
	font-weight:normal;
	display:block;
	height:25px;
	padding:8px 10px 5px 10px;
}

.rhs-nav a:hover{
	text-decoration:none;
	color:#808080;
	font-weight:normal;
	background-color: #f3f3f3;
	padding:8px 10px 5px 10px;
}

li a.current{
  color:#000;
}

td.menu-disabled {
  background:#ccc;
}

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

ul.links.inline{
  display:inline;
}

ul.links li {
  display:inline;
  list-style-type:none;
}

.block ul {
  margin:0px;
}

.crumb{
	font-size:12px;
	vertical-align:middle;
	margin-bottom:30px;
}

.crumb img{
	padding:0px 5px 0px 5px;
}



/*------------------------------*/
/*------|    Footers     |------*/
/*------------------------------*/  
div#footer{
	clear:both;
	width:940px;
	padding: 0px 10px 20px 10px; 
	background-color:#2f2f2f;
	color:#b0b0b0;
	text-decoration:none;
}

div#footer p{
	padding:5px 20px 20px 5px;
	margin-top:20px;
	border-top:1px solid #555;
}

#footer a{
	color:#b0b0b0; 
	border-bottom-color:#b0b0b0;
}

#footer a:hover{
	color:#df8106; 
	border-bottom-color:#df8106;
}

.red-gem-media{
	padding:0px 5px 0px 35px;
	background-image: url(img/red-gem-media.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	line-height:32px;
}




/*-----------------------------*/
/*------|    Facebox    |------*/
/*-----------------------------*/
#facebox .b {
  background:url(img/facebox/b.png);
}

#facebox .tl {
  background:url(img/facebox/tl.png);
}

#facebox .tr {
  background:url(img/facebox/tr.png);
}

#facebox .bl {
  background:url(img/facebox/bl.png);
}

#facebox .br {
  background:url(img/facebox/br.png);
}

#facebox{
  position:absolute;
  /*top:200px!important;  need it to get down the page - over ride the view port stuff */
  left:0;
  z-index:1000;
  text-align:left;

}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox .content{
  color:#222!important;
}

#facebox .content h3{
	color: #363636;
	font-weight: normal;
	font-size: 14px;
	border:none;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #ddd;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

.admin-working {
	background:transparent url(img/admin/icon-working.gif) top left no-repeat;
	padding:10px;
}

.admin-working p {
	margin:5px 0px 0px 80px;
	font-weight:bold;
	font-size:14px;
}

.admin-error {
	background:transparent url(img/admin/icon-error.png) top left no-repeat;	
	padding:10px;
}

.admin-error p {
	margin:0px 0px 0px 50px;
	font-weight:bold;
	font-size:14px;
}

.admin-success {
	background:transparent url(img/admin/icon-success.png) top left no-repeat;	
	padding:10px;
}

.admin-success p {
	margin:0px 0px 0px 50px;
	font-weight:bold;
	font-size:14px;
}



/*------------------------------*/
/*------| Administration |------*/
/*------------------------------*/
/* blacks out the page */
.admin-container {
	display:none; 
	width:100%; 
	height:auto; 
	background:url(img/admin/admin-bg.png) top right repeat;
	z-index:110; 
	position:absolute; 
	top:0px; 
	right:0px;
	padding-bottom:50px;
}

/* defines admin area */
#adminSiteWrapper {
	width:1024px;
	margin:30px auto 0px auto;
}

/* admin middle area */
#adminContent {
	background:#fff;
	position:relative;
	border:1px solid #a7a7a7;
}

/* admin inner work space */
#adminMain {
	clear: both;
	background: #fff;
	z-index: 100;
	position: relative;
	border: 8px solid #f3f3f3 !important;
	border: 7px solid #f3f3f3; /* Hack for IE, need to fix. Has to do with an extra 1px of whitespace between #content and #main. */
	padding: 20px; 
}

/* header in the admin panel */
#adminMain h1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	padding-bottom: 7px;
	border-bottom:1px solid #a7a7a7;
	margin-bottom: 10px;
}

/* left side image for field set (label + input) */
#adminSiteWrapper fieldset {
	font-family: Arial,Helvetica,sans-serif;
	padding-left: 15px;
	margin:15px 0pt 0pt 0pt;
	background:transparent url(img/admin/bg_fieldset.gif) repeat-y scroll 0pt 0pt;
	font-size: 12px;
}

/* background of inputs */
#adminSiteWrapper fieldset span {
	display: block;
	background-color:#e9e9e9;
	padding:4px;
}

/* actual input elements */
#adminSiteWrapper fieldset select, 
#adminSiteWrapper fieldset input,
#adminSiteWrapper fieldset textarea {
	border:1px solid #a7a7a7;
	padding:4px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#adminSiteWrapper fieldset input {
	/*width:400px;*/
}

#adminSiteWrapper fieldset textarea {
	width:400px;
	height:150px;
}

.admin-expandable-area {
	display:none;
	background-color:#e9e9e9;
	border:1px solid #a7a7a7;
	padding:4px;
	margin:4px 0px 0px 15px;
}

.admin-portfolio {
	background-color:#b7d2ff;
	border:1px dotted #272727;
	height:34px;
}

ul.default,
ul.galleries,
ul.brands,
ul.makers,
ul.products,
ul.groups,
ul.nav,
ul.admin-sortable
{
	list-style:none; 
	margin:0px; 
	padding:0px;
	background-color:#e9e9e9;
}

/* when logged in .admin is applied to show the drag image */
ul.makers li:hover,
ul.makers li:active,
ul.brands li:hover,
ul.brands li:active,
ul.galleries li:hover,
ul.galleries li:active,
ul.products li:hover,
ul.products li:active,
ul.groups li:hover,
ul.groups li:active,
ul.nav li:hover,
ul.nav li:active,
ul.admin-sortable li:hover,
ul.admin-sortable li:active {
	border:5px solid #333;
	background:url(img/admin/sortable.gif) no-repeat top right!important;
	cursor:pointer;
}
/*
.admin-right input {
	width:200px!important;
}

.admin-right textarea {
	width:350px!important;
}*/

.admin-left {
	width:410px!important; 
	float:left;
}

.admin-right {
	width:440px!important;
	float:right; 
	margin-left:0px;
}
 
.thin input {
	width:290px!important;
}

#adminSiteWrapper fieldset .related{
	padding:3px 0px 3px 0px;
}

.padding-5 td {
	padding:5px!important;
}

.nicEdit-main
{
	background-color:#fafafa;
}

.nicEdit-main span
{
	background-color:#fafafa!important;
	margin:0px!important;
	padding:0px!important;
	display:inline!important;
}



/*-----------------------------*/
/*------| Drag and drop |------*/
/*-----------------------------*/
.droppable-menu{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:45px;
}

.droppable-textarea {
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	height:150px;
}

.droppable-input {
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	height:40px;
}



/*---------------------------------*/
/*------| Sales Information |------*/
/*---------------------------------*/
.excerpt
{
	background: transparent url(img/sales/arrow-bullet.gif) no-repeat scroll 5px 15px;
	border: 1px dotted #cecfd1;
	color: #999;
	padding: 10px 146px 10px 20px;
	position: relative;
}

.entry-title
{
	color:#444;
}

.excerpt p
{
	margin: 0pt;
}

.excerpt .comments-link, .excerpt .comments-link
{
	display: block;
	padding: 0px 20px 0px 40px;
	width: 40px;
	background: transparent url(img/sales/banknote.png) no-repeat scroll left center;
}

.excerpt .date
{
	display: block;
	font-size: 0.9em;
	line-height: 2;
	width: 100px;
	text-align:right;
	padding-right:7px;
	margin-top: 1.5em;
}

.excerpt .date, .excerpt .comments-link
{
	position: absolute;
	right: 0pt;
	top: 10px;
}

#moveMarkedBtn,
#closedMarkedBtn
{
	display:inline;
	cursor:pointer;
	margin:30px 10px 30px 42px;
}

#deleteMarkedBtn,
#moveToClosed
{
	display:inline;
	cursor:pointer;
	margin:30px 0px 30px 0px;
}

.sales-info-wrapper
{
	border:1px dotted #cecfd1;
	padding:10px;
}

.sales-info-th
{
	text-align:left;
	background-color:#b0b0b0;
	color:#2f2f2f;
	padding:4px;	
}

.sales-info-td
{
	border:1px solid #e8e8e8;
	background-color:#eee;
}

.sales-test
{
	background-color:#fff9d8;
	border:1px solid #dfd7ab;
}


/* test - sales search */