/* Europa Style Sheets */

/* ---( GENERAL )---------------------------------- */

body {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;	
	margin: 0px;
	padding: 0px;
	height: 100%;
	/*background: #111 url("/images/backgrounds/christmas-background.jpg");*/
	/*background: #100d1e url("/images/backgrounds/new_years_2012-background.jpg");*/
	background: #000 url("/images/backgrounds/background.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	/*background-color:#999;*/
	font-size: xx-small;
	voice-family: "\"}\""; voice-family:inherit;
	
  }
  html>body {font-size:x-small;}

div, table, td, li, dd, dl, dt {/* redundant selectors to help NS4 not forget */
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
	voice-family: "\"}\""; voice-family:inherit;
	font-size: x-small;
	}
th {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%; font-weight: bold;
	}

p	{
	margin: .9em;
	}

h1 {
	color: #333;
	font-size: 130%;
	padding-bottom: 4px;
	/* border-bottom: 2px solid #E7E7E7; */
	border-bottom: 1px solid #CCC;
	}

h2 {
	font-size: 125%;
	margin: 4px;
	}

h3 {
	color: #333;
	font-size: 115%;
	margin: 4px;
	}

h4{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .2em;
	font-size: 100%; text-transform : uppercase;
	margin: 4px;
	}

h5 {
	color: #000;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .2em;
	margin: 30px 5px 5px 5px;
	}

h6 {
	font-size: 100%;
	letter-spacing: .2em;
	text-transform : uppercase;
	margin: 4px;
}

font.accents {
	color: #855bc8; /*10*/
}

font.accents-red {
	color: #CC0000;
	font-weight:bold;
}

