/* -----------------------------------------------------------------------

   Default CSS Style Sheet for JROX.COM eCommerce Manager
   http://www.jrox.com

   * Copyright (c) 2007-2008. See LICENSE for more info.

----------------------------------------------------------------------- */

/* RESET ALL NECESSARY STYLES FIRST */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}

/* LET'S STYLE THE REST OF THE PAGE NOW */

/* 
|--------------------------
| GENERAL PAGE STYLE
|--------------------------
*/

html {}

body {
	/*font: 12px Tahoma, Arila, Geneva, sans-serif;*/
	font-size: 12px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

td {
	vertical-align: top;
	padding: 8px;
}

p {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
}


h1 {
    font-size: 24px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    	margin: 1em 0 5px;
    padding: 10px;
	text-transform:capitalize;
	font-weight:bold;
    background: transparent;
	color: #03A4F0;
    
}

h2  {
   color: #03a4f0;
 font-size: 18px;
   font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-weight: bold;   
}

h2 a {
   color: #03a4f0;
   font-size: 18px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

h2 a:hover {
   color: #ff6600;
   font-size: 18px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;;
}

h3 {
    font-size: 18px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    	margin: 2em 2px 5px 2px;
    padding:5px;
	text-transform:capitalize;
	font-weight:bold;
  	background-color: transparent;
  	color:#666;
}

h4 {
font-size: 14px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    	margin: 2em 2px 5px 2px;
    padding:5px;
	text-transform:capitalize;
	font-weight:bold;
  	background-color: transparent;
  	color:#ff6600;
    
}

h5 {

font-size: 14px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    	margin: 2em 2px 5px 2px;
    padding:5px;
	text-transform:capitalize;
	font-weight:bold;
  	background-color: transparent;
  	color:#ff6600;  
}


input, select, button {
	vertical-align: middle;
	font-size: 11px;
}

input, select {
	color:#5D5D5D;
}

button {
	overflow-x: visible;
	overflow-y: visible;
	padding: 2px 5px;
	cursor: pointer;
}

fieldset {
	border: 1px solid #5D5D5D;
}

.clear {clear:both; height: 0;} /* for clearing div elements */

.errorMessage, .successMessage { 
	font-size: 11px; 
	padding:5px;
	margin:1em;
	text-transform:capitalize;
}

.errorMessage {	/* style the error messages generated from forms */
	border:2px solid #FBC2C4;  	
	color:#8a1f11;
	padding-left: 1em;
	background:#FBE3E4;
}

.errorMessage p {
	padding: 2px 0 0 1em;
	text-align:left;
}

.successMessage {
	border:2px solid #C6D880;
	background:#E6EFC2;
	color:#264409; 	
}

.jroxHeading {
	font-size: 16px;
	margin: 1em 0 5px;
	text-transform:capitalize;
	font-weight:bold;
	color:#666;
	background-color:transparent;
	opacity:0.70;
}

.jroxHeading:hover {	
	/*background-color:#CCC;
	color:#03a4f0;
	opacity:1.00;*/
}


.jroxSubHeading {
	font-size: 12px;
	margin: 1em 0 5px 35px;
	text-transform:capitalize;
	font-style:italic;
	color: #03a4f0;
	max-width:600px;
	
}

.jroxSiteName {
	position: absolute;
	top: 6.5em;
	left:.5em;
	font-size:36px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;;
	color:#333;
	visibility: hidden;
}

.jroxSiteTagLine {color:#fff;
position: absolute;
	top: 15px;
	left:475px;
	font-size:18px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:2000;
}

.jroxlineBreak {
	border-bottom: 1px solid #ccc;
	height: 10px;
}

.jroxBold {
	font-weight:bold;
}

input.checkBox {
	border: 0;
	margin: 0;
	padding: 0;
	width: 12px;
	height: 12px;
}

.middleBox {
	width: 50%;
	margin: 1em auto;
}

.jroxMarginOne {
	margin: 1em;
}

.jroxTextAlignRight {
	text-align: right;
}

.jroxCapitalize {
	text-transform:capitalize;
}

.jroxCenter {
	margin: auto;
	text-align: center;
}

.jroxHide {
	display:none;
}

.jroxMiddle {
	vertical-align:middle;
}

.jroxFloatRight {
	float:right;
}

.jroxFloatLeft {
	float:left;
}

.jroxSmall {
	font-size: 10px;
}

#loading, .loading {
	display: none;
	padding: 5px;
	vertical-align:middle;
}


.noDisplay {
	display:none;
}

#please_wait {
	background:#999999;
	color:#666666;
	border: 1px solid #666666;
	display:none;
}

/* 
|-------------------------------------------------------------------
| STYLE THE ELEMENTS THAT PROVIDE LAYOUT FORMATTING FOR THE PAGE
|-------------------------------------------------------------------
*/
.jroxBody { /* style for the body of the page if needed */
	background: #edf5fa /*url('../images/SocialMediaBackground6.png') repeat*/;
        background-color: /*#D2D9E9;*/
}

.jroxTopBox {	/* this applies to the top links div that houses the languages and view cart divs */
	box-shadow: 0 0 100px black;-moz-box-shadow: 0 0 100px black;background:rgb(0,0,0);  background:rgba(0,0,0,0.75) none repeat-x scroll 0 0;  *background:rgb(0,0,0);  border-width:;  border-style:none;  border-color:transparent;z-index:100;
	padding: 5px 1em;
	height:28px;
	color: #03a4f0;
	margin: 0 auto;
	font-size:12px;
	text-transform:capitalize;
	width:100%;min-width:1370px;
        margin-top:0px;

}

.jroxTopBox a {
	color:#03a4f0;
	
}

.jroxTopBox a:hover {
	color:#fff;
	
}


.jroxShadowTop { /* this is the area on top of the container div */
	width: 950px;
        height:0px;
	/*background: transparent url('../images/HeaderKleinWit6Store.gif') bottom no-repeat;*/
	margin: 0 auto;
}

.jroxShadowBottom { /* this applies to the area outside of the bottom of the container */
	/*height: 24px;
	margin: 0 auto;*/
	height:1px;
	margin-top:2em;
	/*background: transparent url('../images/jroxFooter1.png') bottom no-repeat;*/
}

.jroxContainer {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 956px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 25px;z-index:1000;
        padding-top:28px;
        min-height:1700px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: transparent;
	/*background: url('../images/BodyBGStoreSkew4.png') top no-repeat;
*/        moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
    -moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
        /*border: 1px solid #CCCCCC;*/
}

.jroxNoColumns, .jroxSingleColumn, .jroxBothColumns { /* this applies to the position of each of the 3 column layouts */
	float:left;
	margin-right:10px;
}

.jroxNoColumns { /* applies only if both left and right columns are hidden */
	width:910px;
}

.jroxSingleColumn { /* applies if only left OR right column are showing */
	width:680px;
}

.jroxBothColumns { /* applies if both columns are showing */
	width:470px;
}

.jroxMainColumn {
	margin: 1em 8px 0 0;
}

.height-150 {
	height: 150px;
}

.jroxGeneralMessageBox {
	margin: 2em 4em;
	padding: 2em;
	text-transform:capitalize;
	border:1px solid #ccc;
}
/* 
|----------------------------------------------
| STYLE THE TOP LINKS ON EACH PAGE
|----------------------------------------------
*/


.jroxTopLinks { /* applies to the links on the top of the page not including languages and view cart */
	float:right;
	margin-right: 1em;
}

.jroxTopLinks span { /* style the individual links on the top links div box */
	margin: 0 1em;
}

.jroxShowAffiliateName { /* shows the referring affiliate username on the top of each page if enabled */
	float:left;
}

.jroxLanguages {	/* style the div tat shows the available languages */
	float:right;
	margin-right:1em;
}

.jroxLanguages img {
	height: 11px;
	width: 16px;
	vertical-align:middle;
	padding-left:8px;
}

.jroxLanguageDropDown {
	font-size:9px;
}

.jroxViewCart {	/* style for the view cart div on the top links area */
	float:right;
margin-right:150px;	
}

/* 
|----------------------------------------------
| STYLE THE HEADER AREA AND ITS ELEMENTS HERE
|----------------------------------------------
*/

.jroxHeader { /* the div that holds the top header elements */
	width: 956px;
}

.jroxHeaderCarouselImages { float:left; height: 265px;}
.jroxHeaderCarouselImages li { list-style: none; }

.jroxHeaderCarouselArrows{
	position:relative;
	z-index:10;
}

.jroxCarouselPrev {
	position: absolute;
	left:-20px;
	top:-150px;
	z-index:10;
}

.jroxCarouselNext {
	position:absolute;
	left:918px;
	top:-150px;
	z-index:10;
}

.jroxHeaderCarouselButtons {
	display:none;
}

.jroxHomeLink {}

.jroxHeaderBox { /* applies to the search div on the header only */
	height: 0px;
}

.jroxHomepageHeader {
	height: 295px;
	margin-top: -1px;
	margin-bottom: 0px;
	/*background: url('../images/jroxTopHeaderBg950x361.png')*/ } 

#homediv {
	 border: 3px solid rgb(204, 204, 204); 
	padding: 10px;
	background:transparent;
-moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
}
	
#homediv:hover {
	/*background:url('../images/jroxColumnBg2.png') repeat-y center;*/
	background:#f4f4f4;
}

.jroxSearchBlock {
	
}

.jroxSearchForm { /* styles the position of the search form on the top header only */
	float: right;
	position: absolute;
	top: 6.3em;
	right: 10px;
	margin-right: 0em;
	z-index:1;
}

