/*
@font-face {
    font-family: 'futura_md_btbold';
    src: url('../fonts/futura_md_bt_bold-webfont.eot');
    src: url('../fonts/futura_md_bt_bold-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/futura_md_bt_bold-webfont.woff') format('woff'),
         url('../fonts/futura_md_bt_bold-webfont.ttf') format('truetype'),
         url('../fonts/futura_md_bt_bold-webfont.svg#futura_md_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}






.content { width: 940px; margin: 0 auto; }
.mainWrapper { width: 940px; background: #fff; margin: 0 auto; }
.pageContent { overflow: hidden; padding-top: 15px; }

.homeContent { overflow: hidden;padding-bottom: 16px; }
*/
/* $REUSABLE STYLES */
.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.transition { -moz-transition: all 0.3s; /* FF4+ */ -webkit-transition: all 0.3s; /* Saf3.2+, Chrome */ -o-transition: all 0.3s; /* Opera 10.5+ */ -ms-transition: all 0.3s; /* IE10? */ transition: all 0.3s; /* Standard */ }

/* $FORM STYLES 
-----------------------------------------------------------*/
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }

textarea { min-height: 75px; }

.editor-label { margin: 1em 0 0 0; }

.editor-field { margin: 0.5em 0 0 0; }


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }


/*li { padding-bottom: 10px; }

img { }

h1, h2, h3, h4 { font-family: Georgia, Arial, Sans-Serif; }

h1 { color: #000; font-family: 'Georgia'; margin-top: 0; font-size: 22px; font-weight: normal; }
h2 { font-weight: normal; color: #000; line-height: 1.4em; font-size: 18px; font-family: 'Georgia'; }
h3 { font-family: 'Georgia'; font-weight: normal;color: #1b1b1b;font-size: 16px; }
h4 { font-family: 'Georgia'; font-weight: normal;color: #1b1b1b;font-size: 13px;}

h1.border-title{ background-image: url(../images/border_title_h1.png);text-align: center; }
.border-title{ background-position: 50% 50%;background-repeat: repeat-x;}
.border-title span{ background: #fff;padding: 0 10px;}

a { color: #000; }

p { line-height: 1.5em; margin: 0px; padding: 0px 0 1em 0;color: #666666;}

blockquote { margin: 10px 0; padding: 5px 15px 10px 52px; background: url(../images/bg_quote.png) no-repeat 12px 15px #E6F3F9; -moz-border-radius: 10px; border-radius: 10px; }

blockquote { font-family: 'Georgia'; font-size: 16px; padding-top: 15px; }

    blockquote strong { font-family: 'Georgia'; font-weight: normal; color: #272b38; }*/



#mainHead { position: relative; z-index: 500;}

    #mainHead .content { position: relative; min-height: 70px;padding-top: 30px;z-index: 500;}





/* $HOMEPAGE */

/* templated content */
.homepageSectionals{ overflow: hidden;}
.homepageSectionals .cms-module{ float: left;display: inline-block;}
.homepageSectional{ width: 306px;height: 186px; float: left;display:inline-block;margin-right: 11px; }
.homepageSectional:last-child, .homepageSectional.last{ margin-right: 0px;}

