/*  

	New and Improved(tm) "It's like Advantage..." stylesheet
	
*/

/*  

	Global styles:
	
		This should contain any style information that is applicable to all elements
		of a given type in a program.  In other words, nothing in this section should
		have a pseudo-class (<element>.<pseudoclass>), or be applied to an id (#<name>)
		
		The exception to this, is that all global form element styles should be contained
		in the "Form Element styles" section that directly follows this section.
		
*/

* {

		margin					:0;
		padding					:0;
}

body {
        font                	: 14px 'Droid Sans', arial, serif;
        margin              	: 0px;
        color					: #3e3e3e;       
}

.one {
	background    			: #b4bbc1 url(/images/update/blue_striped_bg.png); 
}


.two, .three, .four, .five {
	background    			: #f1f1f1;
}

img {
		border					: none;
}

div {
	float: left;
}
a, div, input {  
	outline:none;  
   }  

p	{
		margin-top				: 12px;
		margin-bottom			: 0px;
}


a img {
	border: none;
}



/*

	Form Element styles:
	
		This area should specify global style information related to form elements.  No pseudo-classes
		or id references should appear in this section.


*/

input {
	border			: 1px solid #000000; 
}

input[type="submit"] {
	color: #fff !important;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 14px 20px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #000;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #485D7C;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#3D4F68));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#3D4F68));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}


input[type="submit"]:hover {
	 color: #fff !important;
    border-color: #999;
    background: #3D4F68;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#485D7C));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#485D7C));
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}


select {
	border			: 1px solid #000000;
	font-size		: 11px;
}

textarea {
	border			: 1px solid #000000;
	font-size		: 11px;
}

input[type="image"]{
	border: none;
}

/*

	Link styles:
	
		This area should contain the global style information for link elements (<a>).
		
*/

a:active, a:link, a:visited {
	color		    		: #485D7C;
	text-decoration	    	: none;
}

a:hover {
	text-decoration	    	: underline;
}

/* Left Navigation Styles */


a.leftnav:active, a.leftnav:link, a.leftnav:visited {
	font-size				: 12px;
	color					: Black; /* To be changed to customers colors */
	text-decoration	    	: none;
}

a.leftnav:hover {
	text-decoration	    	: none;
	color					: #485D7C; /* To be changed to customers colors */
}





/* END Left Navigation styles */



/*

	Side Menu link styles
	
		
*/

a.sidemenu:active, a.sidemenu:link, a.sidemenu:visited {
	
	text-decoration	    	: none;
	color					: #485D7C; /* To be changed to customers colors */
}

a.sidemenu:hover {

	color					: #000000; /* To be changed to customers colors */
	text-decoration	    	: none;
}

a.sidesubmenu:active, a.sidesubmenu:link, a.sidesubmenu:visited {
	
	text-decoration	    	: none;
	color					: #485D7C; /* To be changed to customers colors */
}

a.sidesubmenu:hover {

	color					: #000000; /* To be changed to customers colors */
	text-decoration	    	: none;
}

td.sidemenu {
	
	text-decoration	    	: none;
	color					: #FFFFFF; /* To be changed to customers colors */
	padding-top				: 2px;
	padding-left			: 15px;
	padding-bottom			: 5px;  
	font-size				: 11px;
}

td.sidemenu:active, td.sidemenu:link, td.sidemenu:visited {
	
	text-decoration	    	: none;
}


td.sidesubmenu {
	
	text-decoration	    	: none;
	color					: #FFFFFF; /* To be changed to customers colors */
	padding-top				: 2px;
	padding-left			: 18px;
	padding-bottom			: 3px; 
	font-size				: 10px;
}

td.sidesubmenu:active, td.sidesubmenu:link, td.sidesubmenu:visited {
	
	text-decoration	    	: none;
}


td.searchsidemenu {
	
	text-decoration	    	: none;
	color					: #485D7C; /* To be changed to customers colors */
	padding-top				: 1px;
	padding-left			: 15px;
	padding-bottom			: 3px;  
	font-size				: 10px;
}

td.searchsidemenu:active, td.searchsidemenu:link, td.searchsidemenu:visited {
	
	text-decoration	    	: none;
}



/*




	Site-shell styles:
	
		This area should contain any styles which are applied to the 'shell' template for a site.
		Typically these are #<id> referenced styles.  They appear in this section, rather than the
		'ID Reference styles' section, because they apply to the actual structure of the site, not
		the more visual presentation aspects.
		
*/

#shell {
	width: 1024px;
    margin: auto;
    float: none;
    /* background-color: #ffffff; */
}


#left_pane {
	width: 185px;
	float: left;
	
}

.leftinner {
	width: 100%;
	padding: 20px 0px;
}

#center_pane {
	width: 839px;
	float: left;
	background: #fff url(/images/update/bg-content.png) no-repeat top left; 
	min-height: 537px;
	
}

