
/***************************************************
	GLOBAL COLORS

	background-color #000
	

	FONT SIZE - PERCENTAGE

	10px - 77%
	11px - 85%
	12px - 93%
	13px - 100%
	14px - 108%
	15px - 116%
	16px - 123.1%
	17px - 131%
	18px - 138.5%

 ***************************************************/

a{
	cursor:pointer;
	*cursor:hand;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active
{
	color:#fff;
}
h2{
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
}
h2 em
{
	font-size:77%;
	text-transform:lowercase;
	font-style:normal;
}
p{
	margin:0 0 20px 0;
	line-height:16px;
	font-size:85%;
}

/****
 * INTRO AREA
 */
.p-content .intro
{
}
.p-content .intro h1{
	float:left;
	clear:none;
	margin:0;
}

.checkout .intro
{
	margin:0 0 10px 0;
}
.checkout .intro h1
{
	float:none;
	margin:0;
}
.checkout .intro p
{
	float:left;
}

.myaccount .intro
{
	margin:0 0 15px 0;
}
.myaccount .intro h1
{
	margin:0;
	float:left;
}
.myaccount .intro p
{
	margin:0 0 20px;
	font-size:85%;
	line-height:16px;
}
.myaccount .intro h3
{
	margin:0 0 20px;
	font-size:93%;
	line-height:16px;
}
.myaccount h2 a
{
	margin:0 0 0 8px;
	font-size:77%;
	text-decoration:underline;
	text-transform:uppercase;
	line-height:16px;
}
.myaccount h3
{
	font-size:93%;
	text-transform:none;
}
.myaccount h3 a
{
	margin:0 0 0 8px;
	font-size:85%;
	text-decoration:underline;
	text-transform:uppercase;
	line-height:16px;
}
.subnav{
	float:left;
	color:#666;
	font-size:77%;
	margin:7px 0 0 10px;
	text-transform:uppercase;
}
.subnav li{
	display:inline;
	margin:0 0 0 5px;	
}
.subnav .active{
	color:#fff;
}
/*********************************************************************
 * 
 *     ECOMMERCE
 * 
 */
	
/**********************
 * =productGrid
 */

.preloader{
	display:none;
}
	
	.js .preloader{
		display:none;
	}
	
	.js .p-grid{
		display:none;	
	}
	
.p-grid li, #search-results .p-grid li{
	float:left;
	text-align:center;
	width:178px;
	height:300px;
}
	.p-grid .p-info{
		padding:15px;
	}
	.p-grid .p-info p{
		display:none;
	}
	.p-grid .p-info .price li,
	#search-results .p-info .price li{
		width:auto;
		height:auto;
		text-align:center;
		float:none;
	}
	
	.p-grid .over img{
	   filter:alpha(opacity=70);
	   -moz-opacity:0.70;
	   opacity: 0.70;
	}
	#videoHolder { float:right; }
	.filmControl { clear: both; float:right; margin-top: 10px; }
	
/* tooltip layer */

	.p-tooltip{
		background-color:#515151;
		padding:18px 18px 15px 18px;
		width:142px;
		height:206px;
		text-align:left;
	}
	.js .p-grid li{
		height:222px;
	}
	.js .p-grid .p-info, .js .p-tooltip{
		width:235px;
		height:auto;
	}
	.js .p-grid .p-info
	{
		display:none;
	}
	.js .p-tooltip
	{
		width:150px;
	}
	.js #search-results .p-info
	{
		width:158px;
		height:auto;
		display:block;
	}
	#tooltip {
		position: absolute;
		z-index: 3000;
	}
	#tooltip h3, #tooltip div { margin: 0; }
/*
.p-grid{
	margin:0 0 15px 0;
}
.p-grid li{
	float:left;
	text-align:center;
}

	.js .p-grid{
		display:none;	
	}

.p-grid .p-image{
	float:left;
	margin:0;
}
	
	.p-grid p-image a{
		height:222px;
		width:178px;
		display:block;
	}

	.p-grid .over img{
	   filter:alpha(opacity=50);
	   -moz-opacity:0.5;
	   opacity: 0.5;
	}
	
	.p-grid .p-info .price li
	{
		text-align:center;
		float:none;
	}
*/
	/* tooltip layer */
