/*  

	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                	: 13px Arial, Helvetica;
        background    			: #f8f8f8;
        margin              	: 0px;
        color					: #000000;
}

div {
        float               	: left;
}

img {
		border					: none;
}

a, div, input {  
	outline:none;  
   }  

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


/*

	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[type="text"], input[type="password"], select {
	padding: 3px 0px;
	border-bottom: 1px solid #cfcfcf;
	border-top: 1px solid #000;
}

input[type="text"].error, input[type="password"].error, select.error {
	background-color: #fef1ec;
}
	
input[type="submit"] {
	padding: 8px 16px;
	text-align: center;
	color: #fff;
	background-color: #009ddc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	border: none;
}

	input[type="submit"]:hover {
		background-color: #0084C3;
		cursor: pointer;
	}
	
input[type="image"]{
	border			: none;
}	

.buttontoo {
	padding: 8px 0px;
	text-align: center;
	color: #fff !important;
	background-color: #009ddc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	width: 250px;
	text-decoration: none;
}

	.buttontoo:hover {
		background-color: #0084C3;
		cursor: pointer;
		color: #fff !important;
		text-decoration: none;
	}
	
	
	
.specialinput {
	padding: 15px 0px;
	border-bottom: 5px solid #cfcfcf;
	border-top: 5px solid #000;
	font-size: 28px;
	width: 320px !important;
	margin: 25px 0px;
	text-align: center;
}

.specialsubmit {
	width: 225px;
	height: 45px;
	display: block;
	text-align: center;
	border: none;
	background-color: #ffffff;
	background-image: url(/images/2/redeem_code.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}

	.specialsubmit:hover {
		background-color: #ffffff;
		background-position: 0px -45px;
		cursor: pointer;
	}	

/*

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

a, a:link, a:visited {
	color		    		: #009ddc;
	text-decoration	    	: none;
}

a:hover {
	text-decoration	    	: underline;
}

/* Left Navigation Styles */


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

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





/* END Left Navigation styles */



/*

	Side Menu link styles
	
		
*/

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

a.sidemenu:hover {

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

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

a.sidesubmenu:hover {

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

td.sidemenu {
	
	text-decoration	    	: none;
	color					: #009ddc; /* To be changed to customers colors */
	padding-top				: 4px;
	padding-left			: 3px;
	padding-bottom			: 4px;  
	font-size				: 12px;
	font-weight: bold;
	
}

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


td.sidesubmenu {
	
	text-decoration	    	: none;
	color					: #009ddc; /* To be changed to customers colors */
	padding-top				: 2px;
	padding-left			: 6px;
	padding-bottom			: 2px; 
	font-size				: 11px;
	font-weight: bold;
}

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


td.searchsidemenu {
	
	text-decoration	    	: none;
	color					: #009ddc; /* To be changed to customers colors */
	padding-top				: 2px;
	padding-left			: 5px;
	padding-bottom			: 2px;  
	font-size				: 11px;
	font-weight: bold;
}

td.searchsidemenu, 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.
		
*/


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

#shell {
	width			: 960px;
    margin			: auto;
    float           : none;
    
}

.topbar {
	width: 100%;
	width: 100%;
height: 150px;
background: url(/images/2/YUM_desktop_gradient.png) #009ddc;
float: left;

}



.topbarfloat {
	width			: 960px;
    margin			: auto;
    float           : none;
    position: relative;
}

.mainlogo {
	position: absolute;
	top: 20px;
	left: 0px;
}


.dropdownnav {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	
}

.dropdownnavone {
    position: relative;
	float: left;
	font-size: 13px;
	color: red;	
	font-weight: bold;
}

.dropdownnavone:hover {
	color: #cdcdcd;	
	cursor: pointer;
}


#thelevels {
	display: none;
	position: absolute;
	width: 200px;
	top: 0px;
	left: 105px;
	border-top: 2px solid #009ddc;
	border-left: 2px solid #009ddc;
	border-right: 2px solid #009ddc;
	border-bottom: 2px solid #009ddc;
	padding: 5px 0px 10px 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
	margin: 0;
	z-index: 505;
}