.centerpaneinner {
	width: 780px;
    margin: auto;
    float: none;
    padding-top: 20px;
    
    font: 12px 'Droid Sans', arial, serif;
}



#right_pane {
}


.contenttop {
	clear: both;
	width: 100%;
	height: 47px;
}

.contentbottom {
	clear: both;
	width: 100%;
	height: 47px;
}


.content	{
	 width: 100%;
}

.contentin {
	width: 100%;
	/* background-color: #ffffff; */
}



.contentlogo {
	clear: both;
	width: 839px;
	float: right;
	height: 75px;
	text-align: right;
	vertical-align: bottom;
	background-color: #fff;
}

.contentlogolarge {
	clear: both;
	width: 839px;
	float: right;
	height: 210px;
	text-align: right;
	vertical-align: bottom;
	background-color: #fff;
}


.leftblock {
	width: 500px;
	float: left;
}

.rightblock {
	width: 250px;
	float: right;
}

.thirdblockleft {
	width: 240px;
	float: left;
	margin: 0px 20px 0px 0px;
}

.thirdblockmiddle {
	width: 240px;
	float: left;
}

.thirdblockright {
	width: 240px;
	float: right;
}


.full_width {
	width: 100%;
	float: left;
}

.contentlogo img {
	margin-right: 5px;
	margin-top: 12px;
}

.leftsideindex {
	width: 450px;
	float: left;
	margin-right: 50px;
}

.leftsideindex p {
	text-shadow: 0px 1px 1px #3E3E3E;
	color: #ffffff;	
	font: 14px 'Droid Sans', arial, serif;
}

.eventhinner {
	padding-left: 10px;
}

.rightsideindex {
	width: 393px;
	height: 340px;
	float: left;
	background    	: url(/images/update/login_background.png) no-repeat top center;
}

.formwrapper {
	width: 328px;
	margin: auto;
	float: none;
}

.logintitle {
	width: 100%;
	padding-top: 20px;
}

.loginform {
	width: 100%;
	padding-top: 25px;
}

/*

	Header styles:
	
		This area should contain styles related only to the header pseudo-class (.header)
		
*/

.headerwrapper {
	height          : 188px;
	width			: 100%;
	background    	: #b4bbc1 url(/images/update/header_bg.png) repeat-x;
}

.header {
	width: 1024px;
    margin: auto;
    float: none;
	position: relative;	
}

.acmelogo {
	position: absolute;
	top: 15px;
	left: 0px;
}


.acmelogosmall {
	position: absolute;
	top: 15px;
	left: 0px;
}

.pagetitle {
	position: absolute;
	top: 130px;
	left: 10px;
}

.pagetitle h1 {
	text-shadow: 0px 1px 1px #3E3E3E;
	color: #ffffff;	
	font: 40px 'Droid Sans', arial, serif;
	font-weight: normal;
}


.topnav {
	position: absolute;
	right: 0px;
	top: 42px;
	height: 20px;
	line-height: 20px;
	color: #6c6c6c;
	text-align: right;
}


.welcomecontent {
	position: absolute;
	top: 145px;
	right: 0px;
	text-align: right;	
}

/*

	Footer styles:
	
		This area should contain style related to only the footer pseudo-class (.footer)
		
*/

.footertopwrapper {
	clear: both;
	height: 102px;
	width: 100%;
	background    	: #b4bbc1 url(/images/update/footer_top_row.png) repeat-x;
	margin: 0px;
	padding: 0px; 
	text-shadow: none;
}

.footertop {
    width: 1024px;
    margin: auto;
    float: none;
    height: 102px;
    position: relative;
}

.footerleft {
	position: absolute;
	top: 0px;
	left: 185px;
	width: 100px;
	float: left;
	height: 50px;
	padding: 10px;
/*	background-color: #ffffff; */
}

.footercenter {
	position: absolute;
	top: 25px;
	left: 350px;
}

.footerright {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 288px;
	text-align: right;
	font-size: 11px;
	height: 65px;
}

.footerbottomwrapper {
	height: 295px;
	width: 100%;
	background    	: #b4bbc1 url(/images/update/footer_bottom_row.png) repeat-x;
	margin: 0px;
	padding: 0px;
}


.footerbottom {
	height: 295px;
	width: 100%;
	background: url(/images/update/centercontent_top_shadow.png) no-repeat top center;
	margin: 0px;
	padding: 0px;
}

.footerbottominner {
	width: 100%;
	text-align: center;
	padding-top: 25px;
}


/* these are for the nomination process */
div.process_wrapper {
	border 					: 1px solid #666666;
	float					: left;
	width					: 95%;
}

div.process_head {
	float					: left;
	width					: 100%;
	background-color		: #666666;
	color					: white;
	padding-top				: 5px;
	padding-bottom			: 5px;
}

div.process_block {
	border-bottom			: 1px solid #666666;
	float					: left;
	padding-top				: 15px;
	padding-bottom			: 15px;
	width				: 100%;
	
}