.discount {color:#663399; font-size:24px; font-weight:bold;}

.discount_off {color:#663399; font-size:12px; font-weight:bold;}

.qualified {color:#663399; font-size:14px; font-weight:bold;}

.daterange {color:#999999; font-size:8px; font-weight:bold;}

.bogo {color:#663399; font-size:14px; font-weight:bold;}

.vendor {color:#000000; font-size:10px; font-weight:bold;}


/* ---( Forms )---------------------------------- */
form {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	color : #333;
	font-size: 105%;
	margin-top: 5px; padding: 0.15em 0px 0.15em 0.25em;
	background : #F3F3F3;
	border: 1px solid #999;
} 
select {padding:0;}
textarea { font-size: 115%;}
input.none {
	color : #333;
	font-size: 100%;
	padding: 0px;
	background: none;
	border: none;
}

input.submit {
	color: #6732ba; /*16*/
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0.1em; margin-left: 2px;
	background: #fefefe url(images/background_form_element.gif) repeat-x;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:hover,
.submit:focus {
	border-color: #9999ff; /*3 or 4*/
}
.submit:visited {
	color: #696;
}

/* ---( Lists )---------------------------------- */

ul {
	color: #333;
	list-style: none;
	margin: 1em 0 1em 0; padding-left: 10px;
}

ol {
	color: #333;
}

ul li {
	line-height: 1.5em;
	padding: 0 0 4px 17px;
	background:   url(images/arrow.gif) no-repeat 0 2px;
}
ul.column li {
	padding: 0px;
	background: none;
	padding: 0 0 4px 17px;
	background:   url(images/arrow_gray.gif) no-repeat 0 2px;		
	}

/* ---( LINKS )---------------------------------- */

a, a:link	{
	color: #6732ba; /*16*/
	text-decoration:none;
	font: bold 100% verdana, arial, helvetica, sans-serif;
	}

a:hover {color: #9999ff;/*3*/ }
#main_hdr_text A:hover  {color: #9999ff;/*3*/ }
#franchise_links A:hover  {color: #9999ff;/*3*/ }
a:visited { color: #855bc8;/*5*/ } 
a:active, a.textnav:active { color: #6732ba; } /*13*/

a.textnav {
	font-weight: normal;
	color: #6732ba; /*16*/
	}
a.textnav:hover {
	color: #9999ff; /*3*/
	text-decoration: underline;
	}

a.aButton, a.aButton:link, a.aButton:visited {	
	color: #6732ba; /*16*/
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-transform : uppercase; text-decoration: none;
	letter-spacing : 0px;
	background:   url(images/background_form_element.gif) repeat-x;
	border-style:solid;
	border-width:1px;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	padding: 2px;
}

a.aButton:hover {
	border-color: #9999ff; /*3*/
	}
a.aButton:active {
	color: #6732ba; /*16*/
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background-color: #6732ba; /*16*/
	border-style:solid;
	border-width:1px;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	padding: 2px;
	}

.aButton_inactive {  
	color: #000000; /*16*/
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	text-transform : uppercase; text-decoration: none;
	letter-spacing : 0px;
	background:   url(images/background_form_element.gif) repeat-x;
	border-style:solid;
	border-width:2px;
	border-color: #C00;
	padding: 2px;
}

#main_hdr_text a	{
	color: #FFF;
	text-decoration: none; text-transform: lowercase;
	}
#franchise_links a	{
	color: #FFF;
	text-decoration: none; text-transform: lowercase;
	}

#LeftColumn .leftnavlinks a	{
	display: block;
	color: #000;
	font-size: 120%; text-align: right; font-weight: bold;
	margin: 2px 10px 2px 5px; padding: 3px;	
	border: 1px solid #E7E7E7;
	background: #F6F6F6;
	}
#LeftColumn .leftnavlinks A:hover{ background: #FFF; }

#RightColumn a	{
	color: #CCC;
	font: bold 100% verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	}

#RightColumn a:hover { color: #FFF; }

#Footer a	{
	color: #6732ba; /*16*/
	font: normal 100% verdana, arial, helvetica, sans-serif;
	text-transform : lowercase;
	letter-spacing : 0px;
	padding: 2px;
	}
#Footer a:hover { color: #9999ff; } /*3*/

.column li a { /* For displaying all Vendors */
	display: block;
	width:100%;
	padding:2px 2px 5px 2px;
		
	}
.column a:hover { /* For displaying all Vendors */
	background-color: #F6F6F6;
	color:#000;
	padding:2px 2px 5px 2px;
	text-decoration: none;
	}

#quickref a {	
	color: #6732ba; /*16*/
	font: normal 100% Arial, Helvetica, sans-serif;
	}
#quickref a:hover { color: #9999ff; } /*3*/

/* ////////////////////// CONTENT STYLES ////////////////// */

/* ---( Products Listings - In the Catalog )---------------------------------- */


table.products { /* This is for the browsecatalog section */
	font: 100%/1.2em verdana, arial, helvetica, sans-serif;
	}
table.products a.textnav {
	font: 100%/1.2em verdana, arial, helvetica, sans-serif;
	}
table.products TH {
	text-transform: uppercase;
	font: bold 100% verdana, arial, helvetica, sans-serif;
	background-color: #EEE;
	}
.row1 { background: #f5f5f5; }
.row2 { background: #FFF; }
.product_img { background: #FFF; }
.product_img_border { background: #FFF; border:3px #000000;}
.product_img1 { background: #f5f5f5; }
.product_img2 { background: #FFF; }

table.products TH A.product_sort_active {
	display: block;
	width: 100%;
	border:1px solid #6732ba; /*16*/
	color: #6732ba; /*16*/
	}

/* ---( Catalog Pages )---------------------------------- */

#product_info { /* Contains the Product Image and Product Details, such as price and Descriptions */
	float:left;
	width: 250px; /* width of image */
	margin-right: 5%;
	margin-bottom: 10px;
	}

.product_details { /* Contains the details of the Product, floats to the left of the photo */
	float: left;
	width: 40%;
	text-align: left;
	border: 1px solid #CCC;
	margin: 0px 10px 10px 10px; padding: 0px 25px 5px 10px;
	background:#fCfcfc;
	}
	
.inline { display: block; z-index: 1001; }

.product_details h3 {
	font-size: 11px; font-weight: bold;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 90%;
	margin: 0 0 5px 0; padding: 3px 5px 3px 5px;
	background: #EEE;
	}
	
.product_details p.comment {
	font:  bold 115% Arial, sans-serif;
	color:#900;
	}
.disclaimer {
	color:#900;
	padding: 5px;
	font: 95% Arial, Helvetica, sans-serif;
	}

#extra_info { /* Contains all paragraph information, such as description, indications, warnings, etc. */
	border: 1px solid #CCC;		
	margin-bottom: 10px; padding: 5px;
	background:#fCfcfc;		
	}

#packaging_block { /* Contains a table that lists a breif summary of packing details */
	color: #333;
	width:80%;
	border: 1px solid #6732ba; /*16*/
	margin: 20px 5px 5px 5px;
	background: #F5F5F5;
}

#packaging_block td, #packaging_block th{
	border: 1px solid #FFF;
	padding: 3px;
	}
table.nutrition td {
	font-size: 95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*padding-left: 5px;*/ /* =========== RWMc 2010-11-15 ================= */
	}
table.nutrition h4 {
	font: bold 150% Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	margin: 2px;
	}

/* ---( Tabs )---------------------------------- */

#tabnav {
	height: 22px;
	margin: 0px; padding-left: 10px;
	}
#tabnav img {
	margin:0px; padding:0px;
	}

#tabnav li {
	display: inline;
	list-style-type: none;
	margin: 0px;  padding: 0px;
  }
	
#tabnav a:link, #tabnav a:visited {
	float: left;
	width: auto;
	color: #666;
	font-size: 10px; font-weight: bold; text-decoration: none;
	line-height: 15px;
	border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
	margin-right: 4px; padding: 2px 10px 2px 10px;
	background: #E7E7E7;
	}

#tabnav a:link.active, #tabnav a:visited.active {
	color: #000;
	background: #FCFCFC;
	}

#tabnav a:hover{
	background: #fff;
	}