#thelevels ul {
	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 */
	#thelevels ul li {
		float:left; 
		position:relative;
		z-index:500; 
		width: 150px;
		background-color: #fff;
		
	}
				
		
	/* this is the parent menu */
	#thelevels ul li a {
		display: block;
		color: #009ddc;
		font-size: 13px;
		padding: 5px;
		font-weight: bold;
		text-decoration: none;
		background-color: #fff;
		text-align: left;
		text-indent: 10px;
	}		

	#thelevels ul li a:hover {
		background-color: #ffffff;
	}




.clear {clear:both}	
/* 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; 
		position:relative;
		z-index:500; 
	}
				
		
	/* this is the parent menu */
	#navnew li a {
		display: block;
		color: #009ddc;
		padding: 7px 14px;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		background-color: #fff;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		/*
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		*/
		margin-left: 3px;
	}

	#navnew li a:hover {
		padding-top: 14px;
		text-decoration: none;
	}
	
	/* this is the parent menu */
	#navnew li a.itsme {
		display: block;
		color: #009ddc;
		padding: 7px 14px;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		background-color: #eee;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		/*
		border-bottom: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-left: 1px solid #cdcdcd;
		*/
		margin-left: 3px;
	}

	#navnew li a.itsme:hover {
		padding-top: 14px;
		text-decoration: none;
	}
	
	


/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #navnew ul {
	margin:0 0 0 -2px;
}


.bottombar {
	width: 100%;
	height: 10px;
	background-color: #009ddc;
	display: block;
}

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


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

.searcherboxinner {
	width: 175px;
}

#center_pane {
	width			: 700px;
	float			: right;
}


#right_pane {
}

.redeemfloat {
	width: 320px;
	float: none;
	margin: auto;
	padding-top: 25px;
	margin-top: 25px;
}

.content	{
	 background-color: #FFFFFF;
	 width			 : 100%;
	 padding: 20px 0px;
   
    -webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
	
}

.contentinner	{
	 width			: 920px;
	 float			: none;
	 margin			: auto;
	 background-color: #FFFFFF;
}

.leftside {
	width: 400px;
	float: left;
}

.rightside {
	width: 450px;
	float: right;
}

.rightsideform {
	width: 450px;
	float: right;
}


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

.rightsideabout {
	width: 350px;
	float: right;
	text-align: center;
}


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


.topinfo {
	width					: 100%;
	float					: left;
	margin-bottom			: 10px;
	height					: 36px;
	border-bottom			: 2px solid #009ddc;
}

div.welcomecontent	{
	width			: 200px;
	line-height		: 36px;
	padding-left	: 15px;
	float			: left;
	font-size		: 14px;
	font-weight		: bold;

}



/*

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

.header {
	height          : 100px;
	width			: 1024px;
	
}



/*

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

.footer {
	width: 100%;
}

.footermenu {
	width			: 960px;
    margin			: auto;
    float           : none;
    text-align      : center;
	height: 100px;
	line-height: 50px;
	font-size: 12px;
	text-transform: uppercase;
	color: #aaa;
}

.footermenu a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #aaa;
	margin: 0px 5px;
}

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





/*

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

.content ol {
	margin-left		: 10px;
	padding-top		: 3px;
	padding-bottom	: 3px;
}

.content ul {
	padding-top		: 3px;
	padding-bottom	: 3px;
}

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

.notice_special {
	width				: 100%;
	float				: left;
	border				: 1px solid #fcefa1;
	background-color	: #fbf9ee;
	color				: #363636;
	font-size			: 14px;
	font-weight			: bold;
}

	.notice_special_inner {
		padding				: 10px;
	}
	
.error_special {
	width				: 100%;
	float				: left;
	border				: 1px solid #cd0a0a;
	background-color	: #fef1ec;
	color				: #cd0a0a;
	font-size			: 14px;
	font-weight			: bold;
}

	.error_special_inner {
		padding				: 10px;
	}

/*

	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.asa {
	width			: 780px;
	border			: 1px solid #00529E;
	padding			: 1px;	
	text-align		: center;
}

tr.asaheader {
	background-color 	: #00529E;
	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      : #009ddc;
	color			: #FFFFFF;
}


.xbrowser_padded_header th {
	width			: 100%; 
	text-indent		: 5px; 
	color			: #ffffff;      /* yellow writing on hte banner - to be changed to customers colors   */
   	background          : #009ddc;  /* this is red, for the dark headers - to be changed to customers colors */
	vertical-align		: middle; 
	padding: 5px 0px;
}