/*
	.p-tooltip{
		background-color:#222;
		padding:18px 18px 0 18px;
		width:142px;
		height:206px;
		text-align:left;
	}
	
	.js .p-grid  .p-info, .js .p-tooltip{
		width:235px;
		height:auto;
		display:none;
	}
	
	#tooltip {
		position: absolute;
		z-index: 3000;
	}
	#tooltip h3, #tooltip div { margin: 0; }
	*/


/*
 *=search-results
 *************/
#search-results
{
	display:block;
}
#search-results .intro
{
}
	#search-results .intro h1
	{
		
	}
	#search-results .intro p
	{
		margin:0;
	}
	
#search-results .button-container
{
	margin:20px 0 0 0;
}
#search-results .p-image 
{
	margin-bottom:0;
	padding-bottom:0;
}
#search-results .p-info
{
	margin:0;
	padding:0;
}
#search-results .p-info h2
{
	margin:0 0 4px 0;
	padding:0;
	font-size:93%;
}
#search-results .p-info h2 a:link,
#search-results .p-info h2 a:visited
{
	color:#fff;
}
#search-results .p-info h2 a:hover
{
	color:#666;
}
#search-results .p-content
{
	border-bottom:1px solid #444;
	border-top:1px solid #444;
	padding:10px 0 0 0;
	margin:5px 0 10px 0;
}
#search-results select
{
	margin:0 0 10px 0;
}
#search-controls p
{
	margin:0 0 15px 0;
}
#search-controls fieldset
{
	margin: 0 0 15px 0;
}
#search-controls .shopping
{
	margin: 0 0 15px 0;
}
#search-controls .shopping li
{
	font-size:85%;
	text-transform:uppercase;
}



/**********************
 * =productDetail
 */	
.p-content .pageNav{
	display:block;
	height:15px;
}
.p-content .p-grid{
	display:block;
}
.p-content .column-e{
	background-color:#515151;
	padding:15px 0 15px 20px;
	width:367px;
	height:380px;
	position:relative;
}
.js .p-content .column-e{
	height:380px;
}
.p-content .column-w{
	position:relative;
	height:410px;
	width:328px;
}
.p-content p
{
	font-size:85%;
	margin:0 25px 0 0;
}
.p-content p em
{
	display:inline;
	margin-right:10px;
}
.p-content h3{
	margin:23px 0 13px 0;
}
.p-content li{
}
.p-content fieldset.form-a label
	{
		display:none;
	}
.p-content .lnk-sizeguide{
	text-decoration:underline;
	line-height:17px;
	font-size:85%;
	margin:0 0 0 10px;
	text-transform:uppercase;
}
.styleinfo{
	margin:0 0 8px 0;
	font-size:85%;
	line-height:14px;
}
.styleinfo li,
ul.cart .styleinfo li{
	margin:0;
	padding:0;
	border-bottom:none;
}
	/* product detail content */
 .p-content br,
 .p-list .p-list-info br
 {
 	margin: 0; padding: 0; border-width: 0; line-height: 1em;
 }
	.p-content .price{
		margin:0 0 5px 0;
		font-size:85%;
		line-height:14px;
	}
	.p-content .price .sale{
		display:none;
	}
	.p-content .onsale .sale{
		display:block;
		color: Red;
	}
	.p-content .onsale .reg{
		text-decoration:line-through;
		color:#fff;
	}
	
	.p-content select{
		width:160px;
		font-size:85%;
	}
	.p-content .form-a
	{
		margin:15px 0 0 0;
	}

.p-content .slideshow{
	height:auto;
	margin:0;
	position:relative;
}
.js .p-content .slideshow{
	position:absolute;
	height:410px; /* required to prevent flicker */
}
.p-content .slideshow ul.images li{
	display:block;
	position:relative;
	height:410px;
}
.js .p-content .slideshow ul.images li{
	height:500px;
	position:absolute;
}

