/*
	CBA CSS DEFINIITIONS
	===================================
	Born:		10/04/07
	Last Edit:	02/05/07
				04/07/08 - Fix OL LI
				05/08/08 - New Search results page
				16/09/08 - Consolidate layouts.css with Corporate styles
	CONTENTS
	========
	Definitions for the inner content pages
*/

/* 3 Column Layout and 2 column layout
=========================================== */

.pageConRow2col, .pageConRow3col, .pageConRow1col {
	padding:0px 0px 25px 0px;
	margin:0px;
}

.pageConRow1col .singleColumn {
  background-image:url(../images/css/singleColumn_bg.gif);
  background-repeat:no-repeat;
  background-position:right top;
  padding:20px 5px 0px;
  margin:0px 5px 0px;
  
}

/* column style used for category level pages */
.contentColumn {
	float:left;
	color:#666666;
	padding:0px;
	margin:0px;
	border:0;
}

.contentColumn img {
	padding:0px;
	margin:0px;
	border:none;
	overflow:hidden;
}
.bottomAdTile h5 img, .summaryColumn h5 img {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
}

.bottomAdTile a:hover, .summaryColumn a:hover {
	text-decoration:underline;
}

/* 3 column layout */
.pageConRow3col .contentColumn {
	width: 177px;
	padding:0px 11px 0px 0px;
	margin:0px;
}

/* 1 and 2 column layouts */
.pageConRow2col .contentColumn {
	width: 250px;
	padding:0px;
	margin:0px 15px;
}

*html .pageConRow2col .contentColumn {
  margin:0px 10px;
}

.pageConRow2col .contentColumn .contentColumnWrap {
  background-image:url(../images/css/contentColumn_bg.gif);
  background-position:right top;
  background-repeat:no-repeat;
  padding:15px 10px 0px 0px;
}

.contentColumn ul, .summaryColumn ul, .productInfoContainer ul, #errorWrap ul { 
	list-style-type: none; 
	margin: 5px 0px 5px 0px;
	padding: 0px 13px 0px 0px;
	font-size:1.1em;
	line-height:1.3em;
	color:#666666;
}

.contentColumn li, .summaryColumn li, .productInfoContainer li, #errorWrap li {
	background: transparent url("../images/css/navArrowLightGrey.gif") no-repeat;
	background-position: 0px 6px;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 1px 0px;
}

.contentColumn ol li, .summaryColumn ol li, .productInfoContainer ol li, #errorWrap ol li{
	padding: 2px 0px 2px 0px;
	margin:0px 0px 1px 20px;
}
/* 04/07/08 - reset incorrect font-size inheritance */
.contentColumn ol ul,
.contentColumn ul ol,
.productInfoContainer ol ul,
.productInfoContainer ul ol { 
	font-size:1em;
}

/* 04/07/08 - bring back grey arrow */
.contentColumn ol ul li,
.productInfoContainer ol ul li {
	background: url("../images/css/navArrowGrey.gif") no-repeat !important;
	background-position: 0px 6px !important;
	padding-left:10px;
}

ul#orangeListError li {
	background: transparent url("../images/css/navArrowOrange.gif") no-repeat !important;
	background-position: 0px 6px !important;
}

ul#orangeListError li a {
	color:#000000;
	text-decoration:none;
}

ul#orangeListError li a:hover {
	text-decoration:underline;
}

ol {
	font-size:1.1em;
	line-height:1.3em;
	color:#666666;
	margin:0;
	padding:0;
}

ol li { background-image:none !important; }
/* column style used for product summary pages */
.summaryColumn {
	background:url("../images/css/gradientBackground.gif") repeat-x;
	float:left;
	color:#666666;
	width:155px;
	padding:10px;
	margin:0px 4px 0px 5px;
}

*html .summaryColumn {
	margin:0px 6px 0px 4px;
}

/* Inner Product Page
=========================================== */

.productInfoContainer {
	background:url("../images/css/productInfo_bg.gif") top right no-repeat;
	margin:0px 5px 0px 0px;
	padding-top:15px;
}

.productInfoContainer a {
	color:#000000;
	text-decoration:underline;
}

.productInfoContainer a:hover {
	color:#000000;
	text-decoration:underline;
}

.productImage {
	float:left;
	width:270px;
	margin-right:12px;
}

.productText {
	width:270px;
	float:left;
}

.productFeatures {
	background-image: url("../images/css/gradientBackground.gif");
	background-position:top left;
	background-repeat: repeat-x;
	float:left;
	margin-right:10px;
	width: 174px;
}

