/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
}
.skinmaster {
	height: 100%;
	background-color: #ffffff;
	border-right: #ec7d85 0px solid; 
	border-top: #ec7d85 0px solid; 
	border-left: #ec7d85 0px solid; 
	border-bottom: #ec7d85 0px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_drk.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 450px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/*
==============================
CAR LOANS CANADA css
==============================
*/

body 
{
    margin:0 0 0 0px;
    padding:0 0 0 0px;
    text-align:center;
    background-image:url(http://www.carloanscanada.com/images/bg2.gif);
    font-family:Verdana, Arial, Sans-Serif;
    font-size:11px;
}

.maintable
{
    background-color:#ffffff;
    text-align:center;
    width:850px;
}

.lrborder
{
    width:17px;
}

.header
{
     height:85px;
}

.headerpic 
{
    width:440px;
    height:167px;
    float:left;
}

.headerad
{
    width:375px;
    height:167px;
    float:left;
}

.breadcrumb
{
    padding-right:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#FFFFFF;
    line-height:20px;
}

.red1 
{
    width:815px;
    height:20px;
    background-color:#d50000;
    border-bottom:solid 1px #ffffff;
    text-align:right;
    vertical-align:middle;
}

.red2 
{
    width:815px;
    height:20px;
    background-color:#d50000;
    text-align:center;
    vertical-align:middle;
}

.red3 
{
    width:815px;
    height:20px;
    background-color:#d50000;
    text-align:center;
    vertical-align:middle;
}

.footer
{
    width:815px;
    background-color:#81a9d3;
    height:38px;
    border-top:solid 1px #ffffff;
    vertical-align:middle;
}

.mainlinks
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:20px;
}


.bottomlinks
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#FFFFFF;
    line-height:20px;
}

.copyright
{
    padding-right:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#FFFFFF;
    line-height:17px;
}

a
{
    color:#0A6C80;
    text-decoration:underline;
}

a:hover
{
    color:#d50000;
    text-decoration:underline;
}

a.links
{
    color:#ffffff;
    text-decoration:none;
}
a.links:hover
{
    color:#ffffff;
    text-decoration:underline;
}
a.links:visited
{
    color:#ffffff;
    text-decoration:none;
}

a.redlink
{
   font-family:Verdana, Arial, Sans-Serif;
   font-size:11px;
   font-weight:bold;
   color:#d50000;
   text-decoration:underline;
   line-height:13px;
}

a.redlink:hover
{
   font-family:Verdana, Arial, Sans-Serif;
   font-size:11px;
   font-weight:bold;
   color:#0A6C80;
   text-decoration:underline;
   line-height:13px;
}

a.boldlink
{
    font-weight:bold;
}
a.boldlink:hover
{
    font-weight:bold;
}

.rightbox
{
   width:179px;
   height:205px;
   border:solid 1px #81a9d3;
   background-image:url(images/back-pattern.gif);
   background-position:top left;
   background-repeat:repeat;
   padding-left:15px;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
}

.rightbox-small
{
   width:179px;
   height:auto;
   border:solid 1px #81a9d3;
   border-top:solid 15px #81a9d3;
   background-image:url(images/back-pattern.gif);
   background-position:top left;
   background-repeat:repeat;
   padding-left:15px;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
}


.leftcontent
{
    width:206px;
    float:left;
    background-color:#daecff;
    border:solid 1px #81a9d3;
    line-height:15px;
    height:auto;
}

.leftcontent_old
{
    width:206px;
    height:500px;
    float:left;
    background-color:#daecff;
    border:solid 1px #81a9d3;
    background-image:url(images/handshake.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    line-height:15px;
}

.rightcontent
{
     width:206px;
     height:460px;
     float:right;
}

.midcontent
{
     border:solid 1px #81a9d3;
     border-top:solid 15px #81a9d3;
     width:355px;
     height:auto;
     float:left;
     vertical-align:top;
     padding-left:15px;
     padding-right:15px;
     padding-top:0px;
     padding-bottom:5px;
}

.midcontent_new
{
     border:solid 1px #81a9d3;
     border-top:solid 15px #81a9d3;
     width:355px;
	 float:none;
     height:auto;
     vertical-align:top;
     padding-left:15px;
     padding-right:15px;
     padding-top:0px;
     padding-bottom:5px;
}

.title
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#d50000;
}

h1 
{
    font-size:21px;
    font-weight:bold;
    line-height:21px;
    margin-top:15px;
    margin-bottom:10px;
}