.js .p-content ul.indexList {
	margin-top:0;
	position:absolute;
	bottom:10px;
	left:9px;
	z-index:102;
}
.p-content ul.indexList li{
	display:inline;
	margin:0 10px 0 0;
}
.p-content ul.indexList li a:link,
.p-content ul.indexList li a:visited,
.p-content ul.indexList li a:hover,
.p-content ul.indexList li a:active{
	border:1px solid #666;
	line-height:20px;
	padding:0 4px;
	background-color:#222;
	color:#666;
	font-size:77%;
}

.p-content ul.indexList li a.current:link,
.p-content ul.indexList li a.current:visited{
	border:1px solid #fff;
	color:#fff;
}



.p-content .ft{
	position:absolute;
	bottom:15px;
}
.p-content .ft ul{
	padding:0 0 10px 0;
}
.p-content .ft li{
	margin:0 0 3px 0;
	text-transform:uppercase;
}
.p-content .ft li.last{
	margin-top:6px;
}
.p-content .ft .options
{
	font-size:77%;
}
.p-content .ft .options a
{
	text-decoration:none;
}

/* zoom */
.zoomBox{
	border:4px solid #666;
	background-color:#ccc;
	width:172px;
	height:172px;
	display:block;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	z-index:100;
}
.zoomImg{
	position:absolute;
}
.sensor{
	position:absolute;
	cursor:pointer;
	*cursor:hand;
	z-index:101;
	/* almost opaque layer to catch mouse movement
	 * opaque later also needs a bgcolor set - ie fix */
	filter:alpha(opacity=1);
    -moz-opacity:0.01;
	opacity: 0.01;
	background-color:#000;

	top:0;
	left:0;

}

.preloader
{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.preloader img
{
	margin:132px 0 0 173px ; 
}

/* scroll for product detail */
.p-content .suite-description
{		
	overflow:auto;
	height:275px;

}
	.js .p-content .suite-description
	{
		overflow:hidden;
		height:265px;
	}
	.js .p-content .suite-description div
	{
	    font-size:85%;
	    margin:0 25px 0 0;
    }


.p-content .p-description
{		
	overflow:auto;
	height:175px;

}
.p-description em
{
    display: block;
}
	.js .p-content .p-description
	{
		overflow:hidden;
		height:160px;
	}
	.js .p-content .p-description div
	{
	    font-size:85%;
		margin:0 25px 0 0;
	}


	/* page nav for product detail and prodct suites */
	.p-detail .pageNav
	{
	}
	.p-detail .pageNav a.arrowleft,
	.p-detail .pageNav a.arrowright
	{
		margin:0;
	}
	.p-detail .pageNav a.arrowleft
	{
		margin-right:14px;
	}
	.p-detail .pageNav li
	{
		margin-left:16px;
	}	














/* product list */
.p-list p{
	margin:0 0 15px 0;
}
.p-list li{
	background-color:#515151;
	margin:10px 0 0 0;
	height:1%;
}

.p-list img{
}

.p-list .p-list-info{
	display:block;
	float:left;
	width:360px;
	height:auto;
	padding:14px 30px 14px 15px;
}
	.p-list .p-list-info li
	{
		margin:0;
	}
	.p-list .p-list-info .styleinfo
	{
		margin:0 0 8px 0;
	}
.p-list p
{
	margin:0;
}

.p-list h3{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:100%;
	text-transform:capitalize;
}
.p-list fieldset{
	float:right;
	width:125px;
}
.p-list .lnk-sizeguide
{
	display:none;
}
.p-content .p-list fieldset select{
	width:110px;
	font-size:85%;
}
.p-list .price{
	margin:0 0 8px 0;
}
.p-list .price li{
	margin:0;
}
.p-list .last{
	margin:0;
}
.p-list fieldset li{
	margin: 0 0 8px 0;
}
.p-list .outofstock{
	color:#996;
}

.p-list .p-image{
	position:relative;	
	float:left;
	width:160px;
	height:200px;
}
.p-list .button-container
{
	background-color:transparent;
}
.p-list .unavailable .p-list-info,
.p-list .unavailable fieldset
{
	color:#919191;
	/*
	filter:alpha(opacity=3);
    -moz-opacity:0.30;
	opacity: 0.30;*/
}
.p-list .unavailable .p-image img
{
	filter:alpha(opacity=50);
    -moz-opacity:0.50;
	opacity: 0.50;
}
.p-list p em
{
	display:inline;
	margin:0 10px 0 0;
}
a.btn-detail{
	width:19px;
	height:19px;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	background:url(/images/btn-detail.png) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	cursor:hand;
}
a.btn-detail:hover{
	background-position:0 -19px;
}













/* email a friend */
#tafForm{
/*
	padding:0 20px 10px 20px;
*/
	background-color:#222;/*

	width:180px;
*/
}
	#tafForm .label{
		font-size:85%;
		display:block;
	}
	#tafForm .frmtext{
		width:168px;
		font-size:85%;
	}
	#tafForm textarea{
		width:175px;
	}