div.process_spacer {
	float					: left;
	width					: 10px;	
}

div.process_line {
	width					: 100%;
	margin-top				: 5px;
}

div.process_line2 {
	width					: 100%;
	margin-top				: 5px;
	float					: left;
}

div.process_left {
	font-weight				: 700;
	width					: 20%;
	float					: left;
	vertical-align: top;
}	

div.process_right {
	width					: 80%;
	float					: left;
	vertical-align: top;
}



/*

	ID Reference Styles:
	
		The styles in this section should be limited to styles which are applied to an id element.
		These are specified using the #<name> notation.
		
		Only use this type of style for an element which can appear one time on a page.  If an
		element can appear more than once, it should be given a pseudo-class.  This keeps the
		cascading part of CSS happy
		
*/



/*
	List item styles:
	
		This fixes the displaying of list items.
		It will also display orphaned li tags correctly.
*/

#center_pane ol {
	margin-left		: 10px;
	padding-top		: 3px;
	padding-bottom	: 3px;
}

#center_pane ul {
	padding-top		: 3px;
	padding-bottom	: 3px;
}

#center_pane li {
	margin-left		: 18px;
}

/*

	Error and Notice styles:
	
		These two id references coorespond to all 'soft' errors (non-critical) and notices that are
		generated by the application platform.
		
*/

#error {
	/*background		: url(/asset/global/icons/mid_error.jpg) no-repeat center left; */
	margin-top		: 2px;
	color			: red;
	width			: 100%;
	text-align		: center;
	vertical-align	: middle;
	font-weight		: bold;
}

#notice {
	/*background      	: url(/asset/global/icons/mid_info.jpg) no-repeat center left;*/
	color				: #F88614;
	font-weight			: bold;
	margin-top			: 2px;
	margin-bottom   	: 5px;
	width				: 100%;
	text-align      	: center;
	vertical-align		: middle;
}

/*

	Add in your own ID REFERENCED styles in this section.  Please be sure to group them 
	by association, to keep with the conventions in this file.  Also, to help those who
	come behind you, please include comments on what the elements are used for.
	
*/

/* 
    Busy Indicators
   
        Styles for showing a busy indicator
        (Mostly used during AJAX requests)
*/

/* the entire page is waiting to be refreshed */
#search_spinner {
	background: transparent url('/images/loaders/large-circle.gif') no-repeat top center;
	position: absolute;
	display: block;
	z-index: 1;
	top: 200px;
	left: 50%;
	margin-left: 20px;
	width: 100px;
	height: 100px;
}

/* this is for asa tables */
table.asa2 {
	width			: 95%;
	border			: 1px solid #485D7C;
	padding			: 1px;	
	text-align		: center;
}

table.asa {
	width			: 95%;
	border			: 1px solid #485D7C;
	padding			: 1px;	
	text-align		: center;
}

tr.asaheader {
	background-color 	: #485D7C;
	font-weight			: 700;
	color				: white;
	line-height			: 20px;
	height				: 20px;
}

tr.asa {
	height				: 20px;
}

td.asa {
	height				: 20px;
}	

/*
	Item Descriptions

		Some of the item data we get has html that behaves badly once placed within our
		divs.  These styles are an attempt to fix this.

*/

#item_description {
	margin-top		: 10px;
}

/* this is the color for the category trail's sub categories */
.item_subcategory_trail, .item_subcategory_trail a {
	color:			#666666;
}

/*

	Pseudo-classed styles:
	
		This section contains the most styles of all sections, since this is where you
		can specify your own pseudo-classed CSS elements.  Please take care to group them by
		association, and include comments about where and what the styles are used for.
		
	Alternate color background DIV blocks
	
		These styles refer to the "light" and "dark" blokcs from the older set.  Used for
		rows of data, etc.  Light is for light background with dark text, and dark is for 
		dark background with light text.  NO widths will be defined, this is a coloration
		class only!
*/

.light_block {
	border			: none;
	color			: #000000;
}


.light_block_nav{
	width			: 100%; 
	margin-bottom	: 5px; 
	margin-top		: 5px;
	border			: 0px; 
}

.dark_block {
   	background      : #485D7C;
	color			: #FFFFFF;
}


.xbrowser_padded_header {
	width			: 100%; 
	text-indent		: 2px; 
	line-height: 17px;
	color			: #FFFFFF;      /* yellow writing on hte banner - to be changed to customers colors   */
   	background          : #485D7C;  /* this is red, for the dark headers - to be changed to customers colors */
	vertical-align		: middle; 
}

.bigth {
	padding: 5px 0px;
	text-align: left;
	color			: #FFFFFF;      /* yellow writing on hte banner - to be changed to customers colors   */
   	background          : #485D7C;  /* this is red, for the dark headers - to be changed to customers colors */
   	text-indent		: 5px; 
}

