/* Xanthos yourstyle.css */


body{ background: #fff7d6 url('http://www.e-xanthos.co.uk/images/template-images/body-bkg.gif') top center no-repeat;
font-family: Helvetica, Arial, San-Serif;
}
body.editor{ background: none; background: #ffffff; }

div#logo{ float: left;  }
div#strapline{ float: right; margin-top: 5px; margin-right: 8px; font-family: "Georgia", Serif; color: #ffffff; font-size: 2.5em; text-align: right; }
div#strapline img{ margin-top: 4px; }
span#phone-number{ font-size: 0.7em; }

div#header{ border: 1px solid black; }
div#left-column{ /*border: 1px solid red;*/ float:left; width: 245px; height: 100%; }
div#right-column{ /*border: 1px solid red;*/ float: right; width: 245px; height: 100%; }
div#content{ /*border: 1px solid red;*/ width: 450px; float: right;  }

div#content{ color: #333333; }
div#content p{ line-height: 1.5em; }
div#content h1{ font-family: "Georgia", Serif; color: #000000; font-size: 1.8em; font-weight: normal; line-height: 1.5em;  }
div#content h2{ font-family: "Georgia", Serif; color: #000000; font-size: 1.4em; font-weight: normal; line-height: 1.3em;  }



div#content ul li {
		background: url(http://www.e-xanthos.co.uk/images/template-images/xanthos-bullet.gif) no-repeat;
		background-position: 0px 8px;
		margin: 0 0 0 0;
		color: #000;
		line-height: 1.5em;
		padding-left: 15px;
		list-style-type: none;
		margin-top: 2px;
		}



div#content-container{ 
margin-top: 129px;
width: 945px;
margin-left: 4px;
/*border: 1px solid red; */
background: url('http://www.e-xanthos.co.uk/images/template-images/content-wrapper-bkg.gif');
}


/* Home silo Styles */
div.home-silo h2{ 
font-size: 1.2em;
font-weight: normal;
background: url('http://www.e-xanthos.co.uk/images/template-images/home-silo-header-bkg.gif');
height: 45px;
margin:0;
padding-top: 14px;
padding-bottom: 0;
text-align: center;
color: #ffffff;
 }

div.home-silo{ width: 304px; float: left; margin-left: 8px;  }
div.home-silo{ background: url('http://www.e-xanthos.co.uk/images/template-images/home-silo-content-bkg.gif'); }
div.home-silo-content{ float: left; width: 145px; margin-left: 18px;}