/* need help? */
dl#help
{
	float:right;
	position:relative;
}
dl#help dt
{
	cursor:pointer;
	text-transform:uppercase;
	font-size:77%;
	text-align:right;
	color:#fff;
}
dl#help dt a{
	text-decoration:underline;}
dl#help dd
{
	position:absolute;
	background-color:#515151;
	padding:20px;
	right:0;
	margin:8px 35px 0 0;
	width:130px;
	font-size:77%;
	text-transform:uppercase;
	line-height:14px;
}
dl#help.open dd
{
	display:block;
}
dl#help dd .help-close{
	background: url(/images/btn-close.gif) no-repeat -42px -10px;
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-9999px;
}
dl#help dd .help-close:hover
{
	background-position:-42px 0;
}




/**********************
 * =shopping cart
 */
.cart,
.cart2
{
	width:715px;
}
.cart2
{
	margin-bottom:10px;
}
	.checkout ul.cart
	{	/* bill payment page */
		width:305px;
	}
.cart .col1
{
	width:365px;
}
.cart2 .col1
{
	width:500px;
}
.cart .col2,
.cart2 .col2
{
	width:135px;
}
.cart .col3,
.cart3 .col3
{
	width:145px;
}
.cart .col4
{
	width:70px;
}
.cart td, .cart th,
.cart2 td, .cart2 th
{
	vertical-align:top;
}
.cart thead th,
.cart2 thead th
{
	font-size:85%;
	text-transform:uppercase;
	padding:0 10px 14px 0;
}
.cart2 thead th
{
	font-size:85%;
	text-transform:uppercase;
	padding:25px 10px 5px 0;
	border-bottom: 1px solid #404040;
}
.cart tbody tr
{
    margin-bottom:10px;
}
.cart tbody th,
.cart tbody td
{
	background-color:#515151;
	padding:15px 10px 15px 0;
	border-bottom: 1px solid #404040;
}
.cart2 tbody th,
.cart2 tbody td
{
	border-bottom: 1px solid #404040;
	vertical-align:top;
	padding:10px 10px 10px 0;
}
.cart tbody td
{

}
.cart .price,
.cart2 .price
{
	text-align:right;
}
.cart select
{
	width:60px;
	background-color:#515151 !important;
}
.cart fieldset .options
{
	width:60px;
	text-align:left;
}
.cart2 .options li 
{
	margin: 0 0 5px 0;
}
.cart a.selectedprod-visual,
.cart2 a.selectedprod-visual
{
	float:left;
}
.cart .p-info,
.cart2 .p-info
{
	float:left;
	margin:0 10px 10px 10px;
	width:163px;
}
.cart .p-info
{
	margin:10px;
}
	.cart .p-info h2,
	.cart2 .p-info h2
	{
		font-size:100%;
		font-weight:bold;
		text-transform:none;
	}