.bigtd {
	padding: 3px 0px;
	text-align: left;
   	text-indent		: 5px; 
}

.xbrowser_padded_header a {
	color			: #FFFFFF;
	vertical-align		: middle;
}

.text_center {
	text-align		: center;
}

/* This is for image headings */
.heading {

}

/*
	Common line heights for "rows" of data or form fields
		
		These styles control the heights and line-heights of "rows" on divs.  These can
		contain form fields, and can also have dark borders on the top or bottom to
		help make data more readable.
*/


.formlabel {
	width			: 150px;
	text-align		: right;
	height			: 25px;
	line-height		: 25px;
	margin-top		: 2px;
	margin-bottom	: 1px;
}

.forminput {
	width			: 250px;
	padding-left	: 5px;
	text-align		: left;
	height			: 30px;
	margin-top		: 2px;
	margin-bottom	: 3px;
}


.dropdownforce {
	width			: 250px;
}

.form_container {
	margin-top		: 5px;
	padding-top		: 5px;
	padding-bottom	: 5px;
}

.form_container_with_header {
	margin-top		: 5px;
	padding-bottom	: 5px;
}

.form_container_with_header .xbrowser_padded_header {
	margin-bottom	: 5px;
}

.form_row {
	float			: left;
	width			: 100%;
	padding: 5px 0px;
}


.form_row .formleft {
	text-align: left;
	text-transform: uppercase;
	width: 120px;
	float: left;
	font-weight: bold;
}

.form_row .formright {
	width: 178px;
	text-align: right;
	float: left;
}



/* col1 and col2 become the default form label and field columns */

.form_row div.col1 {
	width			: 150px;
	text-align		: right;
    line-height     : 18px;
}

.form_row div.col2 {
	width			: 300px;
	padding-left	: 5px;
}

.form_row div.col2account {
	width			: 225px;
	padding-left	: 5px;
}

.form_row div.col3 {
	width			: 200px;
	padding-left	: 5px;
	color			: red;
}

.text_row {
	height			: 20px;
	line-height		: 16px;
	float 			: left;	
	width			: 100% ! important;
}

.text_row div.col {
	width			: 50%;
}

.row_background {
	background		: #fff;
	color			: #000;
}

.alt_row_background {
	background		: #eee;
	color			: #000;
}

.dark_bottom_border {
	border-bottom		: 1px solid #000000;
}

/*

	Button classes:
	
		These classes are used on buttons to provide decent image replacements for common buttons
		used throughout the incentive application
		
*/

input.add_to_cart {
	background		:	#fff url(/images/buttons/add_to_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	165px;
}

input.add_to_wishlist {
	background		:	#fff url(/images/buttons/add_to_wishlist.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	165px;
}

input.advanced_search {
	background		:	#CCC url(/images/buttons/advanced_search.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	135px;
}

input.begin_checkout {
	background		:	#CCC url(/images/buttons/begin_checkout.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	125px;
}

input.cancel {
	background		:	#CCC url(/images/buttons/cancel.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.complete_checkout {
	background		:	#CCC url(/images/buttons/complete_checkout.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.continue_checkout {
	background		:	#CCC url(/images/buttons/continue_checkout.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.edit_shipping_address {
	background		:	#CCC url(/images/buttons/edit_shipping_address.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	165px;
}

input.empty_cart {
	background		:	#CCC url(/images/buttons/empty_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	100px;
}

input.enter_access_code {
	background		:	#CCC url(/images/buttons/enter_access_code.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.get_password_reminder {
	background		:	#CCC url(/images/buttons/get_password_reminder.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	170px;
}

input.go {
	background		:	#CCC url(/images/buttons/go_bttn.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	16px;
	width			:	16px;
}

input.my_account {
	background		:	#CCC url(/images/buttons/my_account.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	105px;
}

input.order_history {
	background		:	#CCC url(/images/buttons/order_history.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	115px;
}

input.point_account {
	background		:	#CCC url(/images/buttons/point_account.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	115px;
}

input.reset {
	background		:	#CCC url(/images/buttons/reset.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	70px;
}

input.reset_password {
	background		:	#CCC url(/images/buttons/reset_password.jpg) no-repeat;
	outline			:	none;
	height			:	24px;
	border			:	none;
	width			:	130px;
}

input.return_to_cart {
	background		:	#CCC url(/images/buttons/return_to_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	120px;
}

input.search {
	background		:	#CCC url(/images/buttons/search.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	25px;
	width			:	75px;
}

input.send_help_request {
	background		:	#CCC url(/images/buttons/send_help_request.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.sign_in {
	background		:	#CCC url(/images/buttons/sign_in.jpg) no-repeat;
	width			:	75px;
	height			:	24px;
	outline			:	none;
	border			:	none;
}

input.sign_out {
	background		:	#CCC url(/images/buttons/sign_out.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	85px;
}

