/* HTML ENTITIES */
body {
	background: #ffffff url('../images/pg-background.jpg'); margin: 0px; font-family: sans-serif;
	font-size: 12px;
}

body.blank { background: none; font: 12px normal sans-serif;}


.page-wrapper
{
	width: 1000px; height: 100%;
	border: 0px none; border-left: 1px solid #666666; border-right: 1px solid #666666; border-collapse: collapse;
	background-color: #FFFFFF
}

.header-nav
{
	background-color: #ff0000; height: 25px; text-align: left; color: #ffffff; font: 12px Verdana;
}

.header-nav td
{
	padding: 5px;
	}

.header-nav a
{
	color: #ffffff; font: 14px Arial;
}

a.lang-switch { background-color: #ffffff; color: #000000; padding: 1px; border: 0px solid #999999; font-size: 11px;}
a.lang-switch-active { background-color: #ffff99; color: #000000; padding: 1px; border: 0px solid #999999; font-size: 11px;}
a.lang-switch img, a.lang-switch-active img { vertical-align: middle; }

a.title-link
{
	color: #000000;	
}
a.title-link:hover
{
	color: #4169E1;
}


.boxtext {
	background-color: #fafafa; border: 1px solid #999999; padding: 10px; font-family: Verdana; font-size: 12px;
	margin-bottom: 10px;
}
.blank{list-style-type: none; padding-left: 0px;}

.orange{
	list-style-image: url('../images/bullet-orange.gif');
	list-style-position: inside;
	margin: 5px; padding-left: 10px;
	list-style-position: outside;
	text-align: left; font-family: Verdana; line-height: 1.7; font-size: 12px;
}

ul.orange-list {
	list-style-image: url("../images/bullet-orange.gif");
	margin: 0px; padding: 10px 0px 0px 10px;
}

.alt	{ background-color: #f0f0f0; }

.highlight tr:hover { background-color: #ffff99; }

.stripe-even	{ background-color: #dddddd; }
.stripe-odd		{ background-color: #cccccc; }

.bold{ font-weight: bold; }

.text-right	{ text-align: right; }
.text-left	{ text-align: left; }
.text-centre{ text-align: centre;}

.qty_UpdateCart{
	text-align: center; font-size: 10px;
	width: 30px; background-color: #EEEEEE;
	border: 1px solid #999999;
}

input.qty_UpdateCartSubmit
{
	text-align: center; font-size: 10px;
	background-color: #ffffff;
	border: 1px solid #999999;				
}

a {
	color: #4169E1;
	text-decoration: none;
}

div.info-box {
	background-color: #F0F0F0;
	border: 1px solid #999999;
	margin: 10px;
}

#cart-products
{
	width: 100%;
	border: 0px;
	font-family: Verdana;
	font-size: 12px;
}

#cart-products td { width: 20%; padding: 5px; }
#cart-products td.col-2 { text-align: center; }
#cart-products td.col-3,
#cart-products td.col-4 { text-align: right; }
#cart-products tr.heading { font-weight: bold; }
#cart-products tr.details { border-bottom: 1px solid #ddd; }

div.container-cms-page {
	background-color: #f0f0f0; border: 1px dotted #999999; margin: 10px; padding: 20px 0px;
}

div.container-cms-page ul {
	font: 12px Verdana; text-align: left; line-height: 1.7;
}

div.container-cms-page li {
	padding: 0px 0px 10px 5px;
}

div.container-cms-page p {
	font: 12px Verdana; text-align: justify; line-height: 1.7;
	padding: 0px 5px 5px 5px;
}

div.container-cms-page p.heading {
	font: 14px Arial; text-align: justify; line-height: 1.7;
	padding: 20px 5px 0px 5px; font-weight: bold;
}

div#product-info-tabs ul.ui-tabs-nav
{
	font-family: Arial;
	font-size: 12px;
}

div.product-info
{
	padding: 2px; margin: 0px 10px;
}

	div.product-info p.title
	{
		font: 16px Arial;
		color: #333333;
		font-weight: bold;
		padding: 0px;
		padding: 10px 0px 0px 0px;
		border-bottom: 1px solid #bbbbbb;
		min-height: 30px;
		height: auto !important;
		height: 30px;
	}

	div.product-info p.code
	{
		font-size: 11px;
		padding: 0px 0px 10px 0px;
	}
	
	div.product-info .subtitle
	{
		font-family: Arial; font-size: 14px; font-weight: bold;
		padding:4px; 
	}
	
	div.product-info .text
	{
		font: 12px Verdana;
		padding: 20px 0px;
		text-align: justify;
		line-height: 1.7;
	}
	
	div.product-info table.specs,
	div.product-info table.links
	{
		font-family: Verdana; margin-bottom: 10px;
		line-height: 1.7; text-align: left;
		font-size: 12px; border: 0px none #ffffff;
		border-collapse: collapse; width: 100%;
	}
	
		div.product-info table.specs td
		{
			padding: 4px; border-bottom: 1px dotted #999999;
			width: 50%;
		}
		
		div.product-info table.specs td.col-1
		{
			background-image: url('../images/bullet-orange.gif');
			background-repeat: no-repeat;
			background-position: center left;
			padding-left: 10px;
		}
		
		div.product-info table.links td
		{
			padding: 4px; border-bottom: 1px dotted #999999;
			background-image: url('../images/bullet-orange.gif');
			background-repeat: no-repeat;
			background-position: center left;
			padding-left: 10px;
		}		

table.product-box {
	background-color: #FAFAFA;
	border: 1px solid #999999;
	margin: 10px 0px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 100%;
}

	table.product-box td.col-1
	{
		width: auto;
		vertical-align: top;
		border-bottom: 1px solid #999999;
	}

	table.product-box .code {
		font-size: 11px;
		margin: 0px 10px 10px 10px;
	}

	table.product-box .title {
		font: 16px Arial;
		color: #333333;
		font-weight: bold;
		padding: 0px;
		margin: 10px 10px 0px 10px;
		border-bottom: 1px solid #bbbbbb;
	}
	
	table.product-box td.col-2
	{
		vertical-align: top;
		background-color: #ffffff;
		width: 180px;
		text-align: center;
		font-family: Verdana;
		font-size: 10px;
		border-left: 1px solid #999999;
	}

	table.product-box .text
	{
		font: 12px Verdana;
		padding: 5px 10px;
		text-align: justify;
		line-height: 1.7;
	}
	
	table.product-box .more-info
	{
		padding: 5px 10px;
		text-align: right;
	}

img.product-box-image {
	margin: 5px;
	padding: 2px;
}



td.product-box-col-bottom{
	background-color: #ffffff;
	padding: 5px;	
}

body {
	background-color: #FFFFFF;
	margin: 0px;
	color: #000000;
}


/*
div.sidebar-subtitle {
	background-color: #ffffff;
	border-collapse: collapse;
	border-bottom: 1px dotted #666666;
	padding: 2px 5px 2px 5px;
	font: 13px Arial;
	margin: 2px;
}
*/
div.sidebar-text {
	background-color: #FAFAFA;
	/*border: 0px;*/
	border-collapse: collapse;
	padding: 5px;
	font: 12px Arial;
	color: #333333;
}

.sidebar-link {
	color: #333333;
}

form,p {
	margin: 0px; padding:0px;
}

p{ margin: 5px; }

img {
	border: none;
}

.footer-copyright {
	font: 11px Verdana;
	text-align: center;
	width: 100%;
	padding: 4px;
}

p{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 1.7;
}

table,tr,td,th {
	border: 0px none;
	border-collapse: collapse;
	padding: 0px;
}
.input-text {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
}


/* Added 05/07/05 - Rowan*/
.text-tiny {
	font-family: "Verdana";
	font-size: 10px;
	text-align: left;
}

.text-small {
	font-family: "Verdana";
	font-size: 11px;
	text-align: left;
	padding: 10px;
}

.text-small-heading {
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.text-normal {
	font-family: "Verdana";
	font-size: 12px;
	text-align: left;
}

.text-large {
	font-family: "Arial";
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

#product-table {
	border-collapse: collapse;
	border: 0px;
	margin-bottom: 20px;
	vertical-align: top;
}

/* Use for square images that link to other pages */
.thumb {
	border: 1px solid #000000;
	margin: 1px;
}

img.product {
	margin: 10px;
}

div.product-title {
	width: 100%;
	font-family: "trebuchet ms";
	color: #D99C1D;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	border-bottom: 1px solid #D99C1D;
}

div.product-code {
	font-family: trebuchet ms;
	font-size: 12px;
	font-weight: bold;
}

div.product-image {
	text-align: center;
}

div.product-text {
	font-family: arial;
	font-size: 12px;
	margin-bottom: 40px;
}


input,select {
	margin: 2px 2px 2px 2px;
	/*
	border: 1px solid #000000;
	background-color: #FFFFFF;
	*/
}

/* Product Pages */
.prod-page-heading {
	background-color: #EEEEEE;
	font-weight: bold;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.prod-page-col-left {
	width: 270px;
	float: left;
	font-family: Verdana;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.prod-page-col-right {
	width: 270px;
	float: left;
	font-family: Verdana;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #666666;
}

div.nav-subtitle {
	width: 192px;
	height: 16px;
	background-color: #999999;
	border: 0px;
	border-collapse: collapse;
	padding: 2px 5px 2px 5px;
	font: 13px Arial;
	color: #FFFFFF;
}

.nav-body {
	width: 192px;
	background-color: #CCCCCC;
	border: 0px;
	border-collapse: collapse;
	padding: 5px;
	font: 12px Arial;
	color: #333333;
}

a.nav-link {
	color: #333333;
}

.latest-products-cycle { 
	width: 180px;
	height: 180px;
	padding: 0;  
	margin:  0;
	overflow: hidden;
	top:  0; 
	left: 0;
	text-align: left;
} 
 
.latest-products-cycle p {  
	padding: 0px 0px;
	margin: 0px;  
	border:  0px none;  
	background-color: #ffffff;  
	width:  150px; 
	height: 180px; 
	top:  0; 
	left: 0 ;
}

/* 12 Jan 2009 */


p.centre
{
	text-align: center;
	width: 100%;
}

table.categories-table
{
	font-family: Verdana; font-size: 11px;
	width: 100%;
}

	table.categories-table td
	{
		text-align: center; padding: 20px 5px; font-size: 12px; font-weight: bold;
	}

table.product-price-cart {
	font-size: 11px; border: 1px solid #ccc; width: 780px; margin: 10px auto; height: 50px;
	background: url('../images/grad-price-box.gif') repeat-x;
}
table.product-price-cart td { width: 20%; }	

.product-price-box {
	font-size: 11px; border: 1px dotted #999999; width: 560px; margin: 10px auto; height: 50px;
	background: url('../images/grad-price-box.gif') no-repeat;
}
.product-price-box div { position: relative; height: 20px; margin-top: -10px; top: 50%; width: 25%; float: left; }

table.product-list-price-box
{
	font-family: Verdana; font-size: 11px;
	background-color: #ffffff; margin: 10px auto;
	border: 1px dotted #999999;	
}
table.product-list-price-box td
{
	width: 25%; text-align: center;
	padding: 10px;
}

img.product-splash
{
	width: 700px;
}

input.product-qty
{
	width: 25px;
	font-size: 12px;
	font-family: Verdana;
	text-align: center;
	border: 1px solid #666666;
}

div
{
	font-size: 12px;
	font-family: Verdana;
}

/* Orders */
.wrapper-orders-list { padding: 10px; } 
.wrapper-orders-list table { border: none; width: 100%; text-align: left; }
.wrapper-orders-list table td { padding: 5px;  width: 20%;  }
.wrapper-orders-list table tr.header {
	background-color: #666666; color: #ffffff; font: 14px Arial; }

/* Account Page */
.wrapper-account { padding: 10px; }
.wrapper-account input.text {	width: 100%; background-color: #dddddd;
								border: 1px solid #999999; font-family: verdana; }
.wrapper-account input.text:focus { background-color: #ffff99; border: 1px solid #FFCC00;}
.wrapper-account input.submit {background-color: #dddddd; border: 1px solid #999999; font-family: verdana; }

.wrapper-account-details { margin-bottom: 20px; }
.wrapper-account-details .row { border-bottom: 1px dotted #999999; height: 30px; }
.wrapper-account-details .row div { width: 45%; float: left; text-align: left; vertical-align: middle; }


	


/* Trade Signup */
.wrapper-trade-signup { padding: 10px; }
.wrapper-trade-signup .left-div { width: 50%; float:left; }
.wrapper-trade-signup .right-div { width: 50%; float: right; border-left: 1px dotted #999999; }
.wrapper-trade-signup input.text {	width: 100%; margin-bottom: 10px; background-color: #dddddd; border: 1px solid #999999;
									font-family: verdana; font-size: 18px; }
.wrapper-trade-signup input.text:focus { background-color: #ffff99; border: 1px solid #FFCC00;}

.wrapper-trade-signup input.submit {background-color: #dddddd; border: 1px solid #999999;
									font-family: verdana; font-size: 18px; }
.wrapper-trade-signup p { padding: 5px ;}

/* Homepage */
.wrapper-homepage { padding: 10px; }
.wrapper-homepage img.location-pic { float: right; border: 1px solid #333333; width: 120px; height: 90px; }
.wrapper-homepage ul { list-style-type: none; text-align: left; line-height: 1.7; padding: 0px; }
.wrapper-homepage div { padding: 20px 10px; border-bottom: 1px dotted #999999;}
.wrapper-homepage div.location:hover { background-color: #ffff99; }
.wrapper-homepage p { padding-bottom: 10px; }

/* Category Desc */
.wrapper-category-desc { padding: 10px; border: 1px dotted #999999; text-align: left; background-color: #f0f0f0; }


/* Category Grid */
.wrapper-category-grid { padding: 20px 0px; }
.wrapper-category-grid div { padding: 20px 0px; font-weight: bold; }

/* Sidebar - Content*/
.wrapper-sidebar div.subtitle { border-bottom: 1px dotted #666666; padding: 2px 5px 2px 5px; font: 13px Arial;}

/* Sidebar - Wrapper */
.wrapper-sidebar div.title {
	border: 0px; border-collapse: collapse;
	/*border-top: 1px solid #999999; border-bottom: 1px solid #999999;*/
}

.wrapper-sidebar input.text,
.wrapper-sidebar select		{ width: 150px; background-color: #dddddd; border: 1px solid #999999; }

.wrapper-sidebar input.text:focus,
.wrapper-sidebar select:focus	{  background-color: #ffff99; border: 1px solid #FFCC00;}

.wrapper-sidebar input.submit {background-color: #dddddd; border: 1px solid #999999;}

/* Sidebar - Categories */
.sidebar-categories, .sidebar-categories ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;
						line-height:1.5em; background-color: #ffffff; }
.sidebar-categories li{ float:left; position:relative; width: 100%; line-height: 1.7; border-bottom: 1px dotted #999999; }
.sidebar-categories ul {position:absolute;  width:200px; /*top: 0em;*/ top: -1px; display:none;
						border-right: 1px solid #666666; border-top: 1px solid #666666; border-left: 1px solid #666666; z-index: 100; }
.sidebar-categories li ul a { width:15em; float:left; }

.sidebar-categories a { padding: 0px; text-decoration: none; display: block; padding: 0px 5px;}
.sidebar-categories a:hover { color: red; }

.sidebar-categories ul ul { top: -1px; }	
.sidebar-categories li ul { left: 190px; margin:0px 0 0 10px; }

.sidebar-categories li:hover ul ul,
.sidebar-categories li:hover ul ul ul,
.sidebar-categories li:hover ul ul ul ul { display:none; }

.sidebar-categories li:hover ul,
.sidebar-categories li li:hover ul,
.sidebar-categories li li li:hover ul,
.sidebar-categories li li li li:hover ul { display:block; }

/* Generic - Content Div */
.generic { border: 1px dotted #666666; background-color: #EEEEEE; margin: 10px; padding: 5px; }

.generic div.title { border: 0px; border-collapse: collapse; border-top: 1px solid #999999; }

.generic input.text,
.generic select		{ background-color: #dddddd; border: 1px solid #999999; }

.generic input.text:focus,
.generic select:focus	{  background-color: #ffff99; border: 1px solid #FFCC00;}

.generic input.submit {background-color: #dddddd; border: 1px solid #999999;}

/* Product Page - Reseller Tab */
#tab-reseller div { padding: 5px; border-bottom: 1px dotted #999999; text-align: left; }
#tab-reseller div a:hover { text-decoration: underline; }
#tab-reseller div:hover { background-color: #ffff99; }

.centered { text-align: center; }

.clear {clear: both; }


table.spec-compare { font-family: Verdana; font-size: 12px; }
table.spec-compare td {
	border: 1px solid #333333; padding: 2px; text-align: center;
	height: 50px;
}
table.spec-compare tr.header td,
table.spec-compare td.spec-key {
	font-weight: bold; background-color: #333333;
	color: #ffffff;
}

table.product-list-item {
	width: 100%; text-align: left;
}
table.product-list-item td { padding: 1px; line-height: 150%; }
table.product-list-item tr.header {
	background-image: url("../images/sidebar/bg_blue.gif"); background-repeat: repeat-x;
	color: #ffffff; font-weight: bold;
}
table.product-list-item tr.product td { border-bottom: 1px solid #dddddd;}
table.product-list-item td.code { /* Flex width */ }
table.product-list-item td.desc { /* Flex width */ }
table.product-list-item td.price { width: 130px; text-align: right; }

input.button {
	 background-color: #dddddd; border: 1px solid #999999; font-family: verdana;
}  

/* Page Header */
#page-header { border-bottom: 1px solid #666666; vertical-align: top; }
#page-header table { width: 100%; }
#page-header tr.region { height: 40px; }
#page-header tr.region td { 
	background-image: url("../images/header/row_region.jpg");
	text-align: right; padding: 4px 25px 0px 0px;
	font-family: Verdana; font-size: 11px;
	vertical-align: top; background-repeat: no-repeat;
}
#page-header tr.menu { height: 40px; }


div.section-title { margin: 10px; text-align: left; border-bottom: 1px solid #999999; }

table.account-edit { width: 100%; }
table.account-edit td { width: 50%; padding: 5px;}
table.account-edit td:first-child { text-align: right; }
table.account-edit td:last-child { text-align: left; }

a.delete { color: red; }

div.order_items { padding: 5px; }
div.order_items table { width: 100%; border-collapse: collapse; border: 1px solid #999999; }
div.order_items tr:nth-child(even) { background-color: #dddddd; }
div.order_items tr.heading { font-weight: bold; }
div.order_items td { padding: 5px; }

.ui-tabs .ui-tabs-nav li a { font-size: 14px; }

table.orders { width: 100%; }
table.orders tr { border-bottom: 1px solid #dddddd; }
table.orders tr:first-child { background-color: #dddddd; font-weight: bold; color: #333333; border-bottom: 0px; }
table.orders td { width: 20%; padding: 5px; }
table.orders td:nth-child(2),
table.orders td:nth-child(3),
table.orders td:nth-child(4) { text-align: right; }

h1 {
	font-family: Helvetica, Arial, sans-serif;
	text-align: left; padding: 0px; margin: 0px;
	background-color: #eeeeee; height: 30px; 
	color: #777777; font-size: 25px; padding: 5px 10px; font-weight: normal; letter-spacing: 200%;
	background-image: url("../images/h1-bg.gif"); background-repeat: repeat-x;
}

h2 {
text-align:left; color: #333333; font-size: 14px; padding: 5px; margin: 0px;
}

h3 { text-align: left; padding: 5px;}

div.article-title {
	margin: 10px 5px 0px 5px;
	font-family: sans-serif; font-size: 16px;
	font-weight: normal;
	text-align: left;
}

div.article-byline {
	margin: 0px 5px 10px 5px;
	font-family: sans-serif; font-size: 12px;
	font-weight: normal; color: #666666; 
	text-align: left;
}
div.article-body { 
	color: #333333; text-align: justify; font-size: 12px; margin: 5px; padding: 0px;
}
div.article-body p {
	text-align: justify; margin: 0px 0px 5px 0px; padding: 0px; line-height: 200%;
}

div.article-image { text-align: center; margin: 5px 0px; }
div.article-image img { padding: 5px; border: 1px solid #cccccc; }

table.quote-item { width: 100%; }
table.quote-item td { padding: 5px; }
table.quote-item tr td:nth-child(1) { width: 40%; }
table.quote-item tr td:nth-child(2) { width: 40%; }
table.quote-item tr td:nth-child(3) { width: 20%; }
table.quote-item tr:nth-child(even) { background-color: #eeeeee; }
table.quote-item tr.heading { font-weight: bold; }

div.category-display-selector { text-align: left; padding: 2px 0px; border-style: dotted; border-color: #999999;
border-width: 1px 0px 1px 0px; margin: 2px 0px; }

div.cart-box { padding: 10px; text-align: left;
	border: 1px solid #ddd; margin: 10px 10px 20px 10px; padding: 0px;
}
div.cart-box ul { list-style: none; margin: 0px; padding: 5px; }
div.cart-box li { padding: 5px; }

div.cart-box div.heading { background-color: #ddd; padding: 2px 5px; color: #666; margin: 0px; }
div.cart-box div.container { padding: 5px; }

.price { text-align: right; }

div.add-rss-feed { float:right; border: 1px solid #ddd; margin: 5px; padding: 5px; }
div.add-rss-feed ul { padding: 0px; margin: 0px; list-style: none; }
div.add-rss-feed li { padding: 2px; margin: 0px; }
div.add-rss-feed li img { vertical-align: bottom; }

.error { color: red; }
.error a { color: red; text-decoration: underline; }

table.even-2col td { width: 50%; }
table.even-3col td { width: 33%; }
table.even-4col td { width: 25%; }
table.even-5col td { width: 20%; }
table.even-6col td { width: 16.6% }

table.clearance { border: 1px solid #999; width: 100%; margin-bottom: 5px;}
table.clearance p.desc { font-weight: bold; }
table.clearance p.code { color: #666; }

table.clearance-specs { width: 100%; font-family: Helvetica, Arial, sans-serif; }
table.clearance-specs td { padding: 5px; text-align: left; }
table.clearance-specs tr td:nth-child(2) { font-style: italic; }
table.clearance-specs tr:nth-child(even) { background-color: #eee; }

p.clearance-notice { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #999; }

ul.clearance-menu { font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
ul.clearance-menu li { display: inline; border-right: 1px solid #999; padding: 0px 5px; }
ul.clearance-menu li a:hover { background-color: #eee; }
ul.clearance-menu li:last-child { border-right: 0px; }

table.clearance-price { width: 100%; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
table.clearance-price td { padding-bottom: 2px; }
table.clearance-price td:last-child { text-align: right; }

div.estimate-freight-container { text-align: left; }

input.estimate-freight-qty {
	width: 40px; font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

input.estimate-freight-postcode {
	width: 40px; font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}


#header-locale-login { text-align: center; vertical-align: top; padding-top: 5px; background-color: #e2e2e2; }
#header-locale-login ul { list-style: none; padding: 0px; margin: 0px; }
#header-locale-login li { display: inline; padding: 0px 5px; }

#header-locale-login input[type="text"],
#header-locale-login input[type="password"],
#header-locale-login input[type="submit"]
{ font-size: 10px; }

#header-items { text-align: center; /*vertical-align: top; padding-top: 30px;*/ }
#header-items a { color: #fff; font-size: 1.3em; padding: 0px 10px; text-shadow: #333 1px 1px 0; }
#header-items a:hover { color: #F2C18C; }

div.text-block { margin: 10px; padding:10px; border: 1px solid #ccc; background-color: #fafafa; }