@import url(/CMSPages/GetCSS.aspx?stylesheetname=CaromaStyle);
@import url(/CMSPages/GetCSS.aspx?stylesheetname=Lightbox);
@import url(/CMSPages/GetCSS.aspx?stylesheetname=transparency);

/* detailed page */

.row {

 	border:0px;

	margin-bottom:5px;

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

}

.brightContainer {

	background: url(../clarktemplates/images/brightideas/paper1b.jpg) repeat-y center;
	width: 545px;
	position: relative;
	margin: 0 auto;

}

.bottomWrapper {

	background: url(../clarktemplates/images/brightideas/papaer-left.jpg) no-repeat left bottom;

	width: 545px;

}

.brightContainer .colleft {

	width: 7px;	

	float: left;

}

.brightContainer .colright {

	width: 6px;	

	float: left;

}

.brightContainer .colmid {

	background: url(../clarktemplates/images/brightideas/paper1a.jpg) no-repeat top;

	width: 532px;

	padding: 25px 0 0 0;

	float: left;

}

.colmid .col1 {

	width: 275px;

	padding-left: 5px;

	float: left;

}

.colmid .col2 {

	width: 240px;
	padding: 0 0 40px 0;
	float: left;

}

.brightContainer .footer {

	width: 545px;

	text-align: right;

	background-color: #FFFFFF;

}

.zoom, .print {

	font-size: 11px;

	color: #999999;

	text-align: right;

	padding-right: 20px;

}

.print {

	padding-right: 0!important;

}

.zoom a, .print a {

	color: #999999;

	text-decoration: none;

}

.zoom a:hover, .print a:hover {

	color: #999999;

	text-decoration: underline;

}

.allrecipies {

	text-align: right;
	padding: 50px 10px 20px 0;
	position: absolute;
	bottom: 3px;
	right: 0px;
}

.clips {

	position: absolute;

	margin: 20px 0 0 -10px;

}

h2 {

	color:#000000;

}



/* listng page 1st style */

.rowlisting {

	font-family: Arial, Helvetica, sans-serif;

	background: url(../clarktemplates/images/brightideas/paper2.jpg) no-repeat;

	width: 537px;

	height: 201px;

}

.rowlisting h2 {

	padding-bottom: 5px;

}

.rowlisting .col1 {

	width: 180px;

	float: left;

	padding: 15px 0 0 10px;

}	

.rowlisting .col2 {

	width: 332px;
	height: 186px;
	float: left;
	position: relative;
	padding: 15px 15px 0 0;

}	

.rowlisting  .more {

	text-align:right;
	position: absolute; 
	bottom: 26px;
	right: 15px;

}

.rowlisting .col1 .clips {

	position: absolute;

	margin: 20px 0 0 -14px;

}





/* listng page 2nd style */

.rowlisting2 {

	font-family: Arial, Helvetica, sans-serif;

	background: url(../clarktemplates/images/brightideas/paper3.jpg) no-repeat;

	width: 540px;

	height: 201px;

}

.rowlisting2 h2 {

	padding-bottom: 5px;

}

.rowlisting2 .col1 {

	width: 305px;
	height: 181px;
	float: left;
	position: relative;
	padding: 20px 15px 0 25px;

}	

.rowlisting2 .col2 {

	width: 175px;

	float: left;

	padding: 20px 5px 0 10px;

	text-align: right;

}

.rowlisting2  .more {

	text-align:right;
	position: absolute; 
	bottom: 21px;
	right: 0px;

}

.rowlisting2 .col2 .clips {

	position: absolute;

	margin-left:130px;

	_margin-left: 115px;

}

*:first-child+html .rowlisting2 .col2 .clips {margin-left: 115px;}