.xbrowser_padded_header td {
	width			: 100%; 
	text-indent		: 5px; 
	color			: #000;      /* yellow writing on hte banner - to be changed to customers colors   */
   	background          : #fff;  /* this is red, for the dark headers - to be changed to customers colors */
	vertical-align		: middle; 
	padding: 5px 0px;
}

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

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

.text_center {
	text-align		: center;
}

/* This is for image headings */
.heading {
	width				: 175px;
	text-align			: left;
	border-bottom: 2px solid #cdcdcd;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	color: #009ddc;
}

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

.form_row {
	float			: left;
	width			: 100%;
	margin-top		: 8px;
	margin-bottom	: 4px;
}

.form_row div {
 	vertical-align: middle;
}

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

.form_row div.col1 {
	width			: 150px;
	text-align		: left;
    font-weight: bold;
	
}

.form_row div.col2 {
	width			: 250px;
}

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

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

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

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

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

.row_background {
	background		: #eee;
	color			: #000;
	line-height: 16px; 
	vertical-align: middle;
}

.alt_row_background {
	background		: #fff;
	color			: #000;
	line-height: 16px;  
	vertical-align: middle;
}

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

/*

	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 {
    font-size      	: 24px;
	color			: #009ddc;
	font-weight		: normal;
}

h1 {
    font-size      	: 24px;
	color			: #009ddc;
	font-weight		: normal;
	line-height		: 36px;
}

h2 {
    font-size      	: 18px;
	color			: #009ddc;
	font-weight		: normal;
	line-height		: 24px;
}


h3 {
    font-size      	: 16px;
	color			: #009ddc;
	font-weight		: bold;
	line-height		: 24px;
}


h4 {
    font-size      	: 14px;
	color			: #009ddc;
	font-weight		: bold;
	line-height		: 18px;
	margin-bottom: 7px;
	border-bottom: 1px solid #009ddc;
}

h5 {
    font-size      	: 14px;
	color			: #009ddc;
	font-weight		: normal;
	line-height		: 18px;
	margin-bottom: 7px;
	border-bottom: 1px solid #009ddc;
}

/*

	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                   : #006f3a;
        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                   : #006f3a;
}

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        : #006f3a;
        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 #009ddc;
	padding					: 2px;
}

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

a.shop, 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				: 15px;
 	
 	
}

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

td.brandtitle {
	padding					: 2px;
	background-color		: #CCCCCC;
	color					: #009ddc;
}

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					: #009ddc;
}

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					: #009ddc;
}

a.brand_link {
	color					: #009ddc;
}

div.item_skeleton_points {
	width					: 180px;
	/*margin-left				: 3px;*/
	text-align				: right;
	font-weight				: bold;
	color					: #333333;
	height					: 20px;
}


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%;
 	margin-top			: 5px;
 	padding-top: 10px;
	border-top: 2px solid #cdcdcd; 	
 	
}

div.d_item_skeleton:first-child {
	width					: 100%;
 	margin-top			: 5px;
 	padding-top: 0px;
	border-top: none;
}

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					: #009ddc;
}


a.d_reg_link {
 	color					: #009ddc;
 	font-style: italic;
 	font-weight: normal;
 	font-size: 11px;
}

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				: 2px solid #cdcdcd;
 	margin-top			: 10px;
 	
}

div.l_item_skeleton:first-child {
	width					: 100%;
 	border-top				: none;
 	margin-top			: 0px;
}

table.l_item_table {
	width					: 100%;
}

td.l_itemskeleton_image {
	width					: 35px;
}

td.l_itemskeleton_links {
	vertical-align			: top;
}

td.l_itemskeleton_quick {
	vertical-align			: top;
	text-align				: right;
}
	


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



a.l_bold_link {
	font-weight				: bold;
	color					: #009ddc;
}

a.l_reg_link {
 	color					: #009ddc;
 	font-style: italic;
 	font-weight: normal;
 	font-size: 11px;
}

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					: 25px;
	line-height				: 25px;
	background-color		: none;
	border-bottom			: 2px solid #cdcdcd;
}

div.pagerbottom {
	width					: 100%;
	margin-top				: 5px;
	margin-bottom			: 15px;
	height					: 25px;
	line-height				: 25px;
	background-color		: none;
	border-top				: 2px solid #cdcdcd;
}

div.pager_first {
	width					: 15%;
	height					: 25px;
	line-height				: 25px;
}


