<style type="text/css">

body, .CSbody { background: #ffffff url('images/bg-1px.jpg') repeat-x ; }

img { border: none; }
#img { border: 1px solid #000000; }


font { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;
	line-height: 14pt; text-align: justify; }
font.bold { font-weight: bold; }
font.italic { font-style: italic; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 12px; color: #747879; line-height: 14pt;	text-align: justify; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 12px; color: #46494a; line-height: 16px; }
p a, p a:active, p a:visited { font: bold x-small Verdana; color: #3D517F; text-decoration: underline; }
p a:hover { color: #5AAA0C; }
p.bold { font-weight: bold;	line-height: normal; }
td.bold { font-weight: bold; line-height: normal; }
p.center { text-align: center; line-height: normal; }
p.boldcenter { font-weight: bold; text-align: center; line-height: normal; }
p.boldright { font-weight: bold; line-height: normal; text-align: right; }
p.title { font-size: 18px; font-weight: bold; line-height: 18px; text-align: center; color: #F5BD52; }
p.subtitle { font-size: 18px; font-weight: bold; line-height: 18px; text-align: left; color: #F5BD52; }
p.subsubtitle { font-size: 12px; font-weight: bold; line-height: 14px; text-align: left; color: #F5BD52; }
p.plinks { font: bold 14px Verdana; color: #F5BD52; line-height: 24px; text-align: center; }
p.plinks a, p.plinks a:active, p.plinks a:visited { font: bold 12px Verdana; color: #F5BD52;  text-decoration: underline; }
p.plinks a:hover { color: #FFFFFF; }

/* Georgios Styles */
h1 { font: bold 14px Verdana; color: #03367d; text-decoration: none;  line-height: 24px; padding: 0 3px 0 5px; }
h1.big {  font: bold 22px Verdana; color: #03367d; text-decoration: none; }
h2 { font: bold 14px Verdana; color: #4b4b4b; line-height: 24px; }
h2.white { color: #ffffff; }
h3 { font: bold 14px Verdana; color: #ffffff; line-height: 24px;}
h4 { font: normal 14px Verdana; color: #46494a; line-height: 22px; }
h4 a, h4 a:active, h4 a:visited { font: normal 14px Verdana; color: #0470ae; text-decoration: underline; }
h4 a:hover { color: #bd1a04; }

#hdr-div { background: url('images/CSReps-logos.jpg') no-repeat left top; height:182px; padding: 0 0 0 0; }
#topnav-div { background: url('images/topnav-bak.jpg') repeat-X; height:58px; }
#slide-div { background: url('images/slide-bg-1px.gif') repeat-X; height:553px;}
#slide-ins-div { background: url('images/slide-bg-ins-1px.gif') repeat-X; height:440px;}
#body-div { background: #ffffff; height:444px;}
#body-ins-div { background: #ffffff;}
#contact-div { background: url('images/contact-bg-1px.gif') repeat-X; height:188px;}

.hdr-table { background: #ffffff; }
.topnav-table { background: url('images/topnav-bak.jpg') repeat-X; }
.topnav-table a, .topnav-table a:active, .topnav-table a:visited { font: bold 10px Verdana; color: #ffffff; text-decoration: none; text-align: center; line-height: 14px; }
.topnav-table a:hover { color: #fedb02; }

.body-table  {  }
.body-table-ins  { background: #ffffff; }
.slide-border { background: #1a1a1a; }
.photo-table td {  text-align: center; vertical-align: top;  line-height: 12px; padding: 0 0 3px 0; }
.photo-table td a, .photo-table td a:active, .photo-table td a:visited { font: bold 11px Verdana; color: #ffffff; text-decoration: none; line-height: 12px; padding: 0 0 3px 0; }
.photo-table td a:hover { font: bold 11px Verdana; color: #f697f7; text-decoration: none; text-align: center; line-height: 12px; padding: 3px 0 3px 0; }

.market-list { font: bold 12px Verdana; color: #4b4b4b; line-height: 30px; }
.blue-box { background: #D7E1EA; border: 1px solid #BECCDF; font: normal 11px Verdana; color: #7A9EDD;}
.blue-box td { font: normal 11px Verdana; color: #7A9EDD; line-height: 13px;  }
.blue-box td a, .blue-box td a;active, .blue-box td a:visited { font: normal 11px Verdana; color: #7A9EDD; text-decoration: underline; }
.blue-header { font: bold 12px Verdana; color: #7A9EDD; align:center; line-height: 22px;}
.green-box { background: #E8EBB4; border: 1px solid #E1E486; font: normal 11px Verdana; color: #88BC60;}
.green-box td { font: normal 11px Verdana; color: #67A034; line-height: 14px; padding: 0 0 0 5px; }
.green-header { font: bold 12px Verdana; color: #88BC60; line-height: 22px;}

.divider { background: url('images/page-div-1px.jpg') repeat-y; }
#green-bar { background: url('images/green-bar-bak.jpg') no-repeat; line-height: 51px; font: bold 14px Verdana; color: #FFFFFF; padding: 18px 0 17px 0; }
.content-table { background: #FFFFFF; }


/* Contact Us and other Forms styles */
em { font: bold small Verdana; color: #ff0000; }
.contactus-table, .contactus-table td { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 12px; color: #000000; line-height: 14pt; background: #bdd6e6}
.error { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; color:#dd1111; padding:5px; }
.errormsg { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; color:#dd1111; padding:5px; }
.form-table { border: 3px solid #BECCDF; background: #D7E1EA ; font: normal 11px Verdana;}
.form-table-long { border: 1px solid #3D517F; background: #FDFDFE url('images/form-bak-long-1px.gif') repeat-x;}
#form-btn { background: #2F7AC4; color: #ffffff; font: bold 11px Verdana; }
#form-check { background: #FFFFFF; }
p.txt-form-error { font-weight: bold; color: #D10A0A; line-height: normal; 	text-align: center; } /* red */
p.txt-form { font-weight: bold; color: #000000; line-height: normal; text-align: center; } 
#result { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #061368; line-height: 16px; }

/* Site Footer */
.footer, .footer a, .footer td { font-size: 10px; font-weight: bold; color: #5b5959; line-height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
.footer a:link, .footer a:visited, .footer a:active { font-size: 10px; font-weight: bold; color: #5b5959; 
  font-family: Verdana, Arial, Helvetica, sans-serif;}
.footer a:hover { color: #2897df; }
.nouline a, .nouline a:link, .nouline a:visited, .nouline a:active { text-decoration: none; }

/* Social Bar */
#social-bar { 
    background: url('images/social-bar-bak-1px.jpg') repeat-x scroll 0 0 #adcd91;
    /* background: none repeat scroll 0 0 #EEEEEE; */
    bottom: 0; 
	border: 1px solid #77995a;
    left: 0;
    margin: 0;
    padding: 0px;
    position: fixed;
    width: 100%;
    z-index: 9999; }
	
/* Email Club */
#EmailSignupTLS, #EmailSignupTLS td { font-family: arial; font-size: 12px; }
#EmailSignupTLS label.error {
			margin-left: 10px;
			width: auto;
			display: inline;
			color: red;
			font-size: 12px;
		}
#EmailSignupTLS input[type=text] { border: solid 1px #888; width: 200px; }
#EmailSignupTLS input.error { border: dotted 1px red; }	
	
/* STYLES FOR JSSOR SLIDESHOW  */
/* jssor slider BULLETT navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { background: url(images/b05.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb05 div { background-position: -7px -7px;}
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider ARROW navigator skin 12 css */
/*
.jssora12l              (normal left arrow)
.jssora12r              (normal right arrow)
.jssora12l:hover        (normal mouseover left arrow)
.jssora12r:hover        (normal mouseover right arrow)
.jssora12ldn            (mousedown left arrow)
.jssora12rdn            (mousedown right arrow)

-- Use html code to move arrows up and down
*/
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn { position: absolute; cursor: pointer; display: block; background: url(images/a12.png) no-repeat; overflow: hidden; }
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12ldn { background-position: -256px -37px; }
.jssora12rdn { background-position: -315px -37px; }
/* end STYLES FOR JSSOR SLIDESHOW  */

<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td { height:21px; }
</style>
<![endif]-->
