/* CSS Document */

/*
***********************************************************

Title:			allspec.css
Browser(s): 	All
Author: 		Kevin deLeon (www.all-spec.com)
Created: 		10.29.2008
Last modified: 	10.29.2008

!!!LIVE VERSION!!!

***********************************************************/

/* ---------------------------------------------------------------------------------------*/
/* -------------------------------------->>> NOTES <<<------------------------------------*/
/* ---------------------------------------------------------------------------------------*/
							/*		!!!LIVE VERSION!!!		*/
/* 
	- All text Styles are under the global text section unless they are specific to a 
	certain page, or template.  Then they will be under the heading for THAT specific 
	page or template.
*/	 
/* ---------------------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> CHANGE HISTORY <<<------------------------------------*/
/* ------------------------------------------------------------------------------------------------*/







/* ---------------------------------------------------------------------------------------*/
/* -------------------------------------->>> GLOBAL <<<-----------------------------------*/
/* ---------------------------------------------------------------------------------------*/

/* Re-setting some global junk...taken from Elliot Jay Stocks */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
/*h1, h2, h3, h5, h5, h6 { font-size:100% } */
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong, b { font-weight: bold }
em { font-style: italic }
/* * a { position:relative }  Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

body {background: #fff url(/images/interface/mainBG.gif) repeat-x top left; text-align: center; /* centers content for wacky browsers */}

/* ---------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> GLOBAL TEXT STYLES <<<-----------------------------------*/
/* --------------------------------------------------------------------------------------------------*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}

p {font-size: 12px; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em;}

h1 {font-size: 24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666;}
h2 {font-size: 21px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h3 {font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #990000;}
h4 {font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h5 {font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #006;}
h6 {font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666;}
h7 {font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666;}
h8 {font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #317a05;}
ol, ul, li { font-size: 12px; margin-top: 0.2em; margin-bottom: 0.1em; }

a {color: #21428F; text-decoration: none;}
a:hover {color: #21428F; text-decoration: underline;}

/*-------------------------------
pdf links
--------------------------------*/
a[href ^="http://www.youtube.com"] {padding-right: 18px; background: url(/images/interface/videoico.gif) no-repeat right top;}
a[href $=".pdf"] {padding-right: 18px; background: url(/images/interface/pdfico.gif) no-repeat right top;}
/*class to get rid of pdf icons for image links etc...*/
a.nopdf {padding-right: 0; background: none;}
/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> PAGE STRUCTURE <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

/*Temporary Ad Container */
#cloudContainer {position: absolute; margin: 0; width: 100%; height: 30px; border-bottom: 1px solid #21428F; text-align: center; overflow: hidden; background: #FEFBE0; display: none;}
#cloudContent {margin: 0 auto; width: 940px; height: 100%; padding: 0 0 0 0;}
.cloudMessage {float: left; margin: 3px 0 0 0; padding: 0; line-height: normal; height: 100%; font-size: 14px; font-weight: bold; }
.cloudMessage img {vertical-align: middle; margin-right: 10px; margin-top: 0;}
.cloudClose {float: right; margin: 5px 0 0 0;}
#cloudContent a.closeLink {width: 130px; display: block; height: 20px; padding: 3px 0 0 25px; background: url(/images/interface/closeX.gif) no-repeat left top;}

/* main container that centers page */
#container { 
	position: relative;
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 940px;
	height: 100%;
	text-align: left; /* uncenters text that was unfortunately centered above for wacky browsers */
	overflow: hidden;
}
/* page structure styles used on most pages */
/* #leftContent {position: relative; width: 160px; margin: 5px 10px 0 0; padding: 0; float: left; overflow: hidden;}*/
#leftContent {position: relative; width: 160px; margin: 5px 10px 0 0; padding: 0; float: left;}
#contentWrapper {position: relative; width: 940px; margin: 0 0 10px 0; height: auto !important; padding: 0; overflow: hidden; clear: both; z-index: 1; /*for IE z bug*/}
#rightContent160 {position: relative; width: 160px; margin-top: 5px; padding: 0; float: left; overflow: hidden; margin-right: -3px;}
#centerContent600 {position: relative; width: 600px; margin: 5px 10px 0 0; padding: 0; float: left; overflow: hidden;}
#centerContentFull {position: relative; width: 770px; margin: 5px 0 0 0; padding: 0; float: left; overflow: hidden;}
#centerContentFullNoSide {position: relative; width: 940px; margin: 0 0 0 0; padding: 0; float: left; overflow: hidden;}

/* page structure styles used on homepage */
#centerContent540 {position: relative; width: 540px; margin: 5px 10px 0 0; padding: 0; float: left; overflow: hidden;}
#rightContent220 {position: relative; width: 220px; margin-top: 5px; padding: 0; float: left; overflow: hidden;
	margin-right: -3px; /*added to fix IE6 dup content bug */
}

/*used on most other pages */