input.submit {
	background		:	#CCC url(/images/buttons/submit.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.update {
	background		:	#CCC url(/images/buttons/update.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.update_cart {
	background		:	#CCC url(/images/buttons/update_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	105px;
}

/*

	Headline classes:
	
		These pseudo-classes are used for 'headline' styled elements.  These are used because
		they tend to be more portable (even if more verbose) across browsers.  They don't carry
		the garbage margins that the HTML default <h#> elements do.
		
*/

span.headline {
	color: #485d7c;	
	font: 20px 'Droid Sans', arial, serif;
	font-weight: bold;
}

h2 {
	color: #485d7c;	
	font: 17px 'Droid Sans', arial, serif;
	font-weight: bold;
	border-bottom: 2px solid #485d7c;	
	margin-bottom: 10px;
}

h2 small {
	font-size: 12px;
	font-style: italic;
	font-size: normal;
}

h3 {
	color: #485d7c;	
	font: 17px 'Droid Sans', arial, serif;
	font-weight: bold;
	margin-bottom: 10px;
}


h6 {
	color: #485d7c;	
	font: 14px 'Droid Sans', arial, serif;
	font-weight: bold;
	margin-bottom: 6px;
	border-bottom: 1px dotted #485d7c;	
}


/*

	Third party component styles:
	
		This section contains all styles related to third-party components that are used
		in the application.  Since these are typically self-contained, these styles are
		exempted from the general conventions of this document.
		
		Commenting guidelines still apply here.  Include the name of the third-party
		component, the URL where the component (and documentation) is available from
		and any other useful information.
		
*/

/*

	Epoch JS styles:
	
		Name	:	Epoch DHTML Javascript Calendar 
		URL		:	http://www.meanfreepath.com/javascript_calendar/index.html
		
		These styles are used for the dynamic calendar controls that we use throughout
		the application.
		
*/

table.calendar {
        font-family             : Verdana, Helvetica, Arial, sans-serif;
        font-size               : 10px;
        border-collapse         : collapse;
        background-color        : white;
        border                  : 1px solid #999999;
        width                   : 200px;
        text-align              : center;
        -moz-user-select        : none;
}

/* keeps the form from being huge on ie... */
table.calendar div {
        width                   : 200px;
}

table.calendar input {
        font-size               : 10px;
        border                  : 1px solid #999999;
        background              : #ffffff;
}

table.calendar input:hover{
	background-color:	#006f3a; /* To be changed to customers colors */
	color			:	#FFFFFF;
	cursor			: 	pointer;
}

table.calendar select {

		font-size               : 10px;
        border                  : 1px solid #999999;
        background              : #ffffff;
        
}

table.calendar td {
        border                  : 0;
        font-size               : 10px;
        text-align              : center;
}

div.mainheading {
        width                   : 200px ! important;
        float                   : none;
}

table.caldayheading {
        border-collapse         : collapse;
        cursor                  : pointer;
        empty-cells             : show;
        margin-left             : 6px;
        margin-right            : 6px;
}

table.caldayheading td {
        border                  : solid #CCCCCC 1px;
        text-align              : center;
        color                   : #485D7C;
        font-weight             : bold;
        width                   : 22px;
}

table.caldayheading td.wkhead {
        border-right            : double #CCCCCC 3px;
}

table.cells {
        border-collapse         : collapse;
        cursor                  : pointer;
        margin-left             : 6px;
        margin-right            : 6px;
}

table.cells td {
        border                  : solid #CCCCCC 1px;
        vertical-align          : top;
        text-align              : center;
        font-weight             : bold;
        width                   : 22px;
        height                  : 20px;
}

table.cells td {
        padding                 : 1px;
        margin                  : 0px;
}

table.cells div {
        padding                 : 0px;
        margin                  : 0px;
        float                   : none;
}

table.cells td.wkhead {
        background-color        : #aa4400;
        text-align              : center;
        border-right            : double #CCCCCC 3px;
        color                   : #485D7C;
}

table.cells td.wkday {
        background-color        : #f5f5f5;
}

table.cells td.wkend {
        background-color        : #f5f5f5;
}

table.cells td.curdate {
        background-color        : #d1d6df;
}

table.cells td.cell_selected {
        background-color        : #485D7C;
        color                   : white;
}

table.cells td.notmnth {
        background-color        : #FFFFFF;
        color                   : #CCCCCC;
}

table.cells td.notallowed {
        background-color        : white;
        color                   : #EEEEEE;
        font-style              : italic;
}

table.cells td.hover {
        background-color        : #999999;
}


/* Shop Item styles  */

div.shopitem {
	
	text-decoration	    	: none;
	margin-bottom			: 0px; 
	width					: 176px;
	height					: 176px;
	margin-left				: 0px; 
	text-align				: center;
	margin-top				: 10px;
}

div.shopper {
	border					: 1px solid #485D7C;
	padding					: 2px;
}

div.shoptitle {
	height					: 25px;
	line-height				: 25px;
	width					: 176px;
	background-color		: #485D7C;
}

