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

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

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;
	background-image: url("../images/pattern/bg12.png");

	background-repeat: repeat-x;
	
	background-attachment: scroll;
	
	background-position: 0% 0%;
}

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 {
	position: absolute;
	top: 6.5em;
	left:.5em;
	font-size:36px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	visibility: hidden;
}

.jroxSiteTagLine {
	position: absolute;
	top: -8px;
	left:135px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#bbb;
	visibility: hidden;

}

.jroxlineBreak {
	border-bottom: 1px solid #E7EADB;
	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 */

}

.jroxTopBox {	/* this applies to the top links div that houses the languages and view cart divs */
	background:transparent;
	padding: 9px 1em;
	height:14px;
	color: #A3A3A3;
	margin: 0 auto;
	font-size:10px;
	text-transform:capitalize;
	width: 980px;
	font-weight:bold;

}

.jroxTopBox a {
	color:#A3A3A3;
}

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

	margin: 0 auto;
}

.jroxShadowBottom { /* this applies to the area outside of the bottom of the container */
	background: #1f1f1f;
	height: 20px;
	margin: 0 auto;
}

.jroxContainer {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 990px;  /* 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: transparent;
}

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


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

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

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

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

.height-150 {
	height: 150px;
}

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

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

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

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

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

.jroxHeaderCarouselButtons {
	display:none;
}

.jroxHomeLink {}

.jroxHomepageHeader { /* applies to the search div on the header only */
	height: 360px;
	margin-top: -35px;
	margin-bottom: 6px;
	background: url('../images/jroxTopHeaderBg.png') no-repeat bottom center;
	color:#FFFFFF;
}

.jroxHeaderBox {
	height: 0px;

}

.jroxSearchBlock {

	
}

.jroxSearchForm { /* styles the position of the search form on the top header only */
	float: right;
	position: absolute;
	top: 73px;
	right: -3px;
	margin-top: 2em;
	z-index: 99;
}

.jroxSearchForm input {
	
	color: #AAAAAA;
}

.jroxSearchBox {
	background: #fff;	
}
.jroxSearchOptions {
	font-size: 10px;
	text-align: right;
	padding: 3px;
	color: #444;
}

.jroxSearchForm input:focus { background: #ccc; color: #666; }

.jroxSearchBox { /* applies to the input field of the search form on the header only */
	font-size: 14px;
	width: 203px;
	height:20px;
	color:#fff;
	border: 0px solid #fff;
	background:#FFFFFF;
	padding:5px 0px 5px 3px;
	margin-right:-2px;
	
}

input.jroxSearchButton {
	background:transparent;
}

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

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

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

.jroxLogo { /* applies to the logo image for the header */
	height: 55px;
	width: 220px;
	position: absolute;
	left: -5px;	
	top: 12px;
}

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

.jroxHeaderphone {
	color:#777777;
	font-size:95%;
	left:62px;
	position:relative;
	top:63px;
}

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

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

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

.jroxTopMenu { /* style the top menu */
	background:;
	height: 38px;
	width: 990px;
	margin-left:-10px;
	text-transform:uppercase;
}

#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 */
	background: url('../images/jroxContentBg.png') repeat-y;
	margin-top: 11px;
	padding: 4px 20px 20px 20px;
}

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

#jroxMainContent {
	margin: 0px 0px 20px 0px; /* 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 */
	padding: 15px 10px 20px 0px;
}

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

.jroxBreadCrumbs {
	font-size: 10px;
	text-transform:capitalize;
	padding-top: 5px;
	color:#348ED3;
	display:none;
}

.publish_day { 
	display: inline;
	color: #999;
	float: right;
	
	font-size: 38px;
	
	line-height: 42px;
}
.publish_month { 
	float: right;
	color: #999;
	font-size: 16px;
	
	line-height: 14px;
	
	padding-left: 2px;
	
	text-align: center;
	
	text-transform: uppercase;
	
	width: 40px;
	
	padding-top: 7px;
}
.publish_year { float:left;}

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

.jroxLeftColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 260px; 
	padding: 15px 10px 15px 0px; /* padding keeps the content of the div away from the edges */
	margin-top:20px;
	margin-right: 12px;
	margin-bottom:10px;
	background: #e7eadb;
}

.jroxRightColumn {

	float: right; /* since this element is floated, a width must be given */
	width: 280px; 
	padding: 15px 0px 15px 0px; /* padding keeps the content of the div away from the edges */
	margin-top:20px;
	margin-bottom:10px;
	background: #e7eadb;
}


.jroxRightBox input, .jroxRightBox select {
	padding: 2px;
	font-size: 13px;
}

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

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

.jroxRightBox { /* this is the style for the box that holds the box title and box code */
	margin-bottom: 2em;
	color: #000;
}

