/* override allianz styles here */

@import url('AllianzWebs.css');
@import url('nav.css');

#index {vertical-align: top;}

img#print-header {display:none;}

#columnRight .section 
{
	/* copied from the .tblMain styles*/
	border-width: 0px;
	background-color:#DEDFE0;

	/* custom css */	
	margin-bottom: 5px;
}

#feature {
	height: 256px;
	position: relative;
}

/* float the "more..." link in the feature to the right */
#feature a.more {float: right !important; color: #fff; line-height: 22px;}
#feature h1 {font-size: 1.417em;}
#feature a.more:hover {text-decoration: none;}

#feature div 
{
	position: absolute; 
	bottom: 25px; 
	right: 15px;
	width: 384px;
	min-height: 128px;
	background-color: #138 !important;
	color: #fff;
	padding: 7px 10px;
}

/*make the sidebar headlines all-caps, bold*/
.sidebar .section * {color: #4A4B4C;}



p.footnote {
	font: italic normal 11px/15px verdana, tahoma, arial, sans-serif;
	color: #666;
	padding: 5px 10px;
	margin:5px 5px 0 5px;
}

p.smaller, .smaller p, .basic p.smaller {font-size: 0.8em !important;}


ul.pre, ul.pre li {
	list-style-type: none !important; 
	margin: 5px 0 !important;
	text-indent: -10px;
}
.basic ul li {padding-left: 0 !important; margin-left: 15px !important;}
.basic ul {margin-top: 10px !important;}
.basic p {margin-left: 5px !important; margin-right: 5px !important;}

/*** Style the links in the header ***/
ul#crumb li a {
	font-size: 11px;
	color: #4A4B4C;
}

/*don't show article images in preview box*/
.module .article img, #feature div img {display:none;}
.module li.carrot {margin-left: 5px !important;}
.module {
	padding-left: 2px; 
	padding-right: 2px;
}
.module a.more {float: right; margin-top: -3px !important; clear: right; width: auto !important;}

.moduletools {font-size: 10px;}

/*** Default sup style ***/
sup, .basic #contentBody #body p sup {
    vertical-align: 0; 
    font-size: x-small !important;
    position: relative;
    bottom: 1ex;
}
/*fixes lousy issue in IE that skews line-spacing*/
p.first.has-sup {vertical-align: top;}

/* fix email article window */
legend {font-size: 1em; margin: 5px 0;}
label {font-size: 0.75em; width: 190px; font-weight: bold;}

/*** Custom styles for the left column (meta-nav & Cobrand logo) ***/

#subnav {height: 247px;} /*same height as the image in the rollover module*/

#cobrand-logo, .cobrand-logo {padding-top: 10px;}

#cobrand-logo p, .cobrand-logo p {
	/*copied from the ".module h1" style*/
    font-size: 11px;
    line-height:14px;
    color:#113388;
    font-weight: bold;
}

#cobrand-logo p, #cobrand-byline p, .cobrand-logo p, .cobrand-byline p {
    margin-left:17px !important;
    margin-top: 5px !important;
}

#cobrand-logo a img, .cobrand-logo a img { margin-top: 5px;}

/***** IMAGE ROLLOVER OPTIONS ****/
#img-rollover-module {float: left; width: 481px;}
#img-rollover-module ul#img-list {width: 154px;}
#img-rollover-module h3.title {display: none;}

/*** Customize all sidebar sections to use "module" styling ***/

#columnRight .section p, #columnRight .section h3, #columnRight .section h4, #columnRight .section td,
#columnLeft .section p, #columnLeft .section h3, #columnLeft .section h4 {
    font-size: 11px;
    line-height:14px;
    margin:12px 5px;
}

/*** Search box title should be non-bold, and aligned to the left ***/
#columnLeft .section h3 {font-weight: normal; margin-left: 0;}

.pollchoices_choice label {font-weight: normal; margin-left: 5px; font-size: 1em;}

#columnRight .section li, #columnLeft .section li {
    font-size: 11px;
    line-height:14px;
    list-style: square;
    margin:2px 5px 8px 20px;
}

