/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
	* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
	* @version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $
*/

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	height: 100%;
	padding-top: 0px;
	background-image: url(../images/t_main.jpg);
	background-repeat: repeat-x;}


/* This is where you have control of the main_logo images for your page,
its a bit sneaky here to be honest! Set the top margin to the width of the black
image, thereby allowing the top image to be seen*/
#logo a img{
	position: static;
	border: none;
	padding: 0;
	clear: both;
}

.category-top{
	border: 1px;
}


/* a img {height: 50px; width: 82px; border-width: 0;} - could set the image
height with this however it affects the whole of the images in the site!
Below are the ID's for each of the rollover background states for each of
the categories, this is using the 'blank.gif' method.  The blank image is
loaded via the PHP file includes/modules/yourstyle/categories_tabs.php To add a new image in the future, make sure that the images are named correctly including spave, and that the width of the divs are wide enough for each and all of the images the rollover images need to be placed here /var/www/html/includes/templates/schneiderstyle/images/ else they won't work, only need the gifs I think size appears to need to be 82 x 50 if the canvas isn't close to or in fact 50px then the image will not line up horizontally as you might expect.
*/
a#Lowline img {background: url(../images/Lowline.gif) top left no-repeat;}
a#Wangaline img {background: url(../images/Wangaline.gif) top left no-repeat;}
a#Flexline img {background: url(../images/Flexline.gif) top left no-repeat;}
a#Graceline img {background: url(../images/Graceline.gif) top left no-repeat;}
a#Peakline img {background: url(../images/Peakline.gif) top left no-repeat;}
a#Prideline img {background: url(../images/Prideline.gif) top left no-repeat;}
a#Proline img {background: url(../images/Proline.gif) top left no-repeat;}
a#Quadraline img {background: url(../images/Quadraline.gif) top left no-repeat;}
a#Ronline img {background: url(../images/Ronline.gif) top left no-repeat;}
a#Splashline img {background: url(../images/Splashline.gif) top left no-repeat;}
a#Hipline img {background: url(../images/Hipline.gif) top left no-repeat;}
a#Slideline img {background: url(../images/Slideline.gif) top left no-repeat;}
a#Pepline img {background: url(../images/Pepline.gif) top left no-repeat;}
a#Faceline img {background: url(../images/Faceline.gif) top left no-repeat;}

a#Lowline:hover img {background: url(../images/Lowline_over.gif) top left no-repeat;}
a#Wangaline:hover img {background: url(../images/Wangaline_over.gif) top left no-repeat;}
a#Flexline:hover img {background: url(../images/Flexline_over.gif) top left no-repeat;}
a#Graceline:hover img {background: url(../images/Graceline_over.gif) top left no-repeat;}
a#Peakline:hover img {background: url(../images/Peakline_over.gif) top left no-repeat;}
a#Prideline:hover img {background: url(../images/Prideline_over.gif) top left no-repeat;}
a#Proline:hover img {background: url(../images/Proline_over.gif) top left no-repeat;}
a#Quadraline:hover img {background: url(../images/Quadraline_over.gif) top left no-repeat;}
a#Ronline:hover img {background: url(../images/Ronline_over.gif) top left no-repeat;}
a#Splashline:hover img {background: url(../images/Splashline_over.gif) top left no-repeat;}
a#Hipline:hover img {background: url(../images/Hipline_over.gif) top left no-repeat;}
a#Slideline:hover img {background: url(../images/Slideline_over.gif) top left no-repeat;}
a#Peplie:hover  img {background: url(../images/Pepline_over.gif) top left no-repeat;}
a#Faceline:hover  img {background: url(../images/Faceline_over.gif) top left no-repeat;}

/* Attempt to pre-load the images as transparent backgrounds so as to remove the
flicker in IE with certain settings using the style loaded from
includes/templates/yourstyle/templates/tpl_modules_categories_tabs.php */


a img {border: 0px #9da1b3 solid}

a:link, #navEZPagesTOC ul li a {
	color: #797d8b;
	text-decoration: none;
}

a:visited {
	color: #797d8b;
	text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #3366CC;
	padding-left: 0px;
}

a:active {
  outline: none;
	color: #000000;
}

