/******************************************************************************/
/* Skin Styles                                                                */
/*                                                                            */
/******************************************************************************/

body {
	font: 12px/1.5 verdana, helvetica, arial, sans-serif;
	background-color: #ffffff; 
	text-align: center;
}

#defaultPage {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align: left;
}

.aagPortletSkinTitle {
	background-image: url(hdr_raybestos.gif);
	background-color: #CC0000;
	color: #ffffff;
}

.aagAffiniaOnlineDefaultBorder {
	border-color: gray;
}

.aagAffiniaOnlineBorderOnly {
	border-color: gray;
}

.container-column {
	border-color: gray;
}
/******************************************************************************/
/* Styles that change based on brand selected in brand finder                 */
/* Raybestos                                                                  */
/******************************************************************************/

#defaultHeader table.headertable td.welcome {
	background-image: url(./dotted_raybestos_bg.gif);
	height: 139px;
	width: 1000px;
}

.logo {
	background-image: url(logo_raybestoschassis.jpg);
	height: 139px;
	width: 1000px;
	text-align: right; 
}

.logo, #defaultHeader table.headertable td.logo {
		background-color: #fff;
/*		padding:90px 240px 0px 0px; */
}

h1 {}

h2 { color: #CC0000; }

h3 { color: #000000; }

h4 { color: #000; }

a:link, .wpsLink { color: #000; }

a:visited, .wpsLink:visited { color: #666; }

a:hover, .wpsLink:hover { color: #CC0000; }

a:active, .wpsLink:active { color: #000; }

.newshead h2 { color: #CC0000; }

.newstable th { background-color: #CC0000; color: #fff; }

.productstable th { background-color: #CC0000; color: #fff; }

.selectednav a { font-weight: bold; color: #CC0000; }

ul.aagnavbullet li {
	color: #CC0000;
}

/* PORTLET TITLE */

/* used on portlet titlebar */
.wpsPortletTitle { background-color: #CC0000; color: #FFF; }

/* used on the background of portlet skin icons - New in v5 */
.wpsPortletTitleIconBackground { background-color: #CC0000; color: #FFF; }

/* used on the background of portlet skin tools icons - New in v5 */
.wpsPortletTitleToolsIconBackground { background-color: #CC0000; color: #FFF; }

.wpsButtonText, .portlet-form-button {
	background-color:#CC0000;
	color: #000;
	border-color: #000;
}

/******************************************************************************/
/*                                                                            */
/* AffiniaOnline theme specific rules                                         */
/*                                                                            */
/******************************************************************************/

.primaryNavigation {
	color: #000000;
	font-size: 12px;
/*	background: #000000 url(./nav_shadow.jpg) repeat-x left top; */
	background: #000000;
	white-space: nowrap;
	height: 22px;
	margin: 0;
	padding: 0;
}

/*.primaryNavigation .navigationList .navigationSelected { background: #D42640 url(hdr_raybestos.gif) repeat-x left top; } */
.primaryNavigation .navigationList .navigationSelected { background: #CC0000; } 

.secondaryNavigation { 	background: #CC0000;}

.secondaryNavigation .navigationList .navigationSelected { 
	background: url(hdr_raybestos.gif) repeat-x top left;
}

.brandboarder { border: 1px solid #CC0000; padding: 10px 0;}

.brandcolor { color: #CC0000; }

table.wherebuy th { border-bottom: 2px solid #CC0000; }

h2.leftcol a:link, h2.leftcol a:visited { color: #CC0000; text-decoration: none; }

h2.leftcol a:hover, h2.leftcol a:active { color: #CC0000; text-decoration: underline; }

.adminborder { border: 1px solid #CC0000; background-color: #EEEEEE; padding: 10px; margin: 1em 0; line-height: 1; }

a:hover .dateunselected, a:active .dateunselected { color: #CC0000; text-decoration: underline; }
 do
/*
** Skin specific styles
*/
.aagAffiniaOnlineBackgroundImage {
	/* background: url(bg_stripes.gif) repeat top left; */
	padding: 0px;
}

.aagAffiniaOnlineBackgroundImage .wcsButtonGoImgText,
.aagAffiniaOnlineBackgroundImage .container-navigation-column .wpsButtonText,
.aagAffiniaOnlineBackgroundImage .searchbox .wpsButtonText {
	background-image:url(bkgImageGo.gif);
	width: 28px;
	height: 28px;
	padding: 2px 14px;
}

/* Holly Hack (* html) Style only applies to IE */
/* Hides from IE5-mac (backslash escapes end comment, effectively comments this section) \*/
* html .aagAffiniaOnlineBackgroundImage .wcsButtonGoImgText,
* html .aagAffiniaOnlineBackgroundImage .container-navigation-column .wpsButtonText,
* html .aagAffiniaOnlineBackgroundImage .searchbox .wpsButtonText  { position:relative; top: 0.25em; left: 0.5em;}
/* End hide from IE5-mac */

.aagAffiniaOnlineBackgroundImage fieldset {
	background-color: #CC0000;
	background: url(bg_stripes_red.gif) repeat top left;
	border-style:none;
	border-width:0px;
	border-color: grey;
	font-weight:bold;
	padding: 0px;
	width: 168px;
}

.aagAffiniaOnlineBackgroundImage * p, .aagAffiniaOnlineBackgroundImage * label {
	color: white;
	margin: 0px 2px;
}

/* Holly Hack (* html) Style only applies to IE */
/* Hides from IE5-mac (backslash escapes end comment, effectively comments this section) \*/
* html .aagAffiniaOnlineBackgroundImage * legend { position:absolute; top: -0.75em; left: -.5em;}
* html .aagAffiniaOnlineBackgroundImage fieldset{ position: relative; }
* html .aagAffiniaOnlineBackgroundImage {padding: 3px 0px 0px 0px;}
* html .aagAffiniaOnlineBackgroundImage .aagSkinFieldset { padding: 6px 0px 0px 2px}
* html .aagAffiniaOnlineBackgroundImage * .aagPortletSkinBody { padding: 6px 0px 0px 0px;}
/* End hide from IE5-mac */

/*
** Shadow text
*/
.aagPortletTitleImage {
	background-image: url(hdr_raybestoschassis.jpg);
}

.aagPortletTitleHighlightBefore { 
	color: white; 
}
.aagPortletTitleHighlightAfter { 
	color: white; 
}
.aagPortletTitleShadow { 
	color: gray;
}
.aagPortletTitleShadowBefore { 
	color: gray; 
}
.aagPortletTitleShadowAfter { 
	color: gray; 
}
.aagPortletTitleSurroundBeforeTop { 
	color: #CC0000;
}
.aagPortletTitleSurroundBeforeBottom { 
	color: #CC0000;
}
.aagPortletTitleSurroundAfterTop { 
	color: #CC0000;
}
.aagPortletTitleSurroundAfterBottom { 
	color: #CC0000;
}
.aagPortletTitleText { 
	color: #FFFFFF;
}

.aagAffiniaOnlineBackgroundImage * .aagPortletTitleSurroundBeforeTop { 
	color: #FFFFFF;
	position: relative; left: 0px; top: -5px;
	text-transform: uppercase;
}

* html .aagAffiniaOnlineBackgroundImage * .aagPortletTitleSurroundBeforeTop { 
	position: relative; left: 0px; top: 0px; 
}

.aagAffiniaOnlineBackgroundImage * .aagPortletTitleSurroundBeforeBottom { 
	color: #FFFFFF;
	text-transform: uppercase;
		font-weight: bold;
}
.aagAffiniaOnlineBackgroundImage * .aagPortletTitleSurroundAfterTop { 
	color: #FFFFFF;
	text-transform: uppercase;
		font-weight: bold;
}
.aagAffiniaOnlineBackgroundImage * .aagPortletTitleSurroundAfterBottom { 
	color: #FFFFFF;
	text-transform: uppercase;
		font-weight: bold;
}
.aagAffiniaOnlineBackgroundImage * .aagPortletTitleText { 
	color: #CC0000;
	text-transform: uppercase;
		font-weight: bold;
}