a.shop:active, a.shop:link, a.shop:visited {
	text-decoration	    	: none;
	color					: #FFFFFF;
}

a.shop:hover {
	color					: #FFFFFF;
	text-decoration	    	: underline;
	
}



div.featured_item_text {
 	margin-top				: 2px;
 	text-align				: center;
 	line-height				: 10px;
 	width					: 150px;
 	padding					: 2px;
 	height					: 40px;
}


/* END Shop Item styles  */

/* Item Skeleton styles */

div.item_skeleton {
 	float					: left;
 	width					: 215px;
 	margin-left				: 25px;
 	
 	
}

table.item_table {
	border					: 1px solid #cccccc;
	margin-bottom			: 15px;
}

td.brandtitle {
	padding					: 2px;
	background-color		: #CCCCCC;
	color					: #485D7C;
}

div.item_skeleton_itemwrapper {
	width					: 195px;
	height					: 255px;
	margin-top				: 0px;
	margin-bottom			: 0px;
	}
	

/*div.item_skeleton_image {
	margin-top				: 5px;
 	overflow				: hidden;
 	width					: 170px;
 	height					: 160px;
 	text-align				: center;
 	line-height				: 160px;
}*/

table.item_skeleton_image {
 	overflow				: hidden;
 	width					: 170px;
 	height					: 170px;
 	text-align				: center;
}

a.item_image_link {
 	font-size				: 10px;
}

div.item_skeleton_name {
	width					: 180px;
	height					: 50px;
	/*margin-left				: 3px;*/
}

a.bold_link {
	font-weight				: bold;
	color					: #485D7C;
}

div.item_skeleton_brand {
	width					: 205px;
	margin-left				: 0px;
	border-left				: 0px;
	/*margin-left				: 3px;*/
	padding-top				: 3px;
	padding-bottom			: 2px;
	color					: #000000;
	font-weight				: bold;
}

a.reg_link {
 	color					: #485D7C;
}

a.brand_link {
	color					: #485D7C;
}

div.item_skeleton_points {
	width					: 180px;
	margin-bottom			: 2px;
	text-align				: right;
	font-weight				: bold;
	color					: #333333;
	height					: 20px;
	line-height: 20px;
}

div.item_skeleton_points2 {
	width					: 150px;
	margin-bottom			: 2px;
	text-align				: right;
	font-weight				: bold;
	color					: #333333;
	height					: 20px;
	line-height: 20px;
	border-bottom: 2px solid #485d7c;
}


div.item_skeleton_links {
	width					: 195px;
	/*margin-left				: 3px;*/
	text-align				: right;
	height					: 15px;
	background-image		: url(/images/2/viewitem.jpg);
	background-repeat		: no-repeat;
	background-position		: bottom right;
	
}


/* END Item Skeleton Styles */



/* dcategory ITEM SKELETON STYLES */


div.d_item_skeleton {
 	width					: 100%;
 	border-top				: 1px solid #cccccc;
 	margin-bottom			: 5px;
 	
}

table.d_item_table {
	width					: 100%;
}

td.d_itemskeleton_image {
	width					: 170px;
}

td.d_itemskeleton_links {
	vertical-align			: top;
}
	


table.d_item_skeleton_image {
 	overflow				: hidden;
 	width					: 170px;
 	height					: 170px;
 	text-align				: center;
}

a.d_item_image_link {
 	font-size				: 10px;
}


a.d_bold_link {
	font-weight				: bold;
	color					: #485D7C;
}


a.d_reg_link {
 	color					: #485D7C;
}

span.d_item_skeleton_desc {
	color					: #666666;
}

span.d_item_skeleton_points {
	font-weight				: bold;
	color					: #333333;
}

/* END dcategory ITEM SKELETON STYLES */



/* lcategory ITEM SKELETON STYLES */


div.l_item_skeleton {
 	width					: 100%;
 	border-top				: 1px solid #cccccc;
 	margin-bottom			: 3px;
 	
}

table.l_item_table {
	width					: 100%;
}

td.l_itemskeleton_image {
	width					: 35px;
}

td.l_itemskeleton_links {
	vertical-align			: top;
}
	


table.l_item_skeleton_image {
 	overflow				: hidden;
 	width					: 35px;
 	height					: 35px;
 	text-align				: center;
}



a.l_bold_link {
	font-weight				: bold;
	color					: #485D7C;
}


span.l_item_skeleton_points {

	color					: #333333;
}



/* END lcategory ITEM SKELETON STYLES */





/* JSON Pager Styles */

div.pager {
	width					: 100%;
	margin-top				: 5px;
	margin-bottom			: 15px;
	height					: 20px;
	background-color		: none;
	border-bottom			: 1px solid #cccccc;
}

div.pagerbottom {
	width					: 100%;
	margin-top				: 3px;
	margin-bottom			: 10px;
	height					: 20px;
	background-color		: none;
	border-top				: 1px solid #cccccc;
}

