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



   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: 80% Verdana, Arial, Helvetica, sans-serif;

	background:	#fff;

	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: #333333;

}



td {

	vertical-align: top;

	padding: 4px;

}



p {

	margin-top: 0pt;

	margin-right: 0pt;

	margin-bottom: 5px;

	margin-left: 0pt;

}

input, select, button {

	vertical-align: middle;

}



input, select {

}



textarea {

	font: 90% Verdana, Arial, Helvetica, sans-serif;

}



button {

	overflow-x: visible;

	overflow-y: visible;

	padding: 2px 5px;

	cursor: pointer;

}



fieldset {

	border: 1px solid #ccc;

}



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

	margin: 1em 0 5px;

	text-transform:capitalize;

	font-weight:bold;

}



.jroxSubHeading {

	font-size: 80%;

	margin: 1em 0 5px;

	text-transform:capitalize;

	font-weight:bold;

}



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

}



#loading, .loading {

	display: none;

	padding: 5px;

	vertical-align:middle;

}





.noDisplay {

	display:none;

}



#please_wait {

	background:#999999;

	color:#666666;

	border: 1px solid #ccc;

	display:none;

}



/* 

|-------------------------------------------------------------------

| STYLE THE ELEMENTS THAT PROVIDE LAYOUT FORMATTING FOR THE PAGE

|-------------------------------------------------------------------

*/



.jroxBody { /* style for the body of the page if needed */

	

}



.jroxTopBox {	/* this applies to the top links div that houses the languages and view cart divs */

	padding: 5px 5px 5px 5px;

	width: 950px;

	height:10px;

	margin: 0 auto 1em auto;

	font-size:9px;

	color: #666;

	text-transform:capitalize;

}





.jroxShadowTop { /* this is the area on top of the container div */

	width: 980px;

	background:		#fff url('../images/jroxShadowTop.png') no-repeat;

	height:10px;

	margin: 0 auto;

}



.jroxShadowMiddle {

	width: 980px;

	background:		#fff url('../images/jroxShadowMiddle.png') repeat-y center;

	margin: 0 auto;

}



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

	width: 980px;

	background:		#fff url('../images/jroxShadowBottom.png') no-repeat;

	height:10px;

	margin: 0 auto;

}



.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 */

	background: #fff;

	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. */

}



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

}



.jroxBothColumns { /* applies if both columns are showing */

	width:466px;

}



.jroxMainColumn {

	margin: 1em 8px 0 0;

}



.height-150 {

	height: 150px;

}



.jroxGeneralMessageBox {

	margin: 2em 4em;

	padding: 2em;

	text-transform:capitalize;

	border: 1px dotted #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;

	color: #fff;

}





.jroxTopBox a {

	color: #666;

}



.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 */

	background-image: url(../images/phtnheader.jpg);

	height: 142px;

	width: 950px;

}



.jroxLogo { /* applies to the logo image for the header */

	height: 90px;

	width: 386px;

	position: relative;

	left: 40px;	

	top: 59px;

}



.jroxLogo h1 {

	font: 36px Georgia, "Times New Roman", Times, serif;

	margin-left: 1em;

	color: #fff;

}



.jroxSiteTagLine {

	color: #fff;

}



.jroxHomeLink {}



.jroxSearch { /* applies to the search div on the header only */



}



.jroxSearchForm { /* styles the position of the search form on the top header only */

	position:absolute;

	top: 0.5em;

	left: 53em;

}



.jroxSearchForm input {

}



.jroxSearchBox { /* applies to the input field of the search form on the header only */

	font-size: 9px;

	width: 150px;

	color:#CCCCCC;

	border: 1px solid #CCCCCC;

	background:#FFFFFF;

}



/* 

|---------------------------------------------------------------

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

|---------------------------------------------------------------

*/



.jroxTopMenuAd { /*top menu ad div */

	margin:0 auto; 

	padding:5px;

	background:#FFFFFF;

}



/* 

|-----------------------------

| STYLE THE TOP MENU BAR HERE

|-----------------------------

*/