.formContainer {
	background-image: url("../images/css/comparecrnr.gif");
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	min-height:80px;
	height:auto!important;
	height:80px;
}

.formContainer ul {
	margin:12px 0px 0px 0px;
}

.sortFormContainer {
	margin: 0;
	padding: 0;
	float: right;
	padding-bottom: 10px;
}

/* Bottom Page Tiles - Need Assistance etc
=========================================== */

.bottomAdTile {
	width: 248px;
	color:#000000;
	margin:0 8px;
	padding: 10px 0px 0px 12px;
	float: left;
	/*background-image:url(../images/css/bottomAdTile_bg.gif);*/
	background-repeat:no-repeat;
	background-position:top right;
}

.bottomAdTile ul { 
	list-style-type:none; 
	margin:0px;
	padding:0px 0px 0px 0px;
	width:180px;
	line-height:1.3em;
	float:left;
}

.bottomAdTile li {
	display:block;
	font-size: 1.1em;
	color:#000000;
	background-image: url("../images/css/navArrowBlack.gif");
	background-repeat: no-repeat; 
	background-position: 5px 5px;
	padding: 2px 0px 2px 16px;
	margin:0px;
}

.bottomAdListWrap { 
	background-repeat:no-repeat; 
	background-position:top right; 
	padding-top:5px;
	min-height:60px;
	height:auto !important;
}

/* ie 6 only hack */
*html .bottomAdListWrap  { height:60px !important; }

.bottomAdTile img {
	float:right;
	padding: 7px 2px 0px 7px;
	margin:0px;
}

.gradientWrap, .gradientWrapNOBG {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.gradientWrap {
	background: url("../images/css/cc_bg.gif") top right no-repeat;
	width:90%;
	padding-right:10%;
	min-height: 50px; /* firefox, ie7 and other compliant browsers */
	height:auto !important; /* overides below height declaration for firefox */
	height: 50px; /* ie 6.0 and below */
}


/* Tables
=========================================== */

.contentColumn table {
	vertical-align: middle;
	width: 780px;
}

.contentColumn tr.tableRowOneBG {
	background:#525252 url("../images/css/tableRowOneBG.gif") repeat-x;
	color: #ffffff;
	font-size:1.1em;
	font-weight: 700;
	height: 30px;
}

.contentColumn tr.tableRowOneBG td {
	padding: 4px 15px 4px 10px;
	color: #ffffff;
}

.contentColumn tr {
	background:#ffffff url("../images/css/tableRowBG.gif") top left repeat-x;
	margin:0px;
	padding:0px;
}

.contentColumn tr td {
	color: #000000;
	padding: 0px 16px 0px 10px;
}

.contentColumn tr td.wideCol {
	width: 100px;
}

.contentColumn tr td.ccImage {
	padding-top: 15px;
}

#internalContentWide .productInfoContainer table {
  width:740px;
}

#internalContentWide .productInfoContainer table td {
  vertical-align:top;
}

/* Forms
=========================================== */

form div.radioFormContainer input {
	height: 50px;
	border: solid 1px #f0f;
	float: left;
}

form div.radioFormContainer label {
	float: left;
}

.radioFormContainer ul {
	list-style-type: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.1em;
	line-height:1.3em;
	color:#666666;
}

.radioFormContainer ul li {
	display:block;
	height: 44px;
	color: #000000;
	padding: 10px 40px 0px 14px !important;
	margin:0px 0px 0px 0px !important;
}

.radioFormContainer ul li.BG {
	background-image: url("../images/css/radioBG.gif");
	background-repeat: repeat-x;
	background-position: top;
}	

.radioFormContainer ul li.NOBG {
	background-image: none !important;
}

.radioFormContainer input {
	
}

.radioFormContainer label {
	float: left;
	padding-right: 20px;
}

.radioFormContainer {
	margin: 30px 0px 0px 0px;
	border: 1px solid #cccccc;
}

.contentColumn input.userFindButton {
	padding: 20px 0px 100px 15px;
}


.closeWrap {
	float: right;
}
/* Search Results page
=========================================== */

#searchResultsWrap {PADDING-LEFT: 10px;width:90%;}
#searchResultsWrap p { 
	margin:0;
	color:#666666;
}

#searchResultsWrap p a { color:#000; }

#searchResultsWrap ol h4  {	
	font-size:1.2em;
	margin:0;
}

#searchResultsWrap ol { margin-left:20px;}
#searchResultsWrap ol li {
	background:none !important;
	background-position:0 0;
	padding:0px;
	margin: 0 0 25px 0px;
}