div.pager_pages {
	width					: 70%;
	height					: 25px;
	line-height				: 25px;
	text-align				: center;
	color					: #009ddc;
}

div.pager_last {
	width					: 15%;
	height					: 25px;
	line-height				: 25px;
	text-align				: right;
	float					: right;
}


a.pager, a.pager:link, a.pager:visited {
	color		    		: #009ddc;
	text-decoration	    	: none;
}

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

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

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

a.pagesbold, a.pagesbold:link, a.pagesbold:visited {
	color		    		: #009ddc;
	margin-left				: 2px;
	margin-right			: 2px;
	font-size				: 14px;
	font-weight				: bold;
	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;
 	margin-right			: 2px;
 	vertical-align			: middle;
 	color					: #666666;
}

.go {
	vertical-align			: middle;
}

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



/* NEW INNER LEFT PANE STYLES */


.navpaneleft {
	width: 200px;
	float: left;
}

	.navpaneleft span {
		display: block;
		float: left;
		height: 25px;
		line-height: 25px;
		font-weight: bold;
		border: 1px solid #009ddc;
		background-color: #ffffff;
		color: #000000;
		margin: 0px 0px 5px 0px;
		width: 188px;
		padding-left: 10px;
	}
	
	.navpaneleft span a {
		color: #009ddc;
		text-decoration: none;
	}
	
	
	.navpaneleft a.select {
		display: block;
		float: left;
		height: 25px;
		line-height: 25px;
		border-bottom: 1px solid #e3e3e3;
		background-color: #ffffff;
		color: #009ddc;
		text-decoration	: none;
		width: 190px;
		padding-left: 10px;
	}
		.navpaneleft a.select:hover {
			color: #009ddc;
			background-color: #f7f7f7;
			text-decoration	: none;
		}
		
	.navpaneleft a.itsme {
		display: block;
		float: left;
		height: 25px;
		line-height: 25px;
		border-bottom: 1px solid #e3e3e3;
		color: #009ddc;
		background-color: #f7f7f7;
		text-decoration	: none;
		width: 190px;
		padding-left: 10px;
	}

.navpaneleft span.tiertwo {
		display: block;
		float: left;
		height: 25px;
		line-height: 25px;
		font-weight: bold;
		border: 1px solid #009ddc;
		background-color: #ffffff;
		color: #000000;
		margin: 10px 0px 5px 0px;
		width: 188px;
		padding-left: 10px;
	}
	


.navpaneleft span.mycategory {
		display: block;
		float: left;
		height: 25px;
		line-height: 25px;
		font-weight: bold;
		border: 1px solid #009ddc;
		background-color: #f7f7f7;
		color: #000000;
		margin: 0px 0px 5px 0px;
		width: 188px;
		padding-left: 10px;
	}	
	



	
.clear {
    clear: both;
    height: 1px;
   
    /* IE HACK */
    font-size: 0px;
    line-height: 0px;
}




/* MAIN SHOP PAGE STYLES */


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

	.mainattractionImage {
		float: right;
		width: 300px;
	}
	
	.mainattractionText {
		width: 400px;
		float: left;
	}
		.mainattractionText span {
			position: relative;
			top: 80px;
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
			
		}



		
.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 #009ddc;
	margin-bottom: 10px;
}
		

	.breadcrumb a {
		color: #009ddc;
		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: #009ddc;
		margin-bottom: 15px;
		border-bottom: 2px solid #cdcdcd;
	}
	
.carousel {
	width: 600px;
	float: left;
	height: 200px;
}

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

	.carousel li div {
		width: 150px;
        height: 200px;
        text-align: center;
	}
	
	
	
	/*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;
	}
	
/* New Change Level Button- Bethany */	