.jroxTopMenu { /* style the top menu */

	background:		#fff url('../images/jroxMenuBg.png') repeat-x;

	border-bottom: 2px solid #115B77;

	height: 20px;

	width: 100%;	

}



/* 

|----------------------------------------------------------------------

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

|-----------------------------------------------------------------------

*/



.jroxContent { /* style the entire content area div, including left and right columns */

	

}



/* 

|--------------------------------------------

| STYLE THE MIDDLE CONTENT COLUMN

|--------------------------------------------

*/



#jroxMainContent {

	margin: 5px 5px 5px 10px; /* this is the content for the middle of the page*/

	

	padding: 5px 0 3em 0;'

	font-size: 9px;	

	

}



#jroxMainContent li, #jroxProductOverview li, #jroxProductDescription1 li, #jroxProductDescription2 li {

	margin-left: 1em;

}





.jroxBreadCrumbs {

	font-size: 60%;

	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; 

	background: #F4F4F4; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 5px 10px 5px 10px; /* 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: 200px; 

	background: #ffffff;

	padding: 5px 10px 5px 5px; /* padding keeps the content of the div away from the edges */

}



/* 

|--------------------------------------------

| STYLE THE LEFT AND RIGHT LAYOUT BOXES HERE

|--------------------------------------------

*/



.jroxLeftBox, .jroxRightBox { /* this is the style for the box that holds the box title and box code */

	margin-bottom: 1em;

}





.jroxLeftBoxTitle, .jroxRightBoxTitle {

	background:		#ccc url('../images/sidebox.png') repeat-x bottom;

	margin: 0;

	padding: 0;

	text-align: center;	
	
	font-size: 11px;

	text-transform:capitalize;
}



.jroxLeftBoxTitle h2, .jroxRightBoxTitle h2 {

	

	margin: 0;

	padding: 5px;

	color: white; 

	font-weight: bold; 

}



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

	font-size: 11px;

}



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

	

}



/* 

|-------------------------------------

| STYLE THE BOTTOM FOOTER STUFF HERE

|-------------------------------------

*/



.jroxFooter { /* this is the footer at the bottom of the each page */

	margin:0 auto;

}



.jroxFooter li { /* style the list elements in the footer menu */

	float:right;

	list-style:none;

	padding:0.5em;

	text-transform:capitalize;

	font-size: 9px;

}



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

	background: #E2F0E0;

}



.jroxFooterMenu a {

	color: #000000;

}



/* 

|--------------------------

| STYLE HREF LINKS HERE 

|--------------------------

*/



a:focus, a:hover { /* this style applies when you hover over a link */

	color: #156D93; 

	text-decoration:underline;

}



a { /* this is for all non-custom styled links */

	color: #333333;

	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;

}



.jroxSideTitle {

	background:		#ccc url('../images/jroxMenuBg.png') repeat-x bottom;

	color: #fff;

	padding:5px;

	font-size:9px;

	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 dashed #333333;

}



/* 

|--------------------------

| 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:#333;

	color:#FFFFFF;

}



.jroxDivider {

	height:15px;

	margin-top:10px;

	border-top: 1px solid #ccc;

}



.jroxSubmitButton, .jroxCloseButton {

	border: 1px outset #ccc;

	font-size:130%;

	margin: 1em 0;

}



#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:#CCCCFF;

	border-bottom: 1px dashed #333333;

}



/* 

|-----------------------------

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

	border-bottom: 1px solid #ccc;

	text-decoration: none; /* no underline */

	color: #666;

}

div.pagination a:hover, div.pagination a:active {

	background-color: #CCCCFF;

	border:1px solid #ccc;

	color:#529214;

	color: #000;

}

div.pagination span.current {

	padding: 2px 5px 2px 5px;

	margin: 2px;

	border: 1px solid #ccc;

	font-weight: bold;

	background-color: #003399;

	color: #FFF;

}



div.pagination span.disabled {

	padding: 2px 5px 2px 5px;

	margin: 2px;

	border: 1px solid #ccc;



	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 dashed #333333;

}



