/* STYLESHEET FOR PEARL SERVICE TEMPLATE */
/* ------------------------------------------------------------------------------- PARENT STYLES */

body {
	background-color:#8AFB17;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
}
	
a:link {
	color: #253094;
	text-decoration: none;
	}

a:visited {
	color: #253094;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:active {
	color: #253094;
	text-decoration: underline;
	}
	
.clr {
	clear: both;
	line-height: 1px;
	}

/* --------------------------------------------------------------------------------- BODY STYLES */

.pageHeading {
	font-size: 17px;
	font-weight: bolder;
	color: #213385;
	}
	
.subHeading {
	font-size: 14px;
	font-weight: bold;
	color: #632251;
	}

.account {
	font-size: 10px;
	font-weight: bolder;
	color: #151B54;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.sizecharts {
	font-size: 9px;
	font-weight: normal;
	color: #151B54;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#widget_cart ul { list-style-type: none; padding: 0; }
#widget_cart #cart-itemcount { display: block; }
#widget_cart #cart-total { display: block; }
#widget_cart .cart-view { display: block; }
#widget_cart .cart-checkout { display: block; }
	
.sizechart {
	font-size: 9px;
	font-weight: bolder;
	color: #151B54;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
.subsec {
	margin:5px;
	border:thin #ddd;}
	
.error {
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}
	
.messageStackError {
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}
	
td.message {
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}

div.product_images_title {
	font-size: 13px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 2px;
	}

/* ----------------------------------------------------------------------------- SECONDARY PAGE: */
/* ------------------------------------------------------------------- LOGIN/REGISTER/MY ACCOUNT */

div.contact-fieldtext {
	margin-top: 10px;
	}
	
div.contact-field {
	width: 350px;
	}
	
	div.contact-field .contact-required {
		font-size: 10px;
		font-weight: bold;
		color: #ff0000;
		}
		
div.contact-foot {
	margin-top: 15px;
	}
	
div.contact-foot hr {
	display: none;
	}

	table.product-listing-table {
		width:100%
	}
/* ----------------------------------------------------------------------------- SECONDARY PAGE: */
/* ------------------------------------------------------------------------ VIEW CART / CHECKOUT */

body#pearlCategoryID_cart_contents div#container div#main div#main_content form div.subsec table tbody tr td hr {
	display:none;
	}

.cart_shipping_methods{
	display:none;
	}

/* Module Selectors */
.moduleRow {
	border-bottom:1px solid #EFEFEF;
	}

.moduleRowSelected {
	border-bottom:1px solid #999999;
	background-color:#dddddd;
	}

.moduleRowOver, .moduleRow:hover {
	border-bottom:1px solid #999999;
	background-color:#ededed;
	}

	/*
ul {
 	list-style-type: none;
	background-color: #f5f5f5;
	margin-left:0px;
	padding:0px;
}
 
li   {
	width:100%;
	list-style-type: none;
	margin-bottom:3px;
	padding:6px;
	margin-left:0px;
	background-color: #dedede;
}
*/
/* ----------------------------------------------------------------------------- SECONDARY PAGE: */
/* ----------------------------------------------------------------------------- PROJECT MANAGER */

div.project-job {
	margin-top: 10px;
	background-color: #f1f1f1;
	padding: 10px;
	}
	
	div.project-job-title {
		border-bottom: dotted 1px #5c5c5c;
		padding-bottom: 2px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
	div.project-job-info {
		margin-top: 2px;
		font-size: 10px;
		color: #5c5c5c;
		}
		
	body#pearlCategoryID_job div.project-notes {
		margin-top: 10px;
		background-color: #e4e4e4;
		padding: 10px;
		}
		
	div.project-notes {
		margin-top: 10px;
		}

		div.project-note-title {
			margin-top: 10px;
			}
			
		div.project-note-content i {
			margin-bottom: 5px;
			}


div.project-files {
	background-color: #ebebeb;
	padding: 10px;
	margin-top: 2px;
	font-size: 10px;
	}
	
	div.project-files-title {
		font-weight: bold;
		}
		
	div.project-files-filename {
		margin-top: 5px;
		font-weight: bold;
		}
		
	div.project-files-filesize {
		color: #5c5c5c;
		}
		
	div.project-files-filemodified {
		color: #5c5c5c;
		}

		.portal-menu {
			border-bottom:1px solid #333; 
			background-color:#efefef;
			margin-bottom:10px;
		}

		/* TABS */
	#tabmenu{}
	span.tb_lbl{
		font-weight:bolder;}
	div.tab div.tab{
		margin:2px 5px;}
	#tab_wrapper {border:1px solid #c6c6c6; clear:both;}
	.ui-tabs-hide { display: none;}
	.ui-tabs-nav { list-style: none; padding: 0; margin: 0; height: 12px;}
	.ui-tabs-nav li { float: left;}
	.ui-tabs-nav a { float: left; padding: 6px 6px; margin: 0px 4px 0px 0px; text-decoration: none; color: #000; outline: none; background: #E9ECEF; border-top: 1px solid #C7D3D8; border-left: 1px solid #C7D3D8; border-right: 1px solid #C7D3D8;}
	.ui-tabs-nav a:hover { background-color: #fff; color:#a40508;}
	.ui-tabs-nav .ui-tabs-selected a { background-color: #fff; border-top: 3px solid #5f5da4; padding-top: 4px; color: #a40508;}
	.ui-tabs-disabled { }
	.ui-tabs-panel { padding: 1em 0px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	}

	/* Additional IE specific bug fixes... */
	* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
		display: inline-block;}

	* :first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
		display: inline-block;}
		label	{ text-align:right; width:150px; padding-right:10px;}
		code, div.code{ display:block; border:1px solid #f00; padding:6px; margin-top:6px;}
		
	.tb_lbl {
		display:none;
	}
.contact-fieldtext {
	margin-top:6px;
	display: block;
	font-size: 10px;
}

.contact-field {
	font-size: 10px;
}

/*Hide School menus on passcode pages*/
#pearlCategoryID_passcode #dynamic-menu{
	display:none;}

/*remove squashed text*/
h1{
	line-height:1.2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#widget_also_bought {}
#widget_also_bought ul { list-style-type: none; margin: 0; padding: 0; }
#widget_also_bought ul li { width: 49%; text-align: center; float: left; margin: 0 0 10px; }
#widget_also_bought .pul-image {}
#widget_also_bought .pul-image img { outline: none; }
#widget_also_bought .pul-name { display: block; }
#widget_also_bought .price {}

.also-bought-tbl{list-style:none inside;margin:0;padding:0;}
.also-bought-item{width:49%;text-align:center; float:left;}
.also-bought-item img{outline:none;}

/* options added by CT @ Pearl */
.prod-detail-opt { margin: 0 0 10px; padding: 10px; }
.prod-detail-opt-title { display: block; font-weight: bold; }
.prod-detail-opt-opts { display: block; margin: 5px 0 0; }
.prod-detail-opt-opts .inputText {}
.prod-detail-opt-opts .inputText option {}
.opt-disabled {}
.opt-disabled .disabled {}
.opt-disabled .disabled option {}

.PCF_SIZETAB_data { font-size: 11px !important; }

/* CHUNK: ONE PAGE CHECKOUT */
#one_page_checkout {}
.opc_framewrap { background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; }
#one_page_checkout h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px; }

#cart_frame_invoice { width: 45%; float: left; }
	#cart_frame_invoice .button { margin: 10px 0 0; }

#cart_frame_delivery { width: 45%; float: right; margin: 0 0 0 10px; }
	#cart_frame_delivery .button { margin: 10px 0 0; }

#cart_frame_shipping { clear: both; width: 45%; float: left; margin: 10px 0; }
	#opc_delivery_methods { list-style-type: none; padding: 0; }
	#opc_delivery_methods li { padding: 4px; }
	#opc_delivery_methods li label {}
	#opc_delivery_methods li label span {}
	#opc_delivery_methods li label span input { vertical-align: middle; }
		.opc_delivery_select {}
		.opc_delivery_name {}
		.opc_delivery_info { display: block; padding: 0 0 0 17px; }
		.opc_delivery_cost { display: block; padding: 0 0 0 17px; }

#cart_frame_payment { width: 45%; float: right; margin: 10px 0; }
	#opc_payment_methods { list-style-type: none; padding: 0; }
	#opc_payment_methods li { padding: 4px; }
	#opc_payment_methods li label {}
	#opc_payment_methods li label span {}
	#opc_payment_methods li label span input { vertical-align: middle; }
		.opc_payment_select {}
		.opc_payment_name {}
		.opc_payment_info { display: block; padding: 0 0 0 17px; }		
		.opc_payment_cost { display: block; padding: 0 0 0 17px; }

#cart_frame_submit { display: none !important; }

#cart_frame_coupon { clear: both; margin: 10px 0 0; }
	#discount_coupon_input {}
	.discount_coupon_validate {}

#cart_frame_review { clear: both; margin: 10px 0 0; }
	#order-review thead { border-bottom:1px solid #aaa; }
	#order-review-totals { text-align:right; border-top: 2px solid #333; }
	#order-review-tbl-totals { width:100%; }
	#order-review-tbl-totals td { padding:4px; font-size:14px; }
	#order-review-tbl-totals tr.ot_total td { font-size:23px; }
	.opc-options { font-size:10px; }
	.opc-options-name { padding-right:4px; font-weight:bold; }
	.opc-option-value {}

#cart_frame_comments { clear: both; margin: 10px 0 0; }

#cart_frame_place_order { clear: both; margin: 10px 0 0; }
	#cart-status { padding:10px; }
	.statusOK { background-color: #99ff33; }
	.statusFail { background-color: #cc0000; }
	#checkout_confirm_order {}