@charset "utf-8";

/* General */
body { margin-top:10px; background-color:#538fd9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.clr { clear:both; line-height:0; height:0; padding:0; margin:0; }

h1, h2, h3, h4, h5, h6, h7, h8, h9 { color:#090; margin:5px 0 15px 0; }
h1 { font-size:15px; }
h2 { font-size:15px; margin-bottom:12px; }
h3 { font-size:15px; margin-bottom:12px; }
h4 { font-size:15px; margin-bottom:12px; }
h5 { font-size:15px; margin-bottom:12px; }
h6 { font-size:15px; margin-bottom:12px; }
h7 { font-size:15px; margin-bottom:12px; }
h8 { font-size:15px; margin-bottom:12px; }
h9 { font-size:15px; margin-bottom:12px; }

/* Structure */
.BodyContainer { width:960px; margin:0px auto; padding:0; overflow:hidden; background-color:#538fd9; }

.Banner { background-color:#538fd9; position:relative; margin:0; padding:0; clear:both; }
	#banner-buttons { z-index:20; position:absolute; top:10px; text-align:right; width:950px; }
	#banner-buttons a { height:32px; }
	#my-slideshow { z-index:10; }	

.BelowBanner { height:20px; background-color:#4f7eba; }

.ContainerMain { background-color:#fff; margin:0px; padding:15px 0 20px 0; }

/*========= Left ===========*/

.ContainerMain .CLeft { width:620px; height:auto; float:left; padding:10px 10px 0 20px; background:#fff; line-height:1.5; }
.ContainerMain .CLeft p { text-align:justify; padding-top:0px; margin-top:0px; color:#06c; font-size:12px; }
.ContainerMain .CLeft ul li { color:#06c; }

p.content-left-regular { color:#0066cc; }
.TextHeader { font-size:32px; color:#06c; font-family:Verdana; }
.Arrow-Dot { background:#fff url(Dreamweaver-Ripple/images/arrow-dot.jpg) no-repeat center;	padding:10px 12px 0px 12px; }

.linkContent { color:#666; text-decoration:none; width:100%; font-family:Verdana; }
.linkContent:hover { color:#06c; width:100%; }

.shoppinglinkContent { color:#f60; font-weight:bold; text-decoration:none; width:100%; }
.shoppinglinkContent:hover { color:#06c; width:100%; }

/*========= Right =============*/
.ContainerMain .CRight { width:275px; float:left; padding:0 15px; }	

.ContainerMain .CRight .VideoBox { height:135px; width:273px; background-color:#CCC; margin:auto; }
.LinkRight { text-decoration:none; color:#06c; font-weight:bold; font-size:12px; width:100%; }
.LinkRight:hover { color:#06c; }

.NoLinkRight { text-decoration:none; color:#06c; font-size:12px; width:100%; }

/*========= Contact Form =============*/
table.contact-form { color:#0066cc; margin:10px 0 20px 0; }
table.contact-form tr.extra { display:none; }
table.contact-form td { vertical-align:top; padding:0 10px 5px 0; }
table.contact-form td.col1 { width:180px; }

table.contact-form input.text, table.contact-form select.dropdown, table.contact-form textarea { padding:3px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#555; }
table.contact-form input.text { width:200px; }
table.contact-form select.dropdown { width:208px; }
table.contact-form input.button { padding:7px 15px; font-size:14px; font-weight:bold; }

.compulsory { color:#f00; }
.error-messages { border:1px solid #f00; padding:10px; margin:5px 0 20px 0; color:#f00; background:#FFE7E7; }
.ContainerMain .CLeft .error-messages ul li { color:#f00; }
a.linkBack { color:#666; font-weight:bold; }

/*=========== Footer ===============*/
#Footer { padding:15px 0 15px 0; background:#538fd9; }
#Footer h3 { color:#fff; text-transform:uppercase; margin-bottom:5px; padding:0; }
#Footer a { color:#c2ddf7; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; }
#Footer a:hover { color:#fff; }

.footer-column { float:left; margin:0 20px 0 0; width:120px; }
.footer-column.last { margin-right:0; }
.footer-column ul { margin:0; padding:0; }
.footer-column ul li { list-style:none; margin:0; padding:0; line-height:1.4; }
.footer-column ul li a {  }

.footer-contact { text-align:center; color:#c2ddf7; font-family:Tahoma, Arial, Helvetica, sans-serif; margin-top:25px; padding:10px 0 0 0; border-top:1px solid #c2ddf7; }
.footer-contact p { padding:0 0 3px 0; margin:0; line-height:1.4; }
#Footer .footer-contact a { color:#fff; }
#Footer .footer-contact a:hover { text-decoration:underline; }

/*=========== HOME BANNER ===============*/
#home-slideshow { margin:0 0 15px 0; }
	
ul#home-slideshow-nav { margin:0; padding:0 0 10px 0; height:50px; }
	#home-slideshow-nav li { float:left; margin:0; padding:0; background:none; list-style: none }
	#home-slideshow-nav a { padding:3px; margin:0 10px 0 0; float:left; height:40px; width:80px; border:2px solid #ddd; background:#fff; }
	#home-slideshow-nav li a.activeSlide { border-color:#538fd9; }