.jroxProductCategoryBox:hover { /* the hover style for each product category box */

	background:#66CC66;

}



.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 dashed #333333;

}



.jroxManufacturerBox:hover { /* the hover style for each product category box */

	background:#66CC66;

}



.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: 0px solid #ccc;

}



.jroxProductOptionsRequired { /* the small required text */

	float:right;

	font-size: 65%;

	

}



.jroxProductDetailsAttributesBox {

	border: 0px solid #ccc;

	background: #fff;

	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 {

	font-size: 90%;

}



.jroxProductDetailsAttributeTextArea {

	height: 80px;

	overflow: auto;

}



.jroxProductDetailsAddQuantity { /* add quantity div box */

	text-align:right;

	text-transform:capitalize;

	margin-bottom: 1em;

}



input.jroxProductDetailsAddQuantityInput {

	color: #666;

	font-size: 110%;

	width: 25px;

	margin-left:10px;

	padding: 4px 0 0 4px;

	border: 2px inset #ccc;

}



button.jroxProductDetailsAddQuantityBuyNow {

	



}





.jroxProductDetailsAttributesHeading {

	font-size:110%;

	text-transform:capitalize;

	padding-bottom: 7px;

	border-bottom: 1px solid #ccc;

}



.jroxTabs {

	margin-bottom: 1em;

}



#jroxProductPhotos img {

	float:left;

	max-height: 100px;

	border: 0px solid #fff;

}



.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 #ccc;

	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-color: #f4f4f4;

	display: block;

	height:18px;

	font-size: 70%;

	color: #666;

	border: 1px outset #ccc;

	padding: 3px 12px 1px 12px;

	width: 66px;

	text-align:center;

	margin:auto;

}



.jroxSimilarProductsAddToCart a:hover, .jroxSimilarProductsBuyNow a:hover {



}



.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 #ccc;

}



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

	font-size: 90%;

}



.jroxProductVideosEmbedText {

	float:right;

	font-size: 75%;

	margin-right:5px;

}



#jroxProductDetailsDiscountGroupAmount {

	color:#FFCC66;

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

}



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

}



.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 #ccc;

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

	display:none;

}



a.jroxFaqPrint, a.jroxFaqShowText, a.jroxMembersImageLinks {

	float:right;

	display:block;

	margin-right: 5px;

	height:16px;

	width: 16px;

	font-size: 0;

	color:666;

}



.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

|-----------------------------

*/



.jroxContentTitle  {

	font-weight: bold;

	font-size: 110%;

	border-bottom: 2px solid #ccc;

	margin: 5px 5px 1em 5px;

	padding-bottom: 5px;

}



.jroxContentBody, .jroxContentDetailsBody {

	margin: 0 5px 1em;

	line-height: 1.3em;

	padding-bottom: 5px;

	border-bottom: 1px dashed #333333;

}



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

	margin-right: 1em;

}



.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 dashed #333333;

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

}



.jroxPostCommentForm {

	margin:0;

}



.jroxCaptchaImage {

	margin: 1em 1em 0 0 ;

	float: right;

}



.jroxCaptchaBox {

	border: 1px solid #ccc;

	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 #156D93;  

	margin: 5px 8px 5px 0;

}



.jroxProductsBoxGrid { /* used for grid style product listing box*/

	float:left;

	height: 250px;

	padding: 8px;

	width: 209px;

	margin: 0 2px 2px 0;

	text-align:center;

	border: 1px dotted #fff;

}



.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: 0px solid #ccc;

}



.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:3px solid #156D93;

}



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

	color:#FFCC00;

	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: #ffffff;

	text-align:center;

}



.jroxProductMoreInfo a:hover, .jroxProductMoreInfoGrid a:hover {

	color:#ffffff;

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

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

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

}



.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 #333333;

	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 {

	background: #336699;

	color: #ccc;

	font-size: 150%;

	border: 1px outset #333;

	margin: 5px auto;

}



.jroxCheckoutSubHeading {

	margin: 1em;

	text-transform:capitalize;

}