h2 
{
    font-family:Verdana, Arial, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    line-height:12px;
    margin-top:10px;
    margin-bottom:5px;
}
h3 
{
    font-family:Verdana, Arial, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    line-height:12px;
    margin-top:10px;
    margin-bottom:5px;
}

ul 
{
    margin-top:5px;
    margin-bottom:10px;
}
ol 
{
    margin-top:5px;
    margin-bottom:10px;
}
.articles
{
    width:180px;
    height:auto;
    padding-left:5px;
}

td {
color:#585858;
font-family:tahoma;
font-size:11px;
padding:2px;
margin:0px;
line-height:14px;
text-align:left;
}

.content {color:#585858; text-decoration:none;}

.form { 
		height:16px;
		font-family:tahoma;
		font-size:11px;
		border-style:solid;
		border-width:1px;
		border-color:#BEC0C2;
		background-color:#ffffff;
		color:#585858;
		margin-left:0px;
		margin-right:0px}
		
#smart_app 
{
	width:435px;
	height:190px;
	border:solid 1px #b7b7b7;
	background-color:#f1f9f9;
	margin-left:20px;
	text-align:center;
}

#market 
{
	width:395px;
	height:110px;
	text-align:left;
}

.Thank-You-Body
{
	font-family: Verdana;
	font-size:   x-small;	
	color: #666666;
}

.Thank-You-Title1
{
	font-family: Arial;
	font-size:   large;	
	color: #F19F80;	
}

.Thank-You-Title2
{
	font-family: Arial;
	font-size:   medium;	
	color: #993300;	
}

.TextBox {
	font-family:verdana,arial; 
	font-size:8pt; 
	color:black; 
	background-color:white; 
	border:solid 1px #000000; 
	width:150px;
}

.ComboSmall 
{
	border:solid 1px #000000; 
	padding-right: 1px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	font: 10px verdana, geneva, arial, sans-serif; 
	width: 55px; 
	color: #333333; 
	padding-top: 1px; 
	background-color: #ffffff;
}

.Credit-Title 
{
	font-family: Verdana;
	font-size:   x-large;
	font-weight: bold; 
	background-color: White;
}

.Credit-Title-Sub 
{
	font-family: Arial, Verdana;
	font-size:   medium;
	font-weight: bold; 
	background-color: White;
}

.Credit-Body-Title 
{
	font-family: Arial, Verdana;
	font-size:  small;
	font-weight: bold; 
	background-color: White;
}

.Small-Combobox 
{
	border:solid 1px #000000; 
	padding-right: 1px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	font: 10px verdana, geneva, arial, sans-serif; 
	width: 55px; 
	color: #333333; 
	padding-top: 1px; 
	background-color: #ffffff
}

.Thank-You-Body
{
	font-family: Verdana;
	font-size:   x-small;	
	color: #666666;
}

.Thank-You-Title1
{
	font-family: Arial;
	font-size:   large;	
	color: #F19F80;	
}

.Thank-You-Title2
{
	font-family: Arial;
	font-size:   medium;	
	color: #993300;	
}

.top {color:#414141; text-decoration:none; font-family:tahoma; font-size:12px}

.img {margin-right:13px}
.img1 {margin-bottom:10px}
.logo {margin-left:19px; margin-right:49px}
.logo_txt {line-height:17px; font-size:12px; width:701px}
.app_logo {margin-left:12px; margin-right:49px}

/*
====================================
Inventua SideMenu
====================================
*/
.MenuHdr
{ 
  font-size: 10pt; padding-left: 10px; font-weight: bold; padding-bottom: 2px; 
  background-color: #f1f1f1; padding-top: 2px; cursor: default;
}
.MenuItem, .MenuItemMouseOver, .MenuItem HR
{
  font-size: 8pt; padding-left: 20px; font-weight: normal; padding-bottom: 2px;
  background-color: #f1f1f1; padding-top: 2px; padding-left: 24px;
	background: url(http://www.carloanscanada.com/images/arrow2.gif) top left no-repeat; 
	border: 0px; 
	background-position: 12px 5px 0px 0px; 
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, 
.MenuItem A:Link, .MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
.MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver 
  A:Link, .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, 
.MenuHdr A:Link 
{
  text-decoration: none; color: black; width: 100%; padding-top: 1px;
  padding-bottom: 1px; cursor: default; cursor: pointer; 
}
.MenuItemMouseOver
{
  background-color: #cccccc!Important; 
}

/*css*/

.imageleftside img
{ 
	border:1px solid #cccccc;
	margin-right:15px;
	margin-bottom:20px;
	float:left;

}

.imagerightside img
{
border:1px solid #cccccc;
margin-left:15px;
margin-bottom:20px;
float:right;

}

.quoteleft
{
font:italic 105% Georgia,"Times New Roman",Times,Serif;
padding:0 10px 0 0;
margin:10px 10px 10px 0;
width:220px;
float:left;
text-align:right;
border-right:10px solid #c8cdd0;
color:#75818a;


}

.quoteright
{
font:italic 105% Georgia,"Times New Roman",Times,Serif;
padding:0 0 0 10px;
margin:10px 0px 10px 10px;
width:220px;
float:right;
text-align:left;
border-left:10px solid #c8cdd0;
color:#75818a;


}

.clear
{ 

clear:both;

}

.header_red
{ 
font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FF0000;
}

.header_black
{ 
font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000000;
}

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

.header_white
{ 
font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#ffffff;
}
.subheader_white
{ 
font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#ffffff;
}

.address_black
{ 
font-family: Arial, Helvetica, sans-serif;
padding:10px 10px 10px 10px;
margin:10px 10px 10px 10px;
border:1px solid #cccccc;
width:300px;
float:leftt;
text-align:left;
color:#333333;

}

.text_left

{ 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;
}

.text_right

{ 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:right;
}


.text_justify

{ 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: justify;
}

/* portfolio items aligned to the left side */
.portfoliofilmleft, .portfolioscoreleft, .portfoliomixerleft, .portfoliopianoleft,
.portfoliowooferleft
{    
    background-repeat: no-repeat;
    background-position: left center;
    padding: 14px 15px 13px 3px;
    margin: 5px 0 5px 0;
    width: 259px;
    float: left;
    text-align: right;
    font-style: italic;
    color: #444;
    border: dotted 1px #999;
}
.portfoliofilmleft
{
    background-image: url(portfolio_film_sm.jpg);
}
.portfolioscoreleft
{
    background-image: url(portfolio_score_sm.gif);
}
.portfoliomixerleft
{
    background-image: url(portfolio_mixer_sm.jpg);
}
.portfoliopianoleft
{
    background-image: url(portfolio_piano_sm.gif);  
}
.portfoliowooferleft
{
    background-image: url(portfolio_woofer_sm.jpg);
} 
/* portfolio items aligned to the right side */
.portfoliopianoright, .portfoliowooferright, .portfoliofilmright, .portfolioscoreright,
.portfoliomixerright
{
    background-repeat: no-repeat;
    background-position: right center;
    padding: 14px 15px 13px 0;
    margin: 5px 0 5px 0;
    width: 259px;
    float: right;
    text-align: right;
    font-style: italic;
    color: #444;
    border: dotted 1px #999;
}
.portfoliopianoright
{
    background-image: url(portfolio_piano_sm.gif);  
}
.portfoliowooferright
{
    background-image: url(portfolio_woofer_sm.jpg);
} 
.portfoliofilmright
{
    background-image: url(portfolio_film_sm.jpg);   
}
.portfolioscoreright
{
    background-image: url(portfolio_score_sm.gif);
} 
.portfoliomixerright
{
    background-image: url(portfolio_mixer_sm.jpg);
}   
/* Styles for list items in portfolio */
.portfoliomixerleft ul, .portfoliofilmleft ul, .portfolioscoreleft ul, 
.portfoliopianoright ul, .portfoliowooferright ul, .portfoliofilmright ul, 
.portfolioscoreright ul, .portfoliopianoleft ul, .portfoliowooferleft ul,
.portfoliomixerright ul
{
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: bold;
}
.portfoliomixerleft li, .portfoliofilmleft li, .portfolioscoreleft li,
.portfoliopianoright li, .portfoliowooferright li, .portfoliofilmright li,
.portfolioscoreright li, .portfoliopianoleft li, .portfoliowooferleft li,
.portfoliomixerright li
{
    list-style: none;
}
.portfoliomixerleft ul ul, .portfoliofilmleft ul ul, .portfolioscoreleft ul ul,
.portfoliopianoright ul ul, .portfoliowooferright ul ul, .portfoliofilmright ul ul,
.portfolioscoreright ul ul, .portfoliopianoleft ul ul, .portfoliowooferleft ul ul,
.portfoliomixerright ul ul
{
    font-weight: normal;
}