/* ---( Page Navigation Anchors )---------------------------------- */

#tabpagenav {
	height: 16px;
	margin: 0px; padding-left: 10px;
	}

#tabpagenav li {
	display: inline;
	list-style-type: none;
	margin: 0px; padding: 0px;
  }
	
#tabpagenav a:link, #tabpagenav a:visited {
	float: left;
	width: auto;
	color: #999;
	font-size: 10px; font-weight: bold;	text-decoration: none;
	line-height: 14px;
	border: 1px solid #eee;				
	margin: 2px; padding: 2px 10px 2px 10px;
	background: #F6F6F6;
	}

#tabpagenav a:hover{
	background: #FCFCFC;
	}

div.navigation_box {
	position: relative;
	width: 99%;
	margin: -10px -10px 10px -10px; padding: 0 10px 2px 10px;
	font-size: 95%;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;	
	color: #666;
	background: #F6F6F6;	
	}
div.navigation_box a, div.navigation_box a:link, div.navigation_box a:visited {
	color: #666;
	}
div.navigation_box a:hover {
	color: #333;
	}			
/* ---( Promo Items )------------------------------- */

.promo_items {
	position: relative;
	background:   url(images/promo_items.gif) no-repeat left top;
	margin: 5px 0; padding: 1px;
	width: 249px; height: 99px;
	overflow:hidden;
	float:left;
}

.promo_items_container {
	position: relative;
	height:95px; width:247px;
	margin:0; padding:1px 1px 1px 1px;
	overflow:hidden;
}
.promo_items_container img.wide {
	position:absolute;
	left: -50px; top: -5px;
	float:left;
}
.promo_items_container p.wide {
	position: relative;
	margin:2px 5px 2px 115px;
	overflow:hidden;
	font:10px/12px verdana;
}
.promo_items_container img.tall {
	position:absolute;
	left:5px; top: -15px;
	float:left;
}
.promo_items_container p.tall {
	position: relative;
	margin:2px 2px 2px 100px;
	overflow:hidden;
	font:10px/12px verdana;
}
.promo_items_container img.extra {
	position:absolute;
	left:5px; top: -15px;
	float:left;
}
.promo_items_container p.extra {
	position: relative;
	margin:2px 2px 2px 85px;
	overflow:hidden;
	font:10px/12px verdana;
}