/* this is the code required now the upgrade to 1.3.6 has been complete */
.hiddenField {
  display: none;
}
.visibleField {
  display: inline;
}

/* This was also added, but may not be required, or may cause issues check with the support site release statement */
/* backward compatibility, to be removed in 1.4: */
.navMainSearch {
  float: right;
  margin: 0.5em;
}
/**************************/

/* This is the very footmost part of the page, I use this to advertise FF */
.bottom_fox{
  float: right;
	width: 210px;
	margin: 1em  auto;
	text-align: center;
	border-style: none;
	border-width: 0px;
	border-color: gray;
	padding-bottom: 0px;
	padding-right: 40px;
	white-space: nowrap;

}

/* This reputedly fixes the peekaboo IE bug */
h1, h2, h3, h4, h5, h6, p {
position: relative;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}


h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
}

.biggerText {
	font-size: 1.2em;
}

h1, h2, h4, h5, h6 {
	margin: 0.3em;
}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.0em;
}

TEXTAREA {
	float: left;
	margin: auto;
	display: block;
	width: 95%;
}

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
}


LABEL.inputLabel {
	width: 11em;
	float: left;
}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
}

P, ADDRESS {
	padding: 0.5em;
}

ADDRESS {
	font-style: normal;
}

.clearBoth {
	clear: both;
}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
}

/*wrappers - page or section containers, the width here affects the whole page
width*/
#mainWrapper {
	text-align: left;
	width: 850px;
	margin: 0 auto;}

#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, {
	margin: 0em;
	padding: 0em;
}

#popupAdditionalImage, #popupImage {
background-image: none;
margin: 0em;
padding: 0em;

}
/* By adding a height here you force the nav image below down and under the
schneider logo, peaking out at the bottom of the div - this is a container
for the nav bar, the logo and the rollover menu*/
#headerWrapper {
	margin-bottom: 0em;
	padding-bottom: 0px; /* Padding makes no difference to rollover menu, it just goes behind them */
	background-color: transparent; /* Just so I can see when it comes into play behing logo main_banner */
	width:850px; /*going to add 82px here to see if that will allow me to expand the buttons div, i doubt it because the outer div will need to expand also, affecting the whole page */
	height: 140px;

}


/*This allows the center content part to be sized outside of the mainWrapper
above which sets the width of the whole page - this clear both was added for FF
to render the pages underneath - this affects the distance of the breadcrumb
menu below the rollover buttons*/
#contentMainWrapper{
	margin: 0em 0em 0em 0em;
	padding: 1em 0em 0em 0em; /* top right bottom left */
	width: 850px;
	clear: both;
}

/*Pulled this out from above just to see if I can help expand the top most
 part of the page, doesn't appear to have an effect.  If you see
 that #3366CCish colour though, you know what it does! This helps with
 positioning the vertical of the logo main_banner*/
#logoWrapper {
	margin-top: -2px; /*No longer seems to have an effect on FF but does in IE*/
	padding:0;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
}

#tagline {
width: auto;
height: auto;
	margin: -2px; /* This is the space between logo image and top of rollovers,
  set it negative if you want to raise the images closer to the logo */

  _margin: -10px;  /* This is an interesting Hack for IE as it would not
  put the images in the correct place, I found that all browsers ignore
  the _ except IE  .. this allows me to set a different neg value for the
  margin for IE than the rest of the browsers ... this apparently is
  valid 2.1 css too */

	color:#000000;
	font-size: 0em;
	text-align : left;
}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
}

.termsiagree {
font-size: 1.0em;
padding-left: 8px;
color: #FFFFFF;
background-color: #CC0000;
}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
}

/* This is the background behind the categories, this is where you could change how things happen when you need to do rollowvers. I think SuppWrapper is the bottom one (with Home in it)- This is interpreted differently - if you add more categories and need more category images width this is where to increase the width of the div*/

#navCatTabsWrapper {
	margin: 5px;
	background-color: transparent;
	color: #ffffff;
	height: 1%;
	width: 1100px;
  padding-left: -25px;
}

/* Pulled this out from above as this is the footer part */
#navSuppWrapper {
	float: middle;
	margin: 0em;
	background-color: transparent;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 360px;
	border-top: 0px #bebebe;}

