/* 
    - CSS for MyWheels v2.0 site
    - Created by: Murdoch
    - Date: 05-03-2008
    - Theme: MyWheelsTheme1
*/

stlPageMaster
{
	width: 100%;
	height: 100%;	
	background-color: #FEFEFE;
}

.VehicleComparisonTD
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #cc0001;
}

.stlHeadingText
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #cc0000;
	padding-top: 0px;
}

.stlHeadingText A:visited
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #cc0000;
	padding-top: 0px;
	text-decoration: none;
}

.stlHeadingText A:active
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #cc0000;
	padding-top: 0px;
	text-decoration: none;
}

.stlHeadingText A:link
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #cc0000;
	padding-top: 0px;
	text-decoration: none;
}

.stlHeadingText A:hover
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #cc0000;
	padding-top: 0px;
	text-decoration: underline;
}

.stlNormalText
{
	font-size: 8pt;
	font-family: Arial;
} 

.stlNormalText A:visited
{
	font-size: 8pt;
	font-family: Arial;
	color: #0b59a2;
	text-decoration: none;
}

.stlNormalText A:active
{
	font-size: 8pt;
	font-family: Arial;
	color: #0b59a2;
	text-decoration: none;
}

.stlNormalText A:link
{
	font-size: 8pt;
	font-family: Arial;
	color: #0b59a2;
	text-decoration: none;
}

.stlNormalText2
{
	font-size: 8pt;
	font-family: Arial;
}
.stlNormalText2 A:active
{
	font-size: 8pt;
	font-family: Arial;
	color: #cc0000;
	text-decoration: none;
}
.stlNormalText2 A:hover
{
	font-size: 8pt;
	font-family: Arial;
	padding-top: 0px;
	color:#cc0000;
} 
.stlNormalText2 A:visited
{
	font-size: 8pt;
	font-family: Arial;
	font-weight:bold;	
	text-decoration: underline;
	color:#cc0000;
}
.stlNormalText2 A:link
{
	font-size: 8pt;
	font-family: Arial;
	font-weight:bold;
	text-decoration: none;
	color:#cc0000;
}

.stlSearchCriteriaHeadingText
{
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	font-family: Arial;
}

.stlSearchCriteriaNormalText
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	font-family: Arial;
}

.stlButton
{
	background-color:#ffffff; 
	font-size: 8pt; 
	border-color: #000000; 
	border-width: 1px; 
	border-style: solid;    
}

.stlTextBox
{
	border-right: #afbec5 1px solid;
	border-top: #afbec5 1px solid;
	font-size: 8pt;
	border-left: #afbec5 1px solid;
	border-bottom: #afbec5 1px solid;
	font-family: Arial;
}

.stlDropDown
{
	border-right: #000080 1px solid;
	border-top: #000080 1px solid;
	font-size: 8pt;
	border-left: #000080 1px solid;
	border-bottom: #000080 1px solid;
	font-family: Arial;
}


.stlUnderline
{
    border-bottom: #0b59a2 1px solid;
}

.stlNormalTextbox
{
	border-right: #afbec5 1px solid;
	border-top: #afbec5 1px solid;
	font-size: 8pt;
	border-left: #afbec5 1px solid;
	border-bottom: #afbec5 1px solid;
	font-family: Arial;
}

.stlNormalTextBold
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color:#000000;
}

.stlNormalTextBold A:link
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color:#000000;
}

.stlNormalTextBold  A:visited
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color:#000000;
}

.stlNormalTextBold A:active
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color:#000000;
}

.stlNormalTextBold A:hover
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color:#ffffff;
}
.stlFloatingImage
{
	clear: none;
	display: inline;
	position: absolute;
	padding: 15px 15px 15px 15px;
}

.stlBarloworldImage
{
	clear: none;
	display: inline;
	position: relative;
	right: 200px;
	top: 4px;
	padding: 15px 15px 15px 15px;
}

.stlBarloworldBackImage
{
	clear: none;
	display: inline;
	position: relative;
	left: 40px;
}

.stlPaddedImage
{
	padding: 15px 15px 15px 15px;
}

.stlVerticalPanel
{
	overflow: auto; 
	height: 420px; 
	width: 620px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;	
}

.stlVerticalPanelWide
{
	overflow: auto; 
	height: 420px; 
	width: 970px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;	
}

/********/
/*
    - Backgrounds for the various Master Pages
*/

.stlFooter
{
	border-right: #9c9c9c 1px solid;
	border-top: #9c9c9c 1px solid;
	border-left: #9c9c9c 1px solid;
	border-bottom: #9c9c9c 1px solid;
}

/*
    - MyWheelsWindow Master Page
*/
.stlZedaWindowTopBanner
{
	background-image: url(../../Images/Zeda/Window/TopBanner.png);
	background-repeat: no-repeat;
	width: 650px;
	height: 82px;
}

.stlMyWheelsWindowBottomBanner
{
	background-image: url(../../Images/MyWheels/Window/BottomBanner.png);
	background-repeat :no-repeat;
	width : 650px;
	height : 55px;
}