/* footer divider styles */
#footDivider {width: 960px; height: 36px; background: url(/images/interface/footDivider.gif) repeat-x; clear: both; margin: 0 0 4px 0;}
.footDivHead {padding: 6px 0 0 7px; float: left; font-size: 14px; color: #fff;}


/*footer Styles*/
#footer ul {margin: 0 0 0 8px;}
#footer ul li {margin: 3px 0 0 8px; font-size: 11px;}
#footer {position: relative; width: 940px; overflow: hidden; margin: 0 0 20px 0;}
#footer h3 {margin: 8px 0 0 7px; color: #990000;} /* for right column headers all red */
#footBox1 {width: 218px; height: 208px; margin: 0 20px 0 0; border: 1px solid #ccc; background: url(/images/interface/gradBox.gif) repeat-x; float: left;}
#footBox2 {width: 218px; height: 208px; margin: 0 20px 0 0; border: 1px solid #ccc; background: url(/images/interface/gradBox.gif) repeat-x; float: left;}
#footBox3 {width: 218px; height: 208px; margin: 0 20px 0 0; border: 1px solid #ccc; background: url(/images/interface/gradBox.gif) repeat-x; float: left;}
#footBox4 {width: 218px; height: 208px; border: 1px solid #ccc; background: url(/images/interface/gradBox.gif) repeat-x; float: left;}
.credcards {margin-top: 10px;}
.twitterFoot {margin-top: 5px; padding-right: 3px;}

/* -------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> NAVIGATION <<<-----------------------------------*/
/* -------------------------------------------------------------------------------------------*/

/* topNav -- contains links for MyAccount, Shpping Cart, etc... */
#topNav {position: absolute; top: 0; right: 0;	height: 25px; text-align: center; color: #003366; z-index: 2; /*for IE z bug*/}
#tnL { position: relative; height: 25px; width: 8px; background: url(/images/interface/tnL.gif) no-repeat; float: left;}
#tnR { position: relative; height: 25px; width: 8px; background: url(/images/interface/tnR.gif) no-repeat; float: left;}
#topNavLinks { position: relative; height: 25px; background: url(/images/interface/tnMain.gif) repeat-x; margin: 0; float: left; z-index: 3000;}
#topNavLinks ul { margin: 4px 10px 0 10px;}
#topNavLinks li { display: inline; position: relative;}
#topNavLinks div {display: none;}
#topNavLinks li.mega div {width: 363px; position: absolute; top: 20px; left: 0; z-index: 1000; background: #eee; border: 1px solid #333; padding: 0 2px 2px 2px; border-top: 1px solid #eee;}
#topNavLinks li.hovering div {display: block; text-align: left;}
#topNavLinks li.hovering div h3 {color: #990000; padding: 0; margin: 3px 0 3px 0; font-size: 14px;}
#productLogin { padding: 0px; height: 15px; width: 100%; margin: 0px; position: relative; margin: 0px; float: left; z-index: 3000;}
#productLogin ul {padding: 0px; margin: 10px 0px 0px 10px;}
#productLogin li {padding: 0px; display: inline; position: relative;}
#productLogin div {padding: 0px;display: none;}
#productLogin li.mega div {width: 363px; position: absolute; top: 20px; left: 0; z-index: 1000; background: #eee; border: 1px solid #333; padding: 0 2px 2px 2px; border-top: 1px solid #333;}
#productLogin li.hovering div {display: block; text-align: left;}
#productLogin li.hovering div h3 {color: #990000; padding: 0; margin: 3px 0 3px 0; font-size: 14px;}
.viewCartHover {vertical-align: text-bottom;}
#popupcart {margin: 0px 0px 0px -10px; font-size: 8pt; color: #000000; font-weight: normal; background-color: #FFFFFF;}
#popupcart td {padding:3px; border: 1px solid #ccc; background: #fff;}
#kitinfo {margin: 0px 0px 0px 0px; font-size: 8pt; color: #000000; font-weight: normal; background-color: #fff;}
#kitinfo td {padding:3px; border: 1px solid #ccc; background: #fff;}

/* Horizontal Menu and Search Styles */
#hrzNavigation { position: relative; width: 940px; height: 41px; clear: both;}
#hrzNavLeft { position: relative; width: 641px; height: 41px; background: url(/images/interface/hrzMenuBlue.gif) repeat-x; float: left; font-family: Arial, Helvetica, sans-serif;}
#hrzNavLeft ul { margin: 7px 0 0 7px;}
#hrzNavLeft li { display: inline; margin: 0 15px 0 0; font-size: 16px;}
#hrzNavLeft li a {color: #fff; text-decoration: none;}
#hrzNavLeft li a:hover {color: #fff; text-decoration: none;}
#hrzNavArrow { position: relative; width: 44px; height: 41px; background: url(/images/interface/hrzMenuArrw.jpg) repeat-x; float: left;}
#hrzNavRight { position: relative; width: 255px; height: 41px; background: url(/images/interface/hrzMenuYellow.gif) repeat-x; float: left;}

/* Primary Navigation in Left Column */
#primaryNav {width:157px; background-color:#fff; padding: 0 0 0 1px; border: 1px solid #ccc; margin: 0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#primaryNav ul {margin: 0; padding: 0; list-style: none; text-transform:none; font-weight:bold;}
#primaryNav li {border-bottom: 1px solid #ccc; margin: 0; font-size: 11px;}
#primaryNav li a, #primaryNav li a:visited {display: block;padding: 5px 5px 5px 5px; background-color: #fff ; width: auto; text-decoration: none;}
html>body #primaryNav li a {width: auto;}
#primaryNav li a:hover {background-color: #fff; text-decoration:none;}
#primaryNav li a:active {background-color: #fff; text-decoration:none;}

/* Only needed if using dynamic Menu
#primaryNav li ul {margin: 0px; padding: 0; list-style-type: none; font-size: 11px; font-weight: normal;}
#primaryNav li ul li {border-bottom: 1px solid #ccc; margin: 0px; vertical-align: bottom; This fixes the IE5 Win gap!}
#primaryNav li ul li a, #primaryNav li ul li a:visited {margin: 0px; display: block; padding: 4px 5px 4px 25px; background-color:#81849C;width: auto; text-decoration: none; color:#f2f2f2;}
#primaryNav li ul li a:hover {background-color: #B8B8B8; color: #012748; text-decoration:underline;}
#primaryNav li ul li a:active {background-color: #FFFFFF; color: #003399; text-decoration:underline;}

.menuicon {padding: 0 5px 0 0; margin: 0;}
.noSub {margin-left: 15px;}

#primaryNav li ul li ul li {border-bottom: none; border-top: 1px solid #CCCCCC;margin: 0px; vertical-align: bottom;}
#primaryNav li ul li ul li a, #primaryNav li ul li ul li a:visited {margin: 0px; display: inline-block; padding: 4px 5px 4px 45px; background-color: #B2B4C2; text-decoration: none; color:#404040; width: auto;}
#primaryNav li ul li ul li a, .#primaryNav li ul li ul li a:visited {display:block;}
#primaryNav li ul li ul li a:hover {background-color: #969B8F;color: #000;text-decoration:underline;}
#primaryNav li ul li ul li a:active {background-color: #FFFFFF;color: #003399;text-decoration:underline;} */

/* Where Have I Been Navigation */
#where {margin: 10px 0 0 0; cursor: pointer;}

#recentPopLeft {width: 290px; float: left; padding-right: 5px; border-right: 1px dashed #ccc; margin-bottom: 10px;}
#recentPopRight {width: 320px; float: left; margin-left: 25px; margin-bottom: 10px; margin-right: 10px;}
ul.where li img {vertical-align: middle; margin: 5px 0 5px 0;}
ul.where li {margin: 0 0 5px 15px; list-style-type: disc;}

/* Shop By Navigation in Left Column */
#shopByNav {width: 157px; background-color: #fff; padding: 0 0 0 1px; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif;}
#shopByNav ul {margin: 5px 0 5px 5px;}
#shopByNav ul li {margin: 5px 0 5px 0;}

/* Testing new Sub Navigation Scheme */
#sbcListCont {width:157px; background-color:#fff; padding: 0 0 0 1px; border: 1px solid #ccc; margin: 0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#sbcList {margin: 8px 0 8px 4px; width: 148px;}
.sbcListOption {font-size: 11px; font-family:Arial, Helvetica, sans-serif;}

#subMegaMenu {width:157px; background-color:#fff; padding: 0 0 0 1px; border: 1px solid #ccc; margin: 0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#subMegaMenu ul {margin: 0; padding: 0; list-style: none; text-transform:none; font-weight:bold; position: relative;}
#subMegaMenu li {border-bottom: 1px solid #ccc; margin: 0; font-size: 11px; position: relative;}
#subMegaMenu li h2 {font-size: 11px;}
#subMegaMenu li a, #subMegaMenu li a:visited {display: block; padding: 5px 5px 5px 5px; background-color: #fff ; width: auto; text-decoration: none;}
html>body #subMegaMenu li a {width: auto;}
#subMegaMenu li a:hover {background-color: #003366; text-decoration:none; color: #fff;}
#subMegaMenu li a:active {background-color: #fff; text-decoration:none;}

#subMegaMenu ul div {display: none; border: 1px solid #ccc; margin: 0 0 7px 0;}
#subMegaMenu ul li div ul {float: left; border: none; background: none;}
#subMegaMenu ul li div ul li {border: none; background: none;}
#subMegaMenu ul li div ul li a:hover {background-color: transparent; text-decoration: none; color: #003366;}
#subMegaMenu ul li div ul li a:active {background-color: transparent; text-decoration: none; color: #003366;}
#subMegaMenu ul li.mega div {position: absolute; top: 0; left: 158px; background: #ccc;}
#subMegaMenu ul li.hovering div {display: block;}


/* ---------------------------------------------------------------------------------------*/
/* -------------------------------------->>> HEADER <<<-----------------------------------*/
/* ---------------------------------------------------------------------------------------*/

/*masthead styles */
#masthead { position: relative;	width: 940px; }
#headLogo {	width: 180px; height: 53px;	position: relative;	float: left; margin-right: 10px; }
/*next 3 styles are image replacement for logo */
a.replace {display: block;} 
h1#logo {position: relative; width: 180px; height: 53px; font-size: 1px; /* ignored in IE/Mac \*/ overflow: hidden; font-size: 14px;	/* */}
h1#logo a span {position: absolute; top: 0; left: 0; display: block; background: url(/images/interface/LogoSmall.jpg);	width: 180px; height: 53px; cursor: pointer;}

#headInfo { position: relative;	float:left;	margin: 20px 0 0 0;}
.phone{ margin: 0; line-height: .75em; font-size: 13px; font-weight: bold; color: #666; font-family: Arial, Helvetica, sans-serif;}
.branding{ margin: 0; color: #21428F; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}

#security { position: relative; margin: 20px 0 0 0; float: right;}

/*** web news div for temp news messages in header ***/
#webNews { margin-top: 2px; margin-bottom: 2px; position: relative; float:left;  width: 940px; }

/* --------------------------------------------------------------------------------------------*/
/* ------------------------------------>>> HOME PAGE FORMS <<<---------------------------------*/
/* --------------------------------------------------------------------------------------------*/

#search_box { position: relative; width: 207px; height: 22px; margin: 7px 0 0 20px; background: url(/images/interface/bgSearchBox.gif) no-repeat;}
#search_box #searchField { float: left; padding: 0; margin: 4px 0 0 8px; border: 0; width: 134px; background: none;}
#go {width: 45px; height: 22px;}
#go { float: right; margin: 0 4px 0 0;}

#nlRightForm {margin: 3px 0 4px 0;}
#nlRightInput {width: 168px; margin: 4px 0 0 8px;}
#nlButtonRight {width: 25px; height: 25px; vertical-align: bottom;}

#qoRightForm {margin: 0;}
.qopn {width: 142px; display: block; margin: 0 0 8px 8px;}
.qoqty {width: 41px; display: block; margin: 0 0 8px 8px;}
#qoButtonRight {width: 108px; height: 21px; margin: 0 0 8px 8px;}

#footNLInput {width: 168px; margin: 5px 0 0 8px; float: left; display: block;}
#nlButtonBottom {width: 25px; height: 25px; margin: 3px 0 0 8px;}

/* -------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> HOME PAGE STYLES <<<-----------------------------------*/
/* -------------------------------------------------------------------------------------------------*/

/* Left Column Styles */
.leftColHead {position: relative; width: 153px; height: 22px; background: url(/images/interface/colHeader.gif) repeat-x; margin: 0; padding: 3px 0 0 7px; font-size: 14px; color: #fff;}


/* Center Column Styles */
#mainAd {width: 540px; height: 227px; padding: 0; margin: 0; position: relative;}
/*
#mainAd ul {margin: 0; padding: 0;}
#mainAd ul li {margin: 0; padding: 0;}
#mainAd span{ display:block; width:20px; height:39px; position:absolute; top:202px;}	
#nextBtn{ display:block; width:20px; height:39px; position:absolute; left:520px; top:180px; text-indent: -9999px;}
#prevBtn{display: block; width:20px; height:39px; position:absolute; left:0; top:180px; text-indent: -9999px;}
#prevBtn a{display: block; width:20px; height:39px;	background:url(/images/interface/btn_prev.png) no-repeat 0 0;}	
#nextBtn a{display:block; width:20px; height:39px; background:url(/images/interface/btn_next.png) no-repeat 0 0;}								
*/

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { /*this is the gallery container*/
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*this is your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding (yet)*/
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider contanier*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { /*the thumbnails list of images*/
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}




.mav {width: 100%; height: 100px; background: #fff;}
.mav ul {postition: relative; left: -999em; margin: 0; padding: 0;}
/*core classes */
.stripViewer {position: relative; overflow: hidden;  border: 0;   margin: 0; padding: 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li {float:left; margin: 0; padding: 0;} 
.stripTransmitter { overflow: auto; width: 1%;} 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none;} 
.stripTransmitter ul li{ width: 179px; float:left; margin: 0 1px 0 0;} 
.stripTransmitter a{ font: bold 12px Verdana, Arial; text-align: center;  background: #ccc; color: #21428F; text-decoration: none; display: block; padding: 2px 0 2px 0;} 
.stripTransmitter a:hover, a.current{color: #fff; background: #21428F; } 


/* All Styles for home page horizontal Carousel Containter */
#homeCarouselHead {
	position: relative;
	width: 533px;
	height: 22px;
	background: url(/images/interface/colHeader.gif) repeat-x;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 3px 0 0 7px;
	float: left;
}
.homeCenterBoxHead {margin: 0; padding: 0; float: left; font-size: 14px; color: #fff;}    
.homeCarousel  {padding: 0; margin: 5px 0 0 0; position: relative; width: 540px; height: 100%;}    
.homePrev {float: right; margin: 3px 5px 0 0; padding: 0; height: 11px; width: 20px; border: 0;}
.homeNext {float: right; margin: 3px 5px 0 0; padding: 0; height: 11px; width: 20px; border: 0;}
.jButton {display: block; float: left; margin: 0; padding: 0; width: 20px; height: 20px; background: url(/images/interface/jButton.gif);}
#jButtonBox {float: right; margin: 0 4px 5px 0;}
.jCarouselLiteH {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	padding: 0 2px 0 2px;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
	text-align: center;
	margin: 0;
}
.homeCarousel ul {margin: 0; padding: 0; width: 540px;}
.homeCarousel ul li {margin: 15px 0 10px 0; width: 178px; height: 190px;}
.homeCarousel li img {background-color: #fff; margin: 0 auto; margin-bottom: 3px; width: 128px;}
.homeCarousel li p {background-color: #fff;  margin: 0 auto; width: 160px; line-height: 1.3em;}

/* Right Column Styles */
#rightContent220 h3 {margin: 8px 0 0 8px; color: #990000;} /* for right column headers all red */
#rightBlog p {font-size: 11px; margin: 0 0 0 8px; line-height:1.4em;}
#rightNLetter {width: 218px; height: 107px; margin: 0 0 10px 0; background: url(/images/interface/gradBox.gif) repeat-x top left; border: 1px solid #ccc;}
#rightNLetter p {font-size: 10px; margin: 0 8px 0 8px; line-height: 1.2em;}
#rightQuickO {width: 218px; margin: 0 0 10px 0; background: url(/images/interface/gradBox.gif) repeat-x top left; border: 1px solid #ccc; overflow: hidden;}
#rightQuickO p {font-size: 10px; margin: 0 8px 5px 8px; line-height: 1.2em;}
.QOrderHead {font-size: 11px; margin: 3px 0 3px 8px;}
#rightBlog {width: 218px; margin: 0 0 10px 0; background: url(/images/interface/gradBox.gif) repeat-x top left; border: 1px solid #ccc; overflow: hidden;}
#rightVideo {width: 103px; float:left; margin: 0 10px 10px 0; background: url(/images/interface/gradBox.gif) repeat-x top left; border: 1px solid #ccc; overflow: hidden;}
#rightInfo {width: 103px; float:left; margin: 0 0 0 0; background: url(/images/interface/gradBox.gif) repeat-x top left; border: 1px solid #ccc; overflow: hidden;}
.blogIcon {float: right; margin: 5px 5px 5px 0;}

#LQuikCol {float: left; margin-right: 2px;}
#RQuikCol {float: left;}
#runningMan {width: 51px; height: 28px; margin: 0 0 3px 35px;}




/* ----------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> PRODUCT PAGE STYLES <<<-----------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/

/* #crumbs {} */
#prodManuLogo {margin: 5px 0 5px 0;}

#prodPicture {position: relative; float: left; text-align: center; width: 160px;}
#prodPicture img {display: block; margin: 0 auto;}
.enlarge {padding-top: 10px;}
#prodPricingMessage {font-weight: bold; color: #990000; margin: 0px 0px 15px 0px;} /* for volatile pricing ie Kester metals */
#prodInfoContainer {position: relative; float: left; width: 430px; overflow: hidden; background: url(/images/interface/gradBox.gif) repeat-x; border: 1px solid #ccc; margin: 0 0 0 6px; padding: 0 0 10px 0;}
#infoContainerLeft {position: relative; float: left; padding: 10px 0 10px 10px; width: 262px; margin: 0; overflow: hidden;}
#infoContainerRight {position: relative; float: left; padding: 10px 0 10px 0; width: 156px; margin: 0; overflow: hidden;}

.prodTitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; margin: 15px 0 15px 0; font-size: 18px;}

.ourPriceBlock {margin: 3px 0px 3px 0px; padding: 0;}
.standardPriceBlock {margin: 0px 0px 3px 0px; padding: 0;}
.ourPrice {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
.standardPrice {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.stdprice {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #990000; font-weight: bold;}
.price {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #990000; font-weight: bold;}
.listPriceBlock {margin: 0 0 0 5px;}
.listPrice {text-decoration: line-through;}
.tagIcon {vertical-align: bottom; margin: 0 0 0 3px;}
.priceNotes {font-size:10px; font-weight: bold; color: #005200;}
.listPriceLight {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777777; font-weight: normal;}
.rebateNote {font-family: Arial, Helvetica, sans-serif; color: #317A05; font-size: 11px;}
.rebatePrice {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.rebateDate {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

#partNumBlock {margin: 0 5px 0 5px;}
#partNumBlock p {margin: 0; padding: 0; font-size: 11px; line-height: 1.2em;}

#qtyInfoBlock {margin: 10px 0 0 5px;}
#qtyInfoBlock p {margin: 0; padding: 0; font-size: 11px; line-height: 1.2em;}
.availability {}

#prodIconBlock {margin: 0 0 0 52px; padding: 0;}
#prodIconBlock p {margin: 0 0 0 0; padding: 0; font-size: 11px; height: 20px;}
.prodPageIcons {margin: 0 2px 0 0; vertical-align: middle;}

/*email Friend*/
.nobots {display: none;}
.emailLabel {margin: 0 0 5px 0;}
.emailFriendtitle {font-weight: bold; margin-bottom: 5px; font-size: 16px; color: #990000;}
#EFBody {text-align: left; padding: 20px;}

#addToCartBlock {text-align: right; margin: 20px 10px 0 0;}
.prodQTY {width: 40px; margin: 0 5px 0 0;}
#prodCartBtn {vertical-align: middle; width: 126px; height: 24px; text-indent: -9999px; margin: 8px 0 0 0; padding:0; border:0; background: transparent url('/images/interface/addCartRedS2.gif') no-repeat; cursor: pointer;}
#prodCartBtn:hover {background-position: -126px;}
#prodAddToKit {vertical-align: middle; width: 126px; height: 24px; text-indent: -9999px; margin: 8px 0 0 0; padding:0; border:0; background: transparent url('/images/interface/addToolKit.gif') no-repeat; cursor: pointer;} 

#priceBrkTbl {width: 406px; margin: 5px 10px 0 10px; border: 1px solid #ccc; font-size: 11px; clear: both;}
#priceBrkTbl td {padding: 3px;}
.brkRow1 {background: #003366; color: #fff;}
.brkRow2 {background: #eee; color: #333;}
.rowTitle {text-align: left;  width: 89px;}
.brkCell {text-align: center;}

.drpShpStatmnt {color: #21428F; margin: 10px 10px 0 10px; font-size: 13px; clear: both;}

/*shaded Tabs */
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ }
.shadetabs li {display: inline; margin: 0;}
.shadetabs li a {text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin: 0 0 0 0; border: 1px solid #ccc; color: #2d2b2b; background: #fcf1bb;}
.shadetabs li a:visited {color: #2d2b2b;}
.shadetabs li a:hover {text-decoration: underline; color: #2d2b2b;}
.shadetabs li a.selected {position: relative;top: 1px;}
.shadetabs li a.selected {background: #fff url(/images/interface/tabActive.gif) repeat-x;border-bottom-color: #fff;}
.shadetabs li a.selected:hover {text-decoration: none;}
.tabcontent {display:none;}
@media print {.tabcontent {display:block !important;}}
#tabbedContainer {padding: 40px 0 0 0; overflow: hidden; width: 600px; clear: both;}
#tabbedContainerWide {padding: 40px 0 0 0; overflow: hidden; width: 800px; clear: both;}
#tabbedContainerFull {padding: 40px 0 0 0; overflow: hidden; width: 940px; clear: both;}
#tabDivCont {border:1px solid #ccc; width:578px; margin: 0 0 10px 0; padding: 10px 10px 20px 10px;}
#tabDivContWide {border:1px solid #ccc; width:778px; margin: 0 0 10px 0; padding: 10px 10px 20px 10px;}
#tabDivContFull {border:1px solid #ccc; width:918px; margin: 0 0 10px 0; padding: 10px 10px 20px 10px;}

/* #tabDivCont p {line-height: 1.2em;} commented out for spacing issues with tab paragraphs*/ 
#tabDivCont ul {margin: 10px 0 10px 10px;}
#tabDivCont ul li {margin: 5px 0 0 10px; list-style-type: disc;}
#tabDivCont ul li ul li {list-style-type: circle;}
#tabDivCont ul li ul li ul li {list-style-type: square;}
#tabDivCont ol {margin: 10px 0 10px 10px;}
#tabDivCont ol li {margin: 5px 0 0 10px; list-style-type: decimal;}
#country1 {position: relative;}
#country1 table td {padding: 5px;}
#country1 th {padding: 5px; text-align: center; font-weight: bold;}
#country1 h3 {clear: both; margin: 5px 0 10px 0;}

.accessoriesContainer{position: relative; width: 578px; border: 1px solid #CCC; margin: 8px 0 8px 0; vertical-align: middle; overflow: hidden;}
.accessoriesImage{width: 74px; float: left; margin: 10px;}
.accessoriesDesc{float: left; width: 360px; margin: 25px 10px 0 0;}
.accessoriesPrice{float: left; width: 114px; margin: 25px 0 0 0;}
.accessoriesPrice{font-weight: bold;}
.accessoriesPrice span {color: #990000;}

/* styles for the product description tab */

#descVendLogo {}

#descBody {}
#descBody h3 {clear: both; margin: 5px 0 10px 0;}

#descFeatures {}
#descFeatures h3 {clear: both; margin: 5px 0 10px 0;}

#descSpecs {}
#descSpecs h3 {clear: both; margin: 5px 0 10px 0;}
.specsTable {}
.specsName {}
.specsDesc {}

#descSwatches {overflow: hidden;}
#descSwatches h3 {clear: both; margin: 5px 0 10px 0;}
.swatchCont{float: left; text-align: center; margin: 0; width: 130px; height: 130px;}
.swatchPic {margin: 5px; width: 74px; height: 74px;}
.swatchCaption {font-size: 10px; line-height: 10px; margin: 5px; font-weight: bold;}

#descAddImages {}
#descAddImages h3 {clear: both; margin: 5px 0 10px 0;}

#descAddInfo {}
#descAddInfo h3 {clear: both; margin: 5px 0 10px 0;}


/* Styles for Vertical Carousel Containter */
#prodCarouselHead {
	position: relative;
	width: 160px;
	height: 22px;
	background: url(/images/interface/colHeader.gif) repeat-x;
	margin: 0;
	padding: 3px 0 0 7px;
	float: left;
}
.prodh2Head {font-size: 14px; color: #fff;}
#prodCarouselHeadRI {
	position: relative;
	width: 160px;
	height: 22px;
	background: url(/images/interface/colHeaderG.gif) repeat-x;
	margin: 0;
	padding: 3px 0 0 7px;
	float: left;
}
.prodh2HeadRI {font-size: 14px; color: #fff;}

#prodCaroScroll {margin: 0; padding: 0; width: 158px; height: 20px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden; clear: both;}
.scrollLabel {margin: 3px 3px 0 7px; display: block; float: left; font-size: 10px;}
.prodCenterBoxHead {margin: 0; padding: 0; float: left;}    
.prodCarousel  {padding: 0; margin: 5px 0 0 0; position: relative; width: 160px; height: 100%; }    
.prodPrev {margin: 4px; padding: 0; height: 10px; width: 10px; border: 0; float: right;}
.prodNext {margin: 4px; padding: 0; height: 10px; width: 10px; border: 0; float: right;}                             
.jCarouselLiteP {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	padding: 0 0 0 0;
	text-align: center;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
	margin: 0;
}
.prodCarousel ul {margin: 0; padding: 0; width: 158px;}
.prodCarousel ul li {margin: 0 auto; width: 148px; height: 200px; border-bottom: 1px solid #ccc;}
.prodCarousel li img {background-color: #fff; margin: 20px 0 0 0; margin-bottom: 3px; width: 74px; height: 74px;}
.prodCarousel li p {background-color: #fff;  margin: 0 0 0 0; width: 145px; line-height: 1.3em; font-size: 10px;}

/*Stuff for MAP Pricing Rollover */
.MAPPrice {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #990000; font-weight: bold;}
.MAPPrice a {color: #990000;}
.MAPrice a:hover {color: #990000;}
.MAPQuestion {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; vertical-align: super;}

/*Bundle Stuff*/
.bundleHead {padding: 2px 0 2px 6px; width: 570px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px; margin-top: 5px; margin-bottom: 8px;}
#productBundleTable {border: 1px solid #ccc;}
#productBundleTable td {border: 1px solid #ccc;}
#productBundlePriceHead {font-weight: bold; font-size: 14px;}
.bundleBuyButton {margin: -8px 0 0 0;}
#productBundlePrice {color: #990000; font-size: 14px; font-weight: bold;}
.bundleHeadCell {text-align: right; vertical-align: top;}
.bundleTotalCell {text-align: right; vertical-align: top;}

/* ----------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> LISTING PAGE STYLES <<<-----------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
#similarsearches {width:158px; background-color:#fff; padding: 0 0 0 0; border: 1px solid #ccc; margin: 0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#filter {width:158px; background-color:#fff; padding: 0 0 0 0; border: 1px solid #ccc; margin: 0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#filter dl {margin: 0 0 10px 0; padding: 0; list-style: none; text-transform:none;}
#filter dt {color: #333; font-size: 14px; font-weight: bold; background: #eee; margin: 8px 0 8px 0; padding: 2px 0 2px 7px;}
#filter dt.filterHeadSelected {color: #990000;}
#filter dd {margin: 0 0 8px 14px;}
#filter dd.specSelected a {color: #990000; text-decoration: underline;}
#filter dd dl dd {margin: 0 0 8px 0; padding: 0; list-style: none; text-transform:none;}

#listingOptions {width: 770px; height: 30px; overflow: hidden; padding: 0; margin: 15px 0 2px 0; font-size: 11px;}
#lr {width: 5px; height: 30px; background: url(/images/interface/lr.gif) no-repeat; float: left; margin: 0; padding: 0;}
#rr {width: 5px; height: 30px; background: url(/images/interface/rr.gif) no-repeat; float: left; margin: 0; padding: 0;}
#lc {width: 760px; height: 30px; background: #eee; float: left; margin: 0; padding: 0;}
#lc p.listSort {margin: 4px 0 0 3px; padding: 0; float: left;}
#lc p.listPP {margin: 4px 3px 0 0; padding: 0; float: right;}

/*sort dropdown*/
#listingOptions select {border: 1px solid #ccc; font-size: 11px;}

#pagerTop {width: 770px; font-size: 11px; clear: both; border-bottom: 1px dashed #ccc; overflow: hidden; padding: 0 0 10px 0;}
#pagerBottom {width: 770px; font-size: 11px; clear: both; margin: 10px 0 0 0;}
p.pageSelector {margin: 0 0 10px 8px; padding: 0; float: left; overflow: hidden;}
.activePage{font-weight: bold;}
p.numOfItems {margin: 0 8px 0 0; padding: 0; float: right;}

.listCatHead {margin: 10px 0 10px 0; color: #000; font-style: italic; font-size: 15px;}

.listingContainer {position: relative; width: 770px; overflow: hidden; border-bottom: 1px dashed #ccc; font-size: 11px; padding: 10px 0 15px 0;}
img.listingImage{display: block; float: left; margin: 0 36px 0 0; width: 74px; height: 74px;}
.listingInfo {float: left; width: 454px; overflow: hidden; margin: 3px 46px 0 0;}
.listingInfo p {margin: 2px 0 2px 0; padding: 0; line-height: 1.2em;}
img.listingIcon {margin: 5px 3px 0 0; padding: 0;}
img.titleIcon {margin: 0 0 0 3px; padding: 0; vertical-align: middle; width: 34px; height: 19px;}

.listingBoxRight {float: left; width: 160px; overflow: hidden; margin: 3px 0 0 0; padding: 0; text-align: right;}
.listingBoxRight p {margin: 0; padding: 0; line-height: 1.2em;}
p.listingPrice {margin: 5px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #990000; font-weight: bold;}
.listQTY {width: 35px;}
.listCartBtn {margin: 5px 0 0 0;}

.clearance {font-weight: bold; color: #990000; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.sale {font-weight: bold; color: #21428F; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.rebate {font-weight: bold; color: #317A05; font-size: 12px; padding-bottom: 4px; font-family: Arial, Helvetica, sans-serif;}
/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> SubNav List <<<--------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.subNavHead {padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px;}

.subNavTable {width: 100%; clear: both;}
.subNavTable tr {vertical-align: top;}
.subNavTable td {padding: 10px; width: 25%;}
.subNavTable h3 {padding: 2px 4px 2px 4px; color: #333; font-size: 13px; background: #f1f1f1; border: 1px solid #333;}
.subNavList {margin: 8px 0 0 0;}
ul.subNavList li {background: url(/images/interface/liArrow.gif) no-repeat 0 .4em;}
.subNavList li  {margin: 0 0 5px 8px; padding: 0 0 0 10px;}
.subNavList li a {font-size: 11px;} /*upsizes font for links on subNav pages */

.subNavList2 {margin: 5px 0 0 0;}
ul.subNavList2 li {background: url(/images/interface/liArrow.gif) no-repeat 0 .4em;}
.subNavList2 li  {margin: 0 0 5px 0; padding: 0 0 0 8px;}
.subNavList2 li a {font-size: 11px;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Secondary SubNav List <<<--------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.subCatHead {padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px;}
.subCatListHead {position: relative; width: 760px; background: #eee; overflow: hidden; margin: 10px 0 5px 0; padding: 5px 0 5px 8px;border: 1px solid #333;}
.subCatName {float: left;}
.subCatName a {font-weight: bold;}
.subCatName span {font-size: 10px; margin-left: 5px;}
.viewAll {float: right; margin-right: 20px; font-weight: bold;}

.subCatTable {width: 100%; text-align: center; margin: 10px 0 0 0;}
.subCatTable tr { vertical-align: top;}
.subCatTable td {width: 20%; padding: 5px;}
.subCatTable td p {font-size: 11px; margin: 5px 0 0 0; line-height: 14px;}

/* --------------------------------------------------------------------------------------------------------*/
/* --------------------------------->>> Brands Listing Page <<<--------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/

#alphaListCont {padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 18px; text-align: center;}
.brandsAlphaList {padding: 0 0 0 12px;}
.brandsListTable {width: 100%; margin: 0 0 0 0;}
.brandsListTable tr { vertical-align: top;}
.brandsListTable td {width: 25%; padding: 5px;}
.brandsListTable h2 {padding: 2px 4px 2px 4px; color: #333; font-size: 13px; background: #f1f1f1; border: 1px solid #333; margin: 0 0 8px 0;}
.brandsListTable td {line-height: 18px;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Brand Pages <<<-----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.brandHead {margin-bottom: 10px; padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px;}
.staticLandP {line-height: 16px;}

/*
.brandHead img {float: left; vertical-align: baseline; padding: 2px 0 2px 0;}
.brandListHead {position: relative; width: 760px; background: #eee; overflow: hidden; margin: 10px 0 5px 0; padding: 5px 0 5px 8px;border: 1px solid #333;}
.brandListHead img {float: left; padding: 0 0 0 20px;}
.brandListHead {font-weight: bold;}
.brandSubCatName {float: left; width: 500px;}
.brandSubCatName a {font-weight: bold;}
.brandSubCatName span {font-size: 10px; margin-left: 5px;}

.brandListTable {width: 100%; text-align: center; margin: 10px 0 0 0;}
.brandListTable tr { vertical-align: top;}
.brandListTable td {width: 20%; padding: 5px;}
.brandListTable td p {font-size: 11px; margin: 5px 0 0 0; line-height: 14px;}

.brandLogo{}*/

.buttonBrandPage {position: relative; float: left; overflow: hidden; margin: 0 10px 10px 0;}

a.buttonBlue {background: transparent url('/images/interface/bg_button_a_blue.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: bold 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.buttonBlue span {background: transparent url('/images/interface/bg_button_span_blue.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.buttonBlue:active {background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.buttonBlue:active span {background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}
/*End Buttons */

.brandPromoHead {clear: both; background: #ff9; color: #333; padding: 3px; border: 1px solid #333;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Products Page <<<----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.productsPageCont {float: left; width: 350px; margin: 0 20px 0 10px;}
.productsH4{width: 300px; height: 30px; background: url(/images/interface/productsDrop.gif) no-repeat; margin: 10px 0 0 0; color: #fff;}
.productsH4 a {color: #fff; width: 100%; height: 100%; display: block; padding: 6px 0 0 35px;}
.productsH4 a:hover {text-decoration: none; color: #fff;}
.productsDiv{padding-left: 25px;}
.productsSubH{padding-left: 25px; display: block; background: url(/images/interface/productsDropArrow.gif) left no-repeat}
.productsSubDiv{padding-left: 25px;}
.productsUL li {list-style-type:disc; margin: 0 0 0 20px;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> SPECIALS PAGE <<<----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

/* Specials carousel */
#specialsCarouselHead {
	position: relative;
	width: 763px;
	height: 22px;
	background: url(/images/interface/colHeader.gif) repeat-x;
	text-align: left;
	margin: 0 0 0 0;
	padding: 3px 0 0 7px;
	float: left;
}
.specialsCenterBoxHead {margin:0; padding: 0; float: left; font-size: 14px; color: #fff;}    
.specialsCarousel  {padding: 0; margin: 15px 0 0 0; position: relative; width: 770px; height: 100%; }    
.specialsPrev {float: right; margin: 3px 5px 0 0; padding: 0; height: 11px; width: 20px; border: 0;}
.specialsNext {float: right; margin: 3px 5px 0 0; padding: 0; height: 11px; width: 20px; border: 0;}                             
.specialsCarousel ul {margin: 0; padding: 0; width: 540px;}
.specialsCarousel ul li {margin: 15px 0 5px 0; width: 191px; height: 160px; font-size: 8px; font-weight: bold;}
.specialsCarousel ul li a {font-size: 10px; font-weight: normal;}
.specialsCarousel li img {background-color: #fff; margin: 0 auto; margin-bottom: 3px; height: 74px; width: 74px;}
.specialsCarousel li span {position: relative; display: block; background-color: #fff;  margin: 0 auto; width: 160px;}
.specialsCarouseltemImage {height: 74px;}
.specialsCarouselPartNumber {height: 20px; font-size: 11px; font-weight: bold;}
.specialsCarouselItemDescription {height: 50px; font-size: 10px; font-weight: normal;}
.specialsCarouselItemNumber {height: 16px; font-size: 9px; font-weight: bold;}

.specialsMainBlock {margin: 10px 0 0 0; width: 770px; overflow: hidden;}
.specialsMainBlock img {height: 200px; margin: 0; padding: 0;}
.specialsMainBlock a {float: left; overflow: hidden;}



/*
a.saleTab {width: 257px; height: 200px; background: url(/images/interface/saleblock.gif);}
a.clearanceTab {width: 257px; height: 200px; background: url(/images/interface/clearanceblock.gif)}
a.newTab {width: 256px; height: 200px; background: url(/images/interface/newblock.gif);}
*/

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Advanced Search  <<<-----------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
.searchContainer {}
.searchTerms {}
.searchKeywords {}
.searchCatOptions {}
.searchOtherOptions {}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Shopping Cart <<<-----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
#cartcontainer table {width: 100%;}
#cartcontainer td {padding: 8px; border: 1px #ccc solid;}
.cartHeader {padding: 2px 0 2px 6px; width: 932px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px; margin-top: 10px; margin-bottom: 8px;}
.cartHeaderSmall {font-size: 14px;}
ul.cartReqList {margin: 15px 0 20px 0;}
ul.cartReqList li {margin: 5px 0 0 20px; list-style-type: disc;}
.cartborder { border: solid; border-color: #aaaaaa; border-width: 1px;}
/* .cartdash { background-image: url(interface/d_hbl.gif); background-repeat: repeat-x; width: 100%; height: 1px; padding: 15px 0px;} */
.cartdash {}
/* .cartdashLower { background-image: url(interface/d_hbl.gif); background-repeat: repeat-x; width: 100%; font-size: 1px;} */
.cartdashLower {}
.cartlistItem1 { border-right: 1px solid #dddddd; padding: 10px; text-align: center;}
.cartlistItem2 { border-right: 1px solid #aaaaaa; padding: 10px; text-align: center;}
.cartlistItem3 { border-right: 1px solid #aaaaaa; padding: 10px; text-align: left;}
.cartlistItem4 { text-align: center; }
.cartlistSub1 { padding-left: 10px; border-right: 1px solid #cccccc; text-align: left; border-bottom: 1px solid #cccccc; font-size: 11px; width: 70px;}
.cartlistSub2 { padding-left: 10px; border-right: 1px solid #aaaaaa; text-align: left; border-bottom: 1px solid #cccccc; font-size: 11px; }
.cartlistSub3 { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 11px; }
.cartlistSub4 { border-right: 1px solid #aaaaaa; border-bottom: 1px solid #cccccc; font-size: 11px; text-align: center;}
.cartlistSub5 { padding-left: 10px; border-bottom: 1px solid #cccccc; }
.cartListSubH { padding: 2px 5px; text-align: center; background-color: #dddddd; border-top: 1px solid #aaaaaa; }
.cartlistTitle {padding: 5px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; font-weight: bold; background-color: #f1f1f1; text-align: center;}
.cartlistTitleR {padding: 5px; border-bottom: 1px solid #aaaaaa; font-weight: bold; background-color: #f1f1f1; text-align: center; }
.cartlistTotal { padding: 5px 10px; font-weight: bold; color:#990000; border-top: 1px solid #aaaaaa; background-color: #f1f1f1; text-align: right; }
.cartExclusionHeader { background: #FDFF80; border: 1px solid #ccc; font-weight: bold; text-align: center;}
.cartTHead {text-align: left;  font-weight: bold;  background: #FDFF80; }


.alsoBoughtTable {width: 100%; text-align: center; margin: 5px 0 40px 0;}
.alsoBoughtTable tr { vertical-align: top;}
.alsoBoughtTable td {width: 20%; padding: 5px;}
.alsoBoughtTable td p {font-size: 11px; margin: 5px 0 0 0; line-height: 14px;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Track Order- <<<-----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.hdash {background: url(/images/interface/d_hbl.gif) repeat-x; width: 100%; height: 1px; margin: 25px 0 25px 0;}
.trackitInputText {font-weight: bold;}
.trackitInput {margin: 0 10px 0 0;}
.TORoot {color: #000000;}
div.TORoot a.TOLinks {margin: 0 0 10px 0; display: block;}
.TOMainDisplayDiv {padding: 5px 0px 5px 0; border: 1px solid #ccc; margin: 0 0 10px 0;}
.TOMainDisplayDiv table {margin: 0 auto;}
.TOMainDisplayDiv table td {padding: 4px;}
.TOCatHeader {font-weight: bold; font-size: 12px; text-align: left; color: #990000; }
.TOlinks {font-weight: bold; color: #003366; text-decoration: none;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Contact Us Page <<<--------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.contactUs {width: 758px; overflow: hidden; border: 1px solid #CCC; padding: 5px; margin: 10px 0 0 0;}
.map {width: 425px;}
.contactInfo {width: 333px;}
.phoneNumbersTable {width: 320px; margin: 5px 0 12px 0; border: 1px solid #CCC;}
.phoneNumbersTable td {padding: 5px 0 5px 3px;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> RSS FEED PAGE <<<----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

ul.rssUL {margin: 10px 0 20px 0;}
ul.rssUL li {margin: 5px 0 0 0; list-style-type: none; font-size: 14px; font-weight: bold;}
.rssIcon {margin: 0 8px 0 0; vertical-align: middle;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Contact Form <<<-----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

#contactForm label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#contactForm {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 770px; 
}
#contactForm fieldset {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 5px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
}
#contactForm fieldset legend {
	font-size: 14px; /* bump up legend font size, not too large or it'll overwrite border on left */
    color: #666; 
	font-weight: bold;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#contactForm input {margin-left: 8px;}
#contactForm select {margin: 0 0 6px 156px;}
#contactForm textarea {margin: 0 0 10px 8px;}
#contactForm .submit {margin-left: 156px;}
#contactForm br {clear: left;}

#contacttitle {width: 150px; font-weight: bold; margin: 0 0 6px 156px; font-size: 16px; color: #990000;}
/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Catalog Request Form <<<---------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

#catRequest label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 180px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#catRequest {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 770px; 
}

#catRequest fieldset {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 15px 5px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
}
#catRequest fieldset legend {
	font-size: 14px; /* bump up legend font size, not too large or it'll overwrite border on left */
    color: #666; 
	font-weight: bold;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#catRequest input {margin-left: 8px;}
#catRequest select {margin-left: 8px;}
#catRequest textarea {margin: 0 0 10px 8px;}
#catRequest .submit {margin-left: 434px;}
#catRequest br {clear: left;}
#catRequest .catRCheck {float: left; vertical-align: bottom; margin-left: 186px;}
#catRequest .checkLabel {width: auto; margin: 0 0 0 5px;}


/* ---------------------------------------------------------------------------------------------------------*/
/* ------------------------------------>>> Finger Cot Request Form <<<--------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

#cotRequest label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#cotRequest {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 460px;
  float:right 
}

#cotRequest fieldset {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 15px 5px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
}
#cotRequest fieldset legend {
	font-size: 14px; /* bump up legend font size, not too large or it'll overwrite border on left */
    color: #666; 
	font-weight: bold;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#cotRequest input {margin-left: 8px;}
#cotRequest select {margin-left: 8px;}
#cotRequest textarea {margin: 0 0 10px 8px;}
#cotRequest .submit {margin-left: 210px;}
#cotRequest br {clear: left;}
#cotRequest .catRCheck {float: left; vertical-align: bottom; margin-left: 186px;}
#cotRequest .checkLabel {width: auto; margin: 0 0 0 5px;}

/* ---------------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Testimonials <<<-----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

/*testimonial form*/
#testimonialForm label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#testimonialForm {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 770px; 
}
#testimonialForm fieldset {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 5px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
}
#testimonialForm fieldset legend {
	font-size: 14px; /* bump up legend font size, not too large or it'll overwrite border on left */
    color: #666; 
	font-weight: bold;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#testimonialForm input {margin-left: 8px;}
#testimonialForm select {margin: 0 0 6px 156px;}
#testimonialForm textarea {margin: 0 0 10px 8px;}
#testimonialForm .submit {margin-left: 156px;}
#testimonialForm br {clear: left;}
#testimonialVDisplay {width: 150px; font-weight: bold; margin: 0 0 6px 156px; font-size: 16px; color: #990000;}
/*Testimonial Listings*/

#leaveTestimonial {margin: 20px 0 20px;}
#leaveTestimonial img {vertical-align: top; margin: 0 5px 0 0;}
#leaveTestimonial span {font-size: 18px; font-weight: bold;}

.testimonial {width: 758px; overflow: hidden; border: 1px solid #CCC; padding: 5px; margin: 10px 0 0 0;}
.testmInfo {margin: 10px 0 0 0; overflow: hidden; color: #999;}
.testmTitle{}
.testmName{}
.testmCo{}
.testmContent{margin: 10px 0 10px 15px;}

#testmPager {margin: 10px 0 0 0;}

/* ---------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------->>> MY ACCOUNT <<<----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
/*Login Page*/
#existingLogin {float: left; width: 357px; border: 1px solid #ccc; margin: 5px; padding: 5px 5px 20px 5px; background: url(/images/interface/gradBox.gif) repeat-x top left}
#existingLogin p {line-height: 16px;}
#existingLogin label {display: block; margin: 0 0 5px 10px; color: #666; font-weight: bold;}
#existingLogin input {display: block; margin: 0 0 10px 10px;}
.MALogin {margin: 10px 0 0 0; display: block; clear:both;}
.rememberU {float: left;}
.rememberCheck {float: left;}
#createLogin {float: left; width: 357px; border: 1px solid #ccc; margin: 5px; padding: 5px 5px 20px 5px; background: url(/images/interface/gradBox.gif) repeat-x top left}
#createLogin p {line-height: 16px;}
.MACreate {margin: 0 0 0 10px;}

/*MA Home Page*/
#MAMenuRight {width: 218px; border: 1px solid #ccc; margin: 0; padding: 0;}
#MAMenuRight h3 {border-bottom: 1px solid #ccc; margin: 0; padding: 5px; background: #eee; color: #666; font-size: 14px; font-weight: bold;}
#MAMenuRight h4 {margin: 5px 0 5px 5px; font-size: 12px;}
#MAMenuRight ul {margin: 0 0 20px 5px;}
#MAMenuRight ul li {margin: 0 5px 5px 15px; list-style-type: disc; font-size: 11px;}

.MASpecialsCont {margin: 0 0 40px 0; overflow: hidden;}
.MASpecialsCont h3 {border-bottom: 1px solid #ccc; font-size: 14px; padding: 0 0 5px 0;}
.MASpecialsCont ul {width: 100%; margin: 10px 0 0 0;}
.MASpecialsCont li {float: left; width: 180px; text-align: center;}
.MASpecialsCont ul li span {display: block; width: 160px; margin: 0 0 5px 0;}

.MASpecialsCont table {width: 100%;}
.MASpecialsCont thead {background: #efefef; border-bottom: 1px solid #ccc;}
.MASpecialsCont th {color: #666; font-weight: bold; padding: 5px 0 5px 3px;}
td.MAaccimg {width: 118px;}
.MASpecialsCont td {padding: 4px;}
.MASpecialsCont dd {margin: 0 0 8px 0;}
.MASpecialsCont dd.left img {float: left; margin: 0 0 0 0;}
.MASpecialsCont dd.left p {margin: 2px 0 0 43px; width: 280px; line-height: 14px;}
.MASpecialsCont dd.right {margin: 2px 0 0 0;}

/* Open/Cosed Orders Pages */
#MAOrders {margin: 10px 0 10px 0; width: 98%; border-collapse: collapse;}
#MAOrders thead {border-bottom: 1px solid #ccc;}
#MAOrders thead th {color: #990000; font-weight: bold;}
#MAOrders th {font-weight: bold; color: #000;}
#MAOrders th, td {padding: 8px 8px 8px 5px;}
#MAOrders td {border-top: 1px solid #ccc;}
.MAONumber {width: 10%;}
.MAODate {width: 30%;}
.MAPONumber {width: 35%;}
.MAAmount {width: 25%; text-align: right; color: #990000;}

/*Order Information Page*/
.MAOrderTable {width: 100%;}
.MAOrderTable thead {border-bottom: 1px solid #ccc;}
.MAOrderTable thead th {color: #990000; font-weight: bold; font-size: 14px;}
.MAOrderTable th {font-weight: bold; color: #000;}
.MAOrderTable th, td {padding: 8px 8px 8px 5px;}
.MAOrderTable td {border: 1px solid #ccc;}

#MAOrderInfoTable {margin: 0 0 10px 0;}
#MATrackInfoTable {margin: 20px 0 10px 0;}
#MAItemInfoTable {margin: 20px 0 10px 0;}
#MAInvoiceInfoTable {margin: 20px 0 20px 0;}

.MABackButton {margin: 0 0 15px 0;}

/*Edit Info Page*/
#MAEditInfo label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#MAEditInfo {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
}
#MAEditInfo fieldset {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 20px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 10px 0 0 0;
}
#MAEditInfo fieldset legend {
	font-size: 14px; /* bump up legend font size, not too large or it'll overwrite border on left */
    color: #666; 
	font-weight: bold;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#MAEditInfo input {margin-left: 8px;}
#MAEditInfo select {margin-left: 8px;}
#MAEditInfo textarea {margin: 0 0 10px 8px;}
#MAEditInfo .submit {margin-left: 156px;}
#MAEditInfo br {clear: left;}

.updateError {margin: 0 0 20px 0; color: #990000; font-weight: bold;}
.updateSuccess {margin: 0 0 20px 0; color: #090; font-weight: bold;}

/*Registration Form*/
#MARegister label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#MARegister label.otherInfo { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 330px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#MARegister label.emailOffer { 
	display: inline;  /* block float the labels to left column, set a width */
	float: none;
	padding: 0;
	text-align: justify;
	margin: 5px 0 0 0;
}
#emailOffer {width: 650px; margin-left: 55px;}
#MARegister {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
}
#MARegister fieldset {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
}
#MARegister fieldset legend {
	font-size: 14px; /* bump up legend font size, not too large or it'll overwrite border on left */
    color: #666; 
	font-weight: bold;/* be careful with padding, it'll shift the nice offset on top of border  */
}
#MARegister input {margin-left: 8px;}
#MARegister select {margin-left: 8px;}
#MARegister textarea {margin: 0 0 10px 8px; width: 300px; height: 80px;}
#MARegister textarea.disclaimer {margin: 10px 0 10px 0; width: 535px; height: 200px;}
#MARegister .submit {margin-left: 156px;}
#MARegister br {clear: left;}

.MARegTable {width: 100%; margin: 15px 0 0 0;}
.MARegTable thead {border-bottom: 1px solid #ccc;}
.MARegTable thead th {color: #990000; font-weight: bold; font-size: 14px;}
.MARegTable th {font-weight: bold; color: #000;}
.MARegTable th, td {padding: 8px 8px 8px 5px;}
.MARegTable td {border: 1px solid #ccc;}

/*Add or delete cart page */
.MACartPageHeading {
 line-height: 16px;
}

#MACartHeader {margin: 5px 0 0 0; border: 1px solid; background: #eeeeee;}
#MACartHeader p {margin: 5px 0 0 0; font-weight: bold; position: relative; width: 100%; overflow: hidden; padding: 3px 0 3px 0;}
#MACartHeader img {vertical-align: bottom;}

.MACartDetail {margin: 0 0 10px 0; display: none; padding: 0 0 0 0;}
.MACartDetail table {margin: 0 0 0 20px; width: 80%;}
.MACartDetail tr {width: auto;}
.MACartDetail td {border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}



img.MACartDown {margin: 0 5px 0 5px; padding: 0; float: left; width: 20px; height: 19px;}
.MACartName {display: block; float: left; width: 350px;}
.MACartCount {display: block; float: left; width: 100px; font-size: 10px; margin: 0 0 0 0;}
.MACartDelete {}
.MACartAdd {margin: 0 0 0 0;}

/* Tracking pop-up styling */

.trackingPopupHeader {width: 450px; text-align: left; font-size:12px; font-weight: bold; background: none; margin: 0 auto; padding: 0; overflow: hidden;}
.trackingPopupHeader img {margin: 5px 20px 5px 0; display: block;}
.trackingPopupHeaderSm {margin: 0 auto; padding: 0; width: 450px;}
.trackingPopupHeaderLg {text-align: left; font-size: 12pt; font-weight: bold; background: none; margin: 5px 0 0 0;}
.trackingHeaderPrint {font-size: 12px; font-weight: normal;}
.trackingPopupHeaderLg .trackingHeaderPrint img {width:20px; display: inline; margin: 5px 5px 0 0; vertical-align: text-bottom;}
.trackingPopupDetail {width: 450px; text-align: left; font-size: 11px; margin: 10px auto; padding: 0;}
.trackingPopupDetail td {border: 1px solid #ccc;}

/* MyAccount Checkout Styling */

.MACheckOut {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.MACheckOut label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.MACheckOut fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.MACheckOut fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}
.MACheckOut table {
 margin: 10px 0px 10px 0px;
 /*width: 100%;*/
}
.MACheckOut td {
 border-color: #666;
 border-width: 1px;
 border-style: solid;
}
#MACheckOutBillingInfo {
  width: 50%;
  float: left;
}
#MACheckOutBillingInfo div {
  overflow: hidden;
}
#MACheckOutShippingInfo {
  width: 50%;
  float: right;
}
#MACheckOutShippingInfo div {
  overflow: hidden;
}
#MACheckOutShippingInfo a {
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
}
.MACheckOutSpanHead {
 float: left;
 font-weight: bold;
 font-size: 8pt;
 margin: 7px 0 5px 0px;
 width: 100%;
}
.MACheckOutSpanData {
 float: left;
 font-weight: normal;
 font-size: 8pt;
 margin: 0px 0 5px 7px;
 width: 100%;
}
#MACheckOutCCContainer {
 margin: 0px 5px 0px 0px;
 padding: 0px;
}
#MACheckOutCreditCardBillingInfo {
 margin: 20px 0 0 0;
 width: 50%;
 float: right;
}
#MACheckOutCreditCardInfo {
 margin: 20px 0 0 0;
 width: 50%;
 float: left;
}
#MACheckOutCreditCardInfo div {
  overflow: hidden;
}
.MACheckOutSpanHeadCC {
 float: left;
 font-weight: bold;
 font-size: 8pt;
 margin: 5px 0 5px 5px;
 width: 100%;
}
.MACheckOutSpanDataCC {
 float: right;
 font-weight: normal;
 font-size: 8pt;
 margin: 5px 0 5px 5px;
 width: 100%;
}
#MACheckOutShipToSelect {
 width: 100%;
}
#MACheckOutShipToSelectAddress {
 float: left;
 font-weight: bold;
 font-size: 10pt;
 border: 1px solid #ccc;
 width: 435px;
 height: 150px;
 text-align: left;
 margin: 10px 10px 10px 10px;
 padding: 5px;
}
.MACheckOutRight {
 text-align: right;
}
.MACheckOutTHead {
 text-align: left;
 font-weight: bold;
 background: #FDFF80
}
.MACheckOutRed {
 color: #cc0000;
 font-size: 8pt;
 font-weight: bold;
}
.MACheckOutSmall {
 font-size: 7pt;
}

/*Address Validator*/
#addressValidationForm{}
#addressValidationForm table {margin: 20px 0 0 0;}
#addressValidationForm table td {text-align: left;}


/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> CheckOut Order Form <<<------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

.CheckOut {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.CheckOut label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.CheckOut fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.CheckOut fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}

.CheckOut table { 
 height: 400px;
}

.CheckOut td {
 border-color: #666;
 border-width: 0px;
 border-style: solid;
 padding: 5px;
}

.CheckOutCart {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.CheckOutCart label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.CheckOutCart fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.CheckOutCart fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}

.CheckOutCart table { 
 width: 100%;
 margin: 10px 0 0 0;
}

.CheckOutCart td {
 border-color: #ddd;
 border-width: 1px;
 border-style: solid;
 padding: 5px;
}


.CheckOutContactInfo {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%; 
  overflow: hidden;
}
.CheckOutContactInfo label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 5px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.CheckOutContactInfo fieldset {
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 20px 5px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 0 0;
  color: #000000;
}
.CheckOutContactInfo fieldset legend {
 font-size: 14px;
 padding: 4px;
 background: #214D7A; 
 font-weight: bold;
 color: #ffffff;
}
.CheckOutContactInfo table { 
 height: 155px;
}

.CheckOutTHead {
 text-align: left;
 font-weight: bold;
 background: #FDFF80
}
.CheckOutRight {
 text-align: right;
}

#CheckOutContactInfo {
  width: 50%;
  float: left;
}
#CheckOutContactInfo div {
  overflow: hidden;
}
#CheckOutPersonalInfo {
  width: 50%;
  float: right;
}
#CheckOutPersonalInfo div {
  overflow: hidden;
}


#CheckOutBillingShippingContainer {
}
#CheckOutBillingInfo {
  width: 50%;
  float: left;
}
#CheckOutBillingInfo div {
  overflow: hidden;
}
#CheckOutShippingInfo {
  width: 50%;
  float: right;
}
#CheckOutShippingInfo div {
  overflow: hidden;
}
#CheckOutShippingInfo a {
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
}

.thanks {background: url(/images/interface/ok.png) no-repeat left top; padding: 0 0 0 40px; margin-top: 25px; color: #090;}
.confirmContinue {float: left; padding: 4px; border: 1px solid #ccc; background: #eee; color: #333; margin: 0 10px 15px 0;}
.confirmPrint {float: left; padding: 4px; border: 1px solid #ccc; background: #eee; color: #333; margin: 0 10px 15px 0;}

#resellerRating {margin: 0 0 0 120px; vertical-align: top;}


/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Quick Order Bulk Order Form <<<------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

#quickOTblMain {border: 1px solid #ccc; width: 100%; border-collapse: inherit; margin-top: 8px;}
#quickOTblMain td {padding: 5px; vertical-align: top;}
#quickOTblMain th {padding: 2px; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666;}
.quickInstr {vertical-align: top; width: 45%; }

#quickPrtTbl {width:100%;}
#quickPrtTbl td {padding: 3px;}
#quickPrtTbl label{width: 80px; display: block; float: left;}
#quickPrtTbl input{float: left;}

#quickQtyTbl {width:100%;}
#quickQtyTbl td {padding: 3px;}
#quickQtyTbl input {float: left;}

.quickTblBG {background: #fff; border-left: 1px solid #ccc;}
.rowsButton {margin: 0 0 0 15px;}

#quickSubmit {width: 770px; margin: 10px 0 0 0; overflow: hidden; text-align: right;}

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> STATIC LANDING PAGES <<<-----------------------------*/
/* -----------------------------------------------------------------------------------------------*/
/*Uses same template but adds columns in center.*/

#staticLandCol1{position: relative; float: left; width: 600px; margin: 0 10px 0 0; padding:0;}
#staticLandCol2{position: relative; float: left; width: 160px; margin: 0; padding: 0; text-align: right;}
#staticLandCol3{position: relative; float: left; width: 350px; margin: 0 0px 0 0px; padding: 0 0 0 10px;}
#staticLandCol4{position: relative; float: left; width: 410px; margin: 0; padding: 0; text-align: left;}
#staticLandCol5{position: relative; float: left; width: 100%; margin: 0; padding: 0; text-align: left;}
#staticLandCol6{position: relative; float: left; width: 307px; margin: 0; padding: 0; text-align: left;}
#staticLandCol7{position: relative; float: left; width: 580px; margin: 0; padding: 0; text-align: left;}
#staticLandCol8{position: relative; float: left; width: 940px; margin: 0; padding: 0; text-align: left;}
#staticLandCol9{position: absolute; float: left; width: 940px; margin: 0; padding: 0; text-align: left;}
#staticLandCol10{position: relative; float: left; width: 610px; margin: 0; padding: 0 0 0 3px; text-align: left;}
#staticLandCol11{position: relative; float: left; width: 100%; margin: 0; top-padding: 21px; text-align: left;}
#staticLandCol12{position: relative; float: left; width: 580px; margin: 0; padding: 0; text-align: left;}
#staticLandCol13{position: relative; float: left; width: 350px; margin: 0 0px 0 0px; padding: 0 0 0 10px;}
#staticLandCol14{position: relative; float: left; width: 100%; margin: 0; padding: 0 0 0 3px; text-align: left;}
#staticLandCol15{position: relative; float: left; width: 775px; margin: 0 0px; padding: 0 0 0 3px; text-align: left;}
#staticLandCol16{position: relative; float: left; width: 10px; margin: 0 0px; padding: 0 0 0 10px; text-align: left;}
#staticLandCol17{position: relative; float: left; width: 200px; margin: 0 0px 0 0px; padding: 0px 0px 0px 0px; text-align: left;}
#staticLandCol18{position: relative; float: left; width: 490px; margin: 0; padding: 0; text-align: left;}
#staticLandCol19{position: relative; float: left; width: 520px; margin: 0; padding: 0; text-align: left;}
#staticLandCol20{position: relative; float: left; width: 410px; margin: 0 0 0 10px; padding: 0; text-align: left;}
#staticLandCol21{position: relative; float: left; width: 350px; margin: 0 0px 0 0px; padding: 0 0 0 0px;}
#staticLandCol22{position: relative; float: left; width: 520px; margin: 0 60px 0 0; padding: 0px; text-align: left;}
#staticLandCol23{position: relative; float: left; width: 190px; margin: 10; padding: 10; text-align: right;}
#staticLandCol24{position: relative; float: left; width: 470px; margin: 0; padding: 0; text-align: left;}
#staticLandCol25{position: relative; float: left; width: 460px; margin: 0; padding: 0; text-align: left;}
#staticLandCol26{position: relative; float: left; width: 445px; margin: 0; padding: 0; text-align: left;}
#staticLandCol p {}

.staticLandTile1{position: relative; float: left; width: 176px; margin: 5px 5px 0px 5px; padding: 0; text-align: left;}
.staticLandTile2{position: relative; float: left; width: 176px; margin: 5px 5px 0px 9px; padding: 0; text-align: left;}
.staticLandTile3{position: relative; float: left; width: 220px; margin: 5px 5px 0px 7px; padding: 0; text-align: left;}
.staticLandTile3b{position: relative; float: left; width: 220px; margin: 5px 5px 0px 7px; padding: 0; text-align: left; font-size:12px;}
.staticLandTile4{position: relative; float: left; width: 176px; margin: 5px 5px 0px 22px; padding: 0; text-align: left;}
.staticLandTile5{position: relative; float: left; width: 176px; margin: 5px 5px 0px 5px; padding: 0; text-align: left;}
.staticLandTile6{position: relative; float: left; width: 176px; margin: 5px 5px 0px 9px; padding: 0; text-align: left;}
.staticLandTile7{position: relative; float: left; width: 250px; margin: 25px 20px 0px 25px; padding: 0; text-align: left;}
.staticLandTile8{position: relative; float: left; width: 250px; margin: 25px 20px 0px 40px; padding: 0; text-align: left;}
.staticLandTile9{position: relative; float: left; width: 176px; margin: 5px 5px 0px 5px; padding: 0; text-align: left;}
.staticLandTile10{position: relative; float: left; width: 176px; margin: 0px 20px 0px 0px; padding: 0; text-align: left;}
.staticLandTile11{position: relative; float: left; width: 176px; margin: 5px 5px 0px 5px; padding: 0; text-align: left;}
.staticLandTile12{position: relative; float: left; width: 176px; margin: 10px 5px 0px 5px; padding: 0; text-align: left;}
.staticLandTile13{position: relative; float: left; width: 176px; margin: 5px 30px 50px 5px; padding: 0; text-align: left;}
.staticLandTile14{position: relative; float: left; width: 176px; margin: 5px 30px 200px 0px; padding: 0; text-align: left;}
.staticLandTile15{position: relative; float: left; width: 220px; margin: 0px 5px 0px 10px; padding: 0; text-align: left;}
.staticLandTile16{position: relative; float: left; width: 220px; margin: 0px 5px 0px 0px; padding: 0; text-align: left;}
.staticLandTileText{position: relative; float: left; width: 176px; margin: 0px 5px 5px 5px; padding: 0; text-align: left;}
.staticLandTileText2{position: relative; float: left; width: 176px; margin: 0px 5px 5px 9px; padding: 0; text-align: left;}
.staticLandTileText3{position: relative; float: left; width: 220px; margin: 0px 5px 5px 7px; padding: 0; text-align: left;}
.staticLandTileText4{position: relative; float: left; width: 220px; margin: 0px 5px 0px 19px; padding: 0; text-align: left;}
.staticLandTileText5{position: relative; float: left; width: 250px; margin: 5px 25px 0px 25px; padding: 0 0px 0 0px; text-align: left;}
.staticLandTileText6{position: relative; float: left; width: 250px; margin: 5px 20px 0px 20px; padding: 0 5px 0 25px; text-align: left;}
.staticLandTileText7{position: relative; float: left; width: 250px; margin: 5px 20px 0px 23px; padding: 0 0px 0 0px; text-align: left;}
.staticLandTileText8{position: relative; float: left; width: 220px; margin: 0px 18px 5px 7px; padding: 0; text-align: left;}
.staticLandTileText9{position: relative; float: left; width: 210px; margin: 0px 5px 5px 5px; padding: 0; text-align: left;}
.staticLandTileCTA{position: relative; float: left; width: 176px; margin: 0px 5px 0px 5px; padding: 0; text-align: left;}
.staticLandTileCTA2{position: relative; float: left; width: 176px; margin: 0px 5px 0px 9px; padding: 0; text-align: left;}
.staticLandTileCTA3{position: relative; float: left; width: 220px; margin: 0px 5px 0px 7px; padding: 0; text-align: left;}
.staticLandTileCTA4{position: relative; float: left; width: 220px; margin: 0px 0px 0px 22px; padding: 0; text-align: left;}
.staticLandTileCTA5{position: relative; float: left; width: 220px; margin: 0px 45px 0px 9px; padding: 0; text-align: left;}
.staticLandTileCTA6{position: relative; float: left; width: 176px; margin: 0px 5px 0px 0px; padding: 0; text-align: left;}

.staticLandHead {position: relative; width: 160px; height: 22px; margin: 0; margin: 7px 0 0 0; padding: 0 0 0 0; font-size: 16px; color: #990000;}
#staticLandMenu {width:157px; background-color:#fff; padding: 0 0 0 1px; margin: 0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#staticLandMenu ul {margin: 0; padding: 0; list-style: none; text-transform:none; font-weight:bold;}
#staticLandMenu li {border-bottom: 1px dashed #ccc; margin: 0; font-size: 11px; text-align: right;}
#staticLandMenu li a, #staticLandMenu li a:visited {display: block;padding: 5px 5px 5px 5px; background-color: #fff ; width: auto; text-decoration: none;}
html>body #staticLandMenu li a {width: auto;}
#staticLandMenu li a:hover {background-color: #fff; text-decoration:none;}
#staticLandMenu li a:active {background-color: #fff; text-decoration:none;}
.spc li{ margin-bottom:1em; }


		
/*Static Page Form Test*/
#nlStaticForm {margin: 3px 0 4px 0;}
#nlStaticInput {width: 300px; margin: 0 4px 0 0 ; border-style: solid; border-color: #666666 #666666;}
#nlStaticRight {width: 25px; height: 25px; vertical-align: bottom;}

#qoStaticForm {margin: 0;}
.qopn {width: 142px; display: block; margin: 0 0 8px 8px;}
.qoqty {width: 41px; display: block; margin: 0 0 8px 8px;}
#qoStaticRight {width: 108px; height: 21px; margin: 0 0 8px 8px;}

/*Button*/
.buttonLand {position: relative; overflow: hidden; width: 100%;}
.buttonLand2 {float: left; left: 10%; position: relative; overflow: hidden; width: 100%;}
.buttonLand3 {float: left; left: 38%; position: relative; overflow: hidden; width: 100%; padding-top: 10px;}
.buttonLand4 {float: left; left: 48%; position: relative; overflow: hidden; padding-top: 40px;}
.buttonLand5 {float: left; left: 0%; position: relative; overflow: hidden; padding-top: 10px; padding-bottom: 40px;}
a.button {background: transparent url('/images/interface/bg_button_a_start.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url('/images/interface/bg_button_span_start.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button:active span {background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}
/*End Buttons */



/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> 404 Error Page Not Found <<<-------------------------*/
/* -----------------------------------------------------------------------------------------------*/
#errorContainer{margin:0 auto; margin-top: 50px; width: 739px; background-color: #fff; border: 1px #ccc solid; padding: 9px 9px 15px 9px; position: relative; }
#errorContainer h1{display: block; width: 180px; height: 53px; background: url(/images/interface/LogoSmall.jpg ) no-repeat; float: left; margin-top: 15px;}
#errorContainer h1 a{display: block; width: 227px; height: 66px; }
#errorContainer h1 span{display: none; }
#errorContainer #message{border-left: 1px #ccc solid; margin-left: 200px; margin-top: 12px; padding: 10px 0 10px 25px; text-align:left; }
#message h2{color: #990000;}
#message p{margin: 10px 0 0 0; line-height: 1.4em; }
#message a{text-decoration: none; font-weight: bold; }
#message a:hover{text-decoration: underline; }
#message .search404 {width: 200px;}
#message .searchForm404 {margin-top: 12px;}

#four04CatsCont {overflow: hidden; text-align: left; margin: 15px 0 0 15px; border-top: 1px solid #ccc;}
#four04CatsCont h2 {font-size: 16px; font-weight: bold; color: #666; margin: 10px 0 5px 0;}
.four04Cats {float: left; width: 170px; margin: 0 8px 0 0;}
.four04Cats li {margin: 8px 10px 10px 15px; list-style-image: url(/images/interface/liArrow.gif); padding: 0;}
.four04Cats li a {font-size: 12px;}

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Ad Container <<<-------------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

/*These are currently not being used

#skyScraper{width: 160px; height: 600px; position: relative;}
#skyScraper img {width: 158px; height: 598px; border: 1px solid #666;} */
/* ------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> Price Break Box <<<-------------------------------------*/
/* ------------------------------------------------------------------------------------------------*/
div.qtyAddBox {
	position: relative;
	float: left;
}
.breakBox {
	margin: 0px;
	font-size: 10px;	
	width: 100%;
	position: relative;
	float: right;
	border-bottom: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.breakBoxHead {
	background-image:url(/images/interface/qty-bg.gif);
	background-repeat:repeat-x;	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.breakBox td{
	text-align:center;
	line-height:15px;
	padding:0;	
}
.breakBoxBorder {
	border-bottom-style:dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;	
	text-align: right;
}


/* ------------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> RANDOM STYLES <<<-------------------------------------*/
/* ------------------------------------------------------------------------------------------------*/
.captionPic {border: 1px solid #ccc; padding: 5px; margin: 10px 0 5px 8px; text-align: center;}
.caption {font-size: 10px; font-style: italic; line-height: 10px;}

/* -----------------------------------------------------------------------------------------------*/
/* -------------------------------------->>> UTILITY STYLES <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------------------*/

.strong {font-weight: bold;}
.strongEm {font-weight: bold; font-style: italic;}
.red {color: #990000;}
.redBold {color:#990000; font-weight: bold;}
.liteGray {color: #666;}
.darkGray {color: #333;}
.alternateRow {background: #eee;}
.small {font-size: 10px; line-height: 14px}
.listCount {color: #999; font-size: 9px;} /*styles brand and category page counts */

ul.standardUL {margin: 10px 0 10px 15px;}
ul.standardUL li {margin: 5px 0 0 10px; list-style-type: disc;}

ol.standardOL {margin: 10px 0 10px 15px;}
ol.standardOL li {margin: 5px 0 0 10px; list-style-type: decimal;}

.right {float: right;}
.left {float: left;}
.clear { clear: both; }
.textCenter {text-align: center;}
.textRight {text-align: right;}
.textLeft {text-align: left;}

ul.iconLegend li img {vertical-align: middle; margin: 5px 0 5px 0;}
#bannerHolder {margin: 0 0 14px 0; width: 770px; overflow: hidden;}
.showMore {font-weight: bold; color: #990000; clear: both; font-style:italic; }

/* gray border box...example seen on Contact Us */
.grayBox762 {width: 758px; overflow: hidden; border: 1px solid #CCC; padding: 5px; margin: 10px 0 0 0;}

/*generic head style for example Brands pages, etc... */
.barHead20 {padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px;}
/* For My Account and pages that use 3 column */
.barHead540 {padding: 2px 0 2px 6px; width: 532px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px;}
.barHead18 {padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 18px;}
/*generic head style for pages with one column */
.barHead16 {padding: 2px 0 2px 6px; width: 762px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 16px;}
.barHeadFull {padding: 2px 0 2px 6px; width: 932px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px; margin-top: 10px; margin-bottom: 8px;}
.barHeadFull2 {padding: 2px 0 2px 6px; width: 932px; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px; margin-top: 10px; margin-bottom: 8px;}
.barHeadFullSmallNoBorder {padding: 2px 0 2px 6px; width: 932px; background: #f1f1f1; border: 0px; color: #666; font-size: 14px; margin-top: 10px;}32.barHead98 {padding: 2px 0 2px 6px; width: 98%; background: #f1f1f1; border: 1px solid #333; color: #666; font-size: 20px; margin-top: 10px; margin-bottom: 8px;}

#msg {display:none; position:absolute; z-index:200; background:url(/images/interface/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* Spec help popup */
.spechelptext{background:#ffffff; font-size:9pt; font-family:arial}

/* Checkout Button */
.CheckOutButton {width: 200px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/checkout_icon.gif) no-repeat 3px 2px; margin: 5px 0 5px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}

/* Checkout ButtonWide */
.CheckOutButtonWide {width: 250px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/checkout_icon.gif) no-repeat 3px 2px; margin: 5px 0 5px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}


/* Form Reset Button */
.ResetButton {width: 200px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/cart_delete.jpg) no-repeat 3px 2px; margin: 5px 0 5px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}

/* Continue Shopping Button */
.ContinueShoppingButton {width: 180px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/continue_icon.gif) no-repeat 3px 2px; margin: 5px 10px 5px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}

/* Shopping List Button */
.ShoppingListButton {width: 240px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/notepad.jpg) no-repeat 3px 2px; margin: 5px 0 5px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}

/* Save Button */
.SaveButton {width: 240px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/diskette.jpg) no-repeat 3px 2px; margin: 5px 0px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}

/* Edit Button */
.EditButton {width: 200px; height: 28px; font-weight: bold; background: #eeffee url(/images/interface/notepad.jpg) no-repeat 3px 2px; margin: 5px 0 5px 0; padding: 0 0 0 30px; text-align: left; border: 1px solid #333;}


/* Anniversary Page CSS */
#headLogo2 {	width: 180px; height: 53px;	position: relative;	float: left; margin-right: 10px; }
h1#logo2 {position: relative; width: 180px; height: 53px; font-size: 1px; /* ignored in IE/Mac \*/ overflow: hidden; font-size: 14px;	/* */}
h1#logo2 a span {position: absolute; top: 0; left: 0; display: block; background: url(/images/interface/LogoSmallAnni.png);	width: 180px; height: 53px; cursor: pointer;}

#headInfo2 { position: relative;	float:left;	margin: 20px 0 0 0;}
.phone2{ margin: 0; line-height: .75em; font-size: 13px; font-weight: bold; color: #666; font-family: Arial, Helvetica, sans-serif;}
.branding2{ margin: 0; color: #21428F; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.anniversary {width: 250px; height: 53px; float: left; position: relative;}