div.pager_first {
	width					: 70px;
	height					: 20px;
	line-height				: 18px;
}


div.pager_pages {
	width					: 600px;
	height					: 20px;
	line-height				: 18px;
	text-align				: center;
	color					: #485D7C;
}

div.pager_last {
	width					: 70px;
	height					: 20px;
	line-height				: 18px;
	text-align				: right;
	float					: right;
}


a.pager:active, a.pager:link, a.pager:visited {
	color		    		: #485D7C;
	text-decoration	    	: none;
}

a.pager:hover {
	text-decoration	    	: underline;
}

a.pages:active, a.pages:link, a.pages:visited {
	color		    		: #485D7C;
	margin-left				: 2px;
	margin-right			: 2px;
	text-decoration	    	: none;
}

a.pages:hover {
	text-decoration	    	: underline;
}

a.pagesbold:active, a.pagesbold:link, a.pagesbold:visited {
	color		    		: #485D7C;
	margin-left				: 2px;
	margin-right			: 2px;
	font-size				: 14px;
	font-weight				: 700;
	text-decoration	    	: none;
}

a.pagesbold:hover {
	text-decoration	    	: underline;
}




/* END JSON Pager Styles */

/* Site cleanup styles -> Attempting to cleanup site by removing as many styles from the .xsl files as possible and moving them here in the CSS
   This is the location for styles that don't fit in well anywhere else.  Any random styles can be put here */

.default {
 	width					: 125px;
 	vertical-align			: middle;
 	color					: #666666;
}

.go {
	vertical-align			: middle;
}

.advancedsearch {
	font-size				: 9px;
	color					: #485D7C;
	text-decoration			: underline;
}


.viewtypes {
	width: 100%;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: right;
	margin-bottom: 10px;
}

/* END Site cleanup styles */