.stlZedaWindowBottomBanner
{
	background-repeat :no-repeat;
	width : 650px;
	height : 55px;
}
/*
    - MyWheelsHome Master Page
*/

.stlMyWheelsHomeTopLeftBanner
{
	background-image: url(../../Images/MyWheels/Home/TopLeftBanner.gif);
	background-repeat :no-repeat;
	width : 323px;
	height : 122px;  
}

.stlMyWheelsHomeTopRightBanner
{
	background-image: url(../../Images/MyWheels/Home/TopRightBanner.gif);
	background-repeat: no-repeat;
	width: 647px;
	height: 122px;
}

.stlMyWheelsHomeFlash
{
	background-image: url(../../Images/MyWheels/Home/Flash.gif);
	background-repeat :no-repeat;
    width : 323px;
    height : 443px;	
}

.stlMyWheelsHomeContentTopLeft
{
	background-image: url(../../Images/MyWheels/Home/ContentTopLeft.jpg);
	background-repeat :no-repeat;
    width : 246px;
    height : 223px;	
}

.stlMyWheelsHomeContentBottomLeft
{
	background-image: url(../../Images/MyWheels/Home/ContentBottomLeft.gif);
	background-repeat :no-repeat;
    width : 477px;
    height : 220px;	
}

.stlMyWheelsHomeContentBottomRight
{
	background-image: url(../../Images/MyWheels/Home/ContentBottomRight.gif);
	background-repeat :no-repeat;
    width : 170px;
    height : 220px;	
}

.stlMyWheelsHomeContentBottomAll
{
	background-image: url(../../Images/MyWheels/Home/tmp.gif);
	background-repeat :no-repeat;
    width : 170px;
    height : 220px;
    vertical-align:top;
}

/*
    - MyWheelsCommon Master Pages
*/

.stlZedaTopBanner
{
	background-image: url(../../Images/Zeda/Common/TopBanner.jpg);
	background-repeat: no-repeat;
	width: 970px;
	height: 122px;
}

.stlMyWheelsMenuSpacer
{
	width :647px;
	height : 18px;
}

.stlMyWheelsBottomBanner
{
	background-repeat: no-repeat;
	width: 970px;
	height: 45px;
}

/*
    - MyWheelsBlueBackground Master Page
*/

.stlMyWheelsBlueBackgroundFlash
{
	background-image: url(../../Images/MyWheels/BlueBackground/Flash.gif);
	background-repeat :no-repeat;
    width : 323px;
    height : 443px;	
}

.stlMyWheelsBlueBackgroundContentLeft
{
	background-image: url(../../Images/MyWheels/BlueBackground/ContentLeft.jpg);
	background-repeat :no-repeat;
    width : 246px;
    height : 443px;	
}

.stlMyWheelsBlueBackgroundContentRight
{
	background-image: url(../../Images/MyWheels/BlueBackground/ContentRight.jpg);
	background-repeat :no-repeat;
    width : 401px;
    height : 443px;	
}

/*
    - ZedaRedSplitBackground Master Page
*/

.stlZedaRedSplitBackgroundFlash
{
	background-image: url(../../Images/Zeda/RedSplitBackground/Flash.jpg);
	background-repeat :no-repeat;
    width : 323px;
    height : 280px;	
}

.stlZedaRedSplitBackgroundContentTopLeft
{
	background-image: url(../../Images/Zeda/RedSplitBackground/ContentTop.jpg);
	background-repeat :no-repeat;
    width : 246px;
    height : 280px;	
}

.stlZedaRedSplitBackgroundContentTopRight
{
    width : 401px;
    height : 280px;	
	background-color: #cc0000;
}

.stlZedaRedSplitBackgroundContentBottomLeft
{
	background-image: url(../../Images/Zeda/RedSplitBackground/ContentBottomLeft.jpg);
	background-repeat :no-repeat;
    width : 569px;
    height : 163px;	
}

.stlZedaRedSplitBackgroundContentBottomCentre
{
	background-image: url(../../Images/Zeda/RedSplitBackground/ContentBottomCentre.jpg);
	background-repeat :no-repeat;
    width : 231px;
    height : 163px;	
}

.stlZedaRedSplitBackgroundContentBottomRight
{
	background-image: url(../../Images/Zeda/RedSplitBackground/ContentBottomRight.jpg);
	background-repeat :no-repeat;
    width : 170px;
    height : 163px;	
}

/*
    - MyWheelsGreyBackground Master Page
*/

.stlMyWheelsGreyBackgroundFlash
{
	background-image: url(../../Images/MyWheels/GreyBackground/Flash.gif);
	background-repeat :no-repeat;
    width : 323px;
    height : 443px;	
}

.stlMyWheelsGreyBackgroundContent
{
	background-image: url(../../Images/MyWheels/GreyBackground/Content.jpg);
	background-repeat :no-repeat;
    width : 647px;
    height : 443px;	
}

/*
    - MyWheelsGreyBackground Master Page
*/

.stlMyWheelsGreyWideBackgroundContent
{
	background-image: url(../../Images/MyWheels/GreyWideBackground/Content.jpg);
	background-repeat :no-repeat;
    width : 970px;
    height : 443px;	
}