*{font-size:100.01%}
html {font-size:62.5%;height:100%;}
body {
	margin:0 0 10px;
	font:1.2em Arial, Helvetica, sans-serif;
	background:#d0d4d7;
	color:#000;
	height:100%;
}
img {border:none;}
form,
object,
embed {
	padding:0;
	margin:0;
}
.f-right {float:right !important;}
a {text-decoration:none;
color:#6d6e70;}
a:hover {text-decoration:underline;}
.header:after,
.service-title:after,
.latest-cnt:after,
.latest:after,
.charts:after,
.thought-cnt:after {
	content:" ";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
/* rounds start */
.round1,
.round2,
.roundb, 
.round3,
.round4,
.round5,
.round6,
.round7,
.round8,
.round10,
.round11,
.round12{
	position:absolute;
	top:0;
}
.round-cnt {width:100%;}
.round1 {
	left:0;
	z-index:1;
}
.round1 .round-cnt {
	background:url(../images/round1.png) no-repeat;
	width:378px;
	height:378px;
	overflow:hidden;
}
.round1 h2 {
	margin:80px 50px 0;
	color:#fff;
	font:3.2em/1em Georgia, "Times New Roman", Times, serif;
}
.round1 h2 strong {
	font-weight:normal;
	color:#ffde00;
}
.round2 {
	left:317px;
	z-index:3;
}
.round2 .round-cnt {
	overflow:hidden;
	background:url(../images/round2.png) no-repeat;
	width:256px;
	height:256px;
}
.round2 h3 {
	margin:45px 45px 0;
	font:2em/1.1em Georgia, "Times New Roman", Times, serif;
}
.roundb {
	top:280px;
	left:322px;
	z-index:1;
  
}
.roundb .round-cnt {
	background:url(../images/roundb.png) no-repeat;
	overflow:hidden;
	width:190x;
	height:191px;
}
.roundb p {
	color:#ffffff;
	height:1%;
	margin:38px 35px 0px 35px;
	font-size: 2.2em;
	position:relative;
}
.roundb p img {
	display:block;
	margin:0 0 2px;
}
.roundb p strong {
	color:#ffffff;
	display:block;
}
.roundb p a {
	color:#ffffff;
	text-decoration:underline;
}



.round3 {
	left:505px;
	top:114px;
	z-index:2;
	color:#000;
	font:bold 1.084em/1em bold Arial, Helvetica, sans-serif;
}
.round3 .round-cnt {
	background:url(../images/round3.png) no-repeat;
	overflow:hidden;
	width:341px;
	height:341px;
}
.round3-txt1 {
	position:absolute;
	width:100px;
	text-align:center;
	top:40px;
	left:120px;
}
.round3-txt2 {
	position:absolute;
	width:90px;
	text-align:center;
	top:140px;
	right:10px;
}
.round3-txt3 {
	position:absolute;
	width:100px;
	text-align:center;
	top:250px;
	left:120px;
}
.round3-txt4 {
	position:absolute;
	width:80px;
	text-align:center;
	top:140px;
	left:10px;
}
.round3-txt5 {
	position:absolute;
	width:100px;
	padding:0 20px;
	text-align:center;
	top:150px;
	left:100px;
	font:bold 1.4em/1em Arial, Helvetica, sans-serif;
}
.round4 {
	right:0;
	z-index:4;
}
.round4 .round-cnt {
	background:url(../images/round4.png) no-repeat;
	overflow:hidden;
	width:185px;
	height:185px;
}
.round4 p {
	color:#fff;
	height:1%;
	margin:33px 15px 0 30px;
	font-size:.917em;
	position:relative;
}
.round4 p img {
	display:block;
	margin:0 0 2px;
}
.round4 p strong {
	color:#ffde00;
	display:block;
}
.round4 p .hundred {
	display:block;
	font:bold 2em Arial, Helvetica, sans-serif;
}
.round4 p a {
	color:#fff;
	text-decoration:underline;
}
.round4 p a:hover {text-decoration:none;}
.round5 {
	left:493px;
	top:68px;
	z-index:2;
}
.round5 .round-cnt {
	background:url(../images/round5.png) no-repeat;
	width:163px;
	height:163px;
	overflow:hidden;
}
.round5 p {
	margin:30px 20px 0 28px;
	color:#ffde00;
	position:relative;
	font:1.084em Georgia, "Times New Roman", Times, serif;
}
.round5 p a,
.round6 p a,
.round7 p a,
.round8 p a {
	color:#fff;
	font-style:italic;
}

.round6 {
	left:690px;
	top:5px;
}
.thought .round6 {
	position:static;
	float:right;
	margin:18px 2px 0 0;
	display:inline;
}

.round6 .round-cnt {
	background:url(../images/round6.png) no-repeat;
	width:225px;
	height:226px;
	overflow:hidden;
}
.round6 p {
	margin:41px 15px 0 41px;
	color:#fff;
	position:relative;
	font:1.5em/1.1em Georgia, "Times New Roman", Times, serif;
}
.thought .round6 p,
.client .round6 p {
	font:1.1em/1.3em Georgia, "Times New Roman", Times, serif;
	margin-right:30px;
}
.thought .round6 p a,
.client .round6 p a {font-style:normal;}
.thought .round6 p a strong,
.client .round6 p strong {display:block;}

.round6 p a,
.round7 p a {
	color:#000;
	display:block;
}

.round7 {
	left:514px;
	top:197px;
	z-index:1;
}
.round7 .round-cnt {
	background:url(../images/round7.png) no-repeat;
	width:291px;
	height:291px;
	overflow:hidden;
}
.round7 p {
	margin:60px 45px 0 55px;
	color:#58585a;
	position:relative;
	font:1.667em/1.1em Georgia, "Times New Roman", Times, serif;
}

.round8 {
	left:742px;
	top:450px;
}
.round8 .round-cnt {
	background:url(../images/round8.png) no-repeat;
	width:192px;
	height:192px;
	overflow:hidden;
}
.round8 p {
	margin:32px 20px 0 32px;
	color:#fff;
	position:relative;
	font:1.334em/1.1em Georgia, "Times New Roman", Times, serif;
}
.round8 p a {color:#ffde00;}
.round8 p img {
	display:block;
	margin:3px 0 0;
}
.round9 {
         margin:0 0 0 53px;
         display:none;
}
.round9 .round-cnt {
	background:url(../images/round9.png) no-repeat;
	width:223px;
	height:223px;
	overflow:hidden;
}
.round9 p {
	margin:35px 20px 0 36px !important;
	color:#ffde00;
	position:relative;
	font:1.8em/1.3em Georgia, "Times New Roman", Times, serif;
}
.round9 p a {
	color:#ffde00;
	text-decoration:underline;
	font-style:italic;
}
.round9 p a:hover {text-decoration:none;}
.round10 {
	top:0;
	left:583px;
	z-index:1;
}
.round10 .round-cnt {
	background:url(../images/round10.png) no-repeat;
	width:351px;
	height:351px;
	overflow:hidden;
}
.round10 p {
	margin:72px 0 0 57px;
	font:bold 3.1em/1em Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	position:relative;
}
.round10 p span {
	color:#fff;
	font:bold 1.7em/1em Arial, Helvetica, sans-serif;
}
.round11 {
	top:253px;
	left:482px;
	z-index:2
}
.round11 .round-cnt {
	background:url(../images/round11.png) no-repeat;
	width:192px;
	height:193px;
	overflow:hidden;
}
.round11 p {
	font:1.314em/1.1em Georgia, "Times New Roman", Times, serif;
	margin:35px 10px 0 34px;
	position:relative;
}
.round11 p a {
	color:#000;
	font-style:italic;
	display:block;
}

.round12 {
	top:391px;
	left:696px;
}
.round12 .round-cnt {
	background:url(../images/round12.png) no-repeat;
	width:238px;
	height:238px;
	overflow:hidden;
}
.round12 p {
	font:1.417em/1.1em Georgia, "Times New Roman", Times, serif;
	margin:42px 35px 0 44px;
	color:#fff;
	position:relative;
}
.round12 p a {
	color:#ffde00;
	font-style:italic;
	display:block;
}


/* rounds end */

/*page*/
#page {
	width:938px;
	margin:10px auto 0;
	padding:11px 13px 0 15px;
	background:#fff;
	overflow:hidden;
}
/*header*/
.header {
	height:1%;
	padding:0 0 15px;
	position:relative;
	z-index:4;
}

.header h1{
	font-size:20px;
}


.logo {
	margin:0 15px 0 0;
	display:block;
	overflow:hidden;
	width:173px;
	height:42px;
	float:left;
	background:url(../images/logo.gif) no-repeat;
}
.logo a {
	display:block;
	text-indent:-9999px;
	height:100%;
}

/*menu start*/
ul.menu {
	float:left;
	padding:0px 0 0;
	margin:0;
	width:600px;
	list-style:none;
}
ul.menu li {
	float:left;
	padding:0 19px 7px 0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	z-index:6;
}
ul.menu li.hover,
ul.menu li:hover {position:relative;}

ul.menu li a,
.client-area p a {
	color:#000;
	text-decoration:none !important;
	display:block;
	padding:0 0 6px;
	background:url(../images/dotted01.gif) repeat-x 0 100%;
}
ul.menu li a:hover,
ul.menu li.active a,
.client-area p a:hover,
ul.menu li.hover a,
ul.menu li:hover a {
	color:#939598;
	background-image:url(../images/dotted04.gif);
}
.client-area a{
	font:bold 1.5em Arial, Helvetica, sans-serif;
	float:right;
	color:#000;
	text-decoration:none !important;
	display:block;
	padding:0 0 6px;
	background:url(../images/dotted01.gif) repeat-x 0 100%;

}	



ul.menu ul {
	position:absolute;
	top:33px;
	left:0;
	padding:0;
	margin:0;
	display:none;
	list-style:none;
	background:#404041;
	width:184px;
	z-index:20;
}
ul.menu li.hover ul,
ul.menu li:hover ul {display:block;}

ul.menu ul li {
	float:none;
	height:1%;
	vertical-align:top;
	padding:0;
	border-bottom:1px solid #fff;
	font:.75em/1.667em Arial, Helvetica, sans-serif;
}

ul.menu ul li a:hover,
ul.menu li.hover ul li a:hover,
ul.menu li:hover ul li a:hover,
ul.menu ul li.hover a,
ul.menu ul li:hover a,
ul.menu li.hover ul li.hover a,
ul.menu li:hover ul li:hover a {
	background:#231f20;
	color:#fff;
	height:1%;
}

ul.menu ul li a,
ul.menu li.hover ul li a,
ul.menu li:hover ul li a,
ul.menu li.hover ul li.hover ul li a,
ul.menu li:hover ul li:hover ul li a {
	color:#fff;
	background:none;
	padding:0 0 0 5px;
}
ul.menu li.hover ul li.hover ul li a:hover,
ul.menu li:hover ul li:hover ul li a:hover {
	background:#231f20;
	color:#fff;
}
ul.menu ul ul {
	left:184px;
	top:0;
}
ul.menu ul ul li {font-size:1em;}
ul.menu li:hover ul li ul,
ul.menu li.hover ul li ul{display:none;}
ul.menu li:hover ul li:hover ul,
ul.menu li.hover ul li.hover ul {display:block;}	

/* menu end */

.client-area {
	float:right;
	width:140px;
}
ul.lang {
	height:1%;
	overflow:hidden;
	padding:0 2px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
ul.lang li {
	float:right;
	padding:0 0 0 10px;
}
ul.lang li img {display:block;}
.client-area p {
	margin:10px 0 0;
	text-align:right;
	height:1%;
	white-space:nowrap;
	overflow:hidden;
	font:bold 1.5em Arial, Helvetica, sans-serif;
}
.client-area p a {
	display:inline;
	float:right;
}
/* promo start */
.promo {
	width:100%;
	min-height:488px;
	overflow:hidden;
	position:relative;
}
* html .promo {
	height:488px;
	overflow:visible;
}
/* promo end */
/*lates feedback start*/
.latest {
	height:1%;
	padding:0 0 35px;
}
.latest h2 {
	background:url(../images/line01.gif) no-repeat 0 100%;
	margin:0 0 14px;
	padding:0 0 8px;
	font:1.5em Arial, Helvetica, sans-serif;
}
.latest-cnt {height:1%;}
.latest-box1,
.latest-box2,
.latest-box3,
.latest-box4 {
	width:224px;
	float:left;
}
.latest-box1 {margin-right:13px;}
ul.info-list {
	overflow:hidden;
	list-style:none;
	height:1%;
	margin:-1px 0 15px;
	padding:0;
	background:#e7e7e8;
	line-height:1.4em;
}
ul.info-list li {
	border-top:1px solid #fff;
	overflow:hidden;
	color:#333;
	height:1%;
	vertical-align:top;
}
ul.info-list li span {
	float:left;
	width:72px;
	padding:0 0 0 5px;
}
ul.info-list li.info-list-title {
	background:#ffde00;
	font-weight:bold;
}
ul.info-list li em {
	float:left;
	font-style:normal;
	width:140px;
	white-space:nowrap;
}
ul.info-list li img {
	vertical-align:middle;
	padding:5px 2px 10px 0;
}
.latest-box2 {margin-right:12px;}

.latest-cnt h3 {
	background:#bcbdc0;
	padding:0 0 0 5px;
	font:bold 1em/1.4em Arial, Helvetica, sans-serif;
	margin:0;
}
.latest-cnt h3.sub-head {
	background:#e7e7e8;
	margin-top:1px;
}
.latest-cnt p {
	margin:3px 0 3px 3px;
	color:#333;
}
.more {
	font-weight:bold;
	color:#000;
	margin-left:3px;
}
.latest-box3 {margin-right:15px;}
.service-title {
	height:1%;
	padding:0 6px 12px;
	margin:0 0 2px;
	background:#fd0;
}
.service-title p {
	margin:0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
}
.info {
	background:url(../images/info.gif) no-repeat;
	float:right;
	width:18px;
	height:18px;
	text-indent:-9999px;
	position:relative;
	text-decoration:none !important;
}

.tooltip {
	font:.917em Arial, Helvetica, sans-serif;
	position:absolute;
	overflow:hidden;
	display:none;
	top:20px;
	left:-9999px;
	width:203px;
	text-indent:0;
	color:#000;
	z-index:15;

}
.info-holder {
	margin: 5px 0 0;
	float: right;
	width: 18px;
	height: 18px;
}

.info-holder.hover .tooltip,
.info-holder:hover .tooltip {
	left:-30px;
	display: block;
}

.tooltip-top,
.tooltip-btm {
	width:100%;
	display:block;
	height:30px;
	overflow:hidden;
	background:url(../images/tooltip-top.png) no-repeat;
}
.tooltip-btm {
	height:12px;
	background:url(../images/tooltip-btm.png) no-repeat;
}
.tooltip-cnt {
	width:175px;
	padding:0 14px;
	overflow:hidden;
	display:block;
	background:url(../images/tooltip-bg.png) repeat-y;
}
.tooltip-cnt strong {
	display:block;
	text-decoration:underline;
	padding:0 0 20px;
}


/* tooltips for forms start */



.info-form {
	background:url(../images/info.gif) no-repeat;
	float:right;
	width:18px;
	height:18px;
	text-indent:-9999px;
	position:relative;
	text-decoration:none !important;
}

.tooltip-form {
	font:.917em Arial, Helvetica, sans-serif;
	position:absolute;
	overflow:hidden;
	display:none;
	top:20px;
	left:-9999px;
	width:203px;
	text-indent:0;
	color:#000;
	z-index:15;

}
.info-form-holder {
	margin: 5px 0 0;
	float: right;
	width: 18px;
	height: 0px;
}

.info-form-holder.hover .tooltip-form,
.info-form-holder:hover .tooltip-form {
	left:-30px;
	display: block;
}

.tooltip-form-top,
.tooltip-form-btm {
	width:100%;
	display:block;
	height:30px;
	overflow:hidden;
	background:url(../images/tooltip-top.png) no-repeat;
}
.tooltip-form-btm {
	height:12px;
	background:url(../images/tooltip-btm.png) no-repeat;
}
.tooltip-form-cnt {
	width:175px;
	padding:0 14px;
	overflow:hidden;
	display:block;
	background:url(../images/tooltip-bg.png) repeat-y;
}
.tooltip-form-cnt strong {
	display:block;
	text-decoration:underline;
	padding:0 0 20px;
}



/* tooltips for forms end */



.service-cnt {
	background:#ffeb94;
	height:1%;
	padding:13px 6px 10px 6px;
	overflow:hidden;
}
.rating-form {
	height:1%;
	overflow:hidden;
}
.rating-form label {
	float:left;
	line-height:1.5em;
}
.rating-form select {
	float:right;
	width:111px;
}
.rating {
	height:1%;
	overflow:hidden;
	padding:16px 0 10px;
}
.rating img {float:right;}
ul.rating-list {
	float:left;
	width:148px;
	padding:3px 0 0;
	margin:0;
	list-style:none;
}
ul.rating-list li {
	height:1%;
	overflow:hidden;
	font-size:.917em;
	vertical-align:top;
}
ul.rating-list li span {float:left;}
ul.rating-list li .item1 {
	width:59px;
	color:#40b25a;
}
ul.rating-list li .item2 {width:38px;}
ul.rating-list li .item3 {width:50px;}
ul.rating-list li a {color:#000;}
ul.rating-list li.bad,
ul.rating-list li.bad a,
ul.rating-list li.poor,
ul.rating-list li.poor a {color:#6d6e70;}
ul.rating-list li.poor .item1 {color:#ec1c24;}
ul.rating-list li.bad .item1 {color:#ee3632;}

/*lates feedback end*/
/*logos box start*/
.logos {
	width:938px;
	padding:0 0 10px;
	overflow:hidden;
}
.logos ul {
	width:945px;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.logos ul li {
	float:left;
	width:97px;
	height:69px;
	position:relative;
	overflow:hidden;
	margin:0 5px 5px 0;
	border:1px solid #bcbdc0;
}
.logos ul li img {
	display:block;
	
}
.logos ul li a:hover {border:0;}
.logos ul li a:hover img {
	top:-69px;
	position:relative;
}
/*logos box end*/
/*footer start*/
ul.footer {
	height:1%;
	overflow:hidden;
	padding:0 0 25px 4px;
	margin:0 0 0 -4px;
	z-index:2;
	position:relative;
	list-style:none;
}
ul.footer li {
	float:left;
	width:143px;
	font-weight:bold;
}
ul.footer li a {
	text-decoration:none !important;
	color:#333;
}
ul.footer li a:hover {color:#939598;}
ul.footer ul {
	padding:0;
	margin:0;
	list-style:none;
}
ul.footer ul.item-list {margin-top:12px;}
ul.footer ul li {font-weight:normal;}
/*footer end*/

/* what is fee foo page */






.what {
	width:100%;
	position:relative;
	min-height:650px;
	padding-bottom:25px;
	overflow:hidden;
}
* html .what {
	height:650px;
	overflow:visible;
}
.what-cnt {
	width:461px;
	overflow:hidden;
	padding:3px 0 25px;
}
ul.sub-nav {
	padding:0;
	margin:0 0 13px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
ul.sub-nav li {
	float:left;
	padding:0 8px 0 0;
}

<!--Sacha mucking around for the a tags for Bill-->



ul.sub-nav li.active a {
		color:#000;
		font:100.01% Arial,Helvetica,sans-serif;
		font-weight:bold;
}

ul.sub-nav li a {
	color:#000;
	font:100.01% Arial,Helvetica,sans-serif;
	

}

.what-cnt ul.sub-nav li.active a {
		color:#000;
		font:100.01% Arial,Helvetica,sans-serif;
		font-weight:bold;
}

.what-cnt ul.sub-nav li a {
	color:#000;
	font:100.01% Arial,Helvetica,sans-serif;
	

}

.what-cnt h1,
.client-cnt h1,
.example h1,
.contact-cnt h1,
.register-cnt h1,
.tell h2 {
	margin:0 0 27px;
	padding:0 0 7px;
	font:22px Arial, Helvetica, sans-serif;
	background:url(../images/dotted03.gif) repeat-x 0 100%;
}
.what-cnt h1 span,
.client-cnt h1 span,
.example h1 span,
.contact-cnt h1 span,
.register-cnt h1 span,
.tell h2 span {
	display:block;
	height:24px;
	overflow:hidden;
}





/* pre,code  controls the style of code in scrollable box - Sacha */
.what-cnt pre,code {
	color:#999999;
	font:13px Arial, Helvetica, sans-serif;
}


/* Sacha added for Bill H2s and H3s plus link styling  */

.what-cnt h2,
.client-cnt h2,
.example h2,
.contact-cnt h2,
.register-cnt h2,
.tell h3 {
	margin:0 0 22Px;
	padding:0 0 7px;
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.what-cnt h2 span,
.client-cnt h2 span,
.example h2 span,
.contact-cnt h2 span,
.register-cnt h2 span,
.tell h3 span {
	display:block;
	height:24px;
	overflow:hidden;
}




.what-cnt h3,
.client-cnt h3,
.example h3,
.contact-cnt h3,
.register-cnt h3,
.tell h3 {
	margin:0 0 22Px;
	padding:0 0 7px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.what-cnt h3 span,
.client-cnt h3 span,
.example h3 span,
.contact-cnt h3 span,
.register-cnt h3 span,
.tell h4 span {
	display:block;
	height:24px;
	overflow:hidden;
}






.what-cnt p {margin:0 0 14px;}

.what-cnt a {
	font:100.01% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/* END what is fee foo page END*/




/* WIDE is fee foo page NO RIGHT CIRLCES - WIDE  */


.wide {
	width:100%;
	position:relative;
	min-height:650px;
	padding-bottom:25px;
	overflow:hidden;
}
* html .wide {
	height:650px;
	overflow:visible;
}
.wide-cnt {
	width:900px;
	overflow:hidden;
	padding:3px 0 25px;
}



<!--Sacha mucking around for the a tags for Bill-->





.wide-cnt ul.sub-nav li.active a {
		color:#000;
		font:100.01% Arial,Helvetica,sans-serif;
		font-weight:bold;
}

.wide-cnt ul.sub-nav li a {
	color:#000;
	font:100.01% Arial,Helvetica,sans-serif;
	

}

.wide-cnt h1 {
	margin:0 0 27px;
	padding:0 0 7px;
	font:22px Arial, Helvetica, sans-serif;
	background:url(../images/dotted03.gif) repeat-x 0 100%;
}
.wide-cnt h1 span {
	display:block;
	height:24px;
	overflow:hidden;
}






/* pre,code  controls the style of code in scrollable box - Sacha */
.wide-cnt pre,code {
	color:#999999;
	font:13px Arial, Helvetica, sans-serif;
}


/* Sacha added for Bill H2s and H3s plus link styling  */

.wide-cnt h2 {
	margin:0 0 22Px;
	padding:0 0 7px;
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.wide-cnt h2 span {
	display:block;
	height:24px;
	overflow:hidden;
}




.wide-cnt h3{
	margin:0 0 22Px;
	padding:0 0 7px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.wide-cnt h3 span {
	display:block;
	height:24px;
	overflow:hidden;
}






.wide-cnt p {margin:0 0 14px;}

.wide-cnt a {
	font:100.01% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/* END WIDE is fee foo page NO RIGHT CIRLCES END*/






















/* thought page */
/* thought box start*/
.thought {
	height:1%;
	overflow:hidden;
	padding:0 0 35px;
}
.thought-txt {
	float:left;
	width:698px;
	padding:18px 0 0;
}
/* thought title */
.thought-title {
	height:1%;
	overflow:hidden;
	padding:0 0 7px;
	background:url(../images/dotted03.gif) repeat-x 0 100%;
}
.thought-title p {
	float:left;
	width:238px;
	font:22px Arial, Helvetica, sans-serif;
	margin:0;
}
.thought-title p span {
	height:24px;
	overflow:hidden;
	display:block;
}
.thought-title h1 {
	float:left;
	margin:0;
	font:bold 1.9em/1em Georgia, "Times New Roman", Times, serif;
}
.thought-cnt {
	height:1%;
	padding:15px 0 0;
}
/* thought column */
.thought-col {
	float:left;
	width:224px;
}
/*.thought-col img {
	display:block;
	border:1px solid #a7a9ac;
       border:0px;
}
*/
.thought-col .supplier {margin:12px 30px 15px 0;}

ul.detail-list {
	height:1%;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
	background:#e7e7e8;
}
ul.detail-list li {
	height:1%;
	overflow:hidden;
	line-height:1.4em;
	padding:0 0 0 3px;
	vertical-align:top;
	border-bottom:1px solid #fff;
}
ul.detail-list li.detail-title {background:#bcbdc0;}
ul.detail-list li.detail-txt {background:#fff;}
ul.detail-list li.detail-link {background:#ffde00;}
ul.detail-list li p {
	margin:12px 0;
	line-height:1.1em;
}
ul.detail-list li.detail-link a {
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none !important;
	background:url(../images/arrow.gif) no-repeat 210px .2em;
}
ul.detail-list li.detail-link a:hover {
	color:#939598;
	background-image:url(../images/arrow2.gif);
}
/* thought info */
.thought-info {
	float:right;
	width:460px;
}
.shows {
	height:1%;
	overflow:hidden;
	padding:0 0 40px;
}
.shows p {
	margin:0 0 3px;
	line-height:1em;
}
.shows-cnt {
	height:1%;
	overflow:hidden;
}
.shows-cnt label {
	float:left;
	width:40px;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}


/* Added to make ALL a coloured link  */

.shows-cnt label a {color:#000;}

/* End Added to make ALL a coloured link  */


.shows-cnt select {
	float:left;
	font:1em Arial, Helvetica, sans-serif;
	width:203px;
}




/* thought cookie trail */

.shows-cky {
	height:1%;
	overflow:hidden;
}
.shows-cky label {
	float:left;
	width:240px;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}
.shows-cky select {
	float:left;
	font:1em Arial, Helvetica, sans-serif;
	width:203px;
}


/* sacha modified code */
ul.category-nav {
	padding:0;
	margin:0 0 13px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
ul.category-nav li {
	float:left;
	padding:0 8px 0 0;
}
ul.category-nav li.active {font-weight:bold;}
ul.category-nav li a {color:#000;}


/* end sacha modified code */


/* END thought cookie trail */

/* INSERTED BY BILL 07/07/09 */
.alsobought {
	color:#808080;
}

/* END BILL STUFF */




.charts {height:1%;}
.charts-box {
	float:left;
	width:224px;
	padding:0 0 10px;
}
.guide {
	height:1%;
	overflow:hidden;
}
.guide p {margin:0 0 3px;}
.guide dl {
	width:200px;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1.6em;
}
.guide dl dt {
	float:left;
	width:57px;
	color:#1aa54c;
}
.guide dl dt.bad {color:#ef4030;}
.guide dl dd {margin:0 0 0 57px;}
.guide dl img {
	vertical-align:top;
	margin:0 2px 0 0;
}
* html .guide dl img {vertical-align:baseline;}

/* comments box start*/
.comments {
	height:1%;
	overflow:hidden;
	padding:0 0 20px;
}
.comments-title {
	background:url(../images/dotted02.gif) repeat-x 0 100%;
	height:1%;
	padding:0 0 6px;
	margin:0 0 20px;
	overflow:hidden;
}
.comments-title h2 {
	float:left;
	margin:0 23px 0 0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
}
ul.sort-list {
	float:left;
	padding:5px 0 0;
	margin:0;
	list-style:none;
}
ul.sort-list li {
	float:left;
	padding:0 11px 0 0; 
}
ul.sort-list li a,
.comm-table h3 a {
	color:#000;
	font-weight:bold;
	text-decoration:none !important;
}
ul.sort-list li a:hover,
.comm-table h3 a:hover {color:#939598;}

ul.page-nav {
	float:right;
	padding:6px 0 0;
	margin:0;
	list-style:none;
}
ul.page-nav li {
	float:left;
	padding:0 0 0 3px;
}
ul.page-nav li a {
	color:#333;
	font-size:1.084em;
	text-decoration:none !important;
}
ul.page-nav li a:hover {color:#000;}

.comm-table {
	width:100%;
	border-collapse:collapse;
}
.comm-table th {
	background:#bcbdc0;
	padding:0 4px;
	text-align:left;
	border-bottom:1px solid #fff;
}
.comm-table td {
	vertical-align:top;
	padding:4px 10px 4px 4px;
	border-bottom:1px solid #fff;
	background:#fff4bf;
}
.comm-table .row td {background:#ffec95;}
.comm-table h3 {
	font:bold 1em Arial, Helvetica, sans-serif;
	margin:0;
}
.comm-table ul {
	padding:0;
	margin:0;
	height:1%;
	overflow:hidden;
}
.comm-table ul li {height:1%;}
.comm-table p {margin:0;}
.comm-table a {
	color:#000;
	text-decoration:underline;
}
.comm-table a:hover {
	color:#939598;
	text-decoration:none;
}
.comm-rating {
	height:1%;
	overflow:hidden;
	padding:0 0 8px;
}
.comm-rating em {
	display:block;
	font-style:normal;
}
.comm-rating img {vertical-align:middle;}
.show-nav {
	height:1%;
	padding:2px 0 0;
	overflow:hidden;
}
ul.show-list {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}
ul.show-list li {
	float:left;
	padding:0 3px 0 0;
}
ul.show-list li.active {font-weight:bold;}
ul.show-list li a {color:#000;}
.show-nav ul.page-nav {padding-top:0;}
/* comments box end*/
/* thought box end*/

/* lightbox start */
.lightbox {
	width:680px;
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	overflow:hidden;
	padding:15px 15px 15px 17px;
	display:none;
}
.feed-title {
	height:1%;
	overflow:hidden;
	margin:0 0 16px;
}
.feed-title p {
	float:left;
	width:582px;
	background:url(../images/dotted01.gif) repeat-x 0 100%;
	margin:0;
	padding:0 0 8px;
	font:bold 1.667em Arial, Helvetica, sans-serif;
}
.feed-title a {
	float:right;
	background:url(../images/dotted04.gif) repeat-x 0 100%;
	color:#939598;
	padding:0 0 8px;
	text-decoration:none !important;
	font:bold 1.667em Arial, Helvetica, sans-serif;
}
.feed-title a:hover {
	color:#000;
	background-image:url(../images/dotted01.gif);
}
.feed-cnt {
	width:680px;
	height:518px;
}
.feed-cnt .scroll-content{
	height:518px !important;
	width:680px !important;
}
.feed-cnt .vscroll-bar{
	position:absolute;
	width:21px !important;
	margin:0;
	padding:0;
	height:518px !important;
	top: 0px !important;
}
.feed-cnt .vscroll-up {
	position:absolute;
	height: 14px !important;
}
.feed-cnt .vscroll-down {
	position:absolute;
	padding:0 0 0 0;
}
.feed-cnt .vscroll-line{
	width:21px !important;
	overflow: hidden;
	background:url(../images/scroll-line.gif) no-repeat;
}
.feed-cnt .vscroll-slider{
	background:url(../images/slider-bg.gif) repeat-y;
	width:21px !important;
}
.scroll-bar-top {
	background:url(../images/slider-top.gif) no-repeat;
	height:11px;
	width:21px;
}
.scroll-bar-bottom {
	background:url(../images/slider-btm.gif) no-repeat 0 100%;
	bottom:0;
	height:11px;
	width:21px;
	position:absolute;
	left:0;
}

.feed-inn {
	width:582px;
	overflow:hidden;
}
ul.author {
	padding:0;
	margin:5px 0 23px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
ul.author li {
	height:1%;
	line-height:1.3em;
}
ul.rating-list2 {
	height:1%;
	overflow:hidden;
	padding:0;
	margin:0 0 15px;
	list-style:none;
}
ul.rating-list2 li {
	float:left;
	padding:0 40px 0 0;
}
ul.rating-list2 li img {
	vertical-align:middle;
	padding:0 0 2px 4px;
}
.feed-box {
	height:1%;
	overflow:hidden;
	background:#fff4bf;
	margin:0 0 5px;
}
.feed-box2 {background:#ffec95;}
.feed-box p {
	margin:0 0 12px;
	padding:0 5px;
	line-height:1.3em;
	color:#58595b;
}
.feed-box p.feed-box-title {
	background:#bcbdc0;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
}
.feed-box2 p.feed-box-title {
	background:#000;
	color:#fff;
}	
.feed-box ul.rating-list2 {padding:0 0 0 5px;}
.other {
	height:1%;
	overflow:hidden;
	padding:20px 0 0;
}
.other p {
	margin:0 0 5px;
	font-weight:bold;
}

/* lightbox end */

/* client sign in page */
.client {
	width:100%;
	position:relative;
	min-height:650px;
	margin:22px 0 0;
	padding-bottom:55px;
	overflow:hidden;
}
* html .client {
	height:650px;
	overflow:visible;
}
.client-cnt {
	width:461px;
	overflow:hidden;
	padding:10px 0 25px;
}
.sign-form,
.sign-form-cnt,
.sign-form-login {
	height:1%;
	padding:3px 0 100px;
	overflow:hidden;
}
.sign-form-cnt {padding:0 0 1px;}
.sign-form label {
	width:141px;
	float:left;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}
span.input-box {
	float:left;
	background:#f3f3f4;
	width:320px;
	display:block;
	overflow:hidden;
}
.error span.input-box {background:url(../images/error.gif) no-repeat;}
.sign-form input.text {
	padding:4px 5px;
	width:310px;
	background:none;
	border:0;
}
.warning {
	color:#f53202;
	background:url(../images/arrow3.gif) no-repeat;
	padding:0 0 0 15px;
	float:left;
	margin:2px 0 0 141px;
	display:none;
}


.regwarning {
	color:#f53202;
	  background:url(../images/arrow3.gif) no-repeat; 
	padding:0 0 0 15px;
	float:left;
	margin:2px 0 0 141px;
	display:none;
}

.error .warning {display:block;}
* html .error .warning {display:inline;}
.contact-form .warning {margin-left:141px;}
.error .regwarning {display:block;}
* html .error .regwarning {display:inline;}
.register-form .regwarning {margin-left:141px;}

.sign-form-login {padding:50px 0 28px;}
.sign-form-login a {
	float:left;
	background:url(../images/dotted01.gif) repeat-x 0 100%;
	color:#000;
	padding:0 0 5px;
	text-decoration:none !important;
	font:bold 1.5em Arial, Helvetica, sans-serif;
}
.sign-form-login a:hover {
	color:#939598;
	background-image:url(../images/dotted04.gif);
}
.sign-form p {margin:0;}
.sign-form p a {
	text-decoration:underline;
	color:#000;
}
.sign-form p a:hover {
	text-decoration:none;
	color:#939598;
}
.link {
	height:1%;
	overflow:hidden;
	background:url(../images/logo03.gif) no-repeat;
	padding:28px 0 0;
}
.link p {
	margin:0;
	color:#58595b;
}
.link a {
	color:#000;
	text-decoration:none !important;
}
.link a:hover {color:#939598;}

.have-feed {
	position:absolute;
	top:15px;
	left:520px;
	width:96px;
	color:#333;
	text-decoration:none !important;
}
.have-feed:hover {color:#939598;}

/* example page */

.example {
	width:697px;
	overflow:hidden;
	padding:18px 0 25px 0;
}
.example-promo {
	height:1%;
	overflow:hidden;
	padding:5px 0 48px 0;
}
.example-promo p {
	margin:0;
	color:#58595b;
}
.example-promo p a {
	color:#58595b;
	font-weight:bold;
}
.example-nav {
	height:1%;
	overflow:hidden;
	color:#58595b;
	padding:0 0 10px;
}
.example-nav ul.sort-list {padding:0;}
.example-nav ul.sort-list li {padding-right:3px;}
.example-nav ul.sort-list li a {
	font-weight:normal;
	color:#58595b;
}
.example-nav ul.sort-list li.active a,
.example-nav ul.sort-list li a:hover {
	font-weight:bold;
	color:#58595b;
}
.example-nav p {
	margin:0;
	float:right;
}
.example-nav p a {color:#58595b;}
.example-nav ul.show-list li a,
.example-nav ul.show-list li {color:#58595b;}
.example-nav ul.show-list li.active a {color:#000;}
/*example-box */
.example-box {
	height:1%;
	margin:0 0 14px;
	overflow:hidden;
	background:url(../images/example-bg01.gif) repeat-y 100% 0;
}
.items {background:url(../images/example-bg02.gif) repeat-y 100% 0;}
.example-img {
	float:left;
	width:221px;
	border:1px solid #a7a9ac;
}
.example-txt {
	float:right;
	width:445px;
	padding:8px 5px 0 10px;
	color:#58595b;
}
.example-txt-title {
	height:1%;
	padding:0 0 2px;
	overflow:hidden;
}
.example-txt-title h2 {
	font:bold 1em Arial, Helvetica, sans-serif;
	margin:0;
	float:left;
}
.example-txt-title h2 a {color:#58595b;}
.example-txt-title h2 a:hover {color:#000;}
.example-txt-title span {float:right;}
.example-txt p {margin:0;}
/* latest feed */
.latest-feed,
.latest-feed-title {
	height:1%;
	padding:0 0 30px;
	overflow:hidden;
}
.latest-feed-title {
	background:url(../images/dotted02.gif) repeat-x 0 100%;
	padding:0 0 5px;
	margin:0 0 22px;
}
.latest-feed-title h3 {
	margin:0;
	font:bold 1.417em Arial, Helvetica, sans-serif;
}

/* contact us page */

.contact {
	width:100%;
	position:relative;
	min-height:650px;
	margin:12px 0 0;
	padding-bottom:55px;
	overflow:hidden;
}
* html .contact {
	height:650px;
	overflow:visible;
}
.contact-cnt {
	width:661px;
	overflow:hidden;
	padding:20px 0 25px;
}
.contact-cnt address {
	font-style:normal;
	color:#333;
	padding:5px 0 13px;
}
.contact-cnt p {
	font-weight:bold;
	margin:14px 0;
}
.contact-form {
	height:1%;
	overflow:hidden;
	padding:0 0 1px;
}
.tell-form label.none {display:none;}
.contact-form label {
	float:left;
	width:140px;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}

.contact-form input.text,
.contact-form textarea {
	float:left;
	width:310px;
	border:0;
	background:none;
	font:1em Arial, Helvetica, sans-serif;
	padding:4px 5px;
}
.contact-form textarea {
	height:120px;
	background:#f3f3f4;
}
.reason {
	height:1%;
	overflow:hidden;
	padding:20px 0;
}
.reason label {
	float:left;
	width:140px;
	line-height:1.3em;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}
.reason select {
	float:left;
	font:bold .917em Arial, Helvetica, sans-serif;;
	width:310px;
}
.contact-btn {
	height:1%;
	padding:17px 0 0;
	overflow:hidden;
}
.contact-btn a {
	float:left;
	color:#000;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	margin:0 22px 0 0;
	padding:0 0 6px;
	text-decoration:none !important;
	background:url(../images/dotted01.gif) repeat-x 0 100%;
}
.contact-btn a:hover {
	background-image:url(../images/dotted04.gif);
	color:#939598;
}

 .personal_email {

display: none; visibility: hidden;

}
















/* registration page */

.register {
	width:100%;
	position:relative;
	min-height:1050px;
	margin:12px 0 0;
	padding-bottom:55px;
	overflow:hidden;
}

.register-box {
	width:500px;
	padding:0 0 1px;
}



* html .register {
	height:650px;
	overflow:visible;
}
.register-cnt {
	width:900px;
	overflow:hidden;
	padding:20px 0 25px;
}
.register-cnt address {
	font-style:normal;
	color:#333;
	padding:5px 0 13px;
}
.register-cnt p {
	font-weight:bold;
	margin:14px 0;
}
.register-form {
	width:500px;
	height:1%; 
	overflow:hidden;
	padding:0 0 1px;
}

/* removed a line from here which was the same as Contact area */









/* trying to display Lightbox with logos*/




.register-inn {
	width:582px;
	height:5000px;
	overflow:hidden;
}

.vendorcomment{
	width:560px;
	height:220px;
	font-size:14px;
}

.usersignature{
  width:560px;
  height:70px;
  font-size:14px;
}





.register-form label {
	float:left;
	width:140px;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}

.register-form input.text,
.register-form textarea {
	float:left;
	width:310px;
	border:0;
	background:none;
	font:1em Arial, Helvetica, sans-serif;
	padding:4px 5px;
}
.register-form textarea {
	height:120px;
	background:#f3f3f4;
}
.registerreason {
	height:1%;
	overflow:hidden;
	padding:10px 0 1px;
}
.registerreason label {
	float:left;
	width:140px;
	line-height:1.3em;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}
.registerreason select {
	float:left;
	font:bold .917em Arial, Helvetica, sans-serif;;
	width:310px;
}


.registerterms {
	height:1%;
	overflow:hidden;
	padding:10px 0 1px;
}
.registerterms label {
	float:left;
	width:440px;
	line-height:1.3em;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}
.registerterms checkbox {
	float:left;
	font:bold .917em Arial, Helvetica, sans-serif;;
	width:30px;
}

span.tick-box {
	float:left;
	background:#f3f3f4;
	width:450px;
	display:block;
	overflow:hidden;
}
.error span.tick-box {background:url(../images/error.gif) no-repeat;}



/* Radio Buttons */

.registerradio {
	height:1%;
	overflow:hidden;
	padding:10px 0 1px;
}
.registerradio label {
	float:left;
	width:240px;
	line-height:1.3em;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
}
.registerradio checkbox {
	float:left;
	font:bold .917em Arial, Helvetica, sans-serif;;
	width:30px;
}

span.radio {
	float:left;
	background:#f3f3f4;
	width:217px;
	display:block;
	overflow:hidden;
}
.error span.radio {background:url(../images/error.gif) no-repeat;}







.register-btn {
	height:1%;
	padding:17px 0 0;
	overflow:hidden;
}
.register-btn a {
	float:left;
	color:#000;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	margin:0 22px 0 0;
	padding:0 0 6px;
	text-decoration:none !important;
	background:url(../images/dotted01.gif) repeat-x 0 100%;
}
.register-btn a:hover {
	background-image:url(../images/dotted04.gif);
	color:#939598;
}























/* tell us page */

.head {
	float:right;
	margin:9px 35px 0 0;
	display:inline;
	font:bold 2em Arial, Helvetica, sans-serif;
}
.tell {
	width:461px;
	overflow:hidden;
}
.tell h2 {margin-bottom:22px;}
.tell-promo {
	height:1%;
	overflow:hidden;
	padding:48px 0 24px;
}
.tell-promo p {margin:0 0 12px;}
.tell-promo img {
	display:block;
	border:0px solid #a7a9ac;
}
.tell-form {
	height:1%;
	overflow:hidden;
	margin:0 0 17px;
}
.opener {
	display:table;
	width:100%;
	height:62px;
	font-weight:bold;
}
* html .opener {position:relative;}
* +html .opener {position:relative;}
div.sub { 
	width:366px;
	padding:0 10px 0 85px;
	display:table-cell;
	vertical-align:middle;
} 
* html div.sub { 
	position:absolute;
	top:50%;
} 
* html span.object{ 
	position:relative;
	top:-50%;
}
* +html div.sub { 
	position:absolute;
	top:50%;
} 
* +html span.object{ 
	position:relative;
	top:-50%;
}
.one-step {background:#ffec95 url(../images/one-step.gif) no-repeat 8px 8px;}
.two-step {background:#ffec95 url(../images/two-step.gif) no-repeat 8px 8px;}
.three-step {background:#ffec95 url(../images/three-step.gif) no-repeat 8px 8px;}
.opener em {
	font-style:normal;
	color:#0ba047;
}

.slide {
	border:1px solid #bcbdc0;
	height:1%;
}
.tell-form textarea {
	border:0;
	width:453px;
	height:91px;
	font:1em Arial, Helvetica, sans-serif;
	padding:3px;
}

.tell-form .extext {
	border:0;
	width:453px;
	height:91px;
	font:1em Arial, Helvetica, sans-serif;
	padding:3px;
}

ul.variant {
	height:1%;
	overflow:hidden;
	padding:18px 0 20px 14px;
	margin:0;
	list-style:none;
}
ul.variant li {
	float:left;
	padding:0 20px 0 0;
}
ul.variant li div {
	overflow:hidden;
}
.tell-form label {
	float:left;
	margin:0 3px 0 0;
	font-weight:bold;
}
.tell-form label.none {display:none;}
ul.variant span {
	display:none;
	padding:3px 0 0;
	float:left;
	clear:both;
	width:50px;
}
ul.variant .select span {
	display:block;
}
.tell-form p {
	margin:20px 0 0 14px;
	padding:0 0 10px;
	font-weight:bold;
}
.tell-form p a {
	color:#000;
	margin-left:30px;
	text-decoration:underline;
}
.tell-form p a:hover {text-decoration:none;}
.tell-submit {
	height:1%;
	overflow:hidden;
	padding:0 0 40px;
}
.tell-btn {
	float:left;
	width:468px;
	margin:0 25px 0 0;
	height:63px;
	overflow:hidden;
}
.tell-btn .input.button {display:block;}
.active-submit input.button {margin:-63px 0 0;}
.tell-submit p {
	margin:14px 0 0;
	color:#939598;
	width:210px;
	float:left;
	font:bold 1.5em/1em Arial, Helvetica, sans-serif;
}
.product {
	height:1%;
	overflow:hidden;
}
.product textarea {
	display:none;
	border:1px solid #ccc;
	width:415px;
	height:80px;
	margin:0 0 15px 17px;
}
.comm textarea {display:block;}
.mobile-page {display:none;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
#negativeFeed {display:none;}

/* edd added */

#feefoload{
position:absolute;
z-index:3;
background:#d0d4d7;
width:280px;
height:80px;
margin-top:-40px;
margin-left:-140px;
top:200px;
left:50%;
line-height:80px;
text-align:center;
font-size:14pt;
}


.storevalues{
   font-size:24px;
   color:#ff0000;
}

/* in integrate.jsp */

.integrator{
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#444444;
}	

.integratortable{
	
	border-spacing:0;
}

.integrator h1{
	font-size:36px;
	text-align:center;
}

.integrator .question{
	font-size:20px;
	text-align:left;
}	

.logochosen{
	height:200px;
	width:300px;
	overflow:hidden;
	text-align:center;
	
}
#logolists{
	height:200px;
}	

.imagelist td{
	border-bottom-width: 0px;	

}	



.positionline{
	background-color:#dddddd;
}

.logoline{
	background-color:#999999;
}

.formatline{
	background-color:#dddddd;
}
.actionline{
	background-color:#999999;
	height:80px;
}

.pageline{
	background-color:#999999;
	height:80px;
	font-size:12px;
}

.exampleline{
	background-color: #fffd00;
	height:80px;
	text-align:center;
	
}

.exampleline a{
	background-color:#00ff00;
	font-size:20px;
}

.codeline{
	background-color: #999999
	height:80px;
}


//IN THE AGENT REPORT

.supplierclass{
	text-align:left;
}

.suppliername{
	text-align:left;
}


.suppliernumber{
	text-align:right;
}


//IN THE AGENT REPORT

.supplierclass{
	text-align:left;
}

.suppliername{
	text-align:left;
}


.suppliernumber{
	text-align:right;
}

.thankyouquestion{
	position:relative;
	left:0;
	top:30px;
	width:130px;
}

.thankyouquestion .thankyouinput{
	position:relative;
	left:160px;
	top:-20px;
}



/* quick thankyou bit, similar to comment without background*/


.thankyoutop-title {
	height:1%;
	padding:0 0 6px;
	margin:0 0 20px;
	overflow:hidden;
}
.thankyoutop-title h2 {
	float:left;
	margin:0 10px 0 0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
}

/*thank you page*/

.thankyouWrapper{
	width:600px;
        left:100px;
	position:relative;
	color:#444444;
}



.thankyouTable{
       margin:15px;
}

.thankyouTable  td{
     border: 3px solid #444444;
    font-family: Arial;
    font-size: 20px;
    font-weight: normal;
    height: 140px;
    margin: 5px;
    text-align:center;
    line-height:27px;

}	


.pagebig{
    font-family:Arial;
    font-size: 40px;
    font-weight: normal;
    left: 0px;
    position: relative;
    top: 0px;
 }


.pageshare{
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	left: 300px;
	position: relative;
	top: -50px;
 }	
	
.pagetext{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	left: 0px;
	position: relative;
	top: 0px;
	margin-top: 10px;
	margin-left:20px;
}

#recentsales{
	width:900px;
        overflow:auto;
}

/*end of thank you page */