/* left side search results */

#resultSummary {
	margin:20px 0px 0px 0px;
	padding:0px;
}

#resultRecommend {
	margin:20px 0px 0px 0px;
}

.searchResultModule {
	margin:0px 0px 20px 0px;
}

.searchResultModule p, #resultSummary p, #resultRecommend p  {
	font-size:11px;
	font-weight:normal;
	color:#666666;
	margin:0px;
	padding:0px 0px 3px 10px;
}

#resultRecommend h2 {
	font-size:1.3em;
	color:#666666;
	margin:0px 0px 4px 0px;
	padding:0px;
	font-style:italic;
}

.searchResultModule h2 {
	font-size:1.3em;
	color:#000000;
	margin:0px 0px 4px 0px;
	padding:0px;
}

.searchResultModule a, #resultRecommend a {
	color:#000000;
}

/* right side search results */
#searchResultsSponsored {
	margin: 65px 0px 0px 722px;
	width:237px;
	background:#f3f3f3 url("../images/css/searchresults_top.gif") top left no-repeat;
	position:absolute;
}

#searchResultsSponsoredNested {
	padding:15px;
}

#searchSponsoredBottom {
	background:#f3f3f3 url("../images/css/searchresults_bottom.gif") bottom left no-repeat;
	width:237px;
	height:13px;
	overflow:hidden;
}

.copyContainer ul {	margin: 0px 0px 15px}
.copyContainer { padding-right: 14px; padding-left: 14px; padding-bottom: 10px;	padding-top: 10px}
.copyContainer a {	color: #000000;	text-decoration: underline}


/* div to contain headings on most pages */
.containHeadings { 
	border-bottom:1px solid #ffcc00; 
	margin:0 0 15px 0;	
}

.containHeadings h1{ 
	height:35px;
	font-size:0px; color:white; margin:0 0 6px 0;
	background-image: url("../images/personal/h1_search-results.gif");
	background-repeat: no-repeat;  	
}

.containHeadings select {
	float:right;
	position:relative;
	top:-30px;
}

.containHeadings span { 
	float:right;
	position:relative;
	top:-20px;
	right:6px;
	padding-bottom:7px;
	color:#777777;
	display:block;
}

#resultsPaginationControl {
	background:url("../images/css/resultNavBG.gif") no-repeat #626262;
	width: 100%;
	margin:10px 0px 0px 0px;
	text-align:center;
}

#paginateNest {
	width:100%;
	text-align:center;
	color:White;
	font-weight:bold;
	font-size:small;
}

#resultsPaginationControl #paginateNest ul {
	padding:5px 0px 0px 0px;
	margin:0px;
	list-style:none;
	text-align:center;
}

#resultsPaginationControl #paginateNest li {
	font-size:1.1em;
	display:inline;
	color:#ffffff;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	text-align:center;
}

#resultsPaginationControlBottom {
	background:url("../images/css/resultNavbottom.gif") no-repeat;
	width:100%;
	height:5px;
	overflow:hidden;
	display:block;
	margin:0px 0px 10px 0px;
}


#searchPagination 
{
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 5px;	
	PADDING-TOP: 5px; 
	background:url("../images/css/resultNavBGResearch.gif") no-repeat #ffffff;
}

#searchPagination UL 
{
	font-size: 1.1em;	
	text-align: center; 
}
	 
#searchPagination ul li,
#searchPagination ul li a 
{	
	background:none !important;
	background-position:0 0;
	padding:0;
	margin:0;
	display:inline;
	color:White;
}

#searchPagination ul li {
	padding:0 7px;
}