.cart .button-container
{
	margin:10px 0 0 0;
}
.cart h2 a
{
	color:#fff;
}
ul.cart li
{
	border-bottom:1px solid #404040;
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
	height:1%;
}
.cart .total
{
	width:auto;
}
.cart .total table
{
	float:right;
}
.cart .total tfoot tr
{
	border-top:none;
}
.cart .total
{
	border-bottom:1px solid #404040;
}
.cart .total tfoot td,
.cart .total tfoot th
{
	padding-top:0px;
	padding-bottom:5px;
}
.cart .frmtext
{
	width:124px;
}
.cart .section{margin:15px 0 0 0;}
.cart .p-content{ padding:0 0 15px 0;}
#checkoutnav
{
	border-bottom:1px solid #515151;
	margin:0 0 5px 0;
	height:1%;
}

#checkoutnav li
{
	display:block;
	float:left;
	color:#999;
	margin:0 1px 0 0;
	padding:5px 15px;
	font-size:85%;
	background-color:#333;
	text-transform:uppercase;
}
#checkoutnav li.active
{
	background-color:#444;
	color:#fff;
}

.myaccount h2
{
	text-transform:uppercase;
	font-size:108%;
	font-weight:normal;
}
.checkout h2
{
	text-transform:uppercase;
	font-size:85%;
	font-weight:normal;
}
.checkout .sign-up h2
{
	text-transform:uppercase;
	font-size:108%;
	font-weight:normal;
}
.myaccount .column,
.checkout .column{
	width:330px;	
	margin:0 25px 0 0;
}
.myaccount .subsection
{
	margin:40px 0 0 0;
}
.checkout .subsection
{
	margin:40px 0 0 0;
}
.subsection p 
{
	margin-right:20px;
}
.column .label{
	width:125px;
}
.column .frmtext{
	width:170px;
}
.column select,
.column .inline select {
	width:182px;
}
.column .nolabel 
{
	margin-left:130px;
	padding:0;
}
.checkout .button-container,
.myaccount .button-container
{
	margin-top:30px;
}


.total
{
	width:305px;
	font-size:85%;
}
.total tbody td{
	text-align:right;
	padding:0 0 5px 0;
}
.total tfoot td
{
	text-align:right;
	padding:10px 0 0 0;
}
.total tfoot th
{
	/*text-align:right;*/
	padding:10px 10px 0 0;
}
.total tfoot tr
{
	border-top:1px solid #404040;
}

address
{
	font-size:85%;
	margin:12px 0 0 0;
}
.print address {
	margin: 10px 0 20px 0;	/* Add margin below addresses on print page */
}
.options
{
	font-size:85%;
	line-height: 14px;
	text-transform:uppercase;
}
.options em
{
	font-style:normal;
	margin:0 0 0 8px;
	text-transform:none;
}
.options a
{
	/* text-decoration: underline; */
}
.options li 
{
	margin: 0 0 10px 0;
}



	
/**********************
 * =welcome	
 */

.welcome{
	/* 2 columns - 400px | 315px
	 * product detail
	 */
}
	.welcome .column-w{
		width:245px;
		margin-right:40px;
		float:left;
	}
	.welcome .column-e{
		width:370px;
		margin:10px 60px 0 0;
		float:right;
	}
	
	.welcome ul.benefits li
	{
		line-height:16px;
		font-size:85%;
		background: url(/images/bullet-dash2.gif) no-repeat 0 7px;
		margin:0 0 3px 0;
		padding:0 0 0 12px;		
	}
	.welcome h2
	{
		color:#996;
		font-size:93%;
		font-weight:normal;
		margin:20px 0 0 0;
	}
	.welcome p 
	{
		margin:0 0 15px 0;
	}
	.welcome .button-container
	{
		margin-top:14px;
	}
	
	
/**********************
 * =assistance	
 */
