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

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

#defaultPage {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align: left;
	border: 1px #7C7C7C solid;
       
}


.aagPortletSkinTitle {
	background-image: url(hdr_raybestos.gif);
	background-color: #CB2427;
	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: 56;
}

.logo {
	background-image: url(logo_brakepro.gif);
	height: 56;
	width: 900;
}

.logo, #defaultHeader table.headertable tr.logo td.logo {
		background-color: #fff;
		padding:56px 900px 0px 0px;
}

h1 {}

h2 { color: #000000; }

h3 { color: #666; }

h4 { color: #000; }

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

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

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

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

.newshead h2 { color: #CB2427; }

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

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

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

ul.aagnavbullet li {
	color: #CB2427;
}

/* PORTLET TITLE */

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

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

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

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

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

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

.secondaryNavigation { 	background: #CB2427;}

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

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

.brandcolor { color: #CB2427; }

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

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

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

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

a:hover .dateunselected, a:active .dateunselected { color: #CB2427; 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: #CB2427;
	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_raybestos.gif);
}

.aagPortletTitleHighlightBefore { 
	color: white; 
}
.aagPortletTitleHighlightAfter { 
	color: white; 
}
.aagPortletTitleShadow { 
	color: gray;
}
.aagPortletTitleShadowBefore { 
	color: gray; 
}
.aagPortletTitleShadowAfter { 
	color: gray; 
}
.aagPortletTitleSurroundBeforeTop { 
	color: #CB2427;
}
.aagPortletTitleSurroundBeforeBottom { 
	color: #CB2427;
}
.aagPortletTitleSurroundAfterTop { 
	color: #CB2427;
}
.aagPortletTitleSurroundAfterBottom { 
	color: #CB2427;
}
.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: #CB2427;
	text-transform: uppercase;
		font-weight: bold;
}
/*
body {
	background-color: #CCCCCC;
*/
/*	background-repeat: repeat; */
/* } */

.textBrakeproHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}
.textBrakeproHeading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

.textBrakeproParagraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#pagewidth-900 {
	text-align: left;
	width: 900px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background-image:url(../images/top_logo.jpg);
	background-repeat: no-repeat; 	
	background-color: #000000;
	text-align: left;
	height: 80px;
	width: 900px;
	position:relative;
}
#header a {
	position:absolute;
	top:40;
	left:0;
	width:900px;
	height:50px;
	text-decoration:none;
}
#header a h6 {
	display:none;
	color:#000000;
	font-size:1px;
}
#logo_area {
	text-align: left;
	padding-top: 0px;
	height: 56px;
	width: 900px;
	float: left;
}
#top_menu_area {   
	clear;     
	width: 700px;
	text-align: right;
	float: right;
	padding-top: 55px;
	padding-right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	vertical-align:bottom;		
}
#top_menu_area a {
	clear;
	position: relative;
}
	
#content_area {	
	text-align: left;
	height: 516px;
	width: 900px;
}
#content_left {
	text-align: left;
	width: 152px;
	float: left;
	background-color:#F2F2F2;
	padding: 10px 0px 0px 0px;
	height: 700px;

}
#content_main {
	width: 747px;
	height: 700px;	
	background-color:#FFFFFF;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

/*
 * MAIN MENU STYLE
 */
a.mainlevel:link, a.mainlevel:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration:none;

}

#active_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
	background-color:#000000;
	text-align:right;
	width:900px;
}

a.mainlevel:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #ff0000;
	text-decoration:underline;
}


/*
 * LEFT SIDE MENU STYLE
 */
a.mainlevel-nav:link, a.mainlevel-nav:visited {
	float: left;	
	width: 107px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	top: 10px;
	line-height: 250%
}

a.mainlevel-nav:hover {
	float: left;
	width: 107px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
	top: 10px;
	line-height: 250%
}

/*
 * CONTENT AREA STYLES
 */
.contentpaneopen {
	padding: 0px;
	margin:  0px;
}
.heading {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}