.newvendors { font-size: 95%;}
.newvendors A.textnav, .newvendors A.textnav:hover{
	color: #000;
	text-transform:lowercase; font-size: 95%;
}

/* ---( Form Layout Classes )---------------------------------- */

/* Simulates a row */
div.row {
	clear: both;
	min-width:350px;
	padding-top: 10px;
  }
  
/* Simulates a left column in a 2 column row */
div.row span.item {
	float: left;
	width: 25%;
	text-align: left;
	margin: 5px;
  }
  
/* Simulates a right column in a 2 column row */
div.row span.description {
	text-align: left;
  } 

/* Simulates a header row */
span.header {
	display: block;
	color:#333;
	font-size: 13px; font-weight: bold; text-align: center;
	width: auto;
	border: 1px solid #666;
	padding: 3px; margin-bottom: 10px;
	background: #EEE;
	}

.formhead {
	color: #666;
	font-weight:bold;
	clear:both;
	border-bottom: 1px solid #CCC;
	padding: 2px 2px 5px 20px; margin: 8px 2px 0px 2px;
	background:   url(images/arrow.gif) no-repeat 0px 4px;
	}

/* The left side to a form, or form description */
.formdesc {
	display: block;
	float: left; clear:both;
	width: 30%;
	text-align:right;
	border-right: 1px solid #CCC;
	padding: 6px; margin-right: 3px;
	}
/* The left side to a form, or form description */
.formtext {
	display: block;
	float: left;
	text-align:left; font-weight: bold;
	padding: 6px; margin-left: 3px;
}

/* ---( Other Classes )---------------------------------- */

.message_box { /* Grayed out box that is used to display status messages or warnings */
	background:#FCFCFC;
	padding: 5px; margin-bottom: 10px;
	border: 1px solid #CCC;
	}
.message_warning { /* Grayed out box that is used to display status messages or warnings */
    background-color:#FC0;
	padding: 5px; margin-bottom: 10px;
	border: 1px solid #CCC;
	font-weight:bold;
	color:#309;
	}
.alert_box { /* Box that is used to display status messages or warnings */
	padding: 5px; margin-bottom: 10px;
	border: 1px solid #CCC;
	}

.hr {
	background: #FFF;
	border-top: 1px solid #999999;
	height: 1px;
	font-size: 1px;
	margin-top:3px;
	clear:both;
	}

.note { /* used for notes */
	color: #999;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform : lowercase;
	padding: 0 5px; margin: 0px;
	}

.boldnote { /* used for important notes */
	color: #333;
	font: bold 110% Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	}
.hide { display: none;}
.left { float: left;}
.right { float: right;}
div.spacer {
	clear:both;
	}
.spec_color { /* This is the color of the season from the catalog */
	color: #6732ba; /*16*/
	}
.highlight_border { /* Used to emphasize borders around objects */
	border: 1px solid #6732ba; /*16*/
	}

.column {
	display:block;
	float:left;
	width: 32%;
	padding:0px; margin: 0px;
	}

.email_icon {
	padding: 4px 2px 4px 25px;
	vertical-align:text-top;
	background: none;
	background: url(images/icons/email.gif) no-repeat 0 0;
	}
.tip_icon {
	padding: 4px 2px 4px 20px;
	vertical-align:text-top;
	background: url(images/icons/lightbulb.gif) no-repeat 0 0;
	}
.press_icon {
	padding: 4px 2px 4px 20px;
	vertical-align:text-top;
	background:   url(images/article.gif) no-repeat 0 0;
	}

.icon {
	padding: 0px 2px 0px 20px;
	vertical-align:text-top;
	background:   url(images/arrow.gif) no-repeat 0 0;
	}

table.borders {
	border-collapse: collapse;
	border: 2px solid #999;
	}