.button { width: auto; background: #009ddc; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button:focus { -webkit-box-shadow: 0 0 4px #009ddc, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #009ddc; border: 1px solid #1e728c; }
.button.primary:hover { background-color: #009ddc; }
.button.primary:focus { -webkit-box-shadow: 0 0 4px #009ddc, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.success { background-color: #009ddc; border: 1px solid #396516; }
.button.success:hover { background-color: #457a1a; }
.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover { background-color: #d0d0d0; }
.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled :hover, .button[disabled] :hover { background: #2ba6cb; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }

.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover { background-color: #009ddc; }
.button.dropdown.split.alert:hover { background-color: #c60f13; }
.button.dropdown.split.success:hover { background-color: #5da423; }
.button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover { background-color: #2284a1; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
.button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover { background-color: #2284a1; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.secondary > a { color: #1d1d1d; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; }	
	
	
	
	
	
	
/* 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;
	}
	




/* IMAGE PAGE STYLES  width of image + width of details should be less than width of center_pane_inner */

.item_image {
	width: 310px;
	float: right;
	text-align: right;
}


.item_details {
	float: left;
	width: 390px;
}

	.item_details .smallgray {
		font-size: 10px;
		color: #aaaaaa;
	}


	.item_details .pointstext {
		font-size: 14px;
		color: #000000;
		font-weight: bold;
	}



.formcart {
	float: left;
}

.formwishlist {
	float: left;
}

.productdesc {
	width: 100%;
	float: left;
	padding-top: 5px;
	margin-top: 5px;
}

.relateditems {
	padding-top: 5px;
	margin-top: 15px;
	border-top: 1px solid #e3e3e3;
	width: 100%;
	float: left;
}


/* should be same as center_pane_inner */
.big_float {
	width			: 750px;
	float			: none;
	margin			: auto;
}



.rcatItems {
	width			: 100%;
	float			: left;
	margin-top		: 15px;
}

.rcatItemsPop {
	width			: 697px;
	float			: none;
	margin			: auto;
}

.rcatBig {
	width			: 100%;
	float			: left;
	height			: 275px;
	border-bottom: 1px solid #e3e3e3;
}



.splitthree {
	width			: 33%;
	float			: left;
}

.categoryCallout {
	width			: 200px;
	height			: 200px;
	border-top		: 10px solid #e3e3e3;
	border-left		: 10px solid #e3e3e3;
	border-right	: 10px solid #cccccc;
	border-bottom	: 10px solid #cccccc;
	margin			: auto;
	float			: none;
	overflow		: hidden;
}


.categoryCalloutName {
	position		: relative;
	top				: 165px;
	left			: 0px;
	background-color: #ffffff;
	color			: #009ddc;
	padding			: 10px 10px 10px 10px;
	border-bottom	: 2px solid #cccccc;
	font-weight		: bold;
	text-decoration : none;
}


/* END OF IMAGE PAGE STYLES */

.clearFieldBlurred { color: #666; font-style: italic; }
.clearFieldActive { color: #000; }

/* nearly the same as rcatItems and rcatItemsPop */
.catItems {
	width			: 100%;
	float			: left;
}

.catItemsPop {
	width			: 697px;
	float			: none;
	margin			: auto;
}



.categorycontainer {
	width: 150px;
	height: 210px;
	margin: 0px 12px 25px 12px;
}


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


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



.imagewrap {
	width: 150px;
	height: 155px;
	margin-bottom: 5px;
	border-bottom: 2px solid #cdcdcd;
	padding-bottom: 3px;
}

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

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

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

.itemprice {
	height: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	/*margin-bottom: 5px;*/
	width: 100%;
}

.itemdetails {
	height: 15px;
	line-height: 15px;
	color: #000;
	width: 100%;
	font-style: italic !important;
	font-size: 11px;
	margin-top: 10px;
}

/* User View Page */
.manual_left {
	width: 75px;
}

.manual_right {
	width: 200px;
}

.summary_left {
	padding-right: 5px;
	width: 600px;
}

.account_right {
	float: right;
	width: 175px;
}
.account_left {
	width: 575px; 
	float: left; 
	padding: 50px 0px;
}

.btn_img {
	padding-right: 5px;
}

.glance_left {
	width: 100px;
}

.glance_right {
	width: 70px;
	text-align: right;
}

.transaction_table {
	width: 80px;
	font-size: 9px; 
	font-weight: bold;
}

.transaction_row {
	line-height: 16px; 
	vertical-align: middle;
}

.indent {
	text-indent: 3px;
}

.withdrawal {
	color: red;
}

.deposit {
	color: green;
}

.padding_small {
	padding-bottom: 5px;
}
.padding {
	padding-bottom: 20px;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align		: center;
}

.text_right {
	text-align: right;
}

.align_top {
	vertical-align: top;
}

.align_middle {
	vertical-align: middle;
}

.align_bottom {
	vertical-align: bottom;
}

.red_text {
	color: red;
}



/* 

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