/* CMS STYLE */
.preview .homepageSectional:before{ content: "Homepage sectional | 306px by 186px "; display: block;background: black;color: #fff; width: 100%;padding: 10px 0;text-indent: 10px; }
.preview .sidebarSectional:before{content: "Sidebar sectional | 295px by 196px "; display: block;background: black;color: #fff; width: 100%;padding: 10px 0;text-indent: 10px;}

.sidebarSectional{ width: 295px;height: 196px; float: left;display:inline-block;margin-bottom: 11px; }


.homepage-who{ padding: 14px 0;overflow: hidden;}
.homepage-editable{ overflow: hidden;width: 55%;float: left;display: inline-block;}
.homepage-sidebar{ width: 40%;float: right;display: inline-block;}


.testimonials{ display: block;width: auto;overflow: hidden;background:url(../images/ico_quote.png) no-repeat 15px 15px #ebe3d6;padding: 25px 20px 20px 50px;min-height: 150px;}
.testimonials li{ list-style: none;color: #2e2716;line-height: 1.6em;}
.testimonials li strong{ display: block; padding-top: 5px;}
/* $HEADER */
#internalMsg {
	background-color: #52B7BD;
	text-align: center;
}
#internalMsg p{
font-weight: bold;
padding: 0 0 10px 0;
margin: 0;
}
#internalMsg p img
{
	position: relative;
	top: 4px;
}

/*.logo { float: left; display: block; margin: 0px; }*/

.fullCol { overflow: hidden; width: 100%; clear: both; display: block; margin: 2% 2% 2% 2%; }

/*.homeBanner { overflow: hidden; width: 100%; clear: both; display: block;padding-top: 13px; }*/






/* $PAGE */
.page-title{ width: auto;overflow: hidden;text-align: center; padding: 15px 20px;border: 1px solid #ebebeb;margin-bottom: 15px;}
.page-title p{ width: 50%;display: block;margin: 0 auto;}
.page-title h4{ padding: 0px;margin: 0px;text-transform: uppercase; }
.page-title h1{ padding: 0px;margin: 0px;text-transform: uppercase;font-size: 36px;line-height: 46px;}







/* $LAYOUT and $COLUMNS 
.left { float: left; }

.right { float: right; }

.columns { width: 100%; display: block; position: relative; }

    .columns .left { padding-right: 1%; }

    .columns .right { padding-left: 0%; }

    .columns .column.left { width: 48%; }

    .columns .column.right { width: 48%; }

    .columns .column { width: 50%; display: block; position: relative; }

.twoCol { }

.columns.twoCol .small { width: 32%;padding-top: 18px; }

.columns.twoCol .wide { width: 65%; }

.columns.twoCol .smaller { width: 28%; }

.columns.twoCol .wider { width: 68%; }

.columns.twoCol .wide.border-left,
.columns.twoCol .wide.border-right { width: 65%; }

.threeCol { }

.columns.threeCol .column { width: 32%; padding: 0; }

.columns.threeCol .centre { margin: 0 2%; }

.columns.threeCol .small { width: 24%; }

.columns.threeCol .wide { width: 38%; }

.border-right { border-right: 1px solid #ECECE6; left: -1px; }

.border-left { border-left: 1px solid #ECECE6; right: -1px; }
*/
/* $SCROLLABLE */
.scrollable-holder { width: 100%; margin: 0 auto; position: relative; }

.scrollable { position: relative; overflow: hidden; width: 100%; height: 300px; margin: 0 auto; }

    .scrollable .items { width: 20000em; position: absolute; }

        .scrollable .items .item { float: left; width: 1033px; position: relative; }

            .scrollable .items .item img { display: block; position: relative; }

            .scrollable .items .item .infoBox { display: block; position: absolute; top: 40px; left: 40px; padding: 25px; background: url(../images/infoBoxBg.png) repeat 0 0; max-width: 500px; min-width: 300px; }

                .scrollable .items .item .infoBox h2 { color: #fff; font-size: 29px; margin: 0; }

                .scrollable .items .item .infoBox p { color: #fff; }

                .scrollable .items .item .infoBox a.action { color: #fff; background: url(../images/btn_home_action.png) no-repeat top right; height: 39px; line-height: 39px; float: left; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 0 20px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: bold; font-size: 16px; padding: 0 70px 0 20px; }

                    .scrollable .items .item .infoBox a:hover { background-position: bottom right; }

a.browse { width: 15px; height: 100%; display: block; position: absolute; display: block; top: 0; cursor: pointer; text-indent: -9999px; font-size: 0px; }

    a.browse.disabled { display: none; }

    a.browse:hover { background-position: 100% 50%; }

.scrollable-holder .right { right: 0px; background: url(../images/ico_rotator_arrow_next.png) no-repeat 0% 50%; }

.scrollable-holder .left { left: 0; background: url(../images/ico_rotator_arrow.png) no-repeat 0% 50%; }

.scrollable .imageRotatorContent { display: block; position: absolute; top: 0; left: 0; width: 310px; padding: 25px 0; height: 275px; }

    .scrollable .imageRotatorContent a { }

/*.navi { width: 132px; height: 33px; background: url(../images/nav_holder.png) 0 0 no-repeat; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -66px; text-align: center; }
    .navi a { width: 16px; height: 90%; margin: 5% 2px; background: url(../images/nav_a.png) 0 50% no-repeat; display: inline-block; font-size: 1px; zoom: 1; *display: inline; }*/
    
.navi { width: auto; height: 33px; padding:0 10px; background: #fff; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -66px; text-align: center; border-radius: 5px 5px 0px 0px; }
    .navi a { width: 16px; height: 90%; margin: 2% 2px; background: url(../images/nav_a.png) 0 50% no-repeat; display: inline-block; font-size: 1px; zoom: 1; *display: inline; }

        .navi a:hover { background: url(../images/nav_a.png) 100% 50% no-repeat; }

        .navi a.active { background: url(../images/nav_a.png) 100% 50% no-repeat; }

.scrollable-holder-small { width: 100%; margin: 0 auto; position: relative; padding: 0 0 15px 0; height: 150px; }

.scrollable-small { position: relative; overflow: hidden; width: 100%; height: 150px; margin: 0 auto; }

    .scrollable-small .items { width: 20000em; position: absolute; z-index: 10; }

        .scrollable-small .items .item { float: left; width: 288px; position: relative; }

            .scrollable-small .items .item img { display: block; position: relative; margin: 0 auto; }

.scrollable-holder-small a.browse { width: 23px; margin: 0; padding: 0; z-index: 20; }

.scrollable-holder-small a.left { right: 23px; bottom: 15px; position: absolute; background: url(../images/small_scroller_left.png) 0% 0% no-repeat; width: 17px; height: 25px; display: block; top: auto; }

.scrollable-holder-small a.right { right: 0; bottom: 15px; position: absolute; background: url(../images/small_scroller_right.png) 0% 0% no-repeat; width: 17px; height: 25px; display: block; top: auto; }
    .scrollable-holder-small a.right:hover,
    .scrollable-holder-small a.left:hover { background-position: bottom left; }

.scrollable-holder-wide { width: 100%; margin: 0 auto; position: relative; padding: 0 0 15px 0; height: 285px; }

.scrollable-wide { position: relative; overflow: hidden; width: 100%; height: 285px; margin: 0 auto; }

    .scrollable-wide .items { width: 20000em; position: absolute; z-index: 10; }

        .scrollable-wide .items .item { float: left; width: 653px; position: relative; }

            .scrollable-wide .items .item img { display: block; position: relative; margin: 0 auto; }

.scrollable-holder-wide a.browse { width: 23px; margin: 0; padding: 0; z-index: 20; }

.scrollable-holder-wide a.left { left: 0; bottom: 0px; position: absolute; background: url(../images/gallery_left_shadow.png) 50% 50% no-repeat; width: 50px; height: 100%; display: block; top: auto; }

.scrollable-holder-wide a.right { right: 0; bottom: 0px; position: absolute; background: url(../images/gallery_right_shadow.png) 50% 50% no-repeat; width: 50px; height: 100%; display: block; top: auto; }
    .scrollable-holder-wide a.right:hover,
    .scrollable-holder-wide a.left:hover { }


.scrollable-wide .items .item .infoBox { background: url(../images/transparent_white.png) repeat; position: absolute; bottom: 0px; left: 0px; width: auto; display: block; overflow: hidden; width: 100%; padding: 7px 10px; color: #272B39; }

    .scrollable-wide .items .item .infoBox h2 { padding: 0px 0 0px 0; margin: 0px; font-size: 18px; }
     .scrollable-wide .items .item .infoBox h2 a{ color: #383D50;}
    .scrollable-wide .items .item .infoBox p { padding: 0px; margin: 0px; }

    



.vidBox { margin-bottom: 10px; }

/* $FOOTER */
#socialFooter{ border-top: 3px solid #d6d6d6;overflow: hidden;padding: 12px 0;}
.mailSubscribe{ float: left;display: block; }
.mailSubscribe p{ float: left;
display: block;
margin-right: 10px;
top: 5px;
position: relative; }
.mailSubscribe label{ float: left;display: block;padding-right: 15px;line-height: 30px;}
.mailSubscribe .input{ float: left;display: inline-block; margin-right: 5px;padding: 7px;border: 1px solid #ccc;font-family: Georgia;font-size: 13px;min-width: 150px;}
.mailSubscribe .submit{ float: left;display: inline-block; margin-right: 5px;padding: 8px 10px;border: none; font-family: Georgia;font-size: 13px;background: #1b1b1b;color: #fff;text-transform: uppercase;}
.mailSubscribe #mailError{ color: #700909;line-height: 2em;}
.mailSubscribe .overlap{ position: absolute;color: #888;left: 10px; top: 0%; }
.mailSubscribe .mail-group{ float: left;display: inline-block;position: relative;}
.socialLinks{ float: right;display: inline-block;padding-top: 3px;}
.socialLinks a{ text-indent: -9999px;font-size: 0px;float: left; display:inline-block;}
.socialLinks a:hover{ background-position: 50% 100%;}
.socialLinks  .twitter{ background: url(../images/ico_twitter.png) no-repeat 50% 0%; width: 40px;height: 24px; }
.socialLinks  .fb{ background: url(../images/ico_fb.png) no-repeat 50% 0%; width: 40px;height: 24px; }
.socialLinks  .vimeo{ background: url(../images/ico_vimeo.png) no-repeat 50% 0%; width: 40px;height: 24px; }
.socialLinks  .rss{ background: url(../images/ico_rss.png) no-repeat 50% 0%; width: 40px;height: 24px; }


#mainFooter { overflow: hidden;clear: both;border-top: 1px solid #ebebeb;padding: 20px 0;}
#mainFooter ul{ float: left;display: inline-block;width: 60%;padding: 0px;margin: 0px; list-style: none;}
#mainFooter ul li{ float: left;display: inline-block;width: 50%;margin: 0px;padding: 0px 0 10px 0;}
#mainFooter ul li a{ text-decoration: none;color: #666;}
 #mainFooter ul li a:hover{ text-decoration: underline;}  
.footer-info{ float: left;display: inline-block;}
.footer-info .copy{ float: left; width: 282px; display: block;padding-top: 10px;}
.footer-info .copy p{ line-height: 1.7em;}
.footer-info .copyRight{ float: left;width: 600px;display: block;}
.footer-info .copy img{ opacity: 0.5; filter: alpha(opacity=50);padding-bottom: 10px; }
.footer-info address{ float: right;display: inline-block;width: 50%;line-height: 2em;font-style: normal;}

#mainFooter ul.horizontal{ float: none;display:block;width: 100%;padding: 0px;margin: 0px; list-style: none;}
#mainFooter ul.horizontal li{ float: none;width: 50%;margin: 0px;padding: 0px 0 10px 0;}
   
/* $VIDEO */
#overlay { display: none; width: 100%; height: 100%; z-index: 99999; position: absolute; overflow: visible; top: 0; text-align: center; }

    #overlay .backdrop { width: 100%; height: 100%; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; background-color: black; position: absolute; top: 0; left: 0px; }

    #overlay .holder { margin: 250px auto; position: relative; }

        #overlay .holder .links { width: 481px; background-color: black; margin: 0 auto; margin-top: -10px; padding: 10px 0; }

        #overlay .holder a.close { float: right; padding-right: 10px; clear: both; display: block; margin-left: -25px; }

/* $CRUMBS */
.page-home .crumbs { display: none; }
.crumbs { }

    .crumbs ul { background: url(../images/crumb_tile.png) 0% 0% repeat; width: 96%; height: 29px; margin: 0; padding: 0 0 0 4%; border-bottom: 1px solid #E5E5E5; }

        .crumbs ul li { list-style: none; float: left; padding: 0 0 0 16px; background: url("../images/breadcrumb_point.png") 100% 50% no-repeat; }

            .crumbs ul li a { color: #383D50; text-decoration: none; margin-right: 20px; line-height: 29px; }

            .crumbs ul li.selected { background: none; }

            .crumbs ul li a.SelectedCrumb { font-weight: bold; }

/* $TEMPLATES */

/* $QUOTEBOX */
.quoteBox { min-height: 35px; margin: 10px 0; padding: 20px 20px 20px 52px; background: url(../images/bg_quote.png) no-repeat 12px 15px #E6F3F9; -moz-border-radius: 10px; line-height: 1.4em; border-radius: 10px; font-family: 'Georgia'; font-size: 16px; padding-top: 15px; }
    .quoteBox strong { font-family: 'Georgia'; font-weight: normal; color: #272b38; }


/* $INFOBOX */
.infoTBox { min-height: 35px; margin: 10px 0; padding: 15px 60px 20px 20px; background: url(../images/ico_info.png) no-repeat 98% 15px #E6F3F9; line-height: 1.4em; -moz-border-radius: 10px; border-radius: 10px; font-family: 'Georgia'; font-size: 16px; padding-top: 15px; }
    .infoTBox strong { font-family: 'Georgia'; font-weight: normal; color: #272b38; }

/* $QUESTIONBOX */
.questionBox { min-height: 35px; margin: 10px 0; padding: 15px 60px 20px 20px; background: url(../images/ico_question.png) no-repeat 98% 15px #E6F3F9; line-height: 1.4em; -moz-border-radius: 10px; border-radius: 10px; font-family: 'Georgia'; font-size: 16px; padding-top: 15px; }
    .questionBox strong { font-family: 'Georgia'; font-weight: normal; color: #272b38; }

/* $BOX */
.box { min-height: 35px; margin: 10px 0; padding: 15px 20px 20px 20px; background: #E6F3F9; line-height: 1.4em; -moz-border-radius: 10px; border-radius: 10px; font-family: 'Georgia'; font-size: 16px; padding-top: 15px; }
    .box strong { font-family: 'Georgia'; font-weight: normal; color: #272b38; }


/*$BUYNOWBUTTON */
.buyNowButton { background: url(../images/btn_buy_now.png) no-repeat; width: 384px; height: 60px; display: block; text-indent: -9999px; font-size: 0px; }
    .buyNowButton:hover { background-position: bottom left; }

/* PURPLE BOX*/
.purpleBox{ background: #961e60;padding: 10px 15px;width: auto;overflow: hidden;clear: both;color: #fff;margin-bottom: 10px;}


/* $LINK */
.navLink { background: url(../images/sidenav_tile_blue.jpg) 100% 50% repeat; height: 43px; padding: 0 16px; margin-bottom: 2px; }

    .navLink a { line-height: 43px; color: white; text-decoration: none; font-weight: bold; width: 100%; height: 100%; display: block; }

/* $IMAGELINK */
.imageLink { height: 165px; width: 300px; margin-bottom: 10px; display: block; position: relative; }

    .imageLink .text { background: url(../images/infoBoxBg.png) repeat 0 0; display: block; position: absolute; bottom: 0; width: 270px; height: 40px; left: 0px; padding: 5px 15px; }

        .imageLink .text a { text-decoration: none; color: white; height: 20px; line-height: 20px; width: 270px; display: block; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); }

            .imageLink .text a.primary { font-weight: normal; font-family: 'Georgia'; font-size: 16px; }

            .imageLink .text a.secondary { }

/* $FAQS */
.faq { }

    .faq .question { border-bottom: 1px solid #ccc; cursor: pointer; margin: 0 0 3px 0; padding: 15px 0; background-color: #fff; -moz-transition: background-color 0.5s; /* FF4+ */ -webkit-transition: background-color 0.5s; /* Saf3.2+, Chrome */ -o-transition: background-color 0.5s; /* Opera 10.5+ */ -ms-transition: background-color 0.5s; /* IE10? */ transition: background-color 0.5s; /* Standard */ }

        .faq .question.active { background-color: #fff; margin: 0 0 5px 0; }

        .faq .question h3 { margin: 0 0 0 0;padding-right: 30px; background: url(../images/ico_plus.png) no-repeat 100% 50% transparent; }

        .faq .question.active h3 { padding: 0 0 0 0; background: url(../images/ico_minus.png) no-repeat 100% 50% transparent; }

        .faq .question h3 a { color: #1b1b1b; -moz-transition: color 0.5s; /* FF4+ */ -webkit-transition: color 0.5s; /* Saf3.2+, Chrome */ -o-transition: color 0.5s; /* Opera 10.5+ */ -ms-transition: color 0.5s; /* IE10? */ transition: color 0.5s; /* Standard */ }

        .faq .question.active h3 a { color: #1b1b1b; }

        .faq .question .answer { margin-top: 15px; }

/* $DYNAMICFORM */
/*#check-form { display: none; }

.dynamic-form {  padding: 3% 0%;  display: block; overflow: hidden;color: #1b1b1b;border-top: 1px solid #ccc;}

    .dynamic-form form { }

        .dynamic-form form .control { float: left; width: 49%; margin: 0 1% 10px 0; }

        .dynamic-form form .TextField { }

        .dynamic-form form .TextArea { width: 99%; float: left; }

        .dynamic-form form .CheckBoxList { border: 1px solid #607e95; width: 45%; padding: 8px; }

        .dynamic-form form .TextField label, .dynamic-form form .TextArea label { display: block; padding-bottom: 5px; font-weight: normal; width:auto; float:left; }
        .dynamic-form form label.error { background: #dc4949; border: 1px solid #b81515; padding: 5px; clear: both; float: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:left; font-size:11px; color:#B81515 ; position:relative; top:1px; clear:none; background:none; border:0; padding:0 0px 0 0; margin-left:10px; }
        .dynamic-form form input.error,     .dynamic-form form textarea.error { border: 1px solid #b81515 !important; -webkit-animation: error 0.3s 3; -moz-animation: error 0.3s 3; position: relative;  }
    .dynamic-form .CheckBoxList#item-6 { clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

    .dynamic-form .CheckBoxList .labeltitle { font-weight: bold; display: block; padding-bottom: 7px; }

    .dynamic-form .CheckBoxList .checkboxContainer .checkbox { width: 50%; float: left; display: inline-block; }

    .dynamic-form form .TextField input { display: block; width: 92%; padding: 8px 7px; border: 1px solid #ccc; }

    .dynamic-form form textarea { display: block; width: 96%; padding: 7px; border: 1px solid #ccc; background: url(../images/input_bg.png) repeat-x #fff top left; }*/




/*.btnGroup { }

    .btnGroup .btn { position:relative; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); text-transform: uppercase;color: #fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; background: #9A4498;padding:12px  28px;border: 1px solid #9A4498;font-size: 14px;font-family:Futura Md BT, Futura Bold, 'futura_md_btbold', Georgia; margin: 5px 0;}
        .btnGroup .btn.primary { }
        .btnGroup .btn:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0); background: #628b0f;top: 1px; }*/


            
 
            

/* $NEWS */
.news { }

    .news .news-list { margin: 0; padding: 0; }

        .news .news-list li { list-style: none; list-style-image: none; background-color: #EFEEE9; padding: 20px; margin: 0 0 10px 0; -moz-border-radius: 10px; border-radius: 10px; min-height: 100px; }

            .news .news-list li img { border: 3px solid white; -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); float: left; }

    .news .date { }

    .news .newsData { margin-left: 146px; }

        .news .newsData h2 { margin: 0; }

        .news .newsData a.readMore { }

/*$newsbox*/

.newsBox { background: #e6f3f9; padding: 0 10px 10px 10px; margin-bottom: 15px; border: 1px solid #d9e5ea; }

    .newsBox h3 { color: #44495b; padding: 10px 0; margin: 0px; }

    .newsBox h4 { margin: 0px; padding-bottom: 5px; font-size: 13px; font-family: arial; color: #373c4f; }

    .newsBox .newsItem { border: 1px solid #E2E2E2; padding: 10px; background: url("../images/newsItem_tile.png") repeat-x bottom left #fff; margin-bottom: 10px; }

        .newsBox .newsItem a { font-weight: bold; color: #3ebac5; text-decoration: none; }

            .newsBox .newsItem a:hover { text-decoration: underline; }

    .newsBox .excerpt { display: none; }

    .newsBox a { display: block; }

    .newsBox img { border: 3px solid white; -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); float: left; margin-right: 10px; }

    .newsBox .newsItem { min-height: 60px; }

    .newsBox .newsData { }







    .fourOhFour  { text-align: center; width: 450px; margin: 0 auto;padding: 50px 0;}
.fourOhFour  h1{padding: 0px;margin: 0px; font-size: 100px;}

.buyOnline { }
.scrollable155 { height: 411px; }


.buyOnline .steps { padding: 20px; background: url(../images/transparent_white.png) repeat; float: left; margin: 0px; position: absolute; top: 20px; left: 20px; z-index: 50; }

.buyOnline h1 { color: #383d50; margin-bottom: 20px; }

.buyOnline .step { width: 300px; clear: both; padding-bottom: 14px; float: left; }

    .buyOnline .step h2 { color: #383d50; text-transform: uppercase; font-size: 15px; padding: 0px; margin: 0px; }

    .buyOnline .step .circle { float: left; display: inline-block; color: #fff; font-size: 16px; font-family: 'Georgia'; font-weight: normal; text-align: center; width: 40px; height: 40px; line-height: 40px; margin-right: 5px; background: url(../images/buyOnline_step.png) no-repeat; }

    .buyOnline .step .info { float: left; display: inline-block; }

.buyOnline .action { clear: both; color: #fff; background: url(../images/btn_home_action.png) no-repeat top right; height: 39px; line-height: 39px; float: left; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: bold; font-size: 16px; cursor: pointer; margin: 15px 0; padding: 0 70px 0 20px; *margin-right: 20px; }

    .buyOnline .action:hover { background-position: bottom right; }

.buyAction { float: left; display: inline-block; margin: 0 6px; margin-bottom: 20px; float: left; display: inline-block; position: relative; width: 308px; height: 160px; text-decoration: none; }

    .buyAction .text { position: absolute; bottom: 0px; left: 0px; padding: 14px 0; text-indent: 20px; font-size: 18px; color: #363b4e; background: url(../images/buyAction_tile.png) repeat; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); display: block; width: 100%; }

        .buyAction .text span { font-family: 'Georgia'; font-weight: normal; }

        .buyAction .text strong { font-family: 'Georgia'; font-weight: normal; }

    .buyAction:hover .text { background: #575b69; color: #fff; }

.buyActions .cms-module { float: left; display: inline-block; }




/* $SOCIAL*/
.socialBtns { float: left; display: inline-block; }
    .socialBtns .social { display: inline-block; margin-left: 5px; margin-top: 0px; cursor: pointer; float: left; text-indent: -9999px; font-size: 0px; width: 32px; height: 32px; }
        .socialBtns .social:hover { opacity: 0.8; }
    .socialBtns .facebook { background: url(../images/ico_fb.png) no-repeat; }
    .socialBtns .twitter { background: url(../images/ico_twitter.png) no-repeat; }
    .socialBtns .email { background: url(../images/ico_email.png) no-repeat; }

/* $PRODUCT PAGE*/
.secondaryCol { width: 264px; border-left: 1px solid #ebebeb; float: right; display: inline-block; padding: 0 0px 17px 17px; }
.primaryCol { float: left; display: inline-block; width: 650px;}
.primaryCol table{line-height: 1.5em;}
.primaryCol table td {  padding-right:15px; }
    .primaryCol .productDescription { width: 365px; float: right; display: inline-block; padding-left: 20px; }
    .primaryCol .productDescription h1 { margin-top:5px;  }
    .primaryCol .productImage { width: 265px; float: left; display: inline-block; min-height: 300px; }


.productForm .buyStep { margin: 5px 0; display: block; }
    .productForm .buyStep span { background: url(../images/step_sml.png); display: inline-block; height: 23px; line-height: 23px; color: #fff; width: 23px; text-align: center; margin-right: 5px; font-weight: bold; }
.productForm .formGroup { position: relative; float: left; margin: 5px 0 10px 0; }
    .productForm .formGroup .overlap { position: absolute; left: 8px; top: 50%; margin-top: -8px; height: 100%; height: 20px; color: #bbb; }
    .productForm .formGroup .input { border: 1px solid #ccc; padding: 6px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 88%; }
        .productForm .formGroup .input.input-validation-error { border: 1px solid red; }
.productForm select.input-validation-error { background:  white; }
.productForm #customiseColour.input-validation-error { background: white; }
.productForm .formGroup.by { width: 34px; text-align: center; line-height: 30px; }
.productForm .formGroup.width, .productForm .formGroup.height { width: 114px; overflow: hidden; }
.productForm .formGroup.height { float: right; }
.productForm .formSection { clear: both; overflow: hidden; border-bottom: 1px solid #ebebeb; }
.productForm .formGroup.full { width: 100%; }
    .productForm .formGroup.full .input { width: 95%; }
.productForm #customisePreview { width: auto; padding: 30px 15px; overflow: hidden; border: 1px solid #ccc;text-align: center; clear: both; background: url(../images/bg_preview.png) repeat #fff; }

.productForm select { color: #5D5E65; padding: 3px; width: 90%; margin: 0 0 10px 0; max-width: 90%; }

.productForm .customiseColourPreview { width: 100%; float: left; padding-top: 10px; }
    .productForm .customiseColourPreview label { float: left; display: block; margin-top: 5px; }
    .productForm .customiseColourPreview #customiseColour { float: left; display: inline-block; margin-left: 10px; margin-bottom: 10px; position: relative; width: auto; min-width: 60%; }
        .productForm .customiseColourPreview #customiseColour ul { padding: 0px; margin: 0px; list-style: none; position: absolute; top: 28px; left: 0px; width: auto; list-style: none; display: none; padding: 5px 10px; background: #dcdfe4; }
        .productForm .customiseColourPreview #customiseColour:hover ul { display: block; }
        .productForm .customiseColourPreview #customiseColour ul li { background: #dcdfe4; float: left; display: inline-block; width: 22px; height: 22px; cursor: pointer; margin: 0 5px 0 0; padding: 0px; text-indent: -9999px; font-size: 0px; }
        .productForm .customiseColourPreview #customiseColour .selected { text-indent: -9999px; font-size: 0px; background: url(../images/bg_colour.png) no-repeat; width: 28px; height: 28px; display: block; }
.productForm .customiseFontPreview { width: 60%; clear: both; }
.productForm .customiseFontSizePreview { width: 40%; }
.productForm .customiseFontPreview select { color: #5D5E65; padding: 3px; max-width: 90%; }
.productForm .customiseFontSizePreview select { color: #5D5E65; padding: 3px; max-width: 90%; }
#colorInput { clear: both; }
.productPricing { border-top: 1px solid #ccc; padding-top: 0px; clear: both; float: left; width: 100%; }
    .productPricing h2 { font-size: 28px; padding: 10px 0; margin: 0px; }
    .productPricing .btnGroup .btn { padding: 10px 30px; font-size: 18px; }


body .hide,
body .hidden,
.hide,
.hidden{ display: none;}

.form-group{ overflow: hidden;display: block;padding: 7px 0;border-top: 1px solid #eee;position: relative; }
.form-group-title{ width: 150px;float: left;display: block;color: #1b1b1b;padding: 5px 0;}
.form-options label{ background: #eeeeee;padding: 5px 15px;float: left;display: inline-block;cursor: pointer; margin-right: 3px;border: 1px solid #fff;text-transform: uppercase;}
.form-options label.checked{background: #fff;border-color: #1b1b1b;box-shadow: inset 0 0 1px #fff;-moz-box-shadow: inset 0 0 1px #fff;-webkit-box-shadow: inset 0 0 1px #fff; }
.form-options label.outOfStock{opacity: 0.25;filter: alpha(opacity=25);cursor: default;height: 16px;}
 /*.form-options label input{ position: absolute;left: -9999px;top: -9999px;display: block;}*/ 
.form-options.colour-options label{ font-size: 0px;text-indent: -9999px;height: 22px;padding: 0px;width:22px; }

.size-options{}

.product-pre-pricing{ overflow: hidden;padding: 13px 0;}
.strikethrough{ text-decoration: line-through;}



.shareButtons{ overflow: hidden;clear: both;display: block;padding: 13px 0;}
.shareButtons iframe{ padding-left: 10px;}
.shareButtons .fb-like{position: relative;top: -4px;padding-right: 10px;}

/* $reminders*/
.reminders{}
.reminders ul{padding: 0; margin: 0; }
.reminders ul li{}
.reminders ul li a{}
.reminders ul li p{}


    /* .green-btn*/
    .green-btn{position:relative; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);text-decoration: none; text-transform: uppercase;color: #fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; background: #9A4498;padding:12px  28px;border: 1px solid #9A4498;font-size: 14px;font-family:Futura Md BT, Futura Bold, 'futura_md_btbold', Georgia; margin: 13px 0;}
    .green-btn:hover{box-shadow: 0 2px 2px rgba(0, 0, 0, 0);background: #628b0f;top: 1px;color: #fff;}

    .page-d3o #templateholder12{ display: none;}, .page-d3O #templateholder12{ display: none;}


/* $GALLERY */

.galleryBox { float: left; display: inline-block; width: 304px; margin-right: 15px; text-decoration: none; margin-bottom: 15px; }
    .galleryBox span { display: block; clear: both; width: auto; color: #363b4e; background: url(../images/sideNav_tile.png) repeat-x bottom left #fff; height: 40px; line-height: 40px; border: 1px solid #ebebeb; padding: 0 15px; }
    .galleryBox img { display: block; clear: both; }
    .galleryBox span:hover { background: #fff; }
.galleryOptions { background: #006892; width: 450px; overflow: hidden; padding: 10px 75px; position: relative; }
    .galleryOptions img { border: 2px solid #fff; }

.galleryScroll { overflow: hidden; position: relative; height: 100px; }
    .galleryScroll .items { /* this cannot be too large */ width: 20000em; position: absolute; padding: 0px; margin: 0px; }
        .galleryScroll .items div { float: left; padding: 0px; margin: 0px; width: 450px; }
            .galleryScroll .items div img { cursor: pointer; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
.galleryOptions .prev, .galleryOptions .prev:hover { background: url(../images/gallery_left.png) no-repeat 50% 50%;; left: 0px; border-right: 1px solid #005d83; width: 50px; padding: 0px; }
.galleryOptions .next, .galleryOptions .next:hover { background: url(../images/gallery_right.png) no-repeat 50% 50%; right: 0px; border-left: 1px solid #005d83; width: 50px; padding: 0px; }
.galleryFocusImage { overflow: hidden; position: relative; width: 600px; }
    .galleryFocusImage .info { background: url(../images/transparent_white.png) repeat; position: absolute; bottom: 0px; left: 0px; width: auto; display: block; overflow: hidden; width: 580px; padding: 7px 10px; color: #272b39; }
        .galleryFocusImage .info h2 { padding: 0px 0 0px 0; margin: 0px; font-size: 18px; }
        .galleryFocusImage .info p { padding: 0px; margin: 0px; }

/* $ANIMATIONS */
@-moz-keyframes selectedSide {
    0% { background: #ebebeb; }

    100% { background: none; }
}

@-webkit-keyframes selectedSide {
    0% { background: #ebebeb; }

    100% { background: none; }
}

@-ms-keyframes selectedSide {
    0% { background: #ebebeb; }

    100% { background: none; }
}

@-moz-keyframes error {
    25% { left: -2px; }
    75% { left: 2px; }
    100% { left: 0px; }
}

@-webkit-keyframes error {
    25% { left: -2px; }
    75% { left: 2px; }
    100% { left: 0px; }
}

@-ms-keyframes error {
    25% { left: -2px; }
    75% { left: 2px; }
    100% { left: 0px; }
}

/* $CMS RESETS*/
.cms-modules, .cms-select { list-style-image: none; }

.order-min-value{  display: block;overflow: hidden;margin: 10px 0;  background: url(../images/basket_tooltip_error.png) 10px 50% no-repeat #ff7f7f;min-height: 30px;line-height: 30px;padding-left: 35px;color: #1b1b1b;border: 1px solid #8c0202; border-radius: 10px;}
.order-surcharge{  display: block;overflow: hidden;margin: 10px 0;  
                   background: url(../images/Warning_icon.png) 10px 50% no-repeat #FFF07F;
                   min-height: 30px;line-height: 30px;padding-left: 35px;color: #1b1b1b;border: 1px solid #8c0202; border-radius: 10px;}



table {
    width: 100%;
}
table tr td,
table tr th {
  padding: 0.5%;
  border: 1px solid #ccc;
  text-align: left;
}
table tr th {
  background: #ebebeb;
  background: rgba(0, 0, 0, 0.1);
  font-weight: bold;
}


    
.shareButtons a
{
	bottom: 7px;
}