/*Pulled the navmainwrapper out from above, as I want a background image behind,
the search box at top and this part of the page to be 100% wide, the rest of
the page should stay at 760px - this works in FireFox */
#navMainWrapper {
	/* background-image: url(../images/slices/t_top.jpg);
	background-repeat: no-repeat; Padding below was originally set to 3px and
  height 31px btw */
	padding-top: 3px;
	position: relative;
	visibility: visible;
	width: 100%;
	height: 27px;
	clear: both;
}

/* This stuff added by me to enhance the login screen */

/* This is the home page hyperlink */
.sign_up a {
text-decoration: underline;
}

/* This is the login screen, file is inc/lang/eng/schn/login.php */
.existing_customer {
color: #FFF;
background-color: #5F8ABD;
}
/* This affects the top bar, and the main center part of the page */
#navMain ul, #navSupp ul{
	margin: 0;
	padding: 0px 0em 0em 0px;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	color: purple;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	font-style: normal;

}
/* This is the footer menu system - link to us, home etc*/
#navlist
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 18px 60px;
	border-bottom: 1px solid #CCC;
}

#navlist ul, #navlist li
{
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
		display: inline;
}

	#navlist a:link, #navlist a:visited
{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 0px 10px;
	text-decoration: none;
	color: #999;
}

	#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	border-bottom: 3px solid #000;
	padding-bottom: 1px;
	background: transparent;
	color: #FFA500;
}

#navlist a:hover {
	color: #3366CC;
}


/* This affects the colour and layout of the list containinge ronline proline etc. menu buttons */

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	float: left;
	padding: 0em 0em 0em 0em;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	font-style: normal;
	position: relative;
}

/* This is applied to the <ul> and in conjunction with navCatTabs above the layout too
The images should reside in the following folder /includes/templates/YOURTEMPLATE/images/folder
and they need to be gif types of file */
.text_under {
ul {
	width:100%;
	float:left;
	list-style: none;
	margin: 0;
	padding-right: 10px;
}

li {
	display: block;
	width:82px;
	float:left;
	text-align:center;
}

a {
	color: gray;
	FONT-SIZE:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-decoration:none;
}

a:link, a:visited {
	color:gray;
}

a:hover {
	color: #3366CC;
}

img {
	border: none
}

}

/* This was originally pulled out by me, but the above seems to control the cats
menu - however this controls the rollowver colour amongst other things*/
#navCatTabs ul li a {
	text-decoration: none;
	color: #797d8b;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	font-style: normal;
}


/* Colour and padding of login home bar, at top and color of search etc - brokde
them into 3 sepearte ones - set the color to see the differences */


/* This one is the colour/style of the login and home in the header bar!
padding settings affect home and login links, affects the home rollover colour*/
#navMain ul li a {
	display: inline;
	white-space: normal;
	text-decoration: none;
	padding: 1em 1.8em 0em 0em;
	margin: 0;
	color: #FFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 600;
	font-style: normal;
}

/* This one is the colour/style of the Home button in the footer bar! */
#navSupp ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	color: #ffb145;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	font-style: normal;
}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
}

#navEZPagesTOC ul li {
	white-space: nowrap;
}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0em;
}

#navBreadCrumb {
	padding-top:10px;
	text-decoration: overline;
	font-size: 0.95em;
	font-weight: bold;
	padding: 0.5em 0 0.5em 1.5em;
	clear: left;
}




#navEZPagesTop {
	background-color: #ffff33;
}

#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
}


/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
}
.advisory {}
.important {
	font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
	float: right;
}
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	clear: both;
}

/* Took this out of the above menu, it appears to be having an effect on my
bottom most menu, ie the clear both aspect causing my menus to drop down. It
would appear that you need clear both else it gets too close to the top */
.centerColumn{
	padding: 0.8em;
	clear: both;
}


.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
}

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
}

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
}

#scUpdateQuantity {
	width: 2em;
}

.cartQuantity {
	width: 4.7em;
}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
}

.cartRemoveItemDisplay {
	width: 3.5em;
}

#cartAttribsList {
	margin-left: 1em;
}