table.borders td{
	border: 1px solid #999;
	}
table.borders th{
	border: 1px solid #999;
	background: #E7E7E7;
	}
table.borders-empty {
	border-collapse: collapse;
	border: 2px solid #999;
	}	
table.borders-empty th{
	border: 1px solid #999;
	background: #FFFFFF;
	}	
	
.step1 {list-style:none;margin: 0;padding:1em;background:   url(images/step1.gif) no-repeat center left;}
.step2 {list-style:none;margin: 0;padding:1em;background:   url(images/step2.gif) no-repeat center left;}
.step3 {list-style:none;margin: 0;padding:1em;background:   url(images/step3.gif) no-repeat center left;}
.step1 li, .step2 li, .step3 li{ 
	font-size: 120%; font-weight: bold;
	list-style: none;
	color: #CCC; 
	margin: .3em; padding-left: 2em; 	
	}
.step1 li.active, .step2 li.active, .step3 li.active { 
	color: black; 
	font-weight: bold;	
	}		
	
/* ---------------( Quickref are links on the bottom of the main page ) ------------ */

#quickref dl {
	float: left;
	width: 33%;
	}

#quickref dt {
	color: #666;
	font-weight: bold;
	text-align: center;
	display: block;
	border: 1px solid #E7E7E7;
	margin: 0px 3px 0px 5px;
	padding: 1px 0;
	background: #F6F6F6;
	}

#quickref dl dd {
	margin: 2px 3px 0px 5px;
	}
	
	
/* ---( FLEX CSS )---------------------------------- */


/* ---------------( Category Descriptions ) ------------ */

#category {
	 border-bottom: 1px solid #E7E7E7;
	 }
#category td.category_form {
	padding: 5px;
	border-right: 1px solid #E7E7E7;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: right;
	}
.tanningproducts {background: url(images/category/tanning.gif) no-repeat bottom right;}
.weightgain {background: url(images/category/weightgain.gif) no-repeat bottom right;}
.weightlossenergy {background: url(images/category/weightlossenergy.gif) no-repeat bottom right;}
.aminoacids {background:   url(images/category/aminoacids.gif) no-repeat bottom right;}
.anabolicprecursors {background:   url(images/category/anabolicprecursors.gif) no-repeat bottom right;}
.vitaminsminerals{background: url(images/category/vitamins.gif) no-repeat bottom right;}
.bars {background:   url(images/category/bars.gif) no-repeat bottom right;}
.clothes {background:   url(images/category/clothes.gif) no-repeat bottom right;}
.snacksfoods {background: url(images/category/snackfoods.gif) no-repeat bottom right;}
.sportperformance {background: url(images/category/sportperformance.gif) no-repeat bottom right;}
.mealreplacements {background: url(images/category/mrp.gif) no-repeat bottom right;}
.drinks {background: url(images/category/drinks.gif) no-repeat bottom right;}
.fitnessaccessories {background: url(images/category/fitness.gif) no-repeat bottom right;}
.creatine {background: url(images/category/creatine.gif) no-repeat bottom right;}
.dietaryfatsoils {background: url(images/category/dietaryfatsoils.gif) no-repeat bottom right;}
.herbs {background: url(images/category/herbs.gif) no-repeat bottom right;}
.lowcarbproducts {background: url(images/category/lowcarb.gif) no-repeat bottom right;}
.protein {background: url(images/category/protein.gif) no-repeat bottom right;}
.ephedrine {background: url(images/category/ephedrine.gif) no-repeat bottom right;}