#help
{
}
#help .ui-tabs-nav
{
	
}
#help .ui-tabs-selected a
{
	color:#000;
}
#help .ui-tabs-deselectable
{
}
#help .ui-tabs-disabled
{
}
#help .ui-tabs-panel
{
	display:block;
}
#help .ui-tabs-hide
{
	display:none !important;
}
#help .grid-c .column-w
{
	width:400px;
	margin:0 30px 0 0;
}
#help .grid-c .column-e
{
	margin:0 20px 0 0;
	width:260px;
}
#help .helpTabs
{
	margin:5px 0;
}
#help .grid-c
{
	padding:10px 0 0 0;
	border-top:1px solid #222;
}
#help .helpTabs li,
#help .commerceTabs li,
#help .ui-tabs-nav li
{
	display:inline;
	font-size:85%;
	line-height:16px;
	padding:0 7px 0 0;
	margin:0 4px 0 0;
	text-transform:uppercase;
	background: url(/images/divider2.gif) no-repeat right 3px;
	zoom:1;
}
#help .helpTabs li.last,
#help .commerceTabs li.last,
#help .ui-tabs-nav li.last
{
	background: none;
}
#help .commerceTabs,
#help .communityTabs 
{
	margin: 0 20px 40px 0;
}
#help h2
{
	font-size:93%;
	text-transform:uppercase;
	font-weight:bold;
}
#help h3
{
	font-size:93%;
	text-transform:none;
	font-weight:bold;
	margin:0 0 5px 0;
}
#help table
{
}
#help thead th
{
	font-weight:bold;
	font-size:93%;
	padding:0 10px 5px 0;
}
#help tbody td
{
	font-size:93%;
	padding:0 10px 5px 0;
	text-align:right;
}
#help tbody th
{
	font-size:93%;
	padding:0 10px 5px 0;
}
#help p
{
	font-size:93%;
	line-height:18px;
	
}
#help .column-e p{margin-right:10px;}
#help ul.showmarkers
{
	list-style-type:none;
	margin:0 10px 20px 0;
	line-height:16px;
}
#help ol
{
	margin:0 10px 20px 25px;
}
#help ol li
{
	list-style-type:decimal;
	line-height:16px;
}
#help #The_St_John_Community li img
{
    border:1px solid #666;
    width:393px;
    margin:20px 0;
    padding:10px;
}
#help #The_St_John_Community,
#help #commerce ul
{
    position:relative;
}
#help #The_St_John_Community .ui-tabs-panel,
#help #commerce .ui-tabs-panel
{
    position:absolute;
    top:0;
    left:0;
}
#help ul.showmarkers li
{
	line-height:16px;
	background: url(/images/bullet-dash2.gif) no-repeat 0 7px;
	margin:0 0 3px 0;
	padding:0 0 0 12px;		
}
#help ul.showmarkers li ol li {background: none;}

#help .button-container li
{
	margin-bottom:5px;
}

#help #security .ui-tabs-nav li
{
	display:list-item;
	list-style-type:decimal;
	line-height:16px;
	background:none;
	font-size:93%;
	margin:0 7px 0 0;
	padding:0 10px 0 0;
	text-transform:none;
}
#help .pullup {
	margin-top: -15px;
}

/**********************
 * =myaccount	
 */
.profile-avatar
{
	float:left;
	margin:0 8px 0 0;
}
.profile-info p
{
	margin: 0 0 10px 0;
}
.profile-info li
{
	display:inline;
	font-size:77%;
	text-transform:uppercase;
}
.widget
{
	border:5px solid #515151;
	margin:0 0 25px 0;
}
.widget .widgetContent
{
	border:1px solid #404040;
	padding:12px 15px;
	background-color:#515151;
}
.widget h3
{
	text-transform:uppercase;
	margin:0 0 5px 0;
}

/**********************
 * =join now on register page	
 */

.joinnow h3
{
	font-size:93%;
	text-transform:none;
	color:#996;
}
.showmarkers
{
	font-size:93%;
	margin:10px 0 20px 0;
}
.showmarkers .first
{
	list-style-type:none;
	background:none;
	margin:0 0 5px 0;
	padding:0;
}
.showmarkers li
{
	background: url(/images/bullet-dash2.gif) no-repeat 0 7px;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
}

/**********************
 * =giftoptions
 */
.giftoptions #header,
.giftoptions #nav-container
{
	display:none;
}
.giftoptions #content-container .content
{
	float:left;
}
.giftoptions #container{
	width:480px;
}
.giftoptions .p-image{
	float:left;
	margin:0 15px 25px 0;
}
.giftoptions .p-info
{
	margin-bottom:20px;
}
.giftoptions .p-info p
{
	margin:0 0 10px 0;
}
.giftoptions h3 
{
	margin:10px 0 5px 0;
}
.giftoptions .radiobuttonlist-container 
{
	font-size:93%;
	line-height:18px;
}
.giftnote
{
	text-transform:none;
}