div.home-silo a{ color: #336699; text-decoration: underline; font-size: 0.8em;  }
div.home-silo a:hover{ color: #336699; text-decoration: none; }
div.home-silo a:visited{ color: #336699;  }

div.home-silo p{ margin:0; padding: 0; padding-top: 8px; }
img.home-silo-icon{ float: right; margin-right: 8px; }
div.home-silo h2 a{ color: #ffffff; text-decoration: none; font-size: 1em; }
div.home-silo h2 a:hover{ color: #ffffff; text-decoration: none; }
div.home-silo h2 a:visited{ color: #ffffff;  }

img.home-silo-height-manufacturer{  
width: 1px;
height: 155px;
float: right;
clear: none;
}



/* Side column Styles */
div.side-column h2{ 
font-size: 1.2em;
font-weight: normal;
background: url('http://www.e-xanthos.co.uk/images/template-images/side-column-header.gif');
height: 45px;
margin:0;
padding-top: 14px;
padding-bottom: 0;
text-align: center;
color: #ffffff;
 }
 
div.side-column-first h2{ 
font-size: 1.2em;
font-weight: normal;
background: url('http://www.e-xanthos.co.uk/images/template-images/side-column-header.gif');
height: 45px;
margin:0;
padding-top: 14px;
padding-bottom: 0;
text-align: center;
color: #ffffff;
 }
 
div.side-column-first{ width: 219px; float: left; margin-left: 8px; margin-top: 12px;}
div.side-column-first{ background: url('http://www.e-xanthos.co.uk/images/template-images/side-column-bkg.gif'); }
div.side-column-first h2 a{ color: #ffffff; text-decoration: none; }
div.side-column-first h2 a:visited{ color: #ffffff;  }
div.side-column-first h2 a:hover{ color: #ffffff; text-decoration: none; }
div.side-column-first p{ margin:0; padding: 0; padding-top: 8px; }

div.side-column{ width: 219px; float: left; margin-left: 8px;}
div.side-column{ background: url('http://www.e-xanthos.co.uk/images/template-images/side-column-bkg.gif'); }
div.side-column-content{ float: left; width: 123px; margin-left: 18px;}
div.side-column h2 a{ color: #ffffff; text-decoration: none; }
div.side-column h2 a:visited{ color: #ffffff; text-decoration: none; }
div.side-column h2 a:hover{ color: #ffffff; text-decoration: none; }
div.side-column p{ margin:0; padding: 0; padding-top: 8px; }
img.side-column-icon{ float: right; margin-right: 14px; }

div.side-column-content-100{ float: left; width: 185px; margin-left: 18px;  }

div.side-column-content-100 label.first-label{ float: left; text-align: left;  font-size: 0.9em; width: 40px; margin-top: 7px; }
div.side-column-content-100 label.second-label{ float: left; text-align: left;  font-size: 0.9em; width: 40px; margin-top: 7px; }

div.side-column-content-100 input#name{
color: #666666;
margin-top:7px; 
float: right;
border: none;
margin-right: 10px;
background: url('http://www.e-xanthos.co.uk/images/template-images/white-tile.gif');
}


div.side-column-content-100 input#dlkrf-dlkrf{ 
color: #666666;
margin-top:7px; 
float: right;
border: none;
margin-right: 10px;
background: url('http://www.e-xanthos.co.uk/images/template-images/white-tile.gif');
}


div.side-column-content-100 input#sign-up-button{
border: none;
background: none;
background: url('http://www.e-xanthos.co.uk/images/template-images/newsletter-sign-up-button.gif');
float: right;
clear: both;
width: 79px;
height: 31px;
margin-top: 7px;
}


div.newsletter-div-top{ 
margin-top: 10px;
width: 185px; 
height: 40px; 
background: url('http://www.e-xanthos.co.uk/images/template-images/newsletter-text-input-bkg.gif');
background-position: top right;
background-repeat: no-repeat;
}

div.newsletter-div-bottom{ 
width: 185px; 
height: 40px; 
background: url('http://www.e-xanthos.co.uk/images/template-images/newsletter-text-input-bkg.gif');
background-position: top right;
background-repeat: no-repeat;
}





/*Side speech styles*/ 


div.side-speech-left-gold{ width: 209px; float: left; margin-left: 12px;}
div.side-speech-left-gold{ background: url('http://www.e-xanthos.co.uk/images/template-images/side-speech-left-gold-bkg.gif'); }
div.side-speech-left-gold p{ margin:0; padding: 0; padding-left: 15px; padding-right: 15px; font-family: Georgia; line-height: 1.4em; }

div.side-speech-left-blue{ width: 209px; float: left; margin-left: 12px;}
div.side-speech-left-blue{ background: url('http://www.e-xanthos.co.uk/images/template-images/side-speech-left-blue-bkg.gif'); }
div.side-speech-left-blue p{ margin:0; padding: 0; padding-left: 15px; padding-right: 15px; font-family: Georgia; line-height: 1.4em; }

div.side-speech-right-gold{ width: 209px; float: left; margin-left: 12px;}
div.side-speech-right-gold{ background: url('http://www.e-xanthos.co.uk/images/template-images/side-speech-right-gold-bkg.gif'); }
div.side-speech-right-gold p{ margin:0; padding: 0; padding-left: 15px; padding-right: 15px; font-family: Georgia; line-height: 1.4em; }

div.side-speech-right-blue{ width: 209px; float: left; margin-left: 12px;}
div.side-speech-right-blue{ background: url('http://www.e-xanthos.co.uk/images/template-images/side-speech-right-blue-bkg.gif'); }
div.side-speech-right-blue p{ margin:0; padding: 0; padding-left: 15px; padding-right: 15px; font-family: Georgia; line-height: 1.4em; }

div.side-speech-left-gold{ margin-top: 12px; }
div.side-speech-left-blue{ margin-top: 12px; }
div.side-speech-right-gold{ margin-top: 12px; }
div.side-speech-right-blue{ margin-top: 12px; }

/* News Homepage */


/* News Manager */
div.news_manager a{ margin-top: 50px; }
a.news_title{ color: #000000; }
a:hover.news_title{ color: #000000; text-decoration: underline; }
span.news_date{ font-family: Arial;  margin-top: 10px; }




/*news manager Template styles */

div.news_manager .panel{ border: 1px solid red; width: 500px; clear: both; padding-bottom: 15px; }
div.news_manager{  margin-top: -5px; color: #333333;}
span.news_date{  color: #333333; font-weight: bold; clear: both; }
.news_article{ margin-top: 15px; clear: both; }
.news_title{  font-weight: normal; color: #000000; font-size: 1.6em; clear: both; font-family: Georgia; padding: 0; margin: 0; }
a.news_title{ text-align: right; font-family: Arial; text-decoration: none; margin-top: 10px; font-size: 1em;  clear: both; color: #336699; text-decoration: underline; }
a:hover.news_title{ color: #333333; text-decoration: none;}
div.headline2{ margin-top: 0px; margin-bottom: 15px; }
span.subcat{ /*display: none;*/  color: #000000; margin-bottom: 0;  font-family:  Georgia; font-size: 1.3em; }
a.doclink { clear: both; font-family: Verdana; font-weight: bold;  text-decoration: none; margin-top: 15px; /*font-size: 0.8em;*/ margin-top: 10px;}*/
a:hover.doclink{ text-decoration: none; color: #333333; }
div.VolNewsDetail { margin-top: 15px; }
div.VolNewsSearch label{ width: 8em; }
div.VolNewsSearch p{ /*margin-top: 0; padding-top: 7px; margin-bottom: 15px;*/ }
div.VolNewsSearch ul li{ list-style-type: none; margin-left: 10px; }

div.new_footer a{ color: #000000; text-decoration: underline; font-size: 0.9em;;}



div.news_headline{ margin-bottom: 20px; /*font-size: 0.9em;*/ }


/* Why do Voloper use non-semantic divs? */

/*div.news_manager div.clear{ display: none; }*/

/* End non-semantic div hide */




/* Blog */

div.side-column-first h4{ margin:0; padding: 0; display: none; }
div.side-column-content-100{ /*margin:0; padding: 0;*/ }


div.post{ font-family: Arial; font-size: 0.9em; }
div.dateTab{ font-weight: bold; font-size: 0.9em;}


div.volBlogCategories ul{ margin:0; padding: 0; font-size: 0.9em; }
div.volBlogCategories ul li{ list-style-type: none; margin-top: 5px; }

div.volBlogArchives ul{ margin:0; padding: 0; font-size: 0.9em; }
div.volBlogArchives ul li{ list-style-type: none; margin-top: 5px; }


div#content div#ctl01_MainContent_blog_permalink_Social.Social ul li{ 
display: inline; 
list-style-type: none; 
background-image: none;
}


div#volBlog fieldset{ font-size: 0.9em; }
div#volBlog fieldset legend{ font-weight: bold; }
div#volBlog div.detailRow label{ text-align: left;}

div.formRow{ margin-top: 4px; }
div#volBlog label.formLabel{ text-align: left;}

p.content-footer-c2a{ /*font-style: italic; font-weight: bold;*/ font-size: 1.3em; /*display: none;*/ }


/* Footer and Copyright */

div#footer-container{ 
background: url('http://www.e-xanthos.co.uk/images/template-images/footer-bkg.gif') top center;
width: auto;
font-size: 0.8em;
}

div#copyright{ color: #ffffff; clear: both; border: 1px solid #33312b;}
div#copyright a{ color: #ffffff; }

div#copyright.menu ul{  padding: 0; padding-top: 13px; padding-bottom: 5px; margin: auto; width: 900px; }
div#copyright.menu ul li { display: inline; }
div#copyright.menu ul li a{ display: inline; padding-left: 10px; padding-right: 10px; border: 0; border-left: 1px solid #ffffff;}
div#copyright.menu ul li a.copyright_first{ padding-left: 0; border: 0; }

div#footer{ color: #ffffff; clear: both; border: 1px solid #33312b;}
div#footer a{ color: #ffffff; }
div#footer.menu ul{  padding: 0; padding-bottom: 13px; margin: auto; width: 900px; }
div#footer.menu ul li a{ padding-left: 10px; padding-right: 10px; border: 0; border-left: 1px solid #ffffff;}
div#footer.menu ul li a.footer_first{ padding-left: 0px; border: 0; }



ul.homepage-message{  font-size: 1.3em; font-family: Georgia; padding-left: 0px; margin-left: 0; }
div#content ul.homepage-message li{ background-position: 0px center; padding-top: 20px; }

div#content.blog-content{ width: 670px; float: left; margin-left: 21px; padding-top: 0;  }

div#content.internal-content{ width: 670px; float: left; margin-left: 21px; padding-top: 0; margin-top: -10px;  }


div#content.news-content{ width: 670px; float: left; margin-left: 21px; padding-top: 0; margin-top: -20px; }
div#content div.VolNewsSearch ul li { background: none; }

span#ctl01_MainContent_news_detail_news_date.news_date{ display: block; }

div#content a{ color: #336699; }


.back-to-news{ float: right; clear: none; }  



.docname{ display: none; }

div #content.internal-content div.faq_manager ul li{ background: none; list-style-image: none; }

div #content.internal-content div.faq_manager span.title{ font-family: "Georgia", Serif; color: #000000; font-size: 1.8em; font-weight: normal; line-height: 1.5em; }
div #content.internal-content div.faq_manager span.faqlink{ font-family: "Georgia", Serif; color: #000000; font-size: 1.8em; font-weight: normal; line-height: 1.5em; }

div.social-bookmarks{ clear: both; padding-top: 20px; }


div#ctl00_MainContent_ctl01_loginboxtest_logincontrol1_AuthenticationLoginControl{  padding: 20px; padding-left: 5px; width: 300px; font-family: Helvetica; }



input#username{ border: 1px solid #666666; padding: 3px; }
input#password{ border: 1px solid #666666; padding: 3px; }

div#client-login.home-silo td{ padding: 5px; padding-left: 0;}

div#client-login.home-silo h2{ 
color: #ffffff; 
font-family:Helvetica; 
font-size: 1.2em;
font-weight: normal;  
}

div#content.blank-page-content{ 
float: left;
 }

div#client-login.home-silo label{ font-size: 0.9em; }

div#client-login.home-silo{ margin-left: auto; margin-right: auto; float: none;  }
.loginTable caption{ display: none; }
input#ctl00_MainContent_ctl01_loginboxtest_logincontrol1_process{
font-size: 1.1em;
font-family: Georgia; 
color: #000000;  
border: none; 
padding: 8px;
width: 138px;
background: url('http://www.e-xanthos.co.uk/images/template-images/newsletter-text-input-bkg.gif');
background-position: 0px 3px;
background-repeat: no-repeat;
}



.thumbnail{
	display:block;
	float:left;
	margin:2px 0;
	width:24%;
	text-align:left;
	background:transparent;
	padding:0;
}

.thumbnail img {
	float:left;
}
















@media handheld {


		body{
		background: #ffffff;
		}

		div#container div#content-container{
		background: #ffffff;

		}

		div#container div#top_nav,
		div#container div#top_nav div#menu,
		div#container div#top_nav div#menu.menu,
		div#container div#top_nav div#menu.menu ul,
		div#container div#top_nav div#menu.menu ul a,
		div#container div#top_nav div#menu.menu ul li a{
		display: block;
		width: 100%;
		text-align: center;
		}

		div#container div#top_nav div#menu.menu ul li a{
		border: 1px solid #999999;
		}

		div#container div#top_nav{
		clear: both;
		float: left;
		margin:0;
		padding: 0;
		}

		div#header{
		background: #000000;
		height: 8em;
		}

		div#content{
		width: 100%;
		float: left;
		padding: 1em;
		background: #ffffff;
		}

		div#left-column,
		div#right-column{
		display: none;
		}




		div#container div#top_nav div#menu.menu ul{
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		clear: both;
		}
		div#container div#top_nav div#menu.menu ul li{
		display: block;
		width: 100%;
		clear: both;
		}

		div.home-silo{
		display: none;
		}

		div#container{
		width: 100%;
		background: #000000;
		}


		img.container-wrapper-footer{
		display: none;
		}


}