.jroxRightBox a, .jroxRightBox a:hover {
	color:#333;
}

.jroxRightBoxTitle, .jroxLeftBoxTitle { /* this is the style for the TITLE of	color: #000;
ox*/
	color: #333;
	padding-bottom:5px;
	font-size:18px;
	padding-left: 20px;
	margin-bottom:0px;

}

.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;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 15px;
}

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


#layout_box_main_product_categories li {
	display: block;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 0pt;
	padding-bottom: 8px;
	padding-left: 0px;
	float: left;
	width: 232px;
	background-image: url("../images/border.gif");
	background-repeat: repeat-x;
	background-position: center bottom;

}

#layout_box_member_login label{
	font-size: 16px;
	display:block;
	margin-bottom: 5px;
	text-transform: capitalize;
}

#layout_box_member_login  input {
	font-size: 16px;
	padding: 2px;
	margin-bottom: 4px;
}

#search_Title {

}

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

.jroxFooter { /* this is the footer at the bottom of the each page */
	margin:0 auto;
	font-size:14px;
	color: #999999;
	background:#1f1f1f;
	
}

.jroxFooter a {
	color:#ccc;
	font-size:12px;
	
}

.jroxFooter a:hover {
	text-decoration:underline;
	color: #999999;
}

.jroxFooter li { /* style the list elements in the footer menu */
	float:left;
	list-style:none;
	padding-right:1.5em;
	font-size:11px;
}

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

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

.jroxFooterMenu { /* style the background of the footer menu */
	width: 950px;
	margin: auto;
	padding-top:0px;
}

.jroxFooterMenu h3 { 
	float: right;
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


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

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

a { /* this is for all non-custom styled links */
	text-decoration: none;

	color: #31b8da;
}

.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 #E7EADB;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

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

#layout_box_member_login_welcome_msg {
	font-size: 11px;
	text-transform:capitalize;
}

.layout_box_member_login_welcome_msg span {
	font-weight: bold;
}

#layout_box_member_login_welcome_msg_links {
	margin-left: 5px;
}

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

#member_login {
	margin-bottom: 1em;
	color: #5d5d5d;
}

#member_login a {
	color: #252424;
}

#member_login_Title {
	color: #252424;
}

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

.generalList{


}

#layout_box_product_categories div {

}



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

.jroxDropDown {
	width: 250px;
	
}
.generalInput {
	width: 203px;
}

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

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

select {
	font-size: 13px;
	padding: 2px;
}

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

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

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

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

}

.jroxCloseButton {

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

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

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

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

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

.jroxRightMenu a {
	color:#333;
}

.jroxRightMenu li, .jroxLeftMenu li { /* this applies to the list for the right menu links */
	display: block;

	cursor: pointer;
	
	padding-top: 5px;
	
	padding-right: 0pt;
	
	padding-bottom: 8px;
	
	padding-left: 0px;
	
	float: left;
	
	width: 240px;
	
	background-image: url("../images/border.gif");
	
	background-repeat: repeat-x;
	
	background-position: center bottom;
	margin: 0;
}

.jroxRightMenu li a, .jroxLeftMenu li a {
	color: #31b8da;

	text-decoration: none;
	
	background-repeat: no-repeat;
	
	background-position: left 6px;
	
	padding-top: 0px;
	
	padding-right: 10px;
	
	padding-bottom: 0px;
	
	padding-left: 10px;
	
	display: block;
	
	background-image: url("../images/bullet_footer_ul.gif");
	
	margin-top: 0px;
	
	margin-right: 0px;
	
	margin-bottom: 0px;
	
	margin-left: 0px;
}


#jroxTopRightLayoutMenu {
	position:absolute;
	top: 11.7em;
	left: 50.3em;
	background: transparent;
	border: 0px;
	width: 200px;
	font-size: 10px;
	text-align: right;
	font-weight:bold;
	height: 2px;
	display:none;
}

#jroxTopRightLayoutMenu li {
	border-bottom:;

}

#jroxTopRightLayoutMenu a {
	color: #626262;
}


/* 
|-----------------------------
| STYLE FOR PAGINATION LINKS
|-----------------------------
*/
div.pagination {
	padding: 3px;
	margin: 3px auto;
	text-align:center;
	font-size:13px;
}

div.pagination a {
	padding: 7px 11px;
	margin: 2px;
	background:#31b8da;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	background-color: #F60;
	color:#529214;
	color: #000;
}
div.pagination span.current {
	padding: 7px 11px;
	margin: 2px;
	font-weight: bold;
	background-color: #111;
	color: #fff;
}

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

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

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

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

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

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

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

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