.jroxCheckoutTitle, .jroxMembersAccountDetailsTitle, .jroxMembersTable thead, .jroxMembersTable tfoot, .jroxShoppingCartTable thead {

	background:		#fff url('../images/jroxMenuBg.png') repeat-x bottom;

	color: #fff;

	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: 12px;

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

}



.jroxCheckoutPaymentFields label.error, .jroxMemberAccountDetailsFields 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 #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;

	padding: 1em;

	font-weight:bold;

	font-size: 20px;

}



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

}





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

	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: 5px 0px 5px 18px; 

	min-height: 30em;

}



.jroxCartOptions {

	font-size: 75%;

} 

.jroxShoppingCartTable, .jroxMembersTable {

	width: 98%;

	border: 1px solid #ccc;

}



.jroxShoppingCartTable thead {

	text-transform:capitalize;

}



.jroxShoppingCartTable th, .jroxMembersTable th {

	padding:8px 4px;

	border-right: 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: #fff;

}



table.jroxShoppingCartTable tr.jroxRowStyle1 td, table.jroxMembersTable tr.jroxRowStyle1 td {

	background-color: #eee;

}



#jroxCartNoItems {

	font-size: 120%;

	margin: 1em auto;

	width: 85%;

	padding: 2em;

	border: 2px solid #ccc;

}



.jroxButton {

	overflow-x: visible;

	overflow-y: visible;

	width: auto;

	padding: 1px 8px;

	background-color: #f4f4f4;	

	color: #666;

	border: 1px solid #CCCCCC;

}



.jroxButton:hover {

	background: #FF3300;

}



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



}



#jroxCartShowShippingOptionsBox {

	margin: 1em 2px 1em 0;

	width: 318px;



}



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

	display: block;

	height:18px;

	font-size: 70%;

	color: white;

	border: 1px outset #ccc;

	padding: 3px 15px 0;

	width: 66px;

	text-align:center;

	margin:auto;

}



.jroxRecommendedProductsAddToCart a:hover, .jroxRecommendedProductsBuyNow a:hover {

	background-color: #666;

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

}



#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: 90%;

}



/* 

|------------------------------

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

}







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

	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 {

	font-size: 85%;

}



table.jroxMembersTable tr.over td {

	background-color: #ddd;

}



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

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

	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: 5px 0px 5px 18px;

}



.jroxMembersSupportBox, .jroxMembersDownlineBox {

	border: 1px solid #ccc;

	margin:  1em 18px 1em 0;

	padding: 1em;

	background:#f4f4f4;

}



.jroxMembersSupportAdminBox , .jroxMembersSupportUserBox {

	border: 1px solid #ccc;

	margin:  1em 18px 1em 0;

	padding: 1em;

}



.jroxMembersSupportAdminBox {

	background: #eee;

}



.jroxMembersSupportUserBox {

	background: #f4f4f4;

}



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

	border: 1px solid #ccc;

	cursor:pointer;

	text-align:center;

	text-transform:capitalize;

}



.jroxMembersToolsBox:hover {	

	background: #66CC66;

	color: #000000;

}



.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: 10px 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:#ccc;

	color: #666;

	border: 0;

}



#jroxMembersAffiliateLinks p {

	margin: 5px;

}



.jroxMembersDashboardArticles {

	margin: 1em 1em 1em 0;

}



.jroxMembersDashboardLinks {

	margin: 1em 1em 1em 0;

	background: #f4f4f4;

	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 22px;

	padding: 5px;

	height: 90px;

	width: 96px;

	border: 1px solid #ccc;

	background:#ddd;

	font-size: 11px;

	text-transform:capitalize;

	text-align:center;



}



.jroxMembersDashboardIcons:hover {

	background: #6699FF;

	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;

}

/* Image size in "Similar product" column*/
.thumb-images {
 max-width: 100px;
 max-height: 100px;
}

/* Image size in "Shopping cart" */
 .jroxCartImages {
 max-width: 50px;
 max-height: 50px;
}