0byt3m1n1

Path: /data/17/1/18/11/1670011/user/1801231/htdocs/marketting/themes/main/tabbed_grey/css/ [ Home ]
File: style.css
/* -----------------------------------------------------------------------

   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 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;
}
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;
}

.jroxSubHeading {
	font-size: 12px;
	margin: 1em 0 5px;
	text-transform:capitalize;
	font-weight:bold;
}

.jroxSiteName {
	z-index: 0;
	position: absolute;
	top: 3.5em;
	left:1em;
	color: #FFFFFF;
	font-size:36px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.jroxSiteTagLine {
	position: absolute;
	top: 11em;
	left:3em;
	font-size:16px;
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.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: #2F2937 url('../images/jroxMainBg.png')  no-repeat center top;
}

.jroxTopBox {	/* this applies to the top links div that houses the languages and view cart divs */
	background: #2E2836;
	width: 950px;
	padding: 5px 1em;
	height:14px;
	color: #FFFFFF;
	margin: 0 auto;
	font-size:10px;
	text-transform:capitalize;
}

.jroxTopBox a {
	color:#FFFFFF;
}

.jroxShadowTop { /* this is the area on top of the container div */
	width: 950px;

	margin: 0 auto;
}

.jroxShadowBottom { /* this applies to the area outside of the bottom of the container */

}

.jroxContainer {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 950px;  /* 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 */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #F2EAD7;
}

.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:450px;
}

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

.height-150 {
	height: 150px;
}

.jroxGeneralMessageBox {
	margin: 2em 4em;
	padding: 2em;
	text-transform:capitalize;
	border:1px solid #666;
}
/* 
|----------------------------------------------
| 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;
	
}

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

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

.jroxHomeLink {}

.jroxHeaderBox { /* applies to the search div on the header only */
	height: 215px;
	margin-top: -5px;
	background: #2E2836 url('../images/jroxTopHeader.png') no-repeat top left;
}

.jroxSearchBlock {
	position: relative;
	left: 20px;
	bottom: 10px;
}

.jroxSearchForm { /* styles the position of the search form on the top header only */
	float: right;
	top: 0.5em;
	left: 53em;
	margin-top: 2em;
	margin-right: 2em;
}

.jroxSearchForm input {


}

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

input.jroxSearchButton {
}

.jroxShoppingCartItems {
	display: none;
}

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

.jroxLogoBox {
	position: relative; 
	height: 70px;
	color: #FFFFFF;
	text-align: left;
}

.jroxLogo { /* applies to the logo image for the header */
	height: 50px;
	width: 686px;
	position: absolute;
	left: 3px;	
	top: 20px;
}

.jroxLogo h1 {
	font: 28px Georgia, "Times New Roman", Times, 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;
	background: #2E2836;
}

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

.jroxTopMenu { /* style the top menu */
	background:	#2F2937;

}

#nav-one-nav-one-1 a {
	/*color:#05FAFA;*/
}

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

.jroxContent { /* style the entire content area div, including left and right columns */
	
	margin: 0;
}

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

#jroxMainContent {
	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 */
}

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

.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: 200px; 
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}

.jroxRightColumn {

	float: right; /* since this element is floated, a width must be given */
	width: 220px; 
	padding: 15px 10px 15px 5px; /* padding keeps the content of the div away from the edges */
}

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

.jroxLeftBox, .jroxRightBox {
	font-size: 12px;
	margin: 1em 0; /* center for now */
	font-size: 100%;
	width: 200px;
}

.jroxLeftBoxTitle, .jroxRightBoxTitle {
	background: url('../images/sbhead-r.png') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;	
}

.jroxLeftBoxTitle h2, .jroxRightBoxTitle h2 {
	background: url('../images/sbhead-l.png') no-repeat top left;
	margin: 0;
	padding: 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}


.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: #E1DAC8;
}

.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;
	height: 60px;
	font-size:11px;
	color: #FFFFFF;
	background: #000;
	border-top: 1px solid #CCCCCC;
	
}

.jroxFooter a {
	color: #fff;
}
.jroxFooter li { /* style the list elements in the footer menu */
	float:right;
	list-style:none;
	padding:1em;
}