/**********************
 * =soca page styling
 */

.soca h1
{
	text-indent:-9999px;
	background:url("/images/logo-soca.gif") no-repeat 0 0;
	width:122px;
	height:51px;
}

.soca .p-info h2,
.soca #tooltip h2,
.soca .p-content h2,
.soca .p-list h3
{
	color:#ffc324;
}

/**********************
 * =global promo code styling
 */

dl#globalpromo
{
	padding:5px 0;
	position:relative;
	clear:right;
	height:15px;
	z-index:99999;
}
dl#globalpromo dt
{
	cursor:pointer;
	text-transform:uppercase;
	text-decoration:none;
	font-size:93%;
	text-align:right;
	
}
dl#globalpromo dt a
{
	color:#fff;
}
dl#globalpromo dt a:hover
{
	color:#666;
}
dl#globalpromo dd
{
	position:absolute;
	background-color:#222;
	padding:20px;
	right:0;
	margin:8px 0 0 0;
	width:250px;
	line-height:16px;
	text-align:left;
}
dl#globalpromo dd p
{
	line-height:16px;
}
dl#globalpromo dd h5
{
	font-size:93%;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
dl#globalpromo.open dd
{
	display:block;
}
dl#globalpromo dd .btn-close{
	background: url(/images/btn-close.gif) no-repeat -42px -10px;
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-9999px;
}
dl#globalpromo dd .btn-close:hover
{
	background-position:-42px 0;
}

/* order history */
.orderHistory
{
	border:none;
	width:500px;
}
.orderHistory td
{
	padding:4px 3px;
	font-size:93%;
}
.orderHistory .dg-header
{
	text-transform:uppercase;
	border-bottom:solid 1px #222;
}
.orderHistory .dg-item
{
	border-bottom:solid 1px #222;
}

.orderHistory .dg-alternate
{
	border-bottom:solid 1px #222;

}
.orderHistory .cart-section-options
{
}
.cart tbody td.cart-section-options
{
	font-size:85%;
	padding:10px 5px;
}

/* assitance contact community */
#csContact fieldset textarea
{
	width:200px;
}
#csContact fieldset select
{
	width:210px;
}


/* static shop online */

.staticShop li		
{
	float:left;
}

.staticShop .shopMain
{
	margin-right:4px;
}
.staticShop .promo1
{
}
.staticShop .promo2
{
}
.staticShop .promo3
{
	margin:1px 0px 0 0;
}
.staticShop .promo4
{
	margin:3px 4px 0 0;
}




/* password help */
.registerHelp dl
{
	position:relative;
}
.registerHelp dt
{
	text-align:right;
	text-transform:uppercase;
	font-size:77%;
	text-decoration:underline;
	margin:0 20px 5px 0;
	color:#666;
}
.registerHelp dd
{
	background-color:#222222;
	margin-right:15px;
	padding:10px;
	width:295px;
}
.js .registerHelp dd
{
	position:absolute;
	right:0;
}
.registerHelp dd .showmarkers {
	font-size:85%;
	margin:0;
}
.registerHelp dd .btn-close{
	background: url(/images/btn-close.gif) no-repeat -42px -10px;
	width:10px;
	height:10px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:25px;
	right:25px;
}
.js .registerHelp dd .btn-close
{
	top:10px;
	right:10px;
}


.btn-skip
{
	margin-right:15px;
}



/*
 *  shipping info
 */
 /*
 .shipinfo{width:450px;margin:0 0 20px 0;}
 .shipinfo table
 { margin:0 0 20px 0;}
 .shipinfo td, 
 .shipinfo th
 {
     font-size:77%;
     padding:4px 15px 4px 0;
  }
   .shipinfo th
   {
       font-weight:normal;text-transform:uppercase;border-bottom:1px solid #B2AFAF;}
*/