#columnRight .section h1, #columnLeft .section h1 {
    font-size: 11px;
    line-height:14px;
    margin:12px 5px 12px 5px;
    color:#113388;
    font-weight: bold;
}

#columnRight .section a.more, #columnLeft .section a.more {
    text-align: right;
    width: 100%;
    margin: -11px 5px 12px 0;
    font-size: 11px;
    line-height:14px;
}

#columnRight select {
    width: 100%;
    font-size: 1em;
}

/*** Search Results page ***/
#search-results {font-size: small}
ul.searchresults ul {margin: 0; padding: 0;}
ul.searchresults li {border-bottom: 1px dotted #666; margin: 10px 0; padding: 0 0 10px; list-style-type: none;}
ul.searchresults img {display: none;}
ul.searchresults .sub {font-size: x-small; color: #666; display: none;}
.pager {font-size: x-small;}
.pager span {margin-right: 10px;}
.pager a {padding: 5px 10px;}
.pager a:hover {background-color: #138; color: #fff;}

/*** Customize search box in left nav ***/
#subnav input.search-button {
    background-image: url('../Images/butGo.gif'); 
    background-color: #fff;
    color: #fff;
    font-size: 0px;
    width: 125px; 
    height: 20px;
    border: none; 
    padding-top: 10px; /* some browsers still show tiny white text, so this moves it out of the way */
}
/* line up and indent everything */
#subnav input.search-input {width: 125px !important;}
#subnav .section h3 {margin-left: 0;}
#subnav .section {margin-left: 5px;}

/*** Taken from Allianz.com stylesheet ***/
.actionbox h2, .table-wrapper .column-0 font, .table-wrapper .column-0 {
    /*font-size: 11px;*/
    line-height:1.4em;
    color:#113388;
    font-weight: bold;
}
.actionbox h2 {
    margin:7px 10px 10px 5px;
}

/*** Style the marquee ***/
div.ticker {
	background-color: #426bb3; 
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	height: 30px;
}

div.ticker div, div.ticker marquee {
	font: bold 17px/30px verdana,arial; 
	color: #fff;
	width: 644px !important;
	*font-size: 14px !important;
}

/*** Link lists in right nav to have "carrot" style ***/		        
#columnRight ul li { /*copied from .carrot class in base stylesheet*/
    background-image: url(../Images/carrot.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    display: block;
}

#columnRight ul {margin-left: 5px !important;}

li.carrot {
	list-style-type: none !important;
	margin-left: 0 !important;
}
.basic ul li.carrot {
	padding-left: 12px !important;
	margin-left: 0 !important;
}


/*** Style the "callouts" from the embedded tables ***/
	
	.table-wrapper .column-0 font {display: block;}
	
	.table-wrapper {
		background: transparent url(../images/point_linkmodul_1px_y.gif) no-repeat scroll left bottom;
		padding-bottom: 0; /*1px;*/
		width: 652px;
		margin: 12px 0 12px -162px;
	}
	
	/* Collapse the margin between two adjacent call-out tables */
	.table-wrapper + .table-wrapper {
	   margin-top: 0 !important;
	   margin-bottom: 0 !important;
	}
	/* kill bottom margin on 1st call-out */
	p + .table-wrapper {
	   margin-bottom: 0 !important;
	}
	/* maintain bottom margin on last call-out */
	.table-wrapper + p {
	   margin-top: 12px !important;
	}
	
	.table-wrapper table {
		border: none !important;
		background: transparent url(../images/bg_linkmodul.gif) repeat-y scroll left top;
	}
	
	/* Hide any table borders added through iCustomer */
	.table-wrapper table {
		border-top: 0 solid #eee !important; 
		border-right: 0 solid #eee !important;
	} 
	.table-wrapper td {
		border-bottom: 0 solid #eee !important;
		border-left: 0 solid #eee !important;
		padding: 9px 7px;
		height: 60px;
		vertical-align: top;
	}
	
	.table-wrapper td.column-0 {
		width: 148px;
		vertical-align: top;
		padding: 11px 10px !important;
		background: transparent url(../images/point.gif) repeat-x scroll left top;
	}
	
	.table-wrapper td font, .table-wrapper td p, .table-wrapper td, .table-wrapper td a {
		font: 1em/1.3em Verdana,Geneva,Arial,Helvetica,sans-serif;
		color: #138;
	}
	
	/* Don't inherit the paragraph styling from the main sections, iCustomer ois inconsistent in where they are used */
	.table-wrapper td p {margin: 0 !important;}
	
	.table-wrapper td.column-1 {
		background: transparent url(../images/point_linkmodul.gif) repeat-x scroll top left;
	}
	
	.table-wrapper td.column-1 font {
		color: #113388 !important;
	}

/*** Font size  overrides ***/
	body {font-size: 75% !important;}
	.basic, .basic p, .basic span, .basic font
	{
		/* 
			iCustomer tends to butcher inlined fonts, 
			so let's strongarm that content into matching the rest of the site
		*/
		font-size: 1em !important;
		line-height: 1.3em !important;
		font-family: verdana, arial, sans-serif !important;
	}
	.basic h1 {font-size: 140% !important;}
	.basic h2 {font-size: 100% !important;}
	
/*** Don't underline links ***/
	.basic a, .basic a:visited {text-decoration: none !important; color: #138;}
	.basic a:hover, .basic a:active, .basic a:focus {text-decoration: underline !important; color: #138 !important;}
	
/*** Teaser Box in right sidebar ***/
	.teaser {
		padding: 10px;
		background: transparent url(../images/bg_linkmodul.gif) repeat-y scroll right top;
		color: #138;
	}
	.teaser p {
		font-size: 0.9em; 
		margin: 0 0 5px 0;
	}
	.teaser strong, .teaser b {
		font-size: 1.05em;
	}
	
/*** Generic separator class ***/
	div.separator {
		background: #FFFFFF url(../images/point.gif) repeat-x;
		margin-top: 5px;
		padding-top: 7px;
	}
    div.separator.small {
		margin-top: 2px;
		padding-top: 3px;
	}

	.basic .separator {
		margin-left: -162px; 
		width: 654px;
		zoom: 1;
		position: relative;
		border-width: 0;
		background-color: Transparent !important;
		height: 5px;
	}

	.separator hr {display: none;}
	
/*** Override left padding on Action Button (Contact Us in right sidebar) ***/
	.simple .actionButton a {padding-left: 10px !important; }
	.simple {float: none !important;}
	
/*** Add some padding to the right sidebar to separate it from the main body content ***/
	#columnRight {padding-left: 3px;}
	
	
/*** The "Your Comments" section on the feature article page ***/
	#your-comments {
		margin-left: -162px; 
		width: 140px;
		float: left; 
		padding: 10px 10px; 
		background-color: #B14911;  
		margin-top: 253px; 
	}
	
	#your-comments a {
		font-size: 13px !important;
		line-height: 17px !important; 
		color: #fff; 
		/*font-weight: bold;
		text-transform: uppercase;*/
	}
	
/*** Make the Content Elements smaller font ***/
	.content-element p {font-size: 10px !important;}

#closer div.section {padding-bottom: 22px;}




/*** Style the "callouts" from the embedded tables ***/
	
	.basic table .column-0 font {display: block;}
	
	.basic table {
		padding-bottom: 0; /*1px;*/
		width: 652px;
		zoom: 1;
		position: relative;
		margin: 12px 0 12px -162px;
	}
	
	.basic .table-wrapper table {
		/** Why was this added? it was messing up the old-style tables...
			width: auto !important;*/
		margin: 0 !important;
	}
	
	.basic table table {
		width: 100%;
		border: none !important;
	}
	
	/* Hide any table borders added through iCustomer */
	.basic table table {
		border-top: 0 solid #eee !important; 
		border-right: 0 solid #eee !important;
	} 
	.basic table td {
		border-bottom: 0 solid #eee !important;
		border-left: 0 solid #eee !important;
		vertical-align: top;
		padding: 9px 7px;
	}
	
	.basic table td.column-0, td.callout-title {
		width: 148px;
		vertical-align: top;
	}
	td.causes-of-loss-title {
		width: 162px;
		vertical-align: top;
	}
	
	td.callout-title {
		padding: 11px 10px !important;
		background: transparent url(../images/point.gif) repeat-x scroll left top;
	}
	
	col.callout-title, col.causes-of-loss-title {
		width: 162px;
		*width: 148px;  /* IE width hack */
	}
	
	.basic table td font, .basic table td p, .basic table td, .basic table td a {
		font: 1em/1.3em Verdana,Geneva,Arial,Helvetica,sans-serif;
		color: #138;
	}
	
	/* Don't inherit the paragraph styling from the main sections, iCustomer ois inconsistent in where they are used */
	.basic table td p {margin: 0 !important;}
	
	.basic table td.column-1, .callout-content {
		background: transparent url(../images/point_linkmodul.gif) repeat-x scroll top left;
	}
	
	.basic table td.column-1 font {
		color: #113388 !important;
	}
	
	.basic table td h2 {
		margin-left: 0 !important;
	}
	
	table.callout {
		background: transparent url(../images/bg_linkmodul.gif) repeat-y scroll left top;
	}
	table.callout td {
		height: 60px;
	} 
	
	td.causes-of-loss-title {
		padding: 0 !important;
	}
	td.causes-of-loss-content {
		padding-top: 0 !important;
	}
	td.causes-of-loss-title img.embedded{
		margin: 0;
	}
	
	
	
	/*** Advanced, Multiple-column checklists ***/
	table.checklist-multiple thead th {
		font-weight: bold;
	}

	table.checklist-multiple tbody td.checkbox {
		background: url('../images/checkbox-unchecked.png') no-repeat center 9px;
	}

	table.checklist-multiple tbody td {
		width: 480px;
	}

	table.checklist-multiple tbody td.checkbox {
		width: auto !important;
		text-align: center;
	}
	
	.table-wrapper .checklist-multiple td font, 
	.table-wrapper .checklist-multiple td p, 
	.table-wrapper .checklist-multipletd, 
	.table-wrapper .checklist-multiple td a {
		color: #000; /* override text color to be black*/
	}
	
	
	
	
	
	.basic ul.checklist li, 
	.basic ul li.checklist {
		background-repeat: no-repeat;
		margin-left: 0 !important;
		padding-left: 20px !important;
		list-style-type: none;
		line-height: 20px
	}

	.basic ul.checklist-checks li,
	.basic  ul li.checklist-checks {
		background-image: url(../images/icons/icon_check.png);
	}

	.basic ul.checklist-boxes li,
	.basic ul li.checklist-boxes {
		background-image: url(http://usedcars.motorama.com.au/images/icon_checkbox_no.gif);
	}


.module.special-offer, .module-blank {
	/*margin: -6px;*/ /* this offsets the gray border included on all sidebar sections */
}

.module-blank {
	background-color: #fff;
}

.module-facebook {
	 text-align: center;
}

.module.special-offer {
    background-color: #B14911 !important;
    border-bottom-color: #fff;
    border-width: 0 0 5px !important;
    width: auto !important;
}

.module-plain {
	background-color: #DEDFE0;
	padding: 6px;
	/*border: 6px #DEDFE0 solid;*/
}

#columnRight .module.special-offer h3,
#columnRight .module.special-offer h5,
#columnRight .module.special-offer p {
    padding: 10px !important;
    margin: 0 !important;
    color: #fff !important;
}

.module.special-offer a,
.module.special-offer b,
#columnRight .module.special-offer * {
	color: #fff;
}

#columnRight .module.special-offer h1, 
#columnRight .module.special-offer h2, 
#columnRight .module.special-offer h3 {
	font: bold 17px/20px verdana, arial, sans-serif !important;
	padding-bottom: 0 !important;
    /*text-transform: uppercase;*/
}

.module.special-offer p {
    font: 11px/14px verdana, arial, sans-serif !important;
}


/* Exceptions for the "special alert" callout tables */
.callout.special-alert {
	background-color: #B14911 !important;
}

.callout.special-alert .callout-title h2 {
	color: #fff;
}