/* CSS Document */
/* Main colors
body - #FAD994
medium grey - #666
dark grey - #333
orange - #F18829
bright orange - #FF9900
light background orange (left coloumn) - #FAD994
*/

/*Top classes on homepage	*/
.topClass {margin:0; height:auto}
.topClass li {margin:0; padding:0 2.5%; width:95%; list-style:none;}
* HTML .topClass li {height:96px; width:100%;}
	.topClass * .image {float:left; margin: 8px; width:80px; height:80px;}
	.topClass * .note {float:left; width:70%; margin-top: 10px; text-align:left; font-size:90%}
	.topClass li h1 {margin-bottom:5px; font-size:130%}
	.topClass h1 a {font-weight:bold}
	.topClass h1 a:hover {font-weight:bold; color:#D76B00}
	.topClass .actionLink {margin-right:20px}
	.topClass .image {background:no-repeat 0 0}
		* HTML .topClass li h1{word-wrap: break-word;}		
		
#typeDescription {height:11em;}

.promo-blocks {width:100%; margin:10px 0; height:auto; min-height:300px; text-align:center; }
* html .promo-blocks {width:100%; height:300px;}
.promo-blocks .row {overflow:hidden; margin:0 auto; padding:0 2.5%; width:95%; text-align:left; background:#FAE1A1; border-bottom:#333 1px solid;}
* html .promo-blocks .row {position:relative; width:100%;}
.promo-blocks .row.last {border-bottom:none;}

.promo-block {float:left; padding:10px 2.7% 510px 0; margin:0 0 -500px 0; width:47%; height:auto; min-height:120px; text-align:left; font-size:0.8em; border-right:#333 1px solid;}
.promo-block.right {padding:10px 0 510px 2.5%; text-align:left; border:none;}
* html .promo-block {margin:0 0 -500px 0; width:50%; height:130px}

.promo-blocks .promo-block h2 {margin-bottom:5px; text-align:right; font-size:1.3em; font-weight:bold;}
.promo-blocks .promo-block.right h2 {text-align:left; }
.promo-blocks .promo-block h2 a {margin-bottom:5px; font-size:1em; font-weight:bold;}

.promo-blocks .promo-block li {margin:0 0 3px 0; padding:0; width:100%; height:auto;}
.promo-blocks .promo-block a {color:#333;}
.promo-blocks .promo-block a:hover {color:#FF9900;}
.promo-block .promo-items {float:right; margin-bottom:5px; width:65%; text-align:right}
* html .promo-block .promo-items {width:65%;}
.promo-block.right .promo-items {float:left; text-align:left}
.promo-block .promo-image {float:left; position:relative; left:-15px; margin-right:-15px;}
.promo-block.right .promo-image {float:right; left:15px; margin:0 0 0 -15px;}
.promo-block .promo-image img {width:90px;}

#news {padding:10px;}
#news p {margin-bottom:15px;}

#special-offers {margin-bottom:15px;}
#special-offers .offer {margin-bottom:10px;}
#special-offers h2 {margin-bottom:5px; font-size:1.2em; color:#ff6000;}