
/* dhrystones.co.uk
----------------------------------------------- */
body {margin: 0; padding: 0; font-family: "tahoma", arial, sans-serif; font-size: 80%; background: #fff; color: #999;}

h1, h2, h3, h4, h5, h6, caption {margin: .67em 0; padding-bottom: .24em; color: #009eb2; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, sans-serif;}
h2, h3, h4, h5, h6 {margin-bottom: .2em; padding-bottom: 0;}
h1 {font-size: 19px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

form {margin: 0; padding: 0;}
fieldset {}
legend {}
input {}
textarea {}
select {}

p {color:#999; text-align:justify; line-height:19px;}
blockquote {border: .25em solid #363895; padding: .25em; color: #009eb2; font-style: italic;}
address {font-style: normal;}
code {}
cite {}

sup {vertical-align: top;}

ol 		{}
ol li 	{margin-bottom: 1em;}
ul 		{list-style-type: disc;}
ul li 	{}

table {border: 0; margin: 1em auto; padding: 0;}
tr {}
th, td {text-align: left; vertical-align: top;}
th {}
td {}
caption {font-size: 140%; text-align: left;}

dl {margin-bottom: 1.33em; padding-bottom: 1.33em; border-bottom: 1px solid #ccc;}
dt {float: left; clear: left; width: 60px; font-weight: bold;}
dd {margin-left: 70px;}

b, strong {}
i, em {}

acronym, abbr {border-bottom: 0;}
acronym:hover, abbr:hover {cursor: help;}
p:hover acronym, p:hover abbr {border-bottom: 1px dotted;}

hr {border: 0; color: #363895; background: #363895; height: 1px;}

a img 		{border: 0;}
a:link 		{color: #363895;}
a:visited 	{color: #363895;}
a:hover 	{color: #009eb2; text-decoration: underline;}
a:active 	{color: #009eb2;}
a:focus 	{color: #009eb2;}

/* Layout
------------------------------ */
#cmstone {background: #10336c; color: #fff; text-align: center;}

/* Positioning & styles for groups
------------------------------ */
.page, .header, .nav, .stock, .footer, .author {margin: 0 auto; width: 926px;}
.header-content, .nav-content, .stock-content, .stock-content-rope , .middle-content, .footer-content {margin: 0 auto; width: 896px; color: #fff;}

.page 					{background: #fff url(../images/page-tile.gif) 50% 0 repeat-y; color: #666; margin-top: 4px; text-align: left;}
.header 				{background: url(../images/page-header.gif) 50% 0 no-repeat; height: 152px;}
.footer 				{background: url(../images/page-footer.gif) 50% 100% no-repeat; padding-bottom: 16px;}
.nav 					{background: #009eb2 url(../images/page-menu.gif) 50% 100% repeat-y; height: 35px;}
.stock-content 			{background: #999 url(../images/stock-default.jpg) 0 0 no-repeat; border-bottom: 1px solid #ddd;}
.stock-content-rope 			{background: #999 url(../images/stock-default1.jpg) 0 0 no-repeat; border-bottom: 1px solid #ddd;}
.middle 				{}

/* Individual elements
------------------------------ */
.header-left 			{float: left; margin-left: 15px; width: 384px; height: 152px;}
.header-right 			{float: right; margin-right: 15px; width: 384px; height: 104px; padding: 48px 16px 0 0; overflow: hidden; text-align: right;}
.header-left .logo 						{display: none;}
.header-right .header-title 			{font-family: "Trebuchet MS", Arial, Verdana, sans-serif; margin-top:10px;}
.header-right .header-title h1 			{margin: 0; padding: 0; font-size: 22px; color: #1880c0; text-align: right;}
.header-right .header-title h1 strong 	{font-weight: normal;}
.header-right .header-telephone 		{font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #009eb2; text-align:right;}
.header-right .header-telephone p 		{margin: 5px 0; padding: 0;}
.header-right .header-address 			{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6c6e6f;}
.header-right .header-address address 	{margin: 5px 0; padding: 0; font-style: normal;}

.nav 					{min-height: 35px;}
.nav-content 			{margin: 0 15px; border-top: 1px solid #009eb2; border-bottom: 1px solid #009eb2; color: #fff;}

.stock 					{}
.stock-content 			{height: 192px;}
.stock-content .text 	{width: 432px; padding-top: 22px; padding-left: 36px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 24px; color: #fff;}
.stock-content .text p 	{margin: 0; padding: 0;}

.stock-content-rope			{height: 192px;}
.stock-content-rope .text 	{width: 432px; padding-top: 22px; padding-left: 36px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 24px; color: #fff;}
.stock-content-rope .text p 	{margin: 0; padding: 0;}

.middle 				{ margin-top:10px;}
.col-left 				{float: left; margin-left: 15px; width: 544px;}
.col-right 				{float: right; margin-right: 15px; width: 274px;}
.page-content 			{padding: 32px 0 32px 32px;}
.side-content 			{padding: 32px 0 0 0;}
.random-img 			{border: 1px solid #ddd; padding: 3px;}

.footer 				{padding-bottom: 31px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #363895;}
.footer-content 		{margin: 0 15px; border-top: 1px solid #ddd;}
.footer-left, .footer-right {width: 448px; padding-top: 8px;}
.footer-left 			{float: left;}
.footer-right 			{float: right; text-align: right;}
.footer-left .footer-left-content {padding: 0 0 8px 16px;}
.footer-left p 			{margin: 0; padding: 0;}
.footer-right .footer-right-content {padding: 0 16px 8px 0;}
.footer a, .footer a:link, .footer a:visited 		{text-decoration: none;}
.footer a:hover, .footer a:focus, .footer a:active 	{text-decoration: underline;}
.footer-right ul {list-style-type: none; margin: 0; padding: 0;}
.footer-right li {display: inline; padding: 0 12px 0 0;}
.footer-right li:first-child {padding-left: 0; border-left: 0;}
.footer-right a {text-decoration: none;}
.footer-right a:link, .footer-right a:visited {text-decoration: none;}
.footer-right a:hover, .footer-right a:focus, .footer-right a:active {text-decoration: underline;}

.author 				{font-size: 10px; text-align: right; color: #fff;}
.author p 				{margin-right: 15px; padding-bottom: 10px;}
.author a, .author a:link, .author a:visited {text-decoration: none; color: #fff;}
.author a:hover, .author a:focus, .author a:active {text-decoration: underline; color: #fff;}

/* Additional template styles
------------------------------ */
.page-content p, .page-content address 							{padding-left: 22px;}
.page-content blockquote p, .page-content blockquote address 	{padding-left: 0;}
.page-content p, .page-content blockquote 	{margin-top: 0;}
.page-content ul li 						{list-style-type: none; background: url(../images/bullet.gif) 0 2px no-repeat; padding-left: 14px;}
.page-content ul li ul li 					{margin-left: 0;}

/* Google Maps */
#map {width: auto; height: 320px; margin: 0 auto 10px auto; background: #eee; border: 1px solid #ccc;}
.mapText {width: 250px; font-size: 90%; color: #333;}
.mapCaption {width: auto; margin: 12px 0 0 0; background: #f2efe9; border: 1px solid #ccc;}
.mapCaption p {margin: 2px; padding: 0; color: #444;}

/* Navigation
------------------------------ */
/* 1st menu only */
.nav .menu 				{font-size: 11px; font-weight: bold;}
.nav .menu li 			{float: left; border-right:1px #fff solid;}
.nav .menu li a 		{width: auto; display: block;}

/* Layering */
.nav ul, .nav li, .nav a {z-index: 1000;}

/* Inherited */
.nav ul 								{list-style-type: none; margin: 0 auto; padding: 0;}
.nav ul li 								{position: relative; color: #fff; text-align: center;}
.nav ul li 								{border-right: 1px solid #009eb2;}
.nav ul li:first-child 					{}
.nav ul li a 							{padding: 10px 22px 9px 22px;}
.nav ul li a:link, .nav ul li a:visited {display: block; background: #009eb2; color: #fff; text-decoration: none;}
.nav ul li a:hover, .nav ul li a:focus 	{background: #10336c; color: #fff;}
.nav ul li a:active, .nav ul li a.active{background: #fcfcfc; color: #009eb2;}

/* Child menu */
.nav .menu li ul 		{display: block; margin: 0; position: absolute; width: 190px; border: 1px solid #009eb2; border-top: 0; font-size: 10px;}
.nav .menu li ul li 	{float: left; width: 190px; height: auto; margin: 0; padding: 0; text-align: left; font-weight: normal;}
.nav .menu li ul a 		{width: 174px; margin: 0; padding: 5px 8px; border: 0;}
.nav .menu li ul a:link, .nav .menu li ul a:visited {}
.nav .menu li ul a:hover, .nav .menu li ul a:focus, .nav .menu li ul a:active, .nav .menu li ul a.active {}

/* 2nd level */
.nav .menu ul 				{position: absolute; left: -999em; top: -999em; clear: left; font-size: 10px;}
.nav .menu li:hover ul ul 	{left: -999em;}

/* Hover Controls */
.nav .menu li:hover ul 		{left: 0px; top: 100%;}
.nav .menu ul li:hover ul 	{left: 100%; top: 0;}

/* News
------------------------------ */
.news {}

/* Preview */
.newsPreview {color: #888;}
.newsPreview .container {padding: 10px 0; border-bottom: 1px solid #ddd;}
.newsPreview .container img {float: left; margin-right: 15px; background: f0f0f0; border: 1px solid #ddd;}
.newsPreview h2.newsTitle {font-weight: normal; text-transform: uppercase}
.newsPreview h2.newsTitle a {text-decoration: none;}
.newsInfo {margin-top: 0; margin-bottom: .2em; font-size: 90%; color: #333;}
.newsPreview .newsDate {}
.newsPreview .newsAuthor {}
.newsPreview .newsMore {font-size: 90%;}
.newsPreview .newsMore a {}
.newsPreview .newsMore a strong {font-weight: normal;}

/* Full Article */
.newsArticle {}
.newsArticle .container {}
.newsArticle .container img {}
.newsArticle .newsDate {margin-top: 0; margin-bottom: .2em; font-size: 90%; color: #000;}
.newsArticle h2.newsTitle {font-weight: normal;}
.newsArticle h2.newsTitle a {text-decoration: none;}
.newsArticle .newsAuthor {margin-top: .2em; font-size: 110%; font-weight: bolder; color: #333;}
.newsArticle .newsBack {font-size: 90%;}
.newsArticle .newsBack a {}
.newsArticle .newsBack a strong {font-weight: normal;}
.newsArticle .newsBack img {float: none;}

/* Pagination 
------------------------------ */
.resultsPages {margin: 20px auto 10px auto; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; text-align: center;}
.pageOptions {}
.pageSummary {}
#cmsformhitsform {display: block; margin: 10px auto 0 auto; padding: 15px; background: #f0f0f0; border-top: 1px solid #ccc; text-transform: uppercase;}
#cmsformhitsform #cmsformhitsgo {margin: 0; padding: 4px 10px 3px 10px; background: #004990; border: 1px solid #435a70; color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase;}

.pagination a, .resultsPages a {text-decoration: none;}
.pagination ul.pages, .resultsPages ul.pages {display: inline; margin-left: auto; margin-right: auto; padding: 0 !important; list-style-type: none;}
.pagination ul.pages li, .resultsPages ul.pages li {display: inline; background: none; padding-left: 0;}
.pagination ul.pages li a, .resultsPages ul.pages li a {margin: 0 2px; padding: 2px 6px 2px 9px; border: solid 1px #ccc; background: #f0f0f0; color: #4b4c4d;}
.pagination ul.pages li a:hover, .pagination ul.pages li a:focus, .resultsPages ul.pages li a:hover, .resultsPages ul.pages li a:focus {background: #8b8d91; color: #fff;}
.pagination ul.pages a.current, .resultsPages ul.pages a.current {border-color: #4b4c4d; background: #8b8d91; color: #fff; font-weight: bolder;}

.pagination .next a, .pagination .previous a,
.resultsPages .next a, .resultsPages .previous a {padding: 2px 6px; border: 1px solid #ccc; background: #f0f0f0; color: #4b4c4d;}
.pagination .next a:hover, .pagination .next a:focus, .resultsPages .previous a:hover, .pagination .previous a:hover,
.resultsPages .next a:hover, .resultsPages .next a:focus,.resultsPages .previous a:hover, .resultsPages .previous a:hover {background: #8b8d91; color: #fff;}
.pagination .next a, .pagination .previous a,
.resultsPages .next a, .resultsPages .previous a {padding: 2px 6px; border: 1px solid #ccc; background: #fff;}
.pagination .previous a, .pagination .previous a {margin-right: 0;}
.pagination .next a,
.resultsPages .next a  {margin-left: 5px;}
.pagination .disabled,
.resultsPages .disabled {margin: 0 2px; padding: 2px 6px 2px 9px; border: solid 1px #ddd; background: #fff; color: #ccc;}

/* Presentation
------------------------------ */
.left {float: left;}
.right {float: right;}

img.right {float: right; margin: 2px 0px 5px 15px;}
img.left {float: left; margin: 2px 15px 5px 0px;}
.page-content img.right, .page-content img.left {border: 1px solid #ccc; padding: 3px;}

th.left, td.left {float: none !important;}
th.right, td.right {float: none !important;}

span.left, span.right {}
span.left 	{float: none;}
span.right 	{float: none; margin-left: 15px;}

td.left , td.right {float: none;}
td.left {text-align: left;}
td.right {text-align: right;}

.clear {clear: both;}

.caps {text-transform: uppercase;}
.larger {font-size: 105%;}

/* Hide Stuff */
.hidden {display: none;}
a:link.stealth, a:visited.stealth {color: #666 !important; text-decoration: none;}
a:hover.stealth, a:focus.stealth, a:active.stealth {color: #606060 !important; text-decoration: underline;}

/* Javascript calendar image */
#date {margin-top: 7px}

/* Clearfix (for nested elements that float)
----------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;} 
.clearfix{display: block;}
/* End hide from IE-mac */

.col1{
float:left;
width:310px;
text-align:left;
margin-left:5px;
padding-right:15px;
padding-left:15px;
border-right:1px solid #eaeaea;
}

.col2{
float:left;
border-right:1px solid #eaeaea;
width:310px;
text-align:left;
margin-left:5px;
padding-right:15px;
padding-left:15px;
}
.col3{
float:left;
width:150px;
text-align:center;
margin-left:5px;
padding-right:15px;
padding-left:15px;

}
.imgmain{
padding:4px;
border:1px #eaeaea solid;
}
.col1 p{
	color:#999; text-align:justify; line-height:19px; font-size:12px;}
	
.col2 p{
	color:#999; text-align:justify; line-height:19px; font-size:12px;}

.col3 p{
	color:#999; text-align:justify; line-height:19px; font-size:12px;}


.newsletter{
padding:4px;
border:1px #eaeaea solid;
width:150px;
margin-bottom:3px;
}
.button{
	padding:4px;
	border:#ccc 1px solid;
	width:125px;
}
input{padding:2px; color:#ccc; margin-bottom:3px;}

.news-title{
	color:#009eb2;
	font-weight:600;
	font-size:10px;
	text-transform:uppercase;
}

li.bullets{
	list-style:square;
	color:#009eb2;
	margin-left:20px;
	font-size:11px;
}