.jroxSearchQuery {
	margin-bottom: 1em;
}

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

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

.jroxRatings {
	float:right;
}

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

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

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

.jroxMainPhoto {
	max-width: 600px;
}

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

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

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

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

a.jroxConfirmRecommend {

}

#jroxProductDetailsHeadingPrice {
	margin-right: 1.5em;
}

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

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

.jroxProductDetailsAttributesBox {
	border: 1px solid #E7EADB;
	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 #E7EADB;
}
.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: #fff;
	font-size: 120%;
	margin-left: 10px;

}


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

.jroxTabs {
	margin-bottom: 1em;
}

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

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

.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:22px;
	width: 66px;
	padding-top: 6px;
	font-size: 10px;
	color: #fff;
	text-align:center;
	margin: auto;

}

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

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

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

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

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

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

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

textarea.jroxProductVideosEmbedCode {
	font-size: 90%;
}
.jroxProductVideosEmbedText {
	float:right;
	font-size: 11px;
	margin-right:5px;
}

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

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

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

input.jroxProductDirectProductCode {

	font-size: 10px;
}

#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;
	background: #fefefe;
	margin: 1em;
	text-align:left;
}

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

.jroxRatingsBox {
	margin-top: 1em;
}

select.jroxRatingsDropDown {
	font-size: 11px;
}

.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 {
	margin-bottom: 26px;
	padding-bottom: 5px;
	background: #fff;
}

.jroxContentTitle  {
	font-weight: bold;
	font-size: 27px;
	padding: 0;
	padding-left:0px;
	border-bottom: 1px solid #666;
}

.contentTitlePostedBy {
	font-size: 11px;
	display:block;
	font-weight:normal;
	line-height: 1.8em;
	padding-left: 3px;
}

.contentTitlePostedBy a, .contentTitlePostedBy span {
	font-weight:bold;
	color: #31b8da;
}

.jroxContentTitle a {
	color: #333;
}

.jroxContentBody, .jroxContentDetailsBody {
	margin: 0;
	line-height: 1.8em;
	padding: 10px 0;
	font-size: 116%;
}

.jroxContentBody p, .jroxContentDetailsBody p {
	margin-bottom: 25px;
}

.jroxContentBody h3,.jroxContentDetailsBody h3 {
	padding-top: 47px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size:18px;
	color:#666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;
}

.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: 2em 1em 1em 1em;
	font-size:10px;
	color: #FFFFFF;
	text-transform:capitalize;
}
.jroxContentReadMore a {
	float:right;
	margin-right:1em;
	font-size:12px;
	color: #32B8DB;
	text-transform:capitalize;
	font-weight: bold;
}
.jroxContentDetailsBody {
	padding-bottom: 1em;
}

/* 
|-----------------------------
| STYLE FOR CONTENT TABLES
|-----------------------------
*/

.jroxContentTable {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	border-style: none;
	border-width: 0;
}



/* 
|------------------------------
| 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 dashed #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: 10px;
}

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

/* 
|------------------------------
| 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 #cbcbcb;
	margin: 5px 0px 5px 10px;
	background:#fff;
}

.jroxProductsBoxGrid { /* used for grid style product listing box*/
	float:left;
	padding: 8px;
	width: 260px;
	height: 260px;
	background:#fff;
	margin: 0 20px 20px 20px;
	text-align:center;
	border:1px solid #cbcbcb;
	padding-bottom: 25px;
	padding-top: 15px;
}

.jroxProductTitleGrid {
	font-size: 27px;	
}

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

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

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

.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-size:16px;
	font-weight:bold;
}

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

.jroxProductMoreInfo a:hover, .jroxProductMoreInfoGrid a:hover {
	background: url(../images/jroxButton2.png) no-repeat;
	text-decoration:none;
}
 
.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:32px;
	width: 93px;
	padding-top: 7px;
	padding-right: 3px;
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align:center;
}

.jroxButtonAddToCart a:hover, .jroxButtonBuyNow a:hover, .jroxButtonAddToCartGrid a:hover, .jroxButtonBuyNowGrid a:hover {

	background: url(../images/jroxButton2.png) no-repeat;
	text-decoration:none;
}

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

.jroxTotalProducts {
	font-size: 11px;
	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: 13px;
}


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