.jroxFooterMenu { /* style the background of the footer menu */
}

/* 
|--------------------------
| STYLE HREF LINKS HERE 
|--------------------------
*/

a:focus, a:hover { /* this style applies when you hover over a link */ 
	text-decoration:underline;
}

a { /* this is for all non-custom styled links */
	color: #5D5D5D;
	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 #666;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.jroxSideTitle {
	font-weight: bold;
	color: #333;
	padding:5px;
	font-size:14px;
	text-transform:capitalize;
}

#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;
}


/* 
|--------------------------
| 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: 250px;
	
}
.generalInput {
	width: 180px;
}

.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: 5px auto;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #5D5D5D;
}

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

.jroxSubmitButton {

	font-size:130%;

}

.jroxCloseButton {

	font-size:130%;

}

#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 {

}

.jroxRightMenu li { /* this applies to the list for the right menu links */
	list-style:none;
	padding: 5px;
	color:#333;
	border-bottom: 1px solid #e6e6e6;
}


#jroxTopRightLayoutMenu {
	position:absolute;
	top: 6.5em;
	left: 60em;
	background: transparent;
	border: 0px;
	width: 200px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
	
}

#jroxTopRightLayoutMenu li {
	border-bottom: 1px dotted #fff;
}

#jroxTopRightLayoutMenu a {
	color: #FFFFFF;
}

/* 
|-----------------------------
| 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.5em;
	padding: 1.5em;
	width: 150px;
	height: 80px;
	border:1px solid #666;
}

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

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

.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.5em;
	padding: 1.5em;
	width: 150px;
	height: 180px;
	border:1px solid #666;
}

.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: 65%;
	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: 70%;
}

.jroxShowInventory_1 { /* product is out of stock */
	font-size: 75%;
	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;
}

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

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

.jroxProductDetailsAttributesBox {
	border: 1px solid #666;
	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 dotted #666;
}
.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 #666;
}

.jroxTabs {
	margin-bottom: 1em;
}

#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;
}

.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 {
	overflow:hidden;
	height: 100px;
	width: 100px;
	text-align:center;
	margin: auto;
	padding: 5px;
}

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

.jroxSimilarProductsRatings {
	margin-bottom: 8px;
}

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

.jroxSimilarProductsPrice {
	font-size: 75%;
}

.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: #5D5D5D;
	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 {
	color: #666;
	font-size: 90%;
}

.jroxProductVideosEmbedText {
	float:right;
	font-size: 75%;
	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: 70%;
	margin: 3px 1em;
	text-transform:capitalize;
}

input.jroxProductDirectProductCode {

	font-size: 70%;
}

#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 dashed #5D5D5D;
}

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

.jroxProductReviewRatings {
	float:right;
}

.jroxProductReviewComment {
	margin-top: 1em;
}

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

.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;
}

.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;
	line-height: 1.3em;
	padding-bottom: 5px;
	border-bottom: 1px dashed #5D5D5D;
	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 {
	border:1px dotted #666;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

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

.jroxContentBody, .jroxContentDetailsBody {
	margin: 0 5px 0;
	line-height: 1.3em;
}

.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: 1em;
	font-size:10px;
	color: #FFFFFF;
	text-transform:capitalize;
}

.jroxContentDetailsBody {
	padding-bottom: 1em;
}

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

.jroxContentColumn {
	margin: 1em 0;
}

.jroxContentDate, .jroxContentDetailsDate, .jroxMembersContentDate {
	float:right;
	font-size: 10px;
	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;
}

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

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

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

.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: 60%;
}

.jroxArticleComments { /* style the comment text */
	margin: 8px 0;
	padding-top: 9px;
	border-top: 1px solid #5D5D5D;
}

.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;
	
	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 #999;
	margin: 5px 8px 5px 0;
}

.jroxProductsBoxGrid { /* used for grid style product listing box*/
	float:left;
	height: 250px;
	padding: 8px;
	width: 200px;
	background: #e1dac8;
	margin: 0 2px 2px 0;
	text-align:center;
	border:1px solid #666;
}

