/*
	CBA CSS DEFINIITIONS
	===================================
	Born:		10/04/07
	Last Edit:	02/05/07

	CONTENTS
	========
	Definitions for the inner content pages
*/

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

.pageConRow2col, .pageConRow3col, .pageConRow1col {
	padding:0px 0px 20px 0px;
	margin: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: 270px;
	padding:0px 12px 0px 0px;
	margin: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/navArrowGrey.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;
}

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:#666666;
	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: 270px;
	color:#000000;
	padding: 20px 12px 0px 0px;
	float: left;
	background-repeat:no-repeat;
	background-position:top right;
}

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

.bottomAdTile li {
	display:block;
	font-size: 1.1em;
	color:#000000;
	background-image: url("../../images/css/navArrowOrange.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;
}

/* Single Column table */

.productInfoContainer{
  background-image:url(../../images/css/contentSingleColumn_bg.jpg);
  background-repeat:no-repeat;
  background-position:top right;
  padding:20px 18px 20px 10px;
}

.productInfoContainer img {
  border:1px #666666 solid;
  margin:0px 8px 0px 0px;
}

/******************************/

.productInfoContainer table{
  width:100%;
  border-collapse:collapse;
  background-color:#ffffff;
  font-size:1.1em;
  border-bottom:1px #cccccc solid;
  border-left:1px #cccccc solid;
  margin-bottom:20px;
}

.productInfoContainer table th{
  background-image:url(../../images/css/tableHeading_bg.gif);
  background-repeat:repeat-x;
  background-position:top left;
  height:30px;
  padding:0px 15px;
  color:#ffffff;
  border-right:1px #cccccc solid;
  border-bottom:1px #cccccc solid;
}



.productInfoContainer table tr.evenRow{
  background-color:#f0f0f0;
}

.productInfoContainer table td{
  padding:5px 15px;
  border-right:1px #cccccc solid;
}

/******************************/


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

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

form div.radioFormContainer label {
	float: left;
}

/* Search Results
=========================================== */

#searchResultsWrap {
	padding:0px 0px 0px 12px;
}

a.activeSearchPage {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

/* left side search results */
#searchResultsMain {
	float:left;
	width:700px;
	margin:20px 20px 0px 0px;
}

#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:1.1em;
	color:#666666;
	margin:0px;
	padding:0px 0px 3px 0px;
}

#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 {
	float:left;
	margin:20px 0px 0px 0px;
	width:247px;
	background:#f3f3f3 url("../../images/css/searchresults_top.gif") top left no-repeat;
}

/* WRAPS TABLE */
#searchReultsField {
	margin:5px 0px;
}

#searchResultsSponsoredNested {
	padding:15px;
}

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

/* results pagination bar */

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

#paginateNest {
	width:100%;
	text-align:center;
}

#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:989px;
	height:5px;
	overflow:hidden;
	display:block;
	margin:0px 0px 10px 0px;
}

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

.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;
}