/* 
|------------------------------
| 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 #E7EADB;
	margin-bottom: 1em;
	padding-bottom: 1em;
	text-transform:capitalize;
}

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

.jroxCheckoutPaymentBox {
	
	margin: 2em 0;
}

#jroxCheckoutBillingBox {
	
}

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

.jroxCheckoutPaymentButton button {

	font-size: 150%;

	margin: 5px auto;
}

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

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

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

.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: 12px;
	margin-left: 5px;
}

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

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

#jroxCheckoutShippingBox {
	display:none;
}

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

#jroxOrderCaptchaBox {
	border:1px solid #E7EADB;
	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;
	padding: 4px 0;
}

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


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

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

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

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

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

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

.jroxShoppingCartTable thead {
	text-transform:capitalize;
	
}

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

	border-bottom: 1px solid #E7EADB;
}

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

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

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

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

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

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

.jroxButton {
	overflow-x: visible;
	overflow-y: visible;
	width: auto;
	padding: 3px 8px 5px;
	background: #F0F0F0 url(../images/jroxButton1.png) no-repeat;
	color: #fff;
	border: 1px solid #E7EADB;
	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:transparent;
}

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

.thumb-images {
max-width: 100px;
max-height: 100px;
}

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

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

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

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

.jroxRecommendedProductsRatings {
	margin-bottom: 8px;
}

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

.jroxRecommendedProductsPrice {
	font-size: 11px;
}

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

.jroxRecommendedProductsAddToCart a, .jroxRecommendedProductsBuyNow a { /* buy now and add to cart buttons */	
	background-color: #003399;
	display: block;
	height:18px;
	font-size: 10px;
	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 #E7EADB;
}

#jroxMemberCreateAccountBox {
	margin-left: 1.3em;
}

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

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

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

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

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

.jroxMembersHeading {
	font-size: 18px;
	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 #E7EADB;
	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 #E7EADB;
	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 #E7EADB;
	background: #efefef;
}

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

.jroxMembersSupportAdminBox {
	background: #efefef;
}

.jroxMembersSupportUserBox {
	background: #efefef;
}

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

.jroxMembersSupportTicketBody {
}

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

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

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

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

#jroxMembersAccountColumn {
	margin-top: 14px;
}

.jroxMembersDashboardSideBox {
	border:1px solid #E7EADB;
	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: #fff;
	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 #E7EADB;
}

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

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

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

#jroxMembersPhotoCode {
	padding: 1em;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


.floatRight {
	float:right;
}

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

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

.jroxVerifyField {
	margin-bottom: 1em;
}

#ajaxContent {
	padding: 0 1em 0 0;
}

/****************************
		HOME SLIDER
****************************/

#slider-accordion {
	height:320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#slider-accordion img {
	border:none;
}
.slide	{
	list-style:none;
	height:320px;
	display:block;
}
.slide li 	{
	float:left;
	display:inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	height: 320px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.slide .desc {
	background-image: url(../images/transparent_bg.png);
	background-repeat: repeat;
	height: 60px;
	width: 687px;
	position: absolute;
	left: 46px;
	bottom: 0px;
	padding: 20px;
	color: #CCCCCC;
}
.slide .desc a {
	position: absolute;
	float: right;
	top: 65px;
	right: 20px;
}

/****************************
		HOME VIDEO HEADER
****************************/

#homevidheader {
	height:281px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background: url(../images/new_header.jpg) no-repeat;
}

.homeheadervideo {
	width: 430px;
	height: 240px;
	margin-left: 49px;
	padding-top: 22px;
	float: left;
}

.homeheaderbuttons {
	width: 346px;
	height: 220px;
	float: left;
	padding-top: 24px;
	padding-left: 67px;
}

/**********************************
		BADGES and SITE SEALS
***********************************/

.badge {
	height:100px;
	float: left;
	display: inline;
	margin: 0px 0px 25px 1px;
	padding: 0px 7px 0;
}


/***************************************************
			JQUERYSLIDEMENU
***************************************************/
#jroxTopMenu{
	margin: 0px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0px;
	width: 725px;
	position:relative;
	height: 50px;
	display: block;
	float: left;
	z-index: 10;
}
#jroxTopMenu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
#jroxTopMenu ul li{
	position: relative;
	display: inline;
	margin: 0px;
	padding-top: 13px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	overflow: visible;
}
#jroxTopMenu ul li a{
	color: #9A9A9A;
	text-decoration: none;
	text-transform:uppercase;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}
#jroxTopMenu ul li a.current{
	color:#000000;
	text-decoration: none;
}
#jroxTopMenu ul li a:hover{
	text-decoration: none;
	color: #000000;
}
#jroxTopMenu ul li ul{
	display: none;
	z-index:100;
	width: 178px;
	left: 55px;
	float: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	position: absolute;
	visibility: visible;
	background-image: url(../images/dropdown-top.png);
}
#jroxTopMenu ul li ul li{
	display: block;
	list-style:none;
	margin: 0px;
	float: left;
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px;
}
#jroxTopMenu ul li ul li a{
	margin: 0px;
	font-size: 11px;
	display: block;
	width: 130px;
	text-align: left;
	color: #FFFFFF;
	background-image: url(../images/dropdown-bg.png);
	background-repeat: repeat;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#jroxTopMenu ul li ul li a:hover{
	text-decoration: none;
	background-image: url(../images/dropdown-bg-hover.png);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8BD8EB;
	color: #FFFFFF;
}