.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 #666;
}

.jroxProductCategoryImage {
	max-width: 450px;
	margin:5px;
}

.jroxProductTitle { /* style the title of the product */
	font-weight:bold;
	margin:1em 5px;
	font-size: 110%;
	padding-bottom:5px;
	border-bottom:1px solid #666;
}

.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) no-repeat;
	display: block;
	height:23px;
	width: 66px;
	padding-top: 4px;
	font-size: 10px;
	color: #5D5D5D;
	text-align:center;
}

.jroxProductMoreInfo a:hover, .jroxProductMoreInfoGrid a:hover {
	color:#5D5D5D;
	text-decoration:none;
}
 


.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 dotted #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;
}

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

.jroxContactBox li {
	list-style:none;
	text-transform:capitalize;
	margin: 5px 5px 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #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-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #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 #666;
	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 tfoot, .jroxShoppingCartTable thead {
	background:		#f4f4f4 url('../images/jroxMenuBg.png') repeat-x bottom;
	color: #333;
	font-weight: bold;
	padding:5px;
	font-size:14px;
	text-transform:capitalize;
}

.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;
}

.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;
}

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

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

#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 dotted #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 dotted #5D5D5D;
}

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;
	
	padding: 1em;
	font-weight:bold;
	font-size: 20px;
	background-color: #e1dac8;
}

#jroxCheckoutShippingBox {
	display:none;
}

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

#jroxOrderCaptchaBox {
	border:1px solid #666;
	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;
}


.jroxPaymentInformation h2 {
	font-weight:bold;
}

.jroxPaymentInformation p {
	margin: 3px;
}

#jroxPaymentOptionsCode {
	margin: 1em;
}

#jroxPaymentOptionsCode h2 {
	margin: 1em 0;
}

.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;
}

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

#jroxGatewayFormBox p {
	margin: 1em;
}

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

.jroxRegistrationContent{
	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 */
	
}

.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: 75%;
} 
.jroxShoppingCartTable, .jroxMembersTable {
	width: 98%;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.jroxShoppingCartTable thead {
	text-transform:capitalize;
	
}

.jroxShoppingCartTable th, .jroxMembersTable th {
	padding:8px 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

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

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: #e1dac8;
}

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

#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: 1px 8px;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #5D5D5D;
	border: 1px solid #666;
	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: 280px;
}

#jroxCartTotalBox {

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

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

.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: 75%;
}

.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: 70%;
	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 dotted #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 #666;
}

#jroxMemberCreateAccountBox {
	margin-left: 1.3em;
}

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

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

.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: 70%;
	float:right;
	margin-top: 3px;
}

.jroxMembersCommissionDetailsPane {
	margin: 5px;
	padding: 5px;
	border: 1px solid #666;
	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:#666;
	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 #666;
}

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

.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 dotted #666;
	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;
}

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

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

.jroxMembersSupportAdminBox {
	background: #F8F2E7;
}

.jroxMembersSupportUserBox {
	background: #e1dac8;
}

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

.jroxMembersSupportTicketBody {
}

.jroxMembersSupportFileAttachments {
	margin: 1em 0;
	padding-top: 5px;
	border-top: 1px dotted #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;
	padding: 1em 2.4em;
	background:#e1dac8;
	border: 1px solid #ccc;
	cursor:pointer;
	text-align:center;
	text-transform:capitalize;
}

.jroxMembersToolsBox:hover {	
	background: #f4f4f4;
	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 #666;
	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 1em 0;
	padding: 5px 5px 5px 1em;
	border:1px solid #666;
}

#jroxMembersAffiliateLinks {
	font-size: 11px;
	margin-right: 1.2em;
	margin-top: 1.3em;
}
.jroxMembersDashboardIcons {
	float:left;
	cursor:pointer;
	margin: 19px 22px;
	padding: 5px;
	height: 90px;
	width: 96px;
	border:1px solid #666;
	font-size: 11px;
	background:#f4f4f4;
	text-transform:capitalize;
	text-align:center;
}

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

.jroxMembersDashboardIconsImage { 
	height: 48px;
	width: 48px;
	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;
}