.jroxSearchForm input {
	background: #ffffff;
	color:#666666;
	z-index:1;

}

.jroxSearchBox { /* applies to the input field of the search form on the header only */
	font-size: 11px;
	width: 150px;
	color:#666666;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
	z-index:1;
}

input.jroxSearchButton {
	background:transparent;
	z-index:1;
}

.jroxShoppingCartItems {
	position: relative;
	top: 270px;
	left: 22px;
	background:url('../images/shoppingcart.png') no-repeat;
	float: right;
	width: 230px;
	height: 70px;
	margin: 5px 5px 1em 5px;
	padding: 0;
	display: none;
	height: 1px;
}

.jroxShoppingCartItems div {
	position: relative;
	top: 5px;
	left:60px;
	font-size: 12px;
	font-weight:bold;
	text-transform: capitalize;
}

.jroxLogoBox {
	position: relative; 
	height: 90px;
	color: #FFFFFF;
	text-align: left;
	background: url('../images/jroxlogoboxbg.png');z-index:1000;
}

.jroxLogo { /* applies to the logo image for the header */
	height: 90px;
	width: 586px;
	position:relative;bottom:-10px;

	/*position: absolute;
	left: 2px;	
	top: 125px;
	overflow: visible;*/
}

/*#jroxLogo {position:relative;bottom:-10px; }*/


.jroxLogo h1 {
	font: 28px Futura, Arial, Helvetica, serif;
	margin-left: 2px;
	color: #fff;
}

/* 
|---------------------------------------------------------------
| STYLE THE TOP AD BLOCK (ONLY APPLIES TO THE LICENSED VERSION)
|---------------------------------------------------------------
*/

.jroxTopMenuAd { /*top menu ad div */
	margin:0 auto;
	padding:5px;
	top: -58px;
	background:transparent;
	position: relative; display: block;
}

/* 
|-----------------------------
| STYLE THE TOP MENU BAR HERE
|-----------------------------
*/