/* ---------------------- POLL Styles ------------------------- */
.pollbar { height:3px; background: #6732ba; font-size: 1px;float:left;margin-top:5px;} /*16*/


#coloredtabs {overflow-hidden; }

#tab_spotlight {height: 150px; overflow: hidden; color: #000000; line-height: 120%;}

#tab_news, #tab_specials, #tab_newvendors {overflow: hidden; height: 150px; color: #000; line-height: 120%;}

#tab_spotlight {padding:0;border:1px solid #CCC;background: #FCFCFC url(images/europa-half-gray.gif) top right no-repeat;}
#tab_news {padding:0;border:1px solid #CCC;background: #FCFCFC url(images/europa-half-gray.gif) top right no-repeat;}
#tab_specials {padding:0;border:1px solid #CCC;background: #FCFCFC url(images/europa-half-gray.gif) top right no-repeat;}
#tab_newvendors {padding:0;border:1px solid #CCC;background: #FCFCFC url(images/europa-half-gray.gif) top right no-repeat;}
div.tabpadding { padding: 5px; }


/*------- Specials -------------------*/
.discount {color:#663399; font-size:24px; font-weight:bold;}

.discount_off {color:#663399; font-size:12px; font-weight:bold;}

.qualified {color:#663399; font-size:14px; font-weight:bold;}

.daterange {color:#999999; font-size:8px; font-weight:bold;}

.bogo {color:#663399; font-size:14px; font-weight:bold;}

.vendor {color:#000000; font-size:10px; font-weight:bold;}

.exception {font-size: 8px; color:#000000; font-family:Helvetica, sans-serif; line-height: 1.2em }

div.cell_spacer {
	float:left;
	width:5px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	}

div.cell_sm {
	background-image:url(http://www.europasports.com/images/cell_sm.jpg);
	background-repeat:no-repeat; 
	margin-left:5px;
	margin-bottom:5px;
	margin-top:0px;
	margin-right:0px;
	float:left;
	width:200px;	
	height:200px;
	}

div.cell_sm_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	/*margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:10px;*/
	/*height:190px;
	width:190px;*/
	/*overflow:auto;*/
	overflow:hidden;
	}	



/* ---( sections )---------------------------------- */

/* This is a box that contains everything - basically it is here to make sure height=100% correctly */
#WholePage {
	/* position: absolute; */
	height: 100%;
	width:1000px; 
	margin:0 auto;
	background-color: #999999;
	}
#Footer {
	position:relative; /* Will fall directly under the BodyColumn Layer */
	text-align:center;
	height: 30px;
	padding-top: 5px;
	border-top: 1px solid #CCC;
	margin: 30px 5%;
	}

#TopSection { /* This is the header section - the top 100px of the page */
	position:relative;
	left:0px;
	top:0px;
	height: 95px;
	}
#MainSection { /* This is the main body of the page - everything from 100px and below on the page */
	position:relative;
	left:0px;
	top:0px;
	height: 100%; /* This is so the footer appears at the bottom of the page */
	border-top: 1px solid #FFF;
	/* background: #FCFCFC url(images/bg.gif) repeat-y right; */
	}

/* ---( columns )---------------------------------- */

#LeftColumn { /* This is a floating div that is 100px from the top of the page and always on the LEFT side */
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	font: 100% verdana, arial, helvetica, sans-serif;
	width: 170px;
	height: 100%;
	background-color:#FCFCFC;
	border-right: 1px solid #E7E7E7;
	}

/* This is the section that contains all text - USED WHEN A LEFT COLUMN IS PRESENT - it has left and right margins so the text doesnt flow under the 2 
floating divs that for the left and right columns */
#BodyColumn {
	position: relative;
	height: 100%;
	border-left: 1px solid #E7E7E7; /* To Continue the line down the page past the end of the left column */
	padding: 10px 10px 5px 10px;
	margin: 0px 150px 0px 170px; /* This is so the left and right columns show up without text being overwritten */
	background: #FFF;
	}

/* This is the section that contains all text - USED WHEN NO LEFT COLUMN PRESENT - it has a right margin so the text doesnt flow under the 
right column */
#BodyColumn_NoLeft {
	position: relative;
	height: 100%;
	padding: 10px 10px 5px 10px;
	margin: 0px 150px 0px 0px; /* This is so the right column shows up and we have some space on the left side */
	background: #FFF;
	}
/* This is the section that contains all text - USED WHEN NO LEFT COLUMN PRESENT - it has a right margin so the text doesnt flow under the 
right column */
#BodyColumn_NoLeftSpclsDsply {
	position: relative;
	height: 100%;
	padding: 5px;
	margin: 0px 150px 0px 0px; /* This is so the right column shows up and we have some space on the left side */
	background: #FFF;
	}