/* remove the list style */
#navnew {
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#navnew li {
		float:left; 
		display:block;  
		position:relative;
		margin-left: 15px;
		z-index:500; 
	}
				
		
	/* this is the parent menu */
	#navnew li a {
		display:block; 
		padding:0px; 
		font-weight:normal;  
		height:20px; 
		line-height: 20px;
		text-decoration:none; 
		color: #6c6c6c;
		text-align:left; 
		font: 17px 'Droid Sans', arial, serif;
		font-weight: bold;
	}

	#navnew li a:hover {
		color: #fff;
		text-decoration: none;
	}

	
	#navnew li a.itsme {
		display:block; 
		padding:0px; 
		font-weight:normal;  
		height:20px; 
		line-height: 20px;
		text-decoration:none; 
		color: #fff;
		text-align:left; 
		font: 17px 'Droid Sans', arial, serif;
		font-weight: bold;
	}

	#navnew li a.itsme:hover {
		color: #6c6c6c;
		text-decoration: none;
	}

	.tokenbtn {
	
	display: block;
	width: 250px;
	height: 100px;
	background: url(/images/update/BasesLoaded_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	
	}
	
	.tokenbtn:hover {
	
	background-position: 0 -100px;
	
	}


.onefifth {
	width: 150px;
	padding: 0px 3px;
}

.serviceblock {
	border: 2px solid #e1e1e1;
	width: 100%;
	height: 150px;
}


.topdate {
	margin: 0px;
	padding: 0px;
	background-color: #e1e1e1;
	color: #485D7C;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

.padme {
	vertical-align: top;
	padding: 10px;
}

.teambtn {
	color: #fff !important;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 14px 20px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #000;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #485D7C;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#3D4F68));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#3D4F68));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}

.teambtn:hover {
	 color: #fff !important;
    border-color: #999;
    background: #3D4F68;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#485D7C));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#4E6484),to(#485D7C));
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.gored {
	font-style: italic;
	color: red !important;
}

.footerbtn {
	width: 288px;
	height: 65px;
	display: block;
	background-image: url(/images/update/design_consultant.jpg);
	background-repeat: none;
	background-position: 0 0;
}

.footerbtn:hover {
	background-position: 0px -65px;
}

.teammemberbtn {
	width: 267px;
	height: 41px;
	display: block;
	background-image: url(/images/update/team_member.jpg);
	background-repeat: none;
	background-position: 0 0;
}

.teammemberbtn:hover {
	background-position: 0px -41px;
}

.recognizebtn {
	width: 151px;
	height: 41px;
	display: block;
	background-image: url(/images/update/recognize_peer.jpg);
	background-repeat: none;
	background-position: 0 0;
}

.recognizebtn:hover {
	background-position: 0px -41px;
}

/* MAIN SHOP PAGE STYLES */


.mainattraction {
	width: 100%;
	float: left;
	height: 305px;
}

	.mainattractionImage {
		float: left;
		width: 305px;
		margin-left: 10px;
	}
	
	.mainattractionText {
		width: 350px;
		float: left;
	}
		.mainattractionText span {
			position: relative;
			top: 80px;
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
		}

		.mainattractionText a {
			color: #1e3a85;
			font-size: 14px;
			text-decoration: none;
		}

		.mainattractionText a:hover {
			text-decoration: underline;
		}


		
.categorypush {
	margin-top: 15px;
	width: 100%;
	float: left;
	height: 150px;
	border-bottom: 1px solid #e3e3e3;
}


.recenthistory {
	margin-top: 15px;
	width: 100%;
	float: left;
	height: 150px;
	border-bottom: 1px solid #e3e3e3;
}

	.recenthistory span {
		display: block;
		height: 25px;
		line-height: 25px;
		float: left;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
	}

.breadcrumb {
	width: 100%;
	float: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid #1e3a85;
	margin-bottom: 10px;
}
		

	.breadcrumb a {
		color: #1e3a85;
		font-weight: bold;
		text-decoration	: none;
	}
		.breadcrumb a.hover {
			text-decoration	: none;
		}

.viewtypes {
	width: 100%;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: right;
	margin-bottom: 10px;
}



.hotlist {
	width: 100%;
	float: left;
	margin-top: 25px;
}

.hotlist span {
		display: block;
		height: 30px;
		line-height: 25px;
		float: left;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		margin-bottom: 15px;
		border-bottom: 2px solid #cdcdcd;
	}
	
.categorycontainer {
	width: 150px;
	height: 210px;
	margin: 0px 12px 25px 12px;
}


.itemcontainer {
	width: 150px;
	height: 225px;
	margin: 0px 20px 25px 20px;
}


.itemcatcontainer {
	width: 150px;
	height: 270px;
	margin: 0px 12px 40px 12px;
}

.imagewrap {
	width: 150px;
	height: 150px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

.itembrand {
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
	width: 100%;
}

.itemname {
	height: 40px;
	width: 100%;
	color: #000;
}

.itemname a {
	color: #000;
	text-decoration: none;
}

	.itemname a:hover {
		text-decoration: underline;
	}
	
	
.carousel {
	width: 100%;
	float: left;
	height: 225px;
}

	.carousel ul {
		margin: 0;
		list-style: none;
	}

	.carousel li div {
		width: 150px;
        height: 225px;
        text-align: center;
        margin: 0px 3px;
	}
	
	
	
	/*need to have the extra number on them so the js can have more than one carousel on a page */
	
	.hotlist .next, .next1, .next2, .next3, .next4, .next5 {
		width: 35px;
		float: left;
		height: 200px;
		display: block;
		background-image: url(/images/2/next.jpg);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	
	.hotlist .prev, .prev1, .prev2, .prev3, .prev4, .prev5 {
		width: 35px;
		height: 200px;
		float: left;
		display: block;
		background-image: url(/images/2/back.jpg);
		background-position: left center;
		background-repeat: no-repeat;
	}
	 
	
	
.superCat {
	width: 100%;
	height: 245px;
	float: left;
	padding-top: 10px;
	
}

	.superCat span {
		display: block;
		height: 30px;
		line-height: 25px;
		float: left;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		border-bottom: 1px solid #e3e3e3;
		margin-bottom: 10px;
	}	
	
	
	.superCat span .tomore {
		font-size: 12px;
		line-height: 25px;
		font-weight: normal;
		float: right;
	}
	
	.superCat .superCatItem {
		width: 33%;
		text-align: center;
	}
	
	
	
	
	
	
	
/* rcategory page popular items */

.popitems {
	width: 100%;
	height: 185px;
	float: left;
	padding-top: 10px;
	border-bottom: 1px solid #e3e3e3;
}

	.popitems span {
		display: block;
		height: 25px;
		line-height: 25px;
		float: left;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
	}
	
.carouselpop {
	width: 600px;
	float: left;
	height: 150px;
}

	.carouselpop ul {
		margin: 0;
		list-style: none;
	}

	.carouselpop li div {
		width: 150px;
        height: 150px;
        text-align: center;
	}
	
	
	
	/*need to have the extra number on them so the js can have more than one carousel on a page */
	
	.popitems .next, .next1, .next2, .next3, .next4, .next5 {
		width: 35px;
		float: left;
		height: 150px;
		display: block;
		background-image: url(/images/2/next.jpg);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	
	.popitems .prev, .prev1, .prev2, .prev3, .prev4, .prev5 {
		width: 35px;
		height: 150px;
		float: left;
		display: block;
		background-image: url(/images/2/back.jpg);
		background-position: left center;
		background-repeat: no-repeat;
	}



/* 

	End of new stylesheet format.  Everything below this comment is historical, deprecated, and should be 
	removed from the templates and the system, and replaced with more clear and concise styles.  It is 
	left in here to support the transition from the old style to the new style, but the end goal is that
	everything below here is gone, and moved to where it belongs, or outright removed from the system.
	
*/