/* Summary table */
table.summaryTable { width:100%;  border-collapse:collapse; }
table.summaryTable tr { }
table.summaryTable th,
table.summaryTable td { text-align:left; padding:5px 9px 7px 9px; border:1px solid #dcdcdc; border-collapse:collapse; vertical-align:top; }
table.summaryTable td.tdDate { width:70px;line-height:2em; }

table.summaryTable th { color:#fff; background:#2a2a2a url(../images/css/summaryTableTHBg.gif) top left repeat-x; }
table.summaryTable td { color:#666666; }

table.summaryTable td ul { margin:0; padding:0; list-style-type:none; }
table.summaryTable td li { 
	list-style-type:none; 
	display:block; 
	background:url(../images/css/navArrowBlack.gif) 0 7px no-repeat;
	padding:0 0 0 8px;
	margin:0;
	line-height:2em;
}
table.summaryTable td li,
table.summaryTable td li a { color:#000; }

table.summaryTable div.dateAnchor { float:left; width:400px;}
table.summaryTable div.ctaTop { float:right; padding::0; margin:0; }
table.summaryTable div.ctaTop a { color:#fff; font-weight:normal; padding::0; margin:0; }





div.feedSection{
	width:321px;
	height:348px;
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(../../images/bgFeed.jpg) no-repeat;
	}
div.feedTitle{
	margin-left:13px;
	padding:9px 0;
	}
div.feedContent{
	width:295px;
	height:274px;
	margin-left:13px;
	}
ul.feedItem{
	padding:0px;
	margin:0 14px 0 14px;
	list-style:none;
	}
ul.feedItem li{
	padding:12px 0 14px 0;
	margin:0px;
	list-style:none;
	background:url(../../images/feedDot.jpg) repeat-x bottom;
	}
a.feedItem:link,a.feedItem:hover, a.feedItem:visited{
	color:#ffcc00;
	text-decoration:none;
	}
div.feedTime{
	font-size:10px;
	color:#999999;
	padding-top:10px;
	}
#lastFeed{
	padding:12px 0 0px 0;
	background:none;
	}
div.feedButton{
	padding-top:10px;
	margin-left:13px;
	}
	
/****** Tab ****/
div.tabSection{
	width:641px;
	}
.qtwrapper {
	height: auto;
}
ul.qtabs {
	list-style:none;
	float: left;
	margin: 0;
	padding: 0 0 0 0px;
	background:url(../../images/tab_x.jpg) no-repeat left bottom;
	height:36px;
	width:630px;
}
ul.qtabs li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	height:36px;
}
.qtcontent {
	position: absolute;
	margin: 0;
	padding: 10px 0;
	width:99%;
	visibility: hidden;
}
.qtcurrent {
	position:relative;
	overflow:hidden; 
}
/* End Common Styles */

/* Layouts */
/* You can remove a section if you don't need that particular layout */

/* Basic Tabs  (class suffix: -basic) */

.qthead-basic ul.qtabs li {
	background:url(../../images/Tab.jpg) no-repeat;
	width:150px;
	height:36px;
	position: relative;
	font: 16px Verdana,Geneva,sans-serif;
	text-align:center;
	line-height:26px;
}
li#second{
	line-height:14px;
	padding-top:2px;
	}
.qthead-basic ul.qtabs li span {
	display: block;
	margin: 0;
	padding: 3px;
}
.qthead-basic ul.qtabs li.open {
	background:url(../../images/TabActive.jpg) no-repeat;
	z-index: 2;
}
.qthead-basic ul.qtabs li.open span {
	color: #000;
}
div.current-basic {
	clear: both;
	color: #666666;
    font: 11px Verdana,Geneva,sans-serif;
	height: 380px;
}
.tab-box { 
  padding:0 0 0px 10px;
  background:url(../../images/tab_x.jpg) no-repeat left bottom;
  height:36px;
}
.tab-box a {
  /*border:1px solid #DDD;*/
  font:16px Verdana, Geneva, sans-serif;
  color:#000000;
  text-decoration:none;
  background:url(../../images/Tab.jpg) no-repeat;
  width:150px;
  height:36px;
  display:block;
  float:left;
  text-align:center;
}
.tab-box a.activeLink { 
  background:url(../../images/TabActive.jpg) no-repeat; 
  border-bottom: 0; 
}
div.tab_line{
	width:140px;
	height:36px;
	display:block;
  	float:left;
	background:url(../../images/tab_line.jpg) no-repeat left bottom;
	}
#cont-1, #cont-3{
	line-height:36px;
	}
#cont-2{
	line-height:15px;
	}
#cont-2 div{padding-top:3px;}
.tabcontent {padding: 10px 0; font:11px Verdana, Geneva, sans-serif; color:#666666;}
.hide { display: none;}

.small { color: #999; margin-top: 100px; border: 1px solid #EEE; padding: 5px; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; }

ul.tabList{
	margin:3px 0 15px 0;
	list-style:none;
	padding:0px;
	}
ul.tabList li{
	padding:0px 0 0 10px;
	list-style:none;
	margin:0px;
	background:url(../../images/icoTab.jpg) no-repeat left 5px;
	line-height:18px;
	}
a.tabList:link, a.tabList:hover, a.tabList:visited{
	text-decoration:underline;
	color:#666666;
	}
div.tab_title{
	font-size:13px;
	color:#000000;
	padding-bottom:10px;
	font-weight:bold;
	}
span.phone{
	font-size:12px;
	font-weight:bold;
	}
/****** End Tab ****/