/*[fmt]1100-110A-3*/
html * { margin: 0; padding: 0; }
html { background: #7DD7EE url(../images/main_bg.gif) repeat-x 0 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6C787D; }
img { border: none; }
p { line-height: 21px; padding-bottom: 15px; }
#featured h1 { font-size: 26px; letter-spacing: -2px; color: #537481; }
h2 { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #3E829C; padding-bottom: 20px; }
h3 { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #FFF; padding-bottom: 5px; }
h4 { font-size: 14px; font-weight: normal; color: #3E829C; padding-bottom: 5px; }
.scrollContainer div.panel h2 { color: #FFF; }
/*Clearing floats without extra markup*/
.clearfloat { display: inline-block; }
.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/*End Clearing floats without extra markup
///////////////// LINKS ///////////////////////*/
a { outline: none; }
a:link, a:visited { color: #54BEE6; text-decoration: none; }
a:hover { text-decoration: underline; }
a.readMore:link, a.readMore:visited { }
#free-quote a:link, #free-quote a:visited { color: #FFF; text-decoration: none; }
#free-quote a:hover { text-decoration: underline; }
#main-content a.button1 { background: url(../images/button1.png) no-repeat 0 0; display: block; width: 130px; height: 23px; padding-left: 30px; padding-top: 2px; color: #FFF; margin-left: 80px; }
#main-content a.button1:hover { background: url(../images/button1.png) no-repeat 0 -25px; text-decoration: none; }
/*///////////////// END LINKS ///////////////////////
///////////////// LISTS ///////////////////////*/
ul { margin-bottom: 20px; margin-left: 20px; list-style: none; }
ul li { padding: 5px 5px 5px 15px; background: url(../images/li_icon.png) no-repeat center left; }
#main-content ul.buttons { width: 99%; margin: 15px 0; }
#main-content ul.buttons li { float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0; }
#main-content ul.buttons li.order a { background: url(../images/order.png) no-repeat 0 0; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #FFF; }
#main-content ul.buttons li.order a:hover { background: url(../images/order.png) no-repeat 0 -25px; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #FFF; text-decoration: none; }
#main-content ul.buttons li.enlarge a { background: url(../images/enlarge.png) no-repeat 0 0; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #FFF; }
#main-content ul.buttons li.enlarge a:hover { background: url(../images/enlarge.png) no-repeat 0 -25px; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #FFF; text-decoration: none; }
/*///////////////// END LISTS ///////////////////////
///////////////// LAYOUT  ///////////////////////*/
* html div#wrapper { padding-top: 48px; }
#wrapper { width: 940px; margin: 48px auto 0; }
#header { width: 940px; height: 40px; margin-bottom: 20px; }
#slider-container { width: 920px; padding: 10px; background: #013152 url(../images/slider_bg_top.gif) no-repeat top left; }
#featured { float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 65px; width: 326px; height: 40px; background: url(../images/featured_bgd.png) no-repeat; }
#slider-bottom { width: 940px; height: 19px; background: url(../images/slider_bg_bottom.gif) no-repeat top left; margin-bottom: 10px; }
#content { width: 940px; }
#sidebar { float: left; width: 290px; margin-right: 15px; display: inline; }
.sidebar-element { background: #013152 url(../images/rounded_top.png) no-repeat top left; padding: 9px 22px 0; }
.sidebar-bottomelement { background: #1C292E url(../images/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px; }
#free-quote { background: #5F96AC url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0; }
#main-content-wrapper { float: left; width: 635px; }
#main-content { width: 595px; padding: 10px 20px; background: #FFF url(../images/main_content_top.png) no-repeat top left; }
#main-content-bottom { width: 635px; height: 17px; background: url(../images/main_content_bottom.png) no-repeat top left; }
#free-quote-bottom { background: url(../images/free_quote_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 10px; }
#footer { margin-top: 7px; }
#footer a { color: #013152; }
#footer a:hover { color: #15A1FF; }
#footer p { text-align: center; color: #FFF; }
.spacer-line { width: 99%; margin: 20px 0; border-bottom: 3px solid #E8ECEE; }
.spacer-line2 { width: 99%; margin-bottom: 20px; border-bottom: 1px solid #E8ECEE; }
.service { width: 99%; padding-top: 5px; }
.service-description { float: left; width: 80%; }
.product-description { float: left; width: 60%; }
#fb-root { float: left; }
.fb_edge_widget_with_comment { /*+placement:shift 10px -25px;*/ position: relative; left: 10px; top: -25px; }
/*/////////////////END LAYOUT ///////////////////////
///////////////// IMAGES  ///////////////////////*/
.icon-left { float: left; margin-right: 25px; display: inline; }
/*icon floated left*/
.icon-right { float: right; margin-left: 25px; display: inline; }
/*icon floated right*/
.image-left { float: left; margin: 0 25px 20px 0; display: inline; border: 5px solid #7E9198; background-color: #013152; color: #A5B5BC; }
/*image floated left*/
.image-right { float: right; margin: 0 0 20px 25px; display: inline; border: 5px solid #7E9198; }
/*image floated right
///////////////// END IMAGES  ///////////////////////
///////////////// SUBMENU ///////////////////////*/
ul#submenu { width: 99%; margin: 0; margin-top: 15px; padding-top: 2px; background: url(../images/news_divider.png) repeat-x top left; }
ul#submenu li { height: 30px; background: url(../images/news_divider.png) repeat-x bottom left; padding: 0; }
ul#submenu li a { display: block; height: 21px; padding-left: 15px; padding-top: 7px; background: #013152 url(../images/submenu_icon.png) no-repeat 1% 50%; color: #FFF; }
ul#submenu li a:hover { color: #5E99B5; background-color: #1D292E; text-decoration: none; }
/*///////////////// END SUBMENU ///////////////////////
///////////////// SIDEBAR NEWS ///////////////////////*/
.news { width: 99%; background: url(../images/news_divider.png) repeat-x bottom left; margin-top: 15px; }
p.date { color: #54BEE6; padding-bottom: 7px; font-weight: bold; }
p.news-text { color: #8598A0; }
p.news-archive { padding-top: 10px; padding-bottom: 0; }
p.news-archive a { padding-left: 22px; font-weight: bold; background: url(../images/archive_icon.png) no-repeat 0 50%; }
/*///////////////// END SIDEBAR NEWS ///////////////////////
///////////////// FREE QUOTE ///////////////////////*/
#free-quote { background: #00AAFF url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0; }
#free-quote p { color: #1D292F; padding-right: 40px; background: url(../images/freequote_arrow.png) no-repeat 100% 50%; }
/*///////////////// END FREE QUOTE ///////////////////////
///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container { float: left; width: 216px; margin-left: 15px; display: inline; }
#logo-container small { padding: 0; margin: 0; }
h1#logo { width: 173px; height: 100px; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 0; }
h1 a { height: 40px; width: 216px; display: block; text-decoration: none; }
h1 a:hover { text-decoration: none; background: transparent; }
#search { float: right; width: 316px; height: 25px; display: inline; margin-top: 10px; }
#search input { float: left; width: 210px; height: 16px; background: #1E2C31; border: 1px solid #43626E; color: #8598A0; margin: 0; margin-right: 12px; padding: 4px; }
#search .btn { float: left; width: 68px; height: 25px; cursor: pointer; padding: 0; background: url(../images/search_btn.gif) no-repeat; border: none; color: #FFF; }
/*///////////////// END LOGO AND SEARCH ///////////////////////
///////////////// NAVIGATION ///////////////////////*/
#navigation { background: url(../images/menu_bg.gif) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px; }
#navigation ul { list-style: none; }
#navigation ul li { display: inline; height: 42px; text-transform: uppercase; background: transparent; padding: 0; }
#navigation ul li a { float: left; display: block; padding: 0 20px; color: #FFF; text-decoration: none; background: url(../images/menu_divider.gif) no-repeat top right; }
#navigation ul li a:hover, #navigation ul li a.current { color: #54BEE6; }
/*///////////////// END NAVIGATION ///////////////////////
///////////////// TESTIMONIALS ///////////////////////*/
blockquote { padding-bottom: 15px; }
blockquote div { background: #013152 url(../images/quote_right.png) no-repeat bottom right; padding-right: 10px; padding-top: 15px; }
blockquote p.text { background: url(../images/quote_left.png) no-repeat top left; padding-left: 10px; text-indent: 30px; color: #8598A0; font-style: italic; }
.testimonial-name { padding-left: 10px; padding-bottom: 0; }
/*///////////////// END TESTIMONIALS ///////////////////////
///////////////// TABLES ///////////////////////*/
table { border-collapse: collapse; width: 99%; margin: 20px 0; }
th { background: #3E829C; color: #FFF; font-weight: bold; padding: 2px 11px; text-align: left; border-right: 1px solid #FFF; line-height: 1.2; }
td { padding: 6px 11px; border-bottom: 1px solid #80BCD3; vertical-align: top; }
td * { padding: 6px 11px; }
tr.alt td { background: #ECF6FC; }
tr.over td, tr:hover td { background: #BCD4EC; }
/*///////////////// END TABLES ///////////////////////
///////////////// CONTACT FORM ///////////////////////*/
fieldset { border: none; width: 550px; margin-top: 10px; }
fieldset legend { display: none; }
form p { padding-bottom: 0; }
.required { color: #3E829C; }
/*Input, Textarea*/
input, textarea { border: 1px solid #D6E2E7; background: #FFFFFF; color: #6C787D; margin: 5px; padding: 3px; }
select { border: 1px solid #D6E2E7; background: #FFF; color: #6C787D; width: 500px; margin: 5px; padding: 3px; }
textarea { width: 400px; height: 150px; margin-bottom: 10px; }
textarea.address { width: 400px; height: 100px; margin-bottom: 10px; }
input:focus, textarea:focus, select:focus { border: 1px solid #9ED7EC; }
input.button { background: url(../images/button1-hover.png) no-repeat; width: 130px; height: 25px; padding-bottom: 5px; border: none; color: #FFF; cursor: pointer; }
input.button:hover { border: none; }
.notification_error { padding: 5px; color: #A5041E; font-size: 13px; font-weight: bold; }
.notification_ok { padding: 5px; color: #418A06; font-size: 13px; font-weight: bold; }
input[type="checkbox"] { border: none; padding: 0px; }
/*///////////////// END CONTACT FORM ///////////////////////
///////////////// CONTACT DETAILS ///////////////////////*/
#results { color: #73A2F9; }
.contact-info { padding-top: 15px; }
.contact-info p.contact-details { color: #8598A0; }
.contact-info p.contact-details span { color: #FFF; }
#classInfo { width: 590px; }
#changeDIVColor { margin-top: 3px; margin-bottom: 10px; width: 590px; }
#changeDIVColor select { width: 580px; }
#classInfo td { text-align: center; vertical-align: middle; }
#classInfo table { margin-top: 0px; margin-bottom: 20px; width: 100%; }
#classInfo p { margin-bottom: 15px; }
#classInfo h4 { }
#classInfo .header { text-align: left; }
#classInfo .times td { text-align: left; padding-left: 0px; }
/*///////////////// END CONTACT DETAILS ///////////////////////
///////////////// CODA SLIDER ///////////////////////*/
#slider { float: left; width: 520px; background: #013152; margin: 0 auto; padding-top: 10px; position: relative; }
.scroll { height: 162px; width: 520px; overflow: auto; position: relative; /*fix for IE to respect overflow*/
clear: left; background: #013152; }
.scrollContainer div.panel { height: 162px; width: 520px; /*change to 560px if not using JS to remove rh.scroll*/
}
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline; }
.scrollContainer div.panel div.panel-text { width: 75%; float: left; color: #013152; }
.scrollContainer div.panel div.panel-text p.more { float: right; width: 103px; }
.scrollContainer div.panel div.panel-text p.more a { background: url(../images/read-more-button.png) no-repeat 0 0; display: block; width: 103px; height: 23px; padding-top: 2px; color: #FFF; padding-left: 20px; margin-top: 10px; }
.scrollContainer div.panel div.panel-text p.more a:hover { background: url(../images/read-more-button.png) no-repeat 0 -25px; text-decoration: none; }
.scrollButtons { position: absolute; top: 75px; cursor: pointer; }
.scrollButtons.left { left: -30px; }
.scrollButtons.right { left: 540px; }
/*///////////////// END CODA SLIDER ///////////////////////*/