#RightColumn { /* This is a floating div that is 100px from the top of the page and always on the RIGHT side */
	position:absolute;
	right:0px;
	top:-1px;
	min-height: 100%;
	*height: 100%;
	width:150px;
	background-color:black;
	background-image:url(images/borders/words-new.jpg);
	background-repeat:repeat-y;	
	z-index:2;
	}

/* ---( Header )---------------------------------- */

#Header {
	position: relative;
	height: 95px;
	width: 100%;
	margin:0px 0px 0px 0px;
	background-color:#FFF;
	}
#main_hdr_right{
	position: absolute;
	right:0px;
	top: 0px;
	width: 98px;
	height: 96px;
	z-index:1; /* Include this so that the right image rolls under the main header on smaller screens */
	}
#main_hdr_left	{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 2;
	}
#main_hdr	{
	position:absolute;
	top:0px;
	left:0px; /* This is zero, to make it start from left, it is 28px if we include the main_hdr_left , which is commented out now */
	z-index: 0;
	}
#main_hdr_text	{ /* This contains the links along the header */
	position: absolute;
	top: 60px;  /* Keeps the text in the header floating above the dark gray line */
	width: 100%;
	z-index: 3;
	}
#main_hdr_text div {
	text-align: right;
	letter-spacing: 1px;
	font: bold 11px Arial, Helvetica, sans-serif;
	}
#main_hdr_text span.left { /* Moves "Catalog" to the left side of the layer */
	position: relative;
	float: left;
	width: 20%;
	text-align: left;
	}

#main_hdr_text span.big {
	position: relative;
	top: 3px;
	color: #666;
	font-size: 200%;
	font-weight: normal;
	}
#franchise_links, #franchise_links div {
	text-align: left;
	letter-spacing: 1px;
	font: bold 11px Arial, Helvetica, sans-serif;
	}
#franchise_links span.big {
	position: relative;
	top: 3px;
	color: #999;
	font-size: 200%;
	font-weight: normal;
	}

#LeftColumn p {
	font-size: 95%;
	line-height: 1.2em;
	text-align: justify;
	}

#LeftColumn img {	
	padding: 0 10px;
	}
	
#LeftColumn img.icon {	
	padding: 0 0 0 0;
	}
	
#LeftColumn img.logo {	
	padding: 10px 10px;
	position: relative; 
	top: 85px;
	}	


span.tag0 { font-size: 8px; }
span.tag1 { font-size: 10px; }
span.tag2 { font-size: 11px; }
span.tag3 { font-size: 13px; }
span.tag4 { font-size: 14px; }
span.tag5 { font-size: 16px; }
span.tag6 { font-size: 17px; }
span.tag7 { font-size: 18px; }
span.tag8 { font-size: 20px; }
span.tag9 { font-size: 22px; }

.autosuggestcontainer li {
	background:url(images/blankWhite.gif) repeat-x;
	
}

#products { margin: 40px 0 0; }

.formdescReq{
	color:#900;
	font-weight:bold;
	font-size:110%;	
	
	display: block;
	float: left; clear:both;
	width: 30%;
	text-align:right;
	border-right: 1px solid #CCC;
	padding: 6px; margin-right: 3px;
}
.textAreaMissing{
	color : #333;
	font-size: 105%;
	margin-top: 5px; padding: 0.15em 0px 0.15em 0.25em;
	/*background : #F3F3F3;*/
	font-weight:bold;
	background-color:#FC0;
	border: 1px solid #F00;
}
textAreaMissing input select {
	color : #333;
	font-size: 105%;
	font-weight:bold;
	margin-top: 5px; padding: 0.15em 0px 0.15em 0.25em;
	/*background : #F3F3F3;*/
	background-color:#FC0;
	border: 1px solid #F00;
}