/***************************************************
				     BOTTOM
***************************************************/
#bottom {
	width: 910px;
	font-size: 11px;
	color: #333333;
	background-color: #E7EADB;
	padding: 20px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

#bottom p {
	line-height: 1.6em;	
}

#bottom .strong {
	font-size: 15px;
	display: block;
	color: #333333;
}
#bottom div {
	margin: 0px;
	float: left;
	width: 300px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div img {
	margin-right: 4px;
	margin-top: 4px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bottom div.last {
	margin: 0px;
	float: left;
	width: 253px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#bottom div.second {
	padding-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 258px;
}
#bottom div.second ul {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div.second ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

/***************************************************
						 FOOTER
***************************************************/

.subfooter {

	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 5px;
	margin: auto;
	background:#1f1f1f;
	left: 0px;
	top: 100px;
}
.subfooter ul {
	margin: 0px;
	padding: 0px;
}

.subfooter a {
	color: #CCCCCC;
	display: inline;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.subfooter h3 {
	float: right;
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.twitter { 
	position:relative;
}

.twitter .follow_twitter {
	background-image: url(../images/twitter_icon.png);
	background-repeat: no-repeat;
	height: 101px;
	width: 101px;
	position:absolute;
	top: -54px;
	left: -119px;
}

.tweet {
  font-size: 120%;
  color: #999999; 
  }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
	text-align: left;
}
    .tweet .tweet_list li {
      overflow: hidden;
      padding: .5em;
	  height: 11px;
}
      .tweet .tweet_list li a {
        color: #32B8DB;
		float: none;
}
    .tweet .tweet_list .tweet_even {
       }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }
		
.subfooter .box_twitter {
	width: 760px;
	color: #999999;
	background-color: #161616;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 116px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.subfooter .boxes_holder_twitter {
	margin: 0px;
	width: 935px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.subfooterLinks {
	width: 945px;
	margin: auto;
}

/***************************************************
				      NEWSLETTER
***************************************************/
#newsletter {
	float: left;
	width: 263px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#newsletter input {
	background-color: #FFFFFF;
	margin: 0px;
	float: left;
	width: 198px;
	height: 18px;
	color: #aaaaaa;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-size: 12px;
	border: 1px solid #FFFFFF;
}
#newsletter input:focus {
	color: #666666;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
#newsletter .newsletter_button {
	color: #FFFFFF;
	background-color: #31b8da;
	float: left;
	width: 57px;
	height: 26px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#newsletter .newsletter_button:hover {
	background-color: #1f1f1f;
}
#newsletter .newsletter_button:focus {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}

/* HOME PAGE */