.jroxTopMenu { /* style the top menu */
	/*background: transparent url('../images/jroxTopMenuBg.png') repeat-x;*/
	background-color:#000;background-opacity:0.5;/*box-shadow:0 0 10px black;-webkit-box-shadow: 0 0 10px black;-moz-box-shadow: 0 0 10px black;*/ 
	height: 35px;
	width: 956px;
        margin-bottom:-15px;
	position:relative;
        top:20px;
	-moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
`	z-index:2;
}


#nav-one-nav-one-1 a, #nav-one-nav-one-2 a,#nav-one-nav-one-3 a,#nav-one-nav-one-4 a,#nav-one-nav-one-5 a,#nav-one-nav-one-6 a,#nav-one-nav-one-7 a,#nav-one-nav-one-8 a {
	/*color:#05FAFA;*/
	color:#03a4f0;
}

#nav-one-nav-one-1 a:hover,#nav-one-nav-one-2 a:hover,#nav-one-nav-one-3 a:hover,#nav-one-nav-one-4 a:hover,#nav-one-nav-one-5 a:hover,#nav-one-nav-one-6 a:hover,#nav-one-nav-one-7 a:hover,#nav-one-nav-one-8 a:hover{
	color:#fff;
}

/* 
|----------------------------------------------------------------------
| STYLE THE BOX THAT HOLDS THE LEFT, RIGHT AND MIDDLE CONTENT COLUMNS
|-----------------------------------------------------------------------
*/

.jroxContent { /* style the entire content area div, including left and right columns */
	background: url('../images/jroxContentBg.png') repeat-y;background-color:#fff;background-opacity:0.5;box-shadow:0 0 70px black;-webkit-box-shadow: 0 0 100px black;-moz-box-shadow: 0 0 100px black;        margin-top: 0px;
 padding-top:25px;	padding-bottom: 40px;
	min-height: 50em;
        -moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
}

/* 
|--------------------------------------------
| STYLE THE MIDDLE CONTENT COLUMN
|--------------------------------------------
*/

#jroxMainContent {
	margin: 0px 5px 20px 10px; /* this is the content for the middle of the page*/
	padding-bottom: 3em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	-moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
	background-color:#fff;
	/*opacity:0.85;*/
}


#jroxMainContent:hover {
	background-color:transparent;
	/*opacity:0.99;*/
}

#jroxMainContent li {
	margin-left: 1em;
	
}

#jroxProductOverview li, #jroxProductDescription1 li, #jroxProductDescription2 li {
	margin-left: 1em;
	color: #FFFFFF;
}

.jroxBreadCrumbs {
	font-size: 10px;
	text-transform:capitalize;
	padding-top: 5px;
}

/* 
|--------------------------------------------
| STYLE THE LEFT AND RIGHT COLUMNS HERE
|--------------------------------------------
*/

.jroxLeftColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 220px; 
	padding:0px 5px 15px 5px; /* padding keeps the content of the div away from the edges */
	color: #666;
}

.jroxLeftColumnHeader {
	/*background:  url('../images/jroxTitleBoxBg.png') top left no-repeat;*/
	height: 10px;
}

.jroxLeftColumnFooter  { 
	/*background: #fff url('../images/jroxColumnBg.png') bottom center no-repeat;*/
	background-color: transparent;
    background-image:url(../images/jroxTitleBoxBg.png);
  	background-repeat: repeat-x;
  	background-position: bottom center;
    border-top:2px solid #ffffff;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #3388B1;
    -moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
  	color:#ffffff;
	padding:4px;
	font-size:14px Bold;
	text-transform:capitalize;
	height: 10px;
}

.jroxRightBoxFooter {
	/*background:url('../images/jroxColumnBg.png') bottom center no-repeat;
	height:10px;
	padding-bottom: 10px;
	background-color: transparent;
    background-image:url(../images/jroxTitleBoxBg.png);
  	background-repeat: repeat-x;
  	background-position: bottom center;
    border-top:2px solid #ffffff;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #3388B1;
    -moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
 */ 	color:#666;
	padding:4px;
	font-size:14px Bold;
	text-transform:capitalize;
	height: 10px;
}
.jroxRightColumn {

	float: right; /* since this element is floated, a width must be given */
	width: 235px; 
	padding: 0px 20px 15px 0px; /* padding keeps the content of the div away from the edges */
	margin-top:0;
	color: #666;

}

/* 
|--------------------------------------------
| STYLE THE LEFT AND RIGHT LAYOUT BOXES HERE
|--------------------------------------------
*/

.jroxLeftBox {
	border: 0;
	margin-bottom: 0;
}

.jroxRightBox { /* this is the style for the box that holds the box title and box code */
	margin-bottom: 0px;
	color: #03a4f0;
}

.jroxRightBox a, .jroxRightBox a:hover {
	color:#03a4f0;
}

.jroxLeftBoxTitle { /* this is the style for the TITLE of each layout box*/

	/*color: #fff;
	font-weight: bold;
	padding:16px 5px 4px 20px;
	font-size:14px;
	background: url('../images/jroxTitleBoxBg.png') repeat-x left;
	/*background-color: #152744;*/
	padding-left: 20px;
	padding-top: 16px;*/
 background-color: transparent;
    background-image:url(../images/jroxTitleBoxBg.png);
  	background-repeat: repeat-x;
  	background-position:0 bottom;
    border-top:2px solid #ffffff;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #3388B1;
    -moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
  	color:#ffffff;
	padding:4px;
	font-size:14px Bold;
	text-transform:capitalize;
}

 .jroxRightBoxTitle {  /* this is the style for the TITLE of each layout box*/
 background:transparent
/*rgb(0,0,0);  background:rgba(0,0,0,0.75) none repeat-x scroll 0 0;  *background:rgb(0,0,0);  border-width:;  border-style:none;  border-color:transparent;*/z-index:100;
	padding:4px;
	font-size:14px Bold;
	text-transform:capitalize;border-bottom:1px solid #CCC;	/* color: #fff;
	font-weight: bold;
	padding:16px 5px 2px 20px;
	font-size:14px;
	background: url('../images/jroxTitleBoxBg.png') no-repeat left;
	padding-left: 20px;  background-image:url(../images/jroxTitleBoxBg.png);
  	background-repeat: repeat-x;
  	background-position:0 top;
    border-top:2px solid #ffffff;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #3388B1;
    -moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
 */ 	
} 

.jroxLeftBoxTitle:hover, .jroxRightBoxTitle:hover {
	 background-position: 0 bottom;}


.jroxLeftBoxCode, .jroxRightBoxCode { /* this is the box that displays the text or code inside each left and right layout box, not including the title */
	padding:5px;
	background-color:#fafafa;

}


.jroxLeftBoxCode:hover, .jroxRightBoxCode:hover { /* this is the box that displays the text or code inside each left and right layout box, not including the title */
	padding:5px;
	background-color:#fff;
	/*background:url('../images/jroxColumnBg2.png') repeat-y center;*/

}

.jroxLeftBoxFooter, .jroxRightBoxFooter { /*this style applies to each left and right layout box footer */
	
}

#search_Title {

}

/* 
|-------------------------------------
| STYLE THE BOTTOM FOOTER STUFF HERE
|-------------------------------------
*/

.jroxFooter { /* this is the footer at the bottom of the each page */
	margin:0 auto;

	font-size:12px;
	width: 956px;
	color:#ffffff;
	/*color: #2382F5;
	background:  url('../images/jroxFooterBg.png');
	border-top: 1px solid #152744;*/
	
}

.jroxFooter li ul li { float: none; }

.jroxFooter a {
	color:#ffffff;
} .jroxFooter ul { margin-left:180px;} 
.jroxFooter li { /* style the list elements in the footer menu */
	float:left;	list-style:none;
	padding:0 3em 3em 0;
	margin-top;-3em;
	font-weight: bold;
	list-style:none;
	text-align: left;
	font-size:14px
}

.jroxFooter li ul li { 
	float: none; 
	font-weight: normal;
	list-style:square inside;
	font-size: 11px;
	padding: 0 0 8px 0;
}

.jroxFooterMenu { /* style the background of the footer menu */
margin: auto;
	/*background: transparent; background:  url('../images/jroxContentBg.png');*/
	background-color: #03A4F0;
        position:fixed;
        bottom:0px;
left:0px;	align: left;
        height: 18px;
 box-shadow: 0 0 100px black;-webkit-box-shadow: 0 0 100px black;-moz-box-shadow: 0 0 100px black;background:rgb(0,0,0);  background:rgba(0,0,0,0.75) none repeat-x scroll 0 0;  *background:rgb(0,0,0);  border-width:;  border-style:none;  border-color:transparent;  width:100%;  min-width:1370px;  z-index:10000;       /*width:956px;
        overflow: hidden;
  	background-image:url(../images/jroxTitleBoxBg.png);
  	background-repeat: repeat-x;
  	background-position:0 bottom;
    border-top:2px solid #3388B1;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #FFFFFF;
    opacity:0.90;
    -moz-opacity:0.90; 	filter: alpha	(opacity=90);
  	-moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;*/
}

.jroxFooterMenu a {
	background-position:0 top;
}
/* 
|--------------------------
| STYLE HREF LINKS HERE 
|--------------------------
*/

a:focus, a:hover { /* this style applies when you hover over a link */ 
	text-decoration:none;
	color: #03a4f0;
}

a { /* this is for all non-custom styled links */
	color: #03a4f0;
	text-decoration:none;
}

.jroxMoreContentLink { /* this styles the link for more articles on the content home page */
	float:right;
	text-transform:capitalize;
	margin: 1em;
	font-weight:bold;
}

.jroxLoginRequired {
	text-align:center;
	margin: 2em 0;
	font-size: 120%;
	font-weight:bold;
	text-transform:capitalize;
}

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

.jroxBigLinks {
	font-size: 110%;
	text-transform:capitalize;
	font-weight:bold;
}

/* 
|--------------------------
| STYLE CERTAIN BOXES 
|--------------------------
*/

.jroxSideBox { /* this is the style for the box that holds the box title and box code */
	border:1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
}	

.jroxSideBox:hover {
	background-color:#f4f4f4;
}


.jroxSideTitle {
	font-weight: bold;
	background: rgb(0,0,0);background: rgba(0,0,0,0.75) none repeat scroll 0 0;*background: rgb(0,0,0);border-color: transparent;color: #fff;		padding:5px;
	font-size:14px;
	text-transform:capitalize;
}

.jroxSideTitle:hover {	
	color:#03a4f0;
}

#layout_box_member_login_welcome_msg {
	font-size:80%;
	text-transform:capitalize;
}

.layout_box_member_login_welcome_msg span {
	font-weight: bold;
}

#layout_box_member_login_welcome_msg_links {
	margin-left: 5px;
}

#layout_box_member_login_welcome_msg_links li {
	list-style-position:inside;
	list-style:square;
	margin: 8px 0 0 8px;
}

#member_login {
	margin-bottom: 0em;
	color: #666;
}

#member_login a {
	color: #03a4f0;
}

#member_login_Title {
	color: #ff6600;
}

/* 
|--------------------------
| STYLE LISTS
|--------------------------
*/

.generalList{
	list-style:none;
	padding:5px 10px;
}

#layout_box_product_categories div {

}

#layout_box_main_product_categories li {
	padding: 0.75em 5px;
	border-bottom: 1px solid #E6E6E6; 	
}

/* 
|--------------------------
| STYLE INPUT FIELDS
|--------------------------
*/

.jroxDropDown {
	width: 220px;
	
}
.generalInput {
	width: 200px;
}

.select_drop_down { /* style the drop downs on each layout box */
	text-transform:capitalize;
}

#layout_box_product_categories {
	width: 100%;
	text-transform: capitalize;
}

/* 
|--------------------------
| STYLE BUTTONS
|--------------------------
*/

.generalButton {
	margin: 3px auto;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #5D5D5D;
}

.jroxDivider {
	height:15px;
	margin-top:10px;
	border-top: 1px solid #999999;
}

.jroxSubmitButton {
	margin: 5px auto;
	padding: 2px;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #5D5D5D;

}

.jroxCloseButton {

	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #5D5D5D;
}

#member_login_button, #search_button {
	margin: 5px;
}

/* 
|--------------------------
| STYLE IMAGES
|--------------------------
*/

.referralImage { /* style the actual image of the referring affiliate in the referred by layout box */
	padding:5px;
	max-width: 150px;
}

/* 
|--------------------------
| STYLE RIGHT MENU LIST
|--------------------------
*/

.jroxRightMenu a {
	color:#666;
        font-weight:bold;
}

.jroxRightMenu a:hover {
	color:#03a4f0;
}

.jroxRightMenu li { /* this applies to the list for the right menu links */
	margin-top:3px;
	list-style:none;
	padding-left: 3px;
	color:#fff;
	
}

#jroxTopRightLayoutMenu {
	position:absolute;
	top: 10.5em;
	left: 1em;
 	background:transparent; 
	border: 0px;
	width: 200px;
	text-align: left;
	height: 22px;
}

#jroxTopRightLayoutMenu li {
	border-top:1px solid #ccc;

}

#jroxTopRightLayoutMenu a {
	color: #666;
	font-style:bold;
	font-size: 16px;
}

#jroxTopRightLayoutMenu a:hover{
	color: #03a4f0;
	/*color: #98A0AC;*/
}
/* 
|-----------------------------
| STYLE FOR PAGINATION LINKS
|-----------------------------
*/
div.pagination {
	padding: 3px;
	margin: 3px auto;
	text-align:center;
	font-size:10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background:#FFFFFF;
	border: 1px solid #AAAADD;
	border-right: 1px solid #5D5D5D;
	border-bottom: 1px solid #5D5D5D;
	text-decoration: none; /* no underline */
	color: #5D5D5D;
}
div.pagination a:hover, div.pagination a:active {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #5D5D5D;
	font-weight: bold;
	background-color: #efefef;
	color: #999;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}


/* 
|------------------------------
| STYLE FOR STORE HOMEPAGE
|------------------------------
*/
.jroxMoreFeaturedProducts {
	float:right;
	margin-top:1em;
	margin-right: 1em;
}

/* 
|------------------------------
| STYLE FOR PRODUCT CATEGORIES
|------------------------------
*/

.jroxProductCategoryColumn { /* the div that houses the product categories column */
	margin-left: 0.7em;
}

#jroxProductCategoryHeading { /*the title of the page for product categories*/
	
}

.jroxProductCategoryBox { /* the box for each category ID */
	float:left;
	margin: 1em 0 1em 2.3em;
	padding: 1.5em;
	width: 150px;
	height: 150px;
	border:1px solid #ccc;
}

.jroxProductCategoryBox:hover { /* the hover style for each product category box */
	background:#f4f4f4;
}

.jroxProductCategoryImage img { /* style the product image itself */
	max-height: 128px;
	max-width: 128px;
}

.jroxCategoryName { /* the name of the product category */
	margin: 5px auto;
	text-align:center;
}

.jroxCategoryTotals { /* shows the total no. of products */
	font-size:10px;
}

/* 
|------------------------------
| STYLE FOR SITEMAP
|------------------------------
*/

#jroxSiteMapHeading {
	
}

.jroxSiteMapTitle {
	float:left;
	margin: 1em 3em;
}

/* 
|------------------------------
| STYLE FOR MANUFACTURERS
|------------------------------
*/

#jroxManufacturerColumn { /* the div that houses the product categories column */
	margin-left: 0.7em;
}

.jroxManufacturerHeading { /*the title of the page for product categories*/
	margin: 1em 0;
	text-transform:capitalize;
	font-weight:bold;
}

.jroxManufacturerBox { /* the box for each category ID */
	float:left;
	margin: 1em 0 1em 2.3em;
	padding: 1.5em;
	width: 150px;
	height: 180px;
	border:1px solid #ccc;
}

.jroxManufacturerBox:hover { /* the hover style for each product category box */
	background:#f4f4f4;
}

.jroxManufacturerImage img { /* style the product image itself */
	max-height: 150px;
	max-width: 150px;
}

.jroxManufacturerName { /* the name of the product category */
	margin: 5px auto;
	font-size: 10px;
	text-align:center;
}

.jroxManufacturerTotals { /* shows the total no. of products */
	font-size:10px;
}

/* 
|------------------------------
| STYLE THE SEARCH RESULTS
|------------------------------
*/

.jroxSearchHeading {
	font-size: 110%;
	font-weight:bold;
	text-transform:capitalize;
	margin:1em 0;
}

.jroxSearchQuery {
	margin-bottom: 1em;
}

/* 
|------------------------------
| STYLE NEW PRODUCTS PAGE
|------------------------------
*/

.jroxNewProductsHeading {
	font-size: 110%;
	font-weight:bold;
	text-transform:capitalize;
	margin:1em 0;
}

.jroxRatings {
	float:right;
}

/* 
|------------------------------
| STYLE MANUFACTURER LIST
|------------------------------
*/

.jroxManufacturerHeading {
	font-size: 110%;
	font-weight:bold;
	text-transform:capitalize;
	margin:1em 0;	
}

/* 
|------------------------------
| STYLE PRODUCT DETAILS 
|------------------------------
*/

.jroxMainPhoto {
	max-width: 600px;
}

.jroxShowInventory_0 { /* style to show product is in stock */
	font-size:11px;
}

.jroxShowInventory_1 { /* product is out of stock */
	font-size: 10px;
	font-weight:bold;
	color:#FF0000;
}

.jroxProductDetailsRatings {
	text-align:right;
	padding-right: 2em;
	text-transform:capitalize;
	font-size: 80%;
}

.jroxMainImageWindow {
	margin: 1em auto;
	text-align:center;
}

a.jroxConfirmRecommend {

}

#jroxProductDetailsHeadingPrice {
	margin-right: 1.5em;
	margin-top: -1em;
	visibility:visible;
	background-color:transparent;
	color:#03a4f0;
}

#jroxProductDetailsHeadingPrice:hover {
	color:#ff6600;
}

.jroxMainImageWindow img {
	border: 1px solid #ccc;
}

.jroxProductOptionsRequired { /* the small required text */
	float:right;
	font-size: 10px;
	
}

.jroxProductDetailsAttributesBox {
	border: 1px solid #ccc;
	background: #1efefef;
	margin: 1em 0;
	padding:1em;
}

.jroxProductDetailsAttributesName {
	margin: 8px;
	font-size: 90%;
	font-weight:bold;
	text-transform:capitalize;
}

.jroxProductDetailsAttributesData { /* the input or text area of the attribute */
	margin-bottom: 1em;
	padding: 7px 7px 1.4em 7px;
	border-bottom: 1px solid #ccc;
}
.jroxProductDetailsAttributesData select {
	text-transform:capitalize;
	font-size: 90%;
}

.jroxProductDetailsAttributeDropdown, .jroxProductDetailsAttributeText, .jroxProductDetailsAttributeTextArea {
	width: 99%;
}

input.jroxProductDetailsAttributeText, textarea.jroxProductDetailsAttributeTextArea {
	background:  #fff;
	color: #999;
	font-size: 90%;
}

.jroxProductDetailsAttributeTextArea {
	height: 80px;
	overflow: auto;
}

.jroxProductDetailsAddQuantity { /* add quantity div box */
	text-align:right;
	text-transform:capitalize;
	margin-bottom: 1em;
}

input.jroxProductDetailsAddQuantityInput {
	background:  #efefef;
	color: #1e1e1e;
	font-size: 110%;
	width: 25px;
	margin-left:10px;
	padding: 4px 0 0 4px;
	border: 2px inset #5D5D5D;
}

button.jroxProductDetailsAddQuantityBuyNow {
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #333;
	font-size: 120%;
	margin-left: 10px;

}


.jroxProductDetailsAttributesHeading {
	font-size:110%;
	text-transform:capitalize;
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
}

.jroxTabs {
	margin-bottom: 1em;
}

.jroxTab {
	min-height: 300px;
}

#jroxProductPhotos img {
	float:left;
	max-height: 100px;
	border: 1px solid #ccc;
}

.jroxImageFile {
	overflow:hidden;
	height: 120px;
	width: 120px;
	float:left;
	margin-left: 2em;
	padding: 5px;
}

#jroxProductDetailsContent { /* the main content of product details */
	margin: 5px 0px 5px 18px; /* this is the content for the middle of the page*/
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 660px;
	float:left;
	-moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-bottomleft: 10px;
  	-moz-border-radius-bottomright: 10px;
  	-webkit-border-bottom-left-radius: 12px;
  	-webkit-border-bottom-right-radius: 12px;
	background-color:#fff;
	/*opacity:0.85;*/
}


#jroxProductDetailsContent:hover {
	background-color:#f4f4f4;
	/*opacity:0.99;*/
}

.jroxProductDetailsSideColumn { /* the side column of the product details page */
	float: right;
	width: 250px; 
	padding: 15px 10px 15px 0px; 
	
}

.jroxProductDetailsSideBox { /* this is the style for the box that holds the box title and box code */
	border:1px solid #5D5D5D;
	margin-bottom: 1em;
}	

.jroxSimilarProductsCode {
	margin: 1.5em auto 1.6em;
	text-align:center;
}

.jroxSimilarProductsImage {
	height: 150px;
	width: 150px;
	text-align:center;
	margin: auto;
	padding: 5px;
}

.jroxSimilarProductsImage img {
	max-height: 150px;
	max-width: 150px;
}

.jroxSimilarProductsBuyNow {
	text-align:center;
	margin: 8px auto;
}

.jroxSimilarProductsRatings {
	margin-bottom: 8px;
}

.jroxSimilarProductsName {
	font-size: 85%;
	font-weight:bold;
}

.jroxSimilarProductsPrice {
	font-size: 10px;
}

.jroxSimilarProductsBuyNow, .jroxSimilarProductsAddToCart  {
	margin: 8px auto;
	text-align:center;
}

.jroxSimilarProductsAddToCart a, .jroxSimilarProductsBuyNow a { /* buy now and add to cart buttons */	
	background: url(../images/jroxButton.png) no-repeat;
	display: block;
	height:23px;
	width: 66px;
	padding-top: 4px;
	font-size: 10px;
	color: #fff;
	text-align:center;
	margin: auto;
}

.jroxSimilarProductsAddToCart a:hover, .jroxSimilarProductsBuyNow a:hover {
	text-decoration: underline;
}

.jroxClickImage, .jroxClickVideo {
	text-transform:capitalize;
}

.jroxProductVideosList li {
	list-style:none; 
	margin: 8px;
}

.jroxProductVideosLink {
	font-size: 110%;
	font-weight:bold;
	margin-bottom:1em;
	padding-bottom:2em;
	border-bottom: 1px solid #5D5D5D;
}

#jroxProductDetailsButtons {
	margin: 1em;
	font-size: 85%;
	font-weight:bold;
	text-align:right;
}

.jroxProductVideosEmbedCode {
	width: 99%;
	height: 50px;
	overflow:auto;
}

.jroxProductDirectProductCode {
	width: 50%;
	margin: auto;
}

textarea.jroxProductVideosEmbedCode {

}

.jroxProductVideosEmbedText {
	float:right;
	font-size: 11px;
	margin-right:5px;
}

#jroxProductDetailsDiscountGroupAmount {
	color:#333;
	font-size: 90%;
	font-weight:bold;
	float:left;
}

.jroxProductAffLinks { /* show the affiliate link product code input */
	margin-top: 1em;
}

.jroxProductDirectProductLabel { /* link to this product label on products page */
	font-size:11px;
	margin: 3px 1em;
	text-transform:capitalize;
}

input.jroxProductDirectProductCode {

	font-size:11px;
}

#jroxProductDetailsTellFriend {
	text-align:center;
	margin:auto;
	text-transform:capitalize;
}

#jroxProductDetailsHeadingPrice {
	float:right;
}

.jroxProductDetailsViewCartCode {
	padding: 8px;
}


.jroxProductReviewBox { /* style the product review boxes */
	margin: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #5D5D5D;
}

.jroxProductReviewUser {
	font-size: 120%;
	font-weight:bold;
	text-transform:capitalize;
}

.jroxProductReviewRatings {
	float:right;
}

.jroxProductReviewComment {
	margin-top: 1em;
}

.jroxPostReviewBox {
	width: 460px;
	padding: 1em;
	background: #fefefe;
	margin: 1em;
	text-align:left;
}

.jroxPostReviewBox fieldset {
	border: 1px solid #FFFFFF;
	padding:1em;
}

.jroxRatingsBox {
	margin-top: 1em;
}

select.jroxRatingsDropDown {
	font-size: 80%;
}

.jroxPostReviewHeading {
	font-weight:bold;
	text-transform:capitalize;
}

.jroxPostReviewArea { /* the review text area box for submitting product reviews */
	width: 95%;
	height: 150px;
	margin: 1em 0;
	overflow: auto;
}

.jroxRatingsText {
	text-transform:capitalize;
}

.jroxLinkProductHeading, .jroxClickVideo, .jroxClickImage {
	font-size: 120%;
	margin: 1em 0;
	font-weight:bold;
	text-transform:capitalize;
}

/* 
|-----------------------------
| STYLE FOR FAQ ARTICLES
|-----------------------------
*/

.jroxFaqHeading {
	font-size: 120%;
	font-weight:bold;
	text-transform:capitalize;
	margin:1em 0;
	/*border-bottom: 2px solid #5D5D5D;*/
	padding-bottom: 5px;
}

.jroxFaqColumn {
	margin-top: 1em;
}

/*.jroxFaqBox {
       padding-left:20px;
}*/

.jroxFaqLinks {
	display:inline;
	margin:0;
	padding:0;
}

.jroxFaqTitleLink {
}

.jroxFaqTitle  {
	font-weight: bold;
	font-size: 110%;
	margin: 5px 5px 1em 5px;
	padding-bottom: 5px;
}

.jroxFaqBody {
	margin: 0 5px 1em 5px;
	line-height: 1.7em;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #5D5D5D;*/
	background-color:transparent;
	display:none;
}

a.jroxFaqPrint, a.jroxFaqShowText, a.jroxMembersImageLinks {
	float:right;
	display:block;
	margin-right: 5px;
	height:16px;
	width: 16px;
	font-size: 0;
	color:#333;
}

.jroxFaqPrint span, .jroxFaqShowText span, .jroxMembersImageLinks span {
	display:none;
}

a.jroxFaqPrint, a.jroxMembersPrint, a.jroxMembersPay {
	background:url(../images/print1.png);
}

a.jroxMembersView {
	background:url(../images/zoom2.png);
}

a.jroxMembersPay {
	background:url(../images/pay1.png);
}

a.jroxMembersPaid {
	background:url(../images/pay2.png);
}

a.jroxMembersEmail {
	background:url(../images/email1.png);
}

a.jroxMembersLogin {
	background:url(../images/lock1.png);
}

a.jroxMembersSetting {
	background:url(../images/settings1.png);
}

a.jroxFaqShowText, a.jroxMembersDownload {
	background:url(../images/arrow_down.png);
}

a.jroxFaqPrint:hover, a.jroxFaqShowText:hover, a.jroxFaqPrint:active, a.jroxFaqShowText:active,
a.jroxMembersImageLinks:hover, a.jroxMembersImageLinks:active  
 {
	color: transparent;
	text-decoration:none;
}

.jroxFaqShowText {
}

/* 
|-----------------------------
| STYLE FOR CONTENT ARTICLES
|-----------------------------
*/

.jroxContentBox {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.jroxContentTitle  {
	font-weight: bold;
	font-size: 200%;
	/*border-bottom:1px solid #ccc;*/
	margin: 5px 5px 1em 5px;
	padding: 4px;
	background-color:transparent;
color:#666;	opacity:0.70;
}

.jroxSideTitle:hover {	
	background-color:#CCC;
	color:#FF6600;
	opacity:1.00;
}

.publish_day {}
.publish_month { 

}
.publish_year { 

}

.jroxContentTitlePostedIn {
	font-size: 11px;
	font-weight:normal;
	padding-left: 8px;
}

#jroxStandardContentColumn {
	line-height: 1.8em;
	font-size: 14px;
}

#jroxHomePageTitle {
	font-weight: bold;
	font-size: 140%;
	margin: 10px 0px 3px 0px;
	padding: 10px 10xp 0 10px;
	padding-left:15px;
}

#jroxHomeContent {
	padding:30px;
}

.jroxContentBody, .jroxContentDetailsBody {
	margin: 0 5px 0;
	line-height: 1.8em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

.jroxContentBody_2,.jroxContentBody_4 {
       margin-left:20px;
}


.jroxContentBody ul li, .jroxContentDetailsBody ul li{
	list-style:inside square;
	margin-left: 1em;
        }

.jroxContentBody ol li, .jroxContentDetailsBody ol li {
	margin-left: 1em;
	list-style-position:inside;
}

.jroxContentReadMore {
	float:right;
	margin: 3em 1em 1em 1em;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	text-transform:capitalize;
}

.jroxContentReadMore a {
	text-decoration: underline;
}

.jroxContentDetailsBody {
	padding-bottom: 1em;
}

.jroxRelatedArticlesBoxTitle {
	margin-bottom: 5px;	
}

/* 
|------------------------------
| STYLE FOR CONTENT LIST
|------------------------------
*/

.jroxContentColumn {
	margin: 1em 0;
}

.jroxContentDate, .jroxContentDetailsDate, .jroxMembersContentDate {
	float:right;
	font-size: 12px;
	font-style:italic;
	margin-right: 1em;
	margin-top: 5px;
}

.jroxContentTotalCommentsLink {
	margin-right:1em;
}

.jroxPostCommentHeading {
	font-weight:bold;
	text-transform:capitalize;
	margin-bottom:8px;
}

.jroxPostCommentArea {
	width: 99%;
	height: 150px;
	margin: 1em 0;
	overflow: auto;
	border: 1px solid #ccc;
}

.jroxContentDetailsBox { /* the article div box */
	margin-bottom: 1em;
}

.jroxArticleCommentsHeading { /* the comments heading */
	font-weight:bold;
	text-transform: capitalize;
	margin-bottom:1em;
}

.jroxArticleCommentsRow {
	margin: 1em;	
}

.jroxArticleCommentsBox {	/* style the div box that holds each comment */
	border: 1px solid #ccc;
	padding: 1em;
	margin-bottom: 1em;
	background:#DFDFFF;
}

.jroxArticleCommentsUser { /* style the name of the user that posted the comment */
	font-weight:bold;
}

.jroxArticleCommentsDate { /* style the date of the comment */
	float:right;
	font-size: 9px;
}

.jroxArticleComments { /* style the comment text */
	margin: 8px 0;
	padding-top: 9px;
	border-top: 1px solid #ccc;
	font-size: 13px;
	line-height: 1.7em;
}

.jroxPostCommentForm {
	margin:0;
}

.jroxCaptchaImage {
	margin: 1em 1em 0 0 ;
	float: right;
}

.jroxCaptchaBox {
	border: 1px solid #efefef;
	padding: 5px;
	
}

.jroxCaptchaLangText {
	margin:5px;
	text-transform:capitalize;
}

.jroxCaptchaTextField input {
	width: 120px;
	height: 30px;
	font-size: 20px;
	border: 1px solid #ccc;
	letter-spacing: 5px;
}

#jroxCommentSubmitButton {
	
}

.jroxContentCommentID { /* the number for each comment */
	font-size:70%;
}

/* 
|------------------------------
| STYLE FOR PRODUCT LIST
|------------------------------
*/

.jroxProductSubCategories {
	display:none;
}

.jroxProductSubCategoryLinks {
	float:left;
	width: 40%;
	margin: 1em;
	text-transform:capitalize;
}

.jroxProductsBox { /* applies to the product div box */
	padding:5px;
	border:1px solid #ccc;
	margin: 5px 6px 5px 8px;
	background:transparent;
	/*bg-opacity: 0.80;*/
	padding-bottom:15px;
}

.jroxProductsBox:hover {
	/*background:url('../images/jroxColumnBg2.png') repeat-y center;
	opacity: 1.00;*/
	background: #f4f4f4;
}

.jroxProductsBoxGrid { /* used for grid style product listing box*/
	float:left;
	height: 274px;
	padding: 8px;
	width: 195px;
	margin: 10px 0 10px 10px;
	text-align:center;
	border:1px solid #ccc;
}

.jroxProductsBoxGrid:hover { /* the hover style for each product category box */
	background:#f4f4f4;
}

.jroxProductTitleGrid {
	background-image:url(..images/jroxMenuBg.png);background-repeat:repeat-y;	color:#fff;
	font-weight:bold;
	font-size:16px;
	height:55px;
	text-align: center;
}

.jroxProductTitleGrid:hover {
	
}


.jroxProductMoreInfoGrid,  .jroxButtonAddToCartGrid, .jroxButtonBuyNowGrid { /* buttons for grid style listing */
	margin: 5px;
}

.jroxProductsColumnGrid {

}

.jroxProductImageGrid img { /* style the image of the product fo grid listing */
	max-width:100px;
	max-height: 100px;
	padding:8px;
}

.jroxProductPricingBoxGrid {
	margin-top: 1em;
}

.jroxProductPricingOptions {
	margin-bottom: 3em;
}

.jroxProductBody  {
}

.jroxProductImage img { /* style the image of the product */
	max-width:100px;
	float:left;
	margin: 0 1em 5px 5px;
	border: 1px solid #ccc;
}

.jroxProductCategoryImage {
	max-width: 800px;
	max-height: 800px;
	margin:10px;
        float:center;
}

.jroxProductTitle { /* style the title of the product */
	color:#03a4f0;
	font-weight:bold;
	margin:1em 5px;
	font-size: 110%;
	padding-left:4px;
	border-bottom:1px solid #ccc;/*background:rgb(0,0,0);  background:rgba(0,0,0,0.75) none repeat-x scroll 0 0;  *background:rgb(0,0,0);*/	/*background-image: url(../images/jroxTitleBoxBg.png);
	background-repeat: repeat-x bottom;
	background-position:0 bottom;
	border-top:2px solid #ffffff;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #3388B1;*/
      /*background-image:url('../images/jroxMenuBg.png');
  	border-top:2px solid #ffffff;
    border-left:2px solid #DEE9F9;
    border-right:2px solid #3186AF;
    border-bottom: 2px solid #3388B1;
    -moz-border-radius-topleft: 10px;
  	-moz-border-radius-topright: 10px;
  	-webkit-border-top-left-radius: 12px;
  	-webkit-border-top-right-radius: 12px;
  	color:#03a4f0;
	font-size:14px Bold;
	text-transform:capitalize;*/
}

.jroxProductTitle:hover {
	/* background-position: 0 top;
	
		opacity:1.00;*/
}


.jroxProductPricingBox { /* houses the ratings, price and more info buttons */
	margin: 1em;
}

.jroxProductMoreInfo,  .jroxButtonAddToCart, .jroxButtonBuyNow  { /* style the product detail text and buttons */
	margin-left:5px;
}

.jroxProductPrice { /* shows the product price */
	text-align:right;
	margin-bottom: 1em;
	margin-right:1em;
	font-weight:900;
}

.jroxDiscountGroupAmount {
	font-size:10px;
	color:#333;
	text-transform:capitalize;
}

.jroxProductMoreInfo a, .jroxProductMoreInfoGrid a, .jroxButtonAddToCart a, .jroxButtonBuyNow a, .jroxButtonAddToCartGrid a, .jroxButtonBuyNowGrid a {
	/* background-image: url(../images/more_info.png); */
	background: url(../images/jroxButton.png) repeat-x;
	display: block;
	height:23px;
	width: 66px;
	padding-top: 4px;
	font-size: 10px;
	color: #fff;
	text-align:center;

}

.jroxProductMoreInfo a:hover, .jroxProductMoreInfoGrid a:hover {
	color:#fff;
	text-decoration: underline;
}
 


.jroxButtonAddToCart a:hover, .jroxButtonBuyNow a:hover, .jroxButtonAddToCartGrid a:hover, .jroxButtonBuyNowGrid a:hover {
	text-decoration:underline;
}

.jroxProductHeading {
	margin: 1em 0;
	text-transform:capitalize;
	font-weight:bold;
}

.jroxTotalProducts {
	font-size: 80%;
	margin: 5px;
	text-align:center;
}

.jroxSortProductsBy {
	margin:1em 0;
}

.jroxSortProductsBy select, .jroxViewProductsPerPage select { /* style the sort by dropdown menu */
	font-size:10px;
	text-transform:capitalize;
}

.jroxProductOverview { /* style the short description for each product in list menu */
	font-size:80%;
}


select.jroxSortDropdown {
	padding:2px 0;
}

/* 
|------------------------------
| STYLE THE PROFILE PAGE
|------------------------------
*/

.jroxProfileDetails {
	text-align:left;
	padding-left: 0em;
	bottom: 0;
}

.jroxProfileDetails li {
	list-style:none;
	margin: 1em 0 0 1em;
	text-transform:capitalize;
}

.jroxProfileImage {
	float:left;
	padding: 0 1em 1em 1em;	
}

.jroxProfileImage img {
	border: 1px solid #efefef;
	max-width: 150px;
}

.jroxProfileDescription {
	margin: 0;
}

a.jroxProfileRecommendDeleteLink {
	float:left;
	display:block;
	margin-right: 5px;
	margin-top: 2px;
	height:16px;
	width: 16px;
	font-size: 0px;
	color:transparent;
	background:url(../images/cross.png);
}

.jroxProfileIcons {
	
	height: 20px;
}

#jroxProfileUsername {
	margin-top: 1em;
}

a.jroxProfileEmailLink, a.jroxProfileWebsiteLink {
	float:left;
	display:block;
	margin-right: 8px;
	height:17px;
	width: 17px;
	font-size: 0px;
	color:transparent;
	text-decoration:none;
}

a.jroxProfileEmailLink:hover, a.jroxProfileWebsiteLink:hover {
	text-decoration:none;
}

a.jroxProfileWebsiteLink {
	background: transparent url(../images/website.png) no-repeat;
}

a.jroxProfileEmailLink {
	background:url(../images/email1.png) no-repeat;
}

/* 
|------------------------------
| STYLE THE CONTACT PAGE
|------------------------------
*/

#jroxContactFormHeading {
	font-size: 130%;
	/*border-bottom: 1px solid #5D5D5D;*/
	padding-bottom: 5px;
}

.jroxContactBox {
	margin: 1em 3em;
	
	padding: 1em 2em;
}

.jroxContactBox:hover {
	background-color:#fafafa;
}

.jroxContactAddressBox {
	margin: 2em 0;
	text-transform:capitalize;
	line-height: 1.6em;
	font-size: 14px;
}

.jroxContactBox li {
	list-style:none;
	text-transform:capitalize;
	margin: 5px 5px 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #5D5D5D;
}

.jroxContactFormRow {
	margin: 8px 0;
	display:block;
	
}

.jroxContactFormField {
	
}

.jroxContactFormInput, #jroxContactFormBodyTextArea {
	width: 50%;
	margin: 1em 0;
	overflow: auto;
	font-size: 110%;
	font-family:Arial, Helvetica, sans-serif;
}

.jroxContactFormField input{
	width: 50%;
}

textarea#jroxContactFormBodyTextArea {
	height: 250px;
	width: 75%;
}

/* 
|------------------------------
| STYLE THE RSS PAGE
|------------------------------
*/

#jroxRssHeading {
	font-size: 110%;
	font-weight: bold;
	text-transform: capitalize;
	margin: 1em 0;
}

#jroxRssHeading img {
	vertical-align:middle;
	padding-right: 7px;
}

.jroxRssFeedLinks {
	padding: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #5D5D5D;
	text-transform: capitalize;
}

.jroxRssFeedGetFeed {
	float:right;
	font-size: 80%;
}

/* 
|------------------------------
| STYLE THE CHECKOUT AREA
|------------------------------
*/

.jroxCheckoutContent {
	margin: 5px 0px 5px 18px; /* this is the content for the middle of the page*/
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 660px;
	float:left;
}

#jroxPaymentThankYou p {
	margin: 1em;
	font-size: 16px;
}

.jroxCheckoutLoginBox, .jroxCheckoutPaymentBox, .jroxMembersAccountDetailsBox {
	border:1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
	text-transform:capitalize;
}

.jroxCheckoutLoginBox {
	display: none;
	
	margin: 1em 0;
}

.jroxCheckoutPaymentBox {
	
	margin: 1em 0;
}

#jroxCheckoutBillingBox {
	
}

.jroxCheckoutPaymentButton {
	margin: 1em 2em;
	text-align:right;
}

.jroxCheckoutPaymentButton button {

	font-size: 150%;

	margin: 5px auto;
}

.jroxCheckoutSubHeading {
	margin: 1em;
	text-transform:capitalize;
}

.jroxCheckoutTitle, .jroxMembersAccountDetailsTitle, .jroxMembersTable thead, .jroxMembersTable tfoot, .jroxShoppingCartTable thead {
	background:	transparent url('../images/jroxMenuBg.png') repeat-x bottom;
	color: #333;
	font-weight: bold;
	padding:5px;
	font-size:14px;
	text-transform:capitalize;
}

.jroxCheckoutTitle h2, .jroxMembersAccountDetailsTitle h2, .jroxMembersTable thead h2, .jroxMembersTable tfoot h2, .jroxShoppingCartTable thead h2 {
        color:#03a4f0;
}

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

.jroxCheckoutLoginText label {
	display:block;
	margin: 5px 0;
}

.jroxCheckoutLoginText input {
	width: 200px;
	margin-bottom: 5px;
}

input.jroxCheckoutInputFields, select.jroxCheckoutInputFields, textarea.jroxCheckoutInputFields {
	padding: 2px;
	margin-bottom: 5px;
	
}

.jroxCheckoutCartItemsName {
	width: 150px;
	float:left;
}

.jroxCheckoutCartItemsPrice, .jroxMembersSideBoxValue {
	float: right;
}	

.jroxCheckoutPaymentItemsName {
	float:left;
	font-size: 14px;
        color:#666666;
}

.jroxPaymentInstructions {
	margin: 1em auto;
	text-align:center;
}

.jroxPaymentInstructions textarea {
	width: 94%;
	height: 100px;
	overflow:auto;
}

textarea.jroxInvoiceNotes {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #ccc;
	
}

.jroxCheckoutPaymentItemsName h3 {
	font-size: 15px;
	margin: 3px 0;
        color:#666666;
}

.jroxCheckoutPaymentItemsName p.attributes {
	padding-left: 1em;
        color:#666666;
}

.jroxCheckoutPaymentItemsPrice {
	float: right;
	font-size: 14px;
	font-weight:bold;
        color:#666666;
}	

#jroxCheckoutLoginButton {
	margin: 1.8em 0 0 5px;
	float:left;
}

a.jroxEditCheckoutInfo {
	float:left;
	display:block;
	margin-right: 5px;
	margin-top: 2px;
	height:16px;
	width: 16px;
	font-size: 0px;
	color:transparent;
	background:url(../images/edit.png);
}

.jroxCheckoutLoginTitle {
	padding: 5px;
	margin: 0 8px;
	text-transform:capitalize;
}

.jroxCheckoutPaymentCode {
	margin: 1em;
}

.jroxCheckoutPaymentCode label {
	margin: 8px 1em 0 1em;
}

.jroxCheckoutPaymentFields, .jroxMemberAccountDetailsFields {
	margin: 8px 1em;
	border-bottom: 1px solid #5D5D5D;
}

.jroxCheckoutPaymentFields label.error {
	margin: 0 0 5px 22.3em;
}

.jroxCheckoutPaymentCode input {
	width: 265px;
}

.jroxCheckoutShippingCode li input {
	background:transparent;
	
}

.jroxCheckoutShippingCode li {
	margin: 1em 1em 1em 2em;
	list-style:none;
}

.jroxCheckoutPaymentCode select, .jroxCheckoutPaymentCode input {
	font-size: 12px;
}

select.jroxCheckoutInputFields {
	width: 273px;
}

.jroxCheckoutPaymentFieldName {
	width: 250px;
	float:left;
}

.jroxCheckoutPaymentFieldInput {
	
}

.jroxCheckoutCartItems, .jroxMembersSideBox {
	text-align:left;
	font-size: 11px;
	margin-left: 5px;
}

.jroxCheckoutCartItems li, .jroxMembersSideBox li {
	list-style:none;
	margin: 5px 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

li.jroxCheckoutCartSubTotal {
	border-bottom: 0;
}

li.jroxCheckoutPaymentTotal {
	border-bottom: 0;
}

li#jroxCheckoutPaymentSubTotal {
	margin-top: 4em;
}

li#jroxCheckoutCartGrandtotal {
	color: #FF9933;
}

#jroxCheckoutCartContent {
	margin-top: 1.6em;
}

.jroxCheckoutSteps {
	text-align:right;
	margin-top:-10px;
	padding: 1em;
	font-weight:bold;
	font-size: 20px;
	background-color: transparent;
}

#jroxCheckoutShippingBox {
	display:none;
}

#jroxOrderCaptchaImage {
	margin: 1em 1em 0 0 ;
	float: right;
}

#jroxOrderCaptchaBox {
	border:1px solid #ccc;
	padding: 5px;
	margin: 1em 0;
	
}

#jroxOrderCaptchaLangText {
	margin:5px 5px 5px 1em;
	text-transform:capitalize;
}

#jroxOrderCaptchaTextField input {
	width: 120px;
	height: 30px;
	font-size: 20px;
	letter-spacing: 5px;
	margin-left: 1em;
}

.jroxPaymentContent {
	margin: 5px 18px; 
	min-height: 30em;
}

#jroxPaymentStep {
	float:right;
	padding-top: 0.8em;
	padding-right: 0;
}

.jroxPaymentInformation {
	float:left;
	width: 405px;
	padding: 0;
        color:#666666;
}


.jroxPaymentInformation h2 {
	font-weight:bold;
        color:#666666;
}

.jroxPaymentInformation p {
	margin: 3px;
        color:#666666;
}

#jroxPaymentOptionsCode {
	margin: 1em;
        color:#666666;
}

#jroxPaymentOptionsCode h2 {
	margin: 1em 0;
        color:#666666;
}

.jroxPaymentOptionsForm { /* shows the images or forms for the payment options in the checkout payment page */
	float: right;
	margin: 0 1em;
	width: 50%;
}

.jroxGatewayOption { /* hide all the gateway form or image options until they are clicked to show */
	display:none;
}

#jroxPaymentBillingInformation {
	margin: 1em 5px 1em 1em;
        color:#666666;
}

#jroxPaymentShippingInformation {
	margin: 1em 1em 1em 5px;
        color:#666666;
}

#jroxGatewayFormBox p {
	margin: 1em;
}

/* 
|------------------------------
| STYLE THE REGISTRATION AREA
|------------------------------
*/

.jroxRegistrationContent{
	margin: 0px 0px 5px 18px; /* this is the content for the middle of the page*/
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}

.jroxRegistrationBox {
	width: 660px;
	margin:auto;
}

/* 
|------------------------------
| STYLE THE CART AREA
|------------------------------
*/

.jroxRemoveCartItem {
	display:block;
	margin: 5px auto;
	height:24px;
	width: 24px;
	font-size: 0px;
	color:transparent;
	background:url(../images/trash1.png);
}

.jroxCartSmallText {
	margin: 8px;
	font-size: 10px;
	text-transform:capitalize;
}

#jroxCountries, #jroxRegions, #jroxPostalCode, #jroxShippingOptions {
	padding-top: 10px;
}

#jroxEstimateShippingButtonLink {
	margin: 5px;
}

#jroxCouponBoxCode {
	margin: 1em 5px 8px 2px;
}

.jroxCartCoupon {
	padding-left: 5px;
}

.jroxCartCoupon input, #jroxPostalCode input {
	width: 140px;
	
}

#jroxCouponCodeButton {
	margin-right: 5px;
	margin-left: 5px;
}


#jroxCartHeading {
	margin-bottom: 1em;
}
.jroxCartImage, .jroxCartNoImage {
	margin: 5px;
	text-align:center;
}

.jroxCartImage {
	overflow:hidden;
	height: 50px;
	width: 50px;
}

.jroxCartNoImage {
	max-width: 50px;
	max-height: 50px;
}

.jroxCartImages {
	max-width: 100px;
	max-height: 100px;
}

.jroxCartContent, .jroxGeneralContent {
	margin: 0px 0px 5px 18px; 
	min-height: 30em;
}

.jroxCartOptions {
	font-size: 11px;
} 
.jroxShoppingCartTable, .jroxMembersTable {
	width: 98%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.jroxShoppingCartTable thead {
	text-transform:capitalize;
	
}

.jroxShoppingCartTable th, .jroxMembersTable th {
	padding:8px 4px;

	border-bottom: 1px solid #ccc;
}

.jroxShoppingCartTable td, .jroxMembersTable td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

td.jroxEndTable, th.jroxEndTable {
	border-right: 0;
}

.jroxCartQty {
	width: 35px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #ccc;
}

table.jroxShoppingCartTable tr.jroxRowStyle2 td, table.jroxMembersTable tr.jroxRowStyle2 td {
	background-color: #efefef;
}

table.jroxShoppingCartTable tr.jroxRowStyle1 td, table.jroxMembersTable tr.jroxRowStyle1 td {
	background-color: #fff;
}

#jroxCartNoItems {
	font-size: 120%;
	margin: 1em auto;
	width: 85%;
	padding: 2em;
	border: 1px solid #ccc;
}

.jroxButton {
	overflow-x: visible;
	overflow-y: visible;
	width: auto;
	padding: 3px 8px 5px;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #101010;
	border: 1px solid #ccc;
	font-size: 12px;
}

.jroxButton:hover {
	
}

.jroxCartMsg {
	width: 90%;
	margin: 1em 0;
}

#jroxRecommendedProductsBox, #jroxNoRecommendedBox {
	float:left;
	margin: 1em 1em 1em 0;
	width: 280px;
}


#jroxCouponBox, #jroxEstimateShippingBox {
	
	margin: 1em 1em 1em 0;
	width: 290px;
}

#jroxCartTotalBox {

	margin: 1em 1.3em 1em 0;
	width: 318px;
	background:transparent;
}

#jroxCartShowShippingOptionsBox {
	margin: 1em 2px 1em 0;
	width: 318px;
	background: transparent;
}

.jroxRecommendedProductsCode {
	margin: 1.5em  1em;
	text-align:center;
}

.jroxRecommendedProductsImage {
	overflow:hidden;
	height: 100px;
	width: 100px;
	margin: auto;
	padding: 5px 5px 5px 1em;
	float:left;
}

.jroxRecommendedProductsDetails {
	margin: 1em;
	text-align:center;
	float: right;
}

.jroxRecommendedProductsBuyNow {
	text-align:center;
	margin: 8px auto;
}

.jroxRecommendedProductsRatings {
	margin-bottom: 8px;
}

.jroxRecommendedProductsName {
	font-size: 85%;
	font-weight:bold;
}

.jroxRecommendedProductsPrice {
	font-size: 11px;
}

.jroxRecommendedProductsBuyNow, .jroxRecommendedProductsAddToCart  {
	margin: 8px auto;
	text-align:center;
}

.jroxRecommendedProductsAddToCart a, .jroxRecommendedProductsBuyNow a { /* buy now and add to cart buttons */	
	background-color: #003399;
	display: block;
	height:18px;
	font-size:11px;
	color: white;
	border: 3px outset #003366;
	padding: 3px 15px 0;
	width: 66px;
	text-align:center;
	margin:auto;
}

.jroxRecommendedProductsAddToCart a:hover, .jroxRecommendedProductsBuyNow a:hover {
	background-color: #6699CC;
	color:#000000;
	text-decoration:none;
}

#jroxSubTotalText span, #jroxGrandTotalText span, #jroxDiscountText span {
	margin-left: 5em;
}

#jroxGroupDiscountText span, #jroxCouponDiscountText span {
	font-size: 9px;
}

#jroxGrandTotalText {
	font-weight: bold;
}

#jroxGrandTotalText td {
	border-top: 1px solid #5D5D5D;
}

#jroxCartTotalBoxCode {
	text-align:right;
	padding: 1em;
	text-transform:capitalize;
}

#jroxCheckoutButton {
	margin: auto;
	text-align:center;
	padding: 0 1em 1em 1em;
	cursor: pointer;
	height: 40px;
	width: 200px;
}


#jroxShippingOptions {
	margin: 1em 5px 0 5px;
}

#jroxUpdateTotalsLink {
	margin-top: 1em;
}

#jroxCartShowShippingOptionsBoxCode {
	margin: 1em 0;
}

#jroxEstimateShipping {
	width: 98%;
}

/* 
|------------------------------
| STYLE THE LOGIN AREA
|------------------------------
*/

#jroxLoginContent {
	margin: 5px 5px 5px 18px; /* this is the content for the middle of the page*/
	padding-bottom: 3em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.jroxLoginBox {
	float:left;
	margin: 1em;
	width: 45%;
	border: 1px solid #ccc;
}

#jroxMemberCreateAccountBox {
	margin-left: 1.3em;
}

#jroxMemberResetPassBox {
	margin: 1em auto;
	width: 45%;
	border: 1px solid #ccc;
}

#jroxMemberLoginHeading, #jroxMemberResetPassHeading, #jroxMemberCreateAccountHeading {
	margin: 0 5px 1em;
	padding: 8px;
	font-size: 100%;
	border-bottom: 1px solid #ccc;background: rgb(0,0,0);background: rgba(0,0,0,0.75) none repeat scroll 0 0;*background: rgb(0,0,0);border-color: transparent;color: #fff;	
}

.jroxLoginForm {
	bottom: 0;
	height: 13em;
}

/* 
|------------------------------
| STYLE THE MEMBERS AREA
|------------------------------
*/

#jroxMemberResetPassEmail {
	padding-top: 1.2em;
}

.jroxMembersPaymentButtonLink {
	padding: 1em;
}

.jroxMembersPaymentButtonLink button {
	float: right;
	text-transform:capitalize;
}

.jroxMemberResetPasswordLink {
	font-size:11px;
	float:right;
	margin-top: 3px;
}

.jroxMembersCommissionDetailsPane {
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	overflow: auto;
	height: 120px;
}

input.jroxMembersToolsCodeTitle {
	width: 800px;
	background:#FFFFFF;
	color: #000000;
	margin: 5px 0;
}

textarea.jroxMembersToolsCodePane {
	width:886px;
	margin: auto;
	height: 100px;
	overflow: scroll;
	margin: 5px 0;
}

.jroxMembersCommissionDetailsPane span {
	text-transform:capitalize;
}

.jroxMemberLoginRow {
	margin: 1em 2em 0 1em;
	text-transform: capitalize;
}

.jroxMemberLoginRow label {
	display:block;
	margin-bottom: 8px;
}

.jroxMembersTable {
}

table.jroxMembersTable tr.over td {
	background-color: #D6D6D6;
}

.jroxMembersPayInvoiceBox {

}

.jroxMembersContentArticlesColumn {
	margin: 1em 1em 1em 0;
}

#jroxMembersInvoicesViewUnpaidButton, #jroxMembersCommissionsViewUnpaidButton,
#jroxMembersSupportViewUnpaidButton {
	margin-left: 1em;
}

.jroxMembersSupportFileUpload {
	color:  #000000;
}

.jroxMemberLoginRow input {
	width: 80%;
	margin-bottom: 5px;
}

#jroxMembersInvoicesTable, #jroxMembersCommissionsTable, #jroxMembersPaymentsTable,
#jroxMembersCouponsTable, #jroxMembersDownloadsTable, #jroxMembersMembershipsTable,
#jroxMembersTrafficTable, #jroxMembersSupportTable, #jroxMembersReportsTable, #jroxMembersToolsTable {
	margin: 1em 0;
}

#jroxMemberLoginButton, #jroxMemberResetButton, #jroxMemberCreateAccountButton {
	margin: 2em 0 0 0;
	text-align: right;
	padding:1em ;
	background:#ccc;
	bottom: 0;
}

.jroxMembersSideBoxTitle {
	width: 180px;
	float:left;
}

#jroxMemberCreateAccountBox {
	margin-left: 1.3em;
}

button.jroxMembersInvoicePaymentLink {
	height: 50px;
	width: 150px;
	display:block;
	margin: 1em;
	padding: 5px;
	text-transform:capitalize;
}

.jroxMembersGatewayLink {
	margin: 1em;
}

#jroxMemberResetPassBox {
	margin: 1em auto;
	width: 45%;
	border: 1px solid #ccc;
}

#jroxMemberLoginHeading, #jroxMemberResetPassHeading, #jroxMemberCreateAccountHeading {
	margin: 0 5px 1em;
	padding: 8px;
	font-size: 100%;
	border-bottom: 1px solid #ccc;
}

.jroxMembersHeading {
	font-size: 110%;
	margin:  0;
	text-transform:capitalize;
	font-weight:bold;
	margin-top: 1em;
        
}

#jroxMembersReportsHeading {
	margin-right: 18px;
}

.jroxMembersStatsGraph {
	margin: 2em 1em 1em 0;
}

#jroxMembersAddTicketLink, #jroxMembersSupportPriority {
	margin-right: 2em;
}

.jroxMembersSupportTicketOptions {
	margin: 1em 0 1em 0;
}

#jroxMembersSupportCategories {
	margin: 1em 2em 0 0;
	float:right;
}

.jroxBorderBottom {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

#jroxMembersSupportSubject, #jroxMembersDownlineSubject {
	margin: 1em 0;
}
#jroxMembersSupportPriority select, #jroxMembersSupportCategories select {
	margin-left: 14px;
}

#jroxMembersSupportPriority {
	float: right;
	margin: 1em 2em 0 0;
}

#jroxMembersSupportSubject input, #jroxMembersDownlineSubject input {
	width: 780px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	color: #000;
	margin-left: 10px;
}

textarea.jroxMembersSupportResponse, textarea.jroxMembersDownlineEmailBody {
	width: 98%;
	height: 300px;
	overflow: auto;
	padding: 5px;
	margin: auto;
}

#jroxMembersSupportBody, #jroxMembersDownlineBody {
	margin: 1em;
}

.jroxMembersContainer {
	min-height: 500px;
}

.jroxMembersContent, .jroxMembersAccountContent, .jroxMembersInvoicesContent, .jroxMembersCommissionsContent,
.jroxMembersPaymentsContent, .jroxMembersContentArticles, .jroxMembersCouponsContent, .jroxMembersDownloadsContent,
.jroxMembersMembershipsContent, .jroxMembersTrafficContent, .jroxMembersSupportContent, .jroxMembersReportsContent,
.jroxMembersReportsContent, .jroxMembersToolsContent, .jroxMembersDownlineContent {
	margin: 0px 0px 0px 18px;
        color:#666666;
}

.jroxMembersSupportBox, .jroxMembersDownlineBox {
	margin:  1em 18px 1em 0;
	padding: 1em;
	border:1px solid #ccc;
	background: #efefef;
}

.jroxMembersSupportAdminBox , .jroxMembersSupportUserBox {
	border: 1px solid #ccc;
	margin:  1em 18px 1em 0;
	padding: 1em;
}

.jroxMembersSupportAdminBox {
	background: #efefef;
}

.jroxMembersSupportUserBox {
	background: #efefef;
}

.jroxMembersSupportUserResponse {
	padding-bottom: 5px;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	text-transform: capitalize;
}

.jroxMembersSupportTicketBody {
}

.jroxMembersSupportFileAttachments {
	margin: 1em 0;
	padding-top: 5px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	text-align: right;
	color: #FF9933;
}

.jroxMembersSupportFileAttachments a {
	color: #FF9933;
}

.jroxMembersDashboardContent{ /* the main content of members dashboard*/
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 660px;
	float:left;
}

.jroxMembersToolsBox {
	float: left;
	margin: 1em 0 1em 2.8em;
	padding: 1em 2.4em;
	background:#fff;
	border: 1px solid #ccc;
	cursor:pointer;
	text-align:center;
	text-transform:capitalize;
}

.jroxMembersToolsBox:hover {	
	background: #efefef;
	color: #333;
}

.jroxMembersAccountBox  {
	margin-top: 1em; /* this is the content for the middle of the page*/
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 650px;
	float:left;
}

.jroxMembersDashboardSideColumn { /* the side column of the members dashboard page */
	float: right;
	width: 260px; 
	margin: 2px 10px 1em 0;
	padding: 0px 0 15px 0px; 
}

#jroxMembersAccountColumn {
	margin-top: 14px;
}

.jroxMembersDashboardSideBox {
	border:1px solid #ccc;
	margin-bottom: 1em;
	text-transform:capitalize;
}

#jroxMembersLoginStats {
	text-align:right;
	text-transform:capitalize;
	margin-right: 2em;

	color:#666;
}

.jroxMembersSideBox { /* this is the style for the box that holds the box title and box code */
	margin-bottom: 1em;
}

.jroxMembersSideButton {
	float: right;
	padding: 5px;
}

.jroxMembersSideButton button {
	font-size: 10px;
	padding: 3px 4px 1px;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #5D5D5D;
	border: 0;
}

#jroxMembersAffiliateLinks p {
	margin: 5px;
}

.jroxMembersDashboardArticles {
	margin: 1em 1em 1em 0;
}

.jroxMembersDashboardLinks {
	margin: 1em 1em 3em 0;
	padding: 5px 5px 5px 1em;
	border:1px solid #ccc;
}

#jroxMembersAffiliateLinks {
	font-size: 11px;
	margin-right: 1.2em;
	margin-top: 1.3em;
}
.jroxMembersDashboardIcons {
	float:left;
	cursor:pointer;
	margin: 19px 20px;
	padding: 5px;
	height: 110px;
	width: 104px;
	border:1px solid #ccc;
	font-size: 11px;
	background:#fff;
	text-transform:capitalize;
	text-align:center;
}

.jroxMembersDashboardIcons:hover {
	background:#efefef;
	color:#000000;
}

.jroxMembersDashboardIconsImage { 
	height: 64px;
	width: 64px;
	margin: 1em auto 5px auto;
}

#jroxMembersPhotoCode {
	padding: 1em;
}

.jroxMembersPhotoImage {
	margin: 1em auto;
	text-align: center;
	
}

.jroxMembersPhotoImage img {
	max-width: 220px;
}

input.jroxMembersPhotoUpload {
	width: 200px;
	font-size: 11px;
	position: relative;
	text-align: right;
	color:#999999;
}


#jroxMembersDashboardAccountDetails {
	background:url(../images/account1.png) no-repeat;
}

#jroxMembersDashboardInvoices {
	background:url(../images/invoice1.png) no-repeat;
}

#jroxMembersDashboardTools {
	background:url(../images/tools1.png) no-repeat;
}

#jroxMembersDashboardReports {
	background:url(../images/reports1.png) no-repeat;
}

#jroxMembersDashboardSupport {
	background:url(../images/support1.png) no-repeat;
}

#jroxMembersDashboardCommissions {
	background:url(../images/commissions1.png) no-repeat;
}

#jroxMembersDashboardContentArticles {
	background:url(../images/content1.png) no-repeat;
}

#jroxMembersDashboardDownloads {
	background:url(../images/downloads1.png) no-repeat;
}

#jroxMembersDashboardDownline {
	background:url(../images/downline1.png) no-repeat;
}

#jroxMembersDashboardMemberships {
	background:url(../images/membership1.png) no-repeat;
}

#jroxMembersDashboardCoupons {
	background:url(../images/coupon1.png) no-repeat;
}

#jroxMembersDashboardTraffic {
	background:url(../images/traffic1.png) no-repeat;
}

/* 
|------------------------------
| SPECIFIC STYLES
|------------------------------
*/


.floatRight {
	float:right;
}

input.error, textarea.error { 
	border: 1px solid red; 
}

label.error {
	color: #FF0000;
	display:block;
	font-size: 11px;
	padding-left:1.6em;
	padding-top: 3px;
	background:url(../images/red_arrow_up.png) left no-repeat;
	text-align:left;
	
}

.jroxVerifyField {
	margin-bottom: 1em;
}

#ajaxContent {
	padding: 0 1em 0 0;
}
.jroxHeaderCarouselImages { 
	margin-left: 240px;
	margin-top:28px;
}