#mediaManager {
	width: 50%;
	margin: 0.2em;
	padding: 0.5em;
}
.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
}

.amount {
	width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
}

.categoryIcon a img{
	border:0em;
}


#cartImage {
	margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {
	font-size: 1em;
	color: #ff9328;
}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{
	color: #ff9328;
	text-decoration: none;
}

.leftBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-image:url(../images/sidebox_top.gif);
	background-repeat:no-repeat;
	padding: 0.5em 0.2em;
}

.centerBoxHeading {
	margin: 0em;
/*
	background-image:url(../images/title_bg.gif);
	background-repeat:no-repeat; when you get the image remove quotes*/
	color: #5C8ABE;

	padding: 0.5em 0.2em;
	border-bottom-style:;
	border-bottom: 1px #797d8b solid;
	text-transform: capitalize;
	font-variant: small-caps;
	text-direction: ltr;}

.leftBoxContainer, .rightBoxContainer {
	background-image:url(../images/sidebox_middle.gif);
	background-repeat:repeat-y;
	margin-top: 1.5em;
}

.sideBoxContent {
	background-image:url(../images/sidebox_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0.4em;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .gvBal, .attribImg {
	text-align: left;
}

/* Pulled this out so I could layout the text in the center of the page */
 #siteinfoLegal {
 text-align: center;
 }

/*Pulled this out to center the new products boxes */
.centerBoxContentsNew {
	text-align: center;
}
/* Pulled this out of the above so I could pad around the images displayed in 'this month' for example. */
.productListing-data {
	text-align: left;
	padding-bottom:0.4em;
	padding-right: 0.4em;
	margin-bottom: 0.4em;}

/* The following two classes I added, as these are not included in the stylesheet by default, they are however called includes/modules/product_listing.php - the first is the description, the second is the Header 3 hyperlink above it.*/
.listingDescription{

	padding-left: 1.2em;
	padding-right: 1.1em;}

.itemTitle {
	padding-left: 0.6em;
	padding-right: 1.1em;
}
.productListing-heading{
	margin-left: 0.8em;
}


#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
}

#upDateHeading {
	text-align: right;
}

/*misc this affects the checkbox attribute tags amongst other things, it affects all kinds!*/
.back {
	float: left;
	clear: both;
	padding-left: 7px;
}

/* created by me, this allows me to float the text 'Please Choose' to the right*/
#attribsOptionsText{
  float: left;
}


.forward {
	float: right;
}

.bold {
	font-weight: bold;
}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
}

CAPTION {
	/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
}

#siteMapList {
	width: 90%;
	float: right;
}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
background-image: none;
background-color: #ffffff;
}

/* This is the CSS needed for the Order Step Edition 2 contribution */

div.order_steps {       /* Is needed for the centering in IE */
    width: 100%
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    text-align: center;
}

table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 80%;       /* Here you can set the total width of this contrib */
    padding-bottom: 10px;
    background-color: transparent;      /* Here you can change the background-color of the whole contrib */
}

tr.order_steps_line_2 {
    height: 5px;        /* Is a part in determining the height of the line */
    padding: 0px;
    margin: 0px;
}

tr.order_steps_line_3 {
    height: 1px;        /* Is a part in determining the height of the line shadow */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active {
    background-color: #0099cc;     /* Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive {
    width: 4%;
    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active_shadow {
    background-color: #346C00;     /* Determines the non-active color of the completed part of the line shadow */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive_shadow {
    width: 4%;
    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/
    padding: 0px;
    margin: 0px;
}

td.order_steps_text {
    text-align: center;
    vertical-align: top;
    color: #A7A7A7;        /* Determines the non-active color of the text */
    padding-bottom: 5px; /* Determines the distance between the text and the line */
}

td.order_steps_text_completed {
    text-align: center;
    vertical-align: top;
    color: #6699cc;        /* Determines the non-active color of the text steps that have been completed*/
    padding-bottom: 10px; /* Determines the distance between the text and the line */
}

td#active_step_text {       /* These are the styles for the active text */
    color: #0099cc;
    font-weight: 700;
    font-size: 1.1em;
}

/* End Order Steps contribution CSS */