/* content area */
#content  { font-size: 8pt; padding-top: 10px; padding-left: 14px }
#content td  { font-size: 8pt }
#content .colTxt  { color: #000 }
/* top header */
#topHeader td { font-size: 9pt; color: #000; font-weight: bold }
#topHeader td a:link { color: #646464; text-decoration: none }
#topHeader td a:visited { color: #646464; text-decoration: none }
#topHeader td a:hover  { color: #3689d9; text-decoration: none }
/* footer */
#footer { padding-left: 28px }
#footer hr { color: #646464; background-color:#949494; height: 1px; border: 0  }
#footer td { color: #000000 }
#footer P { color: #000000; font-size: 8pt; text-align: center }
#footer .text { color: #000000; font-size: 8pt }
#footer .text a:link { color: #646464; text-decoration: none }
#footer .text a:visited { color: #646464; text-decoration: none }
#footer .text a:hover  { color: #3689d9; text-decoration: none }
#footer .links a:link { color: #646464; text-decoration: none }
#footer .links a:visited { color: #646464; text-decoration: none }
#footer .links a:hover  { color: #3689d9; text-decoration: none }
/* search index */
#searchIndex { font-size: 7pt; color: #000000; padding-top: 5px }
#rwSearchTerms { visibility: hidden; font-size: 7pt; color: #000000; padding-top: 10px }
/* home page */
#hmPage { font-size: 8pt; color: #fff }
#hmPage a:link { color: #fff; text-decoration: none }
#hmPage a:visited { color: #fff; text-decoration: none }
#hmPage a:hover  { color: <AHOVERCOL4>; text-decoration: none }
#category TD { line-height: 8pt; text-align: left; vertical-align: top }
/* category page */
#catPage { padding-top: 10px}
/* item templates */
#itemLeft { font-size: 8pt }
#itemRight { font-size: 8pt; padding-left: 40px }
#itemBottom { padding-left: 20px }
#displayName { font-size: 16pt; font-weight: bold; padding-right: 4px }
.blurb   { font-size: 10pt; font-weight: bold; color: #646464 }
#descriptionContainer { font-size: 8pt; padding-top: 5px; padding-bottom: 10px; }
#descriptionContainer ul { margin-top: 0px; margin-left: 0px; padding-left: 1em }
#itemRight a:link { color: #646464; text-decoration: underline }
#itemRight a:visited { color: #646464; text-decoration: underline }
#itemRight a:hover  { color: #3689d9; text-decoration: underline }
#addToCart_v5 { background-color: #ececec; padding-top:5px; padding-bottom: 5px;  }
#addToCart_v5 .price { padding-left: 10px }
#custcol_chooseshape { line-height: 10px}
#swatches_v5 { padding-left: 20px; padding-top: 15px }
#swatches_v5 td  { color: #333; font-size: 8pt; padding-right: 11px;  }
#swatches_v5 .instructions  { color: #333; font-size: 8pt; padding-bottom: 10px; }
#swatches_v5 .colorName  { padding-top: 5px; text-align: center }
/* .bgbutton { font-size: 8pt; font-weight: normal; background-color: #6f6f6f; color: white; cursor: hand; border-style: solid; border-width: 1; border-color: #6f6f6f; cursor: pointer; cursor: hand } */
.bgbutton_v5 { font-size: 8pt; background-color: #6f6f6f; color: white; cursor: hand; border-style: solid; border-width: 1; border-color: #6f6f6f; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ }
#addtocart { font-size: 8pt; background-color: #FFB300; color: white; cursor: hand; border-style: solid; border-width: 1; border-color: #FFB300; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ }
#headPad { height: 9px }
.headPad { padding-bottom: 5px }
#crumbTrail { background-color: #ececec; width: 100%; display: block; font-size: 8pt; color: #646464; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; display: block }
.crumb a:link { color: #646464; font-size: 8pt; text-decoration: none }
.crumb a:visited { color: #646464; font-size: 8pt; text-decoration: none }
.crumb a:hover  { color: #3689d9; font-size: 8pt; text-decoration: none }
.crumbover { color: #3689d9; font-size: 8pt; text-decoration: none }
#rwbanner { display: block }
/* related items */
#relatedItems { padding-left: 20px }
#relatedItems .title  { color: #000; font-size: 13pt; font-weight: bold; text-align: left }
#relatedItems hr { color: #646464; background-color:#949494; height: 1px; border: 0  }
#relatedItems a:link { color: #646464; font-size: 8pt; text-decoration: none }
#relatedItems a:visited { color: #646464; font-size: 8pt; text-decoration: none }
#relatedItems a:hover  { color: #3689d9; font-size: 8pt; text-decoration: none }

/* navigation */
.expand_li {  display: block; }
#nav { width: 574px }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav a {
	font-size: 9pt;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 18px;
	margin: 0:
	padding-top: 3px;
	cursor: pointer;
	cursor: hand; }
#nav ul li {
	/* align menu with bottom of logo */
	/* margin-bottom: -5px; */
	height: 20px;
	float: left;
	text-align: left;
	/* margin-left: 1px; */ }
/* width + 18px except last one is actual width */
#nav li.w1 { width: 72px; padding-top: 8px }
#nav li.w2 { width: 84px; padding-top: 8px }
#nav li.w3 { width: 72px; padding-top: 8px }
#nav li.w4 { width: 88px; padding-top: 8px }
#nav li.w5 { width: 124px; padding-top: 8px }
#nav li.w6 { width: 72px; }
#nav li.w7 { width: 54px; }
/*begin CSS for dropdown menu*/
#nav li ul {
	display: none;
	width: 100px;
	position: absolute;
	float: left;
	margin-top: -5px;
	z-index: 100;
	padding-top: 3px;
	padding-bottom: 3px; }
#nav li a:link { color: #646464 }
#nav li a:visited { color: #646464; }
#nav li a:active { color: #646464; }
#nav li a:hover { color: #3689d9; }
#nav li ul li {
	display: block;
	float: left;
	background: #fff;
	/* width of drop down */
	width: 115px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	border-left: solid 1px #646464;
	border-right: solid 1px #646464; }
#nav li ul li.top { border-top: solid 1px #646464; }
#nav li ul li.bottom { border-bottom: solid 1px #646464; }
#nav li ul li a {
	font-size: 8pt;
	font-weight: normal;
	display: block;
	padding: 5px;
	width: 100%;
	height: 100%;
	margin-top: -4px;
	margin-left: -4px; }
#nav li ul li a:hover { color: #3689d9 }
/*only in moz/opera... done in JS for ie with node.style.marginTop */
#nav li ul li:first-child { margin-top: 6px; }
/* Opera Fix */
#nav li > ul { top: auto; left: auto; }
#nav li:hover ul, #nav li.over ul {
	display: block;
	position: relative; }
/*end CSS for dropdown menu*/
/* end of navigation bar */

/* zoom */
#zoomPopUp	{text-align: center}
#zoomPopUp P {font-size: 10pt; color: #333333}
/* popup windows */
.popupTitle  { color: #646464; font-size: 12pt; font-weight: bold; background-color: #DDDDDD; text-indent: 30px }
.closeWin  { font-size: 8pt; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; text-decoration: none; text-align: center; border: solid 1px #499BFF }
.closeWin  a:link    { color: black; text-decoration: none }
.closeWin  a:visited    { color: black; text-decoration: none }
.closeWin  a:active   { color: black; text-decoration: none }
.closeWin  a:hover   { color: #3689d9; text-decoration: none }
/* misc tags */
.ship     { color: red; font-weight: bold }
.notice     { color: red; font-size: 8pt }
.discount     { color: red }
.brief  { font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-style: italic }
.nav      { font-size: 8pt }
.header   { font-size: 10pt; font-weight: bold }
.title_header   { font-size: 16pt; font-weight: bold }
.subtitle_header   { font-size: 12pt; font-weight: bold }
#catTxt    { position: relative; z-index: 11; width: 500px; font-size: 8pt; font-weight: normal }
.original    { font-size: 10pt; font-weight: bold; text-decoration: line-through }
.sale1   { font-size: 10pt; color: red; font-weight: bold }
.sale2   { font-size: 10pt; color: red }
.sendPage { font-size: 8pt }
.soon {color: red; }
/* magazine style */
#magazine  { font-size: 9pt }
.photo { padding-right: 10px; padding-bottom: 10px }
.caption { font-size: 8pt; font-weight: bold }
.float-right     { display: inline; margin: 0; float: right }
.float-left    { display: inline; margin: 0; float: left }
.indent      { padding-right: 20px }
.opener { font-weight: bold }
/* text sizes */
.smTxt { font-size: 8pt }
.mdTxt { font-size: 8pt }
.lgTxt { font-size: 12pt }
/* size and video grid for products description */
.grid     { color: black; font-size: 8pt; background-color: white; text-align: left; padding-left: 8pt }
.gridCor  { background-color: #6f6f6f; text-align: right; padding-right: 10px; color: white; font-size: 8pt; font-weight: bold }
.gridH    { background-color: #6f6f6f; text-align: left; padding-left: 10px; color: white; font-size: 8pt; font-weight: bold }
.gridV    { background-color: #ececec; text-align: right; padding-right: 10px; color: black; font-size: 8pt; font-weight: bold }
.gridVid  { color: black; font-size: 8pt; background-color: white; text-align: center }
/* padding for product pages */
#zoom { padding-left: 10px; padding-top: 10 px }
/* tabs */
.tabCol { background-color: <INACTIVETABCOL4> }
#tabs a:link { color: #FFFFFF; text-decoration: none }
#tabs a:visited { color: #FFFFFF; text-decoration: none }
#tabs a:hover  { color: #3689d9; text-decoration: none }
.activeTab TD { font-size: 8pt; background-color: <ACTIVETABCOL4>; color: #8F001A }
.inactiveTab TD { font-size: 8pt; background-color: <INACTIVETABCOL4>; color: #8F001A }
#tabs .activeTab TD a:link { color: #8F001A; text-decoration: none }
#tabs .activeTab TD a:visited { color: #8F001A; text-decoration: none }
#tabs .activeTab TD a:hover  { color: #3689d9; text-decoration: none }
#separator { color: #FFFFFF }
#separatorActive { background-color:<INACTIVETABCOL4>; color: #FFFFFF }
/* sidebar */
#sidebar  { background-color: #FFFFFF; border-right: 1px solid #9e9e9e; width: 171px; height: 100%; display: block }
#sidebar2  { padding-left: 20px; background-color: #FFFFFF; display: block }
#sidebar3  { background-color: #FFFFFF; border-right: 1px solid #9e9e9e; width: 171px; display: block }
#sidebar4  { background-color: #FFFFFF; border-right: 1px solid #9e9e9e; width: 171px; display: block }
/* #sidebar table { position: relative } */
/*left side nav portlet */
#navPortlet a:link { color: #646464; text-decoration: none }
#navPortlet a:visited { color: #646464; text-decoration: none }
#navPortlet a:hover { color: #3689d9; text-decoration: none }
/*cart summary portlet */
#cartPortlet { text-align: center }
#cartTitle { font-size: 9pt; background-color: #ddd; border-bottom: 1px solid black }
#viewCart  { font-size: 8pt; padding: 5px; border-right: 1pt solid black; background-color: #FFFFFF  }
#viewCart a:link { color: #000000; text-decoration: none }
#viewCart a:visited { color: #000000; text-decoration: none }
#viewCart a:hover { color: #3689d9; text-decoration: none }
#checkOut  { font-size: 8pt; padding: 0px; height:20px; background-color: #FFFFFF }
#checkOut a:link { color: #000000; text-decoration: none }
#checkOut a:visited { color: #000000; text-decoration: none }
#checkOut a:hover { color: #3689d9; text-decoration: none }
#cartSummary  { font-size: 7pt; background-color: #ddd; padding: 5pt 12pt }
/* Checkout */
#attention_input { text-transform:capitalize;}
.inputreq { text-transform:none;}
#firstname,#lastname,#name { text-transform:capitalize;}
/* Info Item */
#infoItem ul { margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-right: 4px; }
#infoItem li { line-height: 12pt; list-style-image: url("/site/misc/RWbullet_yellow.jpg") }
#infoItem .header { color: #000 }
#infoItem .nolink a:link { color: #3689d9; text-decoration: none }
#infoItem .nolink a:visited { color: #3689d9; text-decoration: none }
#infoItem .nolink a:hover  { color: #3689d9; text-decoration: none }
.padTop { padding-top: 15px }
.coloredText { color: #000 }
/* invisible text for Altrec link */
.hidden { color: #FFFFFF; font-size: 8pt }
.hidden a:link { color: #FFFFFF; font-size: 8pt; text-decoration: none }
.hidden a:visited { color: #FFFFFF; font-size: 8pt; text-decoration: none }
.hidden a:hover  { color: #FFFFFF; font-size: 8pt; text-decoration: none }
/* html tag defaults */
B       { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif }
BODY    { font-size: 8pt; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #FFFFFF; color: #000000; height: 100% }
DD     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
DL     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
DIV    { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
DT     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
H1     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
H2     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
H3     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
H4     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
INPUT  { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}
SELECT { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: smaller; }
OPTION { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: smaller; }
LI     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 8pt }
OL     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
P      { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 8pt  }
STRONG { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
TD     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
TH     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
U      { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif}
UL     { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 10pt}
I	{font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif }
/* used for Ruffwear Pack */
H5     { font-size: 10pt; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif }
/* centering */
div#innerwrapper { margin: 0 auto; border: 1pt solid #ffffff; }
a:link { color: #646464; text-decoration: none }
a:visited { color: #646464; text-decoration: none }
a:hover  { color: #3689d9; text-decoration: none }
/* manipulate the My Account tab */
.portletHandle {} 