/***************************************************
			  PORTFOLIO TILES
***************************************************/
ul.portfolio-tiles {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 720px;
	float: left;
}
ul.portfolio-tiles li {
	float: left;
	margin: 0px;
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 15px;
	position: relative;
	overflow: hidden;
}
ul.portfolio-tiles li img {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
ul.portfolio-tiles li a.item {
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	background-color: #E7EADB;
	display: block;
}
ul.portfolio-tiles li a.item:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color: #333333;
}
ul.portfolio-tiles li strong {
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 205px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	height: 35px;
	margin: 0px;
	padding-bottom: 5px;
	color: #333333;
}
ul.portfolio-tiles li p {
	padding-left: 10px;
	width: 205px;
	padding-right: 10px;
	display: block;
}
ul.portfolio-tiles li .text {
	display: block;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 100px;
}
ul.portfolio-tiles li .post_date {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	color: #333333;
}
ul.portfolio-tiles li a.ext-link {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 92px;

	text-indent: -9999px;
	left: 107px;
	background-image: url(../images/external-link.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.portfolio-tiles li a.ext-link:hover {
	background-position: 0 bottom;
}
/***************************************************
			  PORTFOLIO TILES GALLERY
***************************************************/
ul.portfolio-tiles-gallery {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;
}
ul.portfolio-tiles-gallery li {
	float: left;
	margin: 0px;
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li h3 {
	margin: 0px;
	color:#FFF;
	font-size: 16px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 205px;
	display: block;
	padding: 10px;
}			
ul.portfolio-tiles-gallery li .boxgrid {
	margin:0px;
	float:left;
	background-color: #31B8DA;
	padding: 0px;
	width: 225px;
	height: 225px;
	cursor:pointer;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li .boxgrid img {
	top: 0;
	left: 0;
	background-color: #E7EADB;
	float: left;
	padding: 10px;
	position: absolute;
}
ul.portfolio-tiles-gallery .boxgrid slideright a img {
	margin: 0px;
	padding: 0px;
}
ul.portfolio-tiles-gallery li .boxgrid p {
	color:#FFFFFF;
	width: 205px;
	float: left;
	padding: 10px;
}				
ul.portfolio-tiles-gallery  li a {
	font-size: 11px;
	font-weight: bold;
	color: #0A2E36;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}
/***************************************************
		    PORTFOLIO FILTER
***************************************************/
#portfolio-filter {
	width: 912px;
	height: 18px;
	display: block;
	float: left;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #E7EADB;
}
#portfolio-filter .browse {
	color: #31B8DA;
	float: left;
	font-size: 16px;
}
#portfolio-filter ul {
	margin: 0px;
	padding: 0px;
	float: right;
}
#portfolio-filter li {
	background: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
#portfolio-filter li a {
	text-decoration: none;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: right;
	color: #666666;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#portfolio-filter li a.current, #portfolio-filter li a:hover {
	color: #31B8DA;
	text-decoration: none;
}
a.visit_back_a {
	color: #FFFFFF;

	margin-bottom:
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: right;
	display: inline;
	background-color: #31B8DA;
	padding: 7px;
}

/***************************************************
		    INTRO
***************************************************/
.intro {
	width: 229px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.intro strong {
	font-size: 22px;
	color: #333333;
	display: block;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.intro p {
	height: 120px;
	display: block;
	line-height: 1.7em;
}
.intro a {
	display: block;
	background-image: url(../images/bullet_footer_ul.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
}
.intro a.intro_right {
	float: right;
	font-weight: bold;
	background-image: none;
}
.intro a.next {
	background-color: #31b8da;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 30px;
	color: #FFFFFF;
	background-image: url(../images/toogle_down.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	float: left;
}
.intro a.prev {
	display: block;
	background-color: #31b8da;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 30px;
	color: #FFFFFF;
	background-image: url(../images/toogle_up.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.intro a.next:hover, .intro a.prev:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.jroxMainContentHome {
	margin: 0;
	padding: 0;
}

/***************************************************
				  CONTACT
***************************************************/
#contactinfo {
	margin: 0px;
	width: 525px;
	padding: 6px;
	display: inline;
	float: right;
	background-color: #E7EADB;
}
#contactinfo img {
	margin: 0px;
	padding: 0px;
}
#jroxContactForm {
	margin: 0px;
	width: 912px;

	background-color: #E7EADB;
	padding: 20px 20px 65px 20px;
}
.contactInput2 {
	float: left;
	width: 425px;
	position: relative;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}
.contactInput2 label, .customContactInput label {
	height: 25px;
	width: 400px;
	display: block;
}
.contactInput2 label.error, .contactTextArea label.error, .customContactInput label.error {
	color: #a80000;
	position: absolute;
	top: 0px;
	right: 17px;
	text-align: right;
	background:none;
}

.contactTextArea label, .customContactInput label { display:block; padding: 5px 0;}

.contactTextArea, .customContactInput {

	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}

.customContactInput { display:block; }

.contactTextArea.textarea {
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	width: 880px;
	float: left;
	position: relative;
}
.contactInput.message_sent {
	background-color: #31B8DA;
	width: 890px;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

#jroxContactForm {

}

#jroxContactForm input {
	width: 409px;
	border: 1px solid #FFFFFF;
	padding: 8px;
	font-size: 13px;
	color: #999999;
	background-color: #FFFFFF;
	float: left;
}
#jroxContactForm textarea {
	width: 863px;
	border: 1px solid #FFFFFF;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	color: #aaaaaa;
}
#jroxContactForm input:focus {
	border: 1px solid #CCCCCC;
	color: #333333;
	background-color: #CCCCCC;
}
#jroxContactForm textarea:focus {
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	color: #333333;
}
#jroxContactForm .submitBtn {
	background-color: #31b8da;
	width: 95px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0 0 0 15px;
	display: block;
	padding: 0px;
	font-size: 16px;
	height: 35px;
}
#jroxContactForm .submitBtn:hover {
	background-color: #1f1f1f;
	color: #FFFFFF;
}
#jroxContactForm .submitBtn:focus {
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #31B8DA;
}
#jroxContactForm strong {
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#jroxContactForm .font-11 {
	font-size: 11px;
	color: #A3A3A3;
	display: inline;
}
.contact_info {
	width: 300px;
	float: none;
	padding-bottom: 35px;
}
.contact_info p {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.contact_info a {
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: none;
}

.subfooter {

}


.subfooter .boxes_holder {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.subfooter .box {
	margin: 0px;
	width: 214px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #999999;
	float: left;
	text-align:left;
}
.subfooter .box h1 {
	font-size: 22px;
	color: #FFFFFF;
	padding: 0px;
	float: left;
	width: 215px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align:left;
}
.subfooter .boxes_holder .follow_twitter {
	background-image: url(../images/twitter_icon.png);
	background-repeat: no-repeat;
	height: 101px;
	width: 101px;
	position: absolute;
	left: 25px;
	top: 262px;
}
.subfooter .box ul {
	margin: 0px;
	width: 215px;
	list-style-type: none;
	padding: 0px;
}
.subfooter .box ul li {
	margin: 0px;
	width: 215px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	color: #666666;
}
.subfooter .box ul li a {
	color: #999999;
	text-decoration: none;
	background-position: left 6px;
	display: block;
	padding-left: 10px;
	background-image: url(../images/bullet_footer_ul.gif);
	background-repeat: no-repeat;
	padding-bottom: 7px;
}


.subfooter .box ul li a:hover {
	text-decoration: underline;
}
.subfooter .box ul li a.features {
	color: #999999;
	text-decoration: none;
	background-image: url(../images/bullet_footer_ul_features.gif);
	background-position: left 6px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 10px;
}

#testimonials_Title {
	display:none;
	height: 0px;
}

.slider_holder {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	background-image: url(../images/testimonials.gif);
	background-repeat: no-repeat;
	background-position: 18px 15px;
	z-index: 999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.slider, .slider li {
	overflow:hidden;
	width:240px;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #666666;
	z-index: 1;
	height: 150px;
}
.nav{
	width: 250px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 20px;
	float: left;
}
.nav .counter {
	color: #333333;
	float: left;
	width: 100px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.nav ul {
	margin: 0px;
	float: right;
	display: block;
	width: 60px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
.nav a{
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	height: 17px;
	width: 20px;
	font-size: 1px;
	float: right;
}
.nav a.prev {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/toogle_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a.next {
	margin: 0px;
	background-image: url(../images/toogle_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
}
.testimonial {
	float:left;
	margin-top:1px;
	position:relative;
}
.testimonial div {
	float:left;
	margin-left:1px;
	padding:20px 20px 40px;
	width:204px;
}
.testimonial a {
	text-align: right;
	display: block;
	color: #31B8DA;
}
.testimonial .author {
	font-weight: bold;
	color: #333333;
	text-align: right;
	display: block;
}



#jroxSearchForm .search_button {
	color: #FFFFFF;
	background-color: #31b8da;
	width: 57px;
	height: 30px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#jroxSearchForm .search_button:hover {
	background-color: #000000;
}
#jroxSearchForm .search_button:focus {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}

.quoteContent, .productList {
	margin: 1em;
	line-height: 1.7em;
}

.quoteContentTitle {
	margin-bottom: 8px;	
}

.productQuoteCategory h2 {
	font-size: 24px;
	padding: 5px 0;
	color: #31b8da;
}

.productQuotesTable thead {
	background:#000;
	color: #fff;
	font-size: 16px;
	font-weight:bold;
}


.productQuoteCategory {
	margin: 1em 0;	
}

.productQuotesTable tr {

}

.productQuotesTable tr td {
	font-size: 18px;
}

.productQuotesTable tr td a {
	color: #666;	
}

.productQuotesTable input {
	width: 50px;
	border: 1px solid #ccc;
	padding: 1px;
	font-size: 16px;
	text-align:center;
	font-weight: bold;
}

.quoteList {
	margin: 1em;	
	height: 220px;
}

.quoteList h2 {
	font-size: 140%;
	font-weight: bold;
}

.quotelist ul {
	padding: 0 0 0 1em;	
}

.quoteList li {
	margin: 10px 0 5px 2em;
	list-style-position: outside;
	list-style-type: none;
	font-size: 120%;
}

.jroxProductQuotesButton {
	font-size: 18px;	
}

/***************************************************
				ABOUT
***************************************************/
.intro_longer {
	width: 650px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.intro_longer div {
	width: 650px;
	float: left;
}
.intro_longer p {
	margin: 0px;
	padding: 0px;
}
.intro_longer strong {
	font-size: 22px;
	color: #333333;
	display: block;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 25px;
}
.intro_longer ul {
	list-style-type: none;
	padding-bottom: 25px;
}
.intro_longer ul li {
	display: block;
	margin: 0px;
	padding: 0px;
}
.intro_longer ul.skills {
	padding-left: 25px;
	padding-bottom: 0px;
}
.intro_longer ul.skills li {
	font-style: italic;
	color: #0F0F0F;
	padding-bottom: 3px;
	background-image: url(../images/bullet_footer_ul.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
}
ul.team_avatar {
	margin: 0px;
	list-style-type: none;
	float: left;
	width: 640px;
	display: block;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
ul.team_avatar li {
	color: #aaa;
	width: 275px;
	display: inline;
	float: left;
	background-color: #E7EADB;
	padding: 10px;
	margin: 0px 0.5em 1em 0px;
}

ul.team_avatar p {
	padding: 10px;
}
ul.team_avatar strong {
	font-weight: bold;
	color: #666666;
	display: block;
}
ul.team_avatar img {
	float: right;
}
ul.team_avatar a {
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
ul.team_avatar a:hover {
	cursor: pointer;
}


/* 
|--------------------------
| STEP TABMENU STYLE
|--------------------------
*/

#tabMenu {
	margin:0px;
	padding:0px;
	list-style:none;
	color: #999999;
	width: 640px;
	float: left;
}
#tabMenu li {
	float:left;
	cursor:pointer;
	height: 35px;
	display: block;
	width: 125px;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li.mouseout {
	margin: 0px;
	padding: 0px;
}


li.selected {
	background-position:center bottom;
	background-image: url(../images/tab_selected.jpg);
	background-repeat: no-repeat;
	color: #333333;
}



.box {
	width: 910px;
	margin: 0px 0px 35px;
	padding: 0px;
	float: left;
}

.boxBody {
	margin: 0px;
	width: 910px;
	color: #FFFFFF;
	float: left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #31B8DA;
	background-color: #31B8DA;
	padding: 20px;
}
.boxBody div {
	display:none;
	margin: 0px;
	padding: 0px;
}
.boxBody div.show {
	display:block;
	margin: 0px;
	padding: 0px;
}
/*.boxBody div img {
	float: left;
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #333333;
	margin: 4px 25px 0 20px;
}*/

.boxBody div img {
	padding: 15px;
}

.boxBody p {
	display: block;
	width: 870px;
	font-size: 116%;
	margin: 0 0 15px;
	line-height: 1.3em;
	padding: 0 20px;
}



.boxBody a {
	color: #4497a8;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 4px;
	font-weight: bold;
}
.boxBody a:hover {
	text-decoration: underline;
}

.boxBody ol {
	font-size: 1.2em;
	list-style-position: outside;
	padding-left: 80px;
}

/***************************************************
			  PORTFOLIO TILES GALLERY
***************************************************/
ul.portfolio-tiles-gallery {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 950px;
	float: left;
}
ul.portfolio-tiles-gallery li {
	float: left;
	margin: 0px;
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li h3 {
	margin: 0px;
	color:#FFF;
	font-size: 16px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 205px;
	display: block;
	padding: 10px;
}			
ul.portfolio-tiles-gallery li .boxgrid {
	margin:0px;
	float:left;
	background-color: #31B8DA;
	padding: 0px;
	width: 225px;
	height: 225px;
	cursor:pointer;
	overflow: hidden;
	position: relative;
}
ul.portfolio-tiles-gallery li .boxgrid img {
	top: 0;
	left: 0;
	background-color: #E7EADB;
	float: left;
	padding: 10px;
	position: absolute;
}
ul.portfolio-tiles-gallery .boxgrid slideright a img {
	margin: 0px;
	padding: 0px;
}
ul.portfolio-tiles-gallery li .boxgrid p {
	color:#FFFFFF;
	width: 205px;
	float: left;
	padding: 10px;
}				
ul.portfolio-tiles-gallery  li a {
	font-size: 11px;
	font-weight: bold;
	color: #0A2E36;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}

/* 
|------------------------------
| CUSTOM IMAGE AND VIDEO STYLE
|------------------------------
*/

.GMvideoleft {
	float:left;
	margin: 3px 30px 15px 0;
	background: url(http://www.gotmemories.com/themes/main/gotmemories_theme/images/videoloading.jpg) no-repeat;
}

.GMvideoright {
	float: right;
	margin: 3px 0 15px 30px;
	background: url(../images/videoloading.jpg) no-repeat fixed 45% 45%;

}

#filmpagevids {
	margin-right: 40px;
	float: left;
	margin-left: 35px;
	background: url(../images/videoloading.jpg) no-repeat fixed 45% 45%;
}

#GMbluebox {
	border: 7px solid #31b8da;
}

#GMgreybox {
	border: 7px solid #E7EADB;
}



/* 
|--------------------------------------------
| STYLE THE Front Page Special Here
|--------------------------------------------
*/
.FPspecials {
	margin: 0 20px 35px;
}

.FPspecials img {
	float:left;
	margin: 0 23px;
}

.FPspecials p {
	margin: 0 0 0 47px;
	color: #999999;
	font-size: 14px;
}