/*



Theme Name: Surf Pacific Standard



Theme URI: http://www.surfpacific.com.au



Description: A WordPress theme designed and buildt by Surf Pacific.



Author: Surf Pacific



Author URI: http://www.surfpacific.com.au



Version: 2.0



*/







html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {



    margin: 0;



    padding: 0;



    border: 0;



    outline: 0;



    font-size: 100%;



    vertical-align: baseline;



    background: transparent;



}







body {



    font: normal 16px/23px "Calibri W01 Regular 904604", Arial, Helvetica, sans-serif;



    color: #333333;



}







body.home .background {



    background:url(images/bg-home.jpg) 50% 0 no-repeat;



}







body .background {



    background:url(images/bg-content.jpg) 50% 0 no-repeat;



}



/* for making contents Darker the text colour*/



p,li{

	font-weight: 600;

}



.dont-break-out {







  /* These are technically the same, but use both */



  overflow-wrap: break-word;



  word-wrap: break-word;







  -ms-word-break: break-all;



  /* This is the dangerous one in WebKit, as it breaks things wherever */



  word-break: break-all;



  /* Instead use this non-standard one: */



  word-break: break-word;







  /* Adds a hyphen where the word breaks, if supported (No Blink) */



  -ms-hyphens: auto;



  -moz-hyphens: auto;



  -webkit-hyphens: auto;



  hyphens: auto;







}



/*floating button on page*/



.floating_pointer:before {

    content: "\25bc";

    background-color: #eee;

    padding: 10px;

    position: fixed;

    top: 300px;

    right: 30px;

}





/*------------------------------------*\



    $GLOBAL



\*------------------------------------*/







.clr { clear: both }







.left { float: left }







.right { float: right }







.text-center { text-align: center; }







.text-right { text-align: right; }







.upper { text-transform: uppercase; }







.lower { text-transform: lowercase;}







.under { border-bottom: 1px solid; }







.spaced { letter-spacing: 2px; }







.grid { overflow: hidden; } 







.one-half, .one-third { float: left; }







.one-half { 



    width: 48%;



    margin-right: 4%;



}







.one-third {



   /* width: 58%;*/



    margin-right: 5%;



}







.two-thirds {



    width: 65%;



    margin-right: 5%;



}







.grid .last, .promo .last { margin-right: 0; } 







::-moz-selection, ::selection {



    background: #1dbdef;



    color: #fff;



    text-shadow: none;



}







p, ul, ol, blockquote, table, hr, .grid, .cta, .note, .highlight, .button, .promo, .banner, .subscribe { margin-bottom: 23px; } /* Give elements the same margin to create consistent vertical rhythm */







.no-mb { margin-bottom: 0; }







h1, h2, h3, h4, h5, h6 { font-weight: normal; }







.wf {



    font-family:'Calibri W01 Regular 904604';



    font-family:'Calibri W01 Italic 904613';



    font-family:'Calibri W01 Bold 904607';



    font-family:'Calibri W01 Bold Italic 904610';



}







i, em, .italic {



    font-style: normal;



    font-family:'Calibri W01 Bold Italic 904610';    



}







b, strong, h1, a {



    font-weight: normal;



    font-family:'Calibri W01 Bold 904607';



}







h1 {



    font-size: 30px;



    line-height: 40px;



    margin-bottom: 18px;



    color: #1363ac;



    text-transform: uppercase;



    text-align: center;



    display: table;



    margin: 34px auto;



}







h2 {



    font-size: 25px;



    line-height: 35px;



    margin-bottom: 18px;



    color: #1363ac;



}







h3 {



    font-size: 19px;



    line-height: 31px;



    margin-bottom: 18px;



    color: #899ece;



    font-style: normal;



    font-family:'Calibri W01 Italic 904613';



}







h4 {



    font-size: 19px;



    line-height: 29px;



    margin-bottom: 18px;



}







h5 {



    font-size: 12px;



    line-height: 26px;



    margin-bottom: 0px;



}







h6 {



    font-size: 14px;



    line-height: 23px;



    margin-bottom: 23px;



}







small { font-size: 12px; }







a:link, a:visited {



    text-decoration: none;



    color: #a1b2d8;



    font-weight: normal;



    -webkit-transition: all .1s linear;



       -moz-transition: all .1s linear;



        -ms-transition: all .1s linear;



         -o-transition: all .1s linear;



            transition: all .1s linear;



}







a:hover {



    color: #6580bf;



    text-decoration: underline;



    outline: none;



}







a:focus, a:active { outline: none }







input[type="submit"] {



    width: auto;



    padding: 12px 15px;



     



     



       



            



    cursor: pointer;



    border: none;



    color: #fff;



    font-weight: bold;



    text-transform: uppercase;



    background: #777;



}







input[type="submit"]:hover { background: #333 }







input, select, textarea {



    font-family: inherit;



    font-size: inherit; 



    border-top: 1px solid #d5d5d5;



    border-right: 1px solid #d5d5d5;



    border-bottom: 1px solid #b5b5b5;



    border-left: 1px solid #b5b5b5;



    padding: 3px 5px;



}







hr {



    border: solid #ccc;



    border-width: 1px 0 0 0;



    clear: both;



}







i.icons {



	background:url(images/sprite.png) 0 0 no-repeat;



	width:31px;



	height:31px;



	display: inline-block;



	vertical-align:top;



	padding-bottom: 10px;



}







i.icons.facebook {background-position: 0 -100px;}



i.icons.twitter {background-position: -50px -100px;}



/*------------------------------------*\



    $STRUCTURE



\*------------------------------------*/







.container {



    margin: 0 auto;



    width: 1100px;



}







.header {



    width: 1100px;



    overflow: hidden;



}







.top {



    width: 1100px;



    height: 89px;



    overflow: hidden;



    padding: 21px 0 20px 0;



}






/*
.contact {



    width: 25%;



}*/







.contact h2 {



    font-size: 18px;



    line-height: 20px;



    margin: 0;



    color: #1363ac;



}







.contact p {



    font-size: 14px;



    line-height: 20px;



    margin-bottom: 0;



    text-transform: none;



    color: #899ece;



}







.footer-bg {



    background:#1363ac;



}







.h1-bg {



    background: url(images/h1-bg.png) 0 0% no-repeat;



    height: 113px;



    display: table;



    margin: 0px auto 23px auto;



    padding: 0px 0px 0px 87px;



}







.content-home > .h1-bg {



    padding: 0px 0px 0px 87px;



}







.h1-bg h2 {



    margin: 0;



    font-size: 15px;



    letter-spacing: 10px;



    text-align: center;



    text-transform: uppercase;



    margin-right: 87px;



}







.content-home > .h1-bg h1 {



    margin: 0;



    margin-right: 87px;



}







.contact .grid-item { min-height: 1px; }







.contact .grid-item.one-third.last {



    width: 8%;



}







/*------------------------------------*\



    $CONTACT HEADER



\*------------------------------------*/







.contact img {



    margin: 17px 0;



}







/*------------------------------------*\



    $NAVIGATION




\*------------------------------------*/







.access {



    display: block;



    float: left;



    width: 1100px;



    margin-bottom: 11px;



}







.access .menu-header, div.menu {



    font-size: 12px;



    width: 1100px;



    height: 40px;



    background: #1363ac;



}







.access .menu-header ul, div.menu ul {



    list-style: none;



    margin: 0;



}







.access .menu-header li, div.menu li {



    float: left;



    position: relative;



    z-index: 500;



}







li#menu-item-13 {border-left: 1px solid #fff;}







/*------------------------------------*\



    $TOP LEVEL



\*------------------------------------*/







.access a {



    color: #fff;



    display: block;



    line-height: 40px;



    padding: 0 35px;



    text-decoration: none;



    text-transform: uppercase;



    border-right: 1px solid #fff;



    font-size: 15px;



}







/*------------------------------------*\



    $DROPDOWNS



\*------------------------------------*/







.access ul ul {



    display: none;



    position: absolute;



    top: 100%;



    left: 0;



    float: left;



    width: 326px;



    z-index: 99999;



    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);



       -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);



            box-shadow: 0px 5px 5px rgba(0,0,0,0.25);   



}







.access ul ul li { 



    min-width: 322px;



}







.access ul ul ul {



    left: 100%;



    top: 0;



}







.access ul ul a {



    background: #899ece;



    line-height: 40px;



    padding: 0 23px;



    width: 280px;



    height: auto;



    border-right: none;



}







.access li:hover > a {



    background: #899ece;



    color: #fff;



}







.access ul ul :hover > a {



    background: #6580bf;



    color: #fff;



}







.access ul li:hover > ul { display: block }







/*------------------------------------*\



    $CURRENT PAGE



\*------------------------------------*/







.access ul li.current_page_item > a, .access ul li.current-menu-ancestor > a, .access ul li.current-menu-item > a, .access ul li.current-menu-parent > a {



    background: #a1b2d8;



    color: #fff;



}







* html .access ul li.current_page_item a, * html .access ul li.current-menu-ancestor a, * html .access ul li.current-menu-item a, * html .access ul li.current-menu-parent a, * html .access ul li a:hover {



    background: #444;



    color: #fff;



}







/*------------------------------------*\



    $JQUERY FEATURED AREA



\*------------------------------------*/







.feature {



    width: 1100px;



    height: 400px;



    position: relative;



    margin-bottom: 23px;



}







.feature ul {



    list-style: none;



    width: 1100px;



    height: 400px;



    position: relative;



    z-index: 1;



}







.feature li {



    display: none;



    width: 1100px;



    height: 400px;



}







.feature .first { display: block }







.feature img {



    width: 1100px;



    height: 400px;



    position: absolute;



    z-index: 2;



}







.feature .text {



    position: absolute;



    bottom: 0px;



    z-index: 3;



    width: 100%;



    padding: 23px;



    text-align: center;



}







.feature h2 {



    color: #fff;



    text-transform: uppercase;



    font-size: 32px;



    line-height: 32px;



    margin-bottom: 10px;



}







.feature p {



    font-size: 17px;



    line-height: 35px;



    color: #fff;



    margin-bottom: 0;



}







.cycle-pager {



    position: absolute;



    bottom: 23px;



    right: 23px;



    z-index: 3;



}







.cycle-pager a {



    display: block;



    float: left;



    width: 13px;



    height: 13px;



    border-radius: 100%;



    cursor: pointer;



    background: #808080;



    border: 1px solid #fff;



    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);



         box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5); 



    margin-left: 5px;



}







.cycle-pager a:hover, .cycle-pager .activeSlide {



    background: #222;



}



.cycle-nav {



    position: absolute;



    z-index: 3;



    left: 0;



    width: 100%;



}







.cycle-nav { 



    top: 315px; 



    height: 28px;



}







.cycle-nav a {



    display: block;



    text-indent: -9999em;



    width: 52px;



    height: 42px;



    padding: 0 10px;



    background: url(images/cycle-nav.png) 50% 0 no-repeat;



}







a.cycle-next { background-position: 72% -43px; }







/*------------------------------------*\



    $PROMO



\*------------------------------------*/







.promo {



    overflow: hidden;



    padding: 23px 0;



}







.promo > div {



    float: left;



    width: 312px;



    margin-right: 21px;



}







.promo p {



    font-size: 12px;



    line-height: 19px;



    margin-bottom: 0;



}







.promo a {



    display: block;



    float: left;



    width: 312px;



    text-decoration: none;



    font-weight: normal;



}







.promo a:hover {



    color: inherit;



}







/*------------------------------------*\



    $MEDIA GRID 



    Displays a 3 column grid of content 



\*------------------------------------*/







.media-grid > div {



    margin-bottom: 23px;



}







.media-grid img {width: 100%;}







.media-grid h4 {



    line-height: 23px;



    margin-bottom: 0;



    text-transform: uppercase;



}







.media-grid p {



    font-size: 12px;



    line-height: 19px;



    margin-bottom: 0;



}







.media-grid a {



    display: block;



    float: left;



    width: 100%;



    text-decoration: none;



    font-weight: normal;



}







.media-grid a:hover {



    color: inherit;



}







/*------------------------------------*\



    $BANNER



\*------------------------------------*/







.banner {



    width: 1100px;



    height: 296px;



}



.banner > img {

    width: 1100px;

}



.map { height: 300px; }







/*------------------------------------*\



    $MAIN CONTENT AREA



\*------------------------------------*/







.main {



    width: 1100px;



    margin-bottom: 23px;



    overflow: auto;



}







.content {



    float: left;



    overflow: auto;



    width: 700px;



}







.content-full { width: 1100px }







.content-home {



    padding: 0 110px;



}







.content-right {



    float: right;



    width: 700px;



}







.breadcrumbs { 



    font-size: 12px;



    line-height: 23px;



}







.breadcrumbs a { color: #808080 }







.breadcrumbs a:hover { text-decoration: underline }







.breadcrumbs .current { color: #333 }







/*------------------------------------*\



    $CONTENT SPECIFIC TYPOGRAPHY



\*------------------------------------*/







.content p strong, .content li strong, .disclaimer strong { color: #666; font-style: normal; font-family:'Calibri W01 Bold 904607'; font-size:22px;} /* Make bold text slightly darker than the body copy */







.content table {



    border-top: 1px solid #d5d5d5;



    border-right: 1px solid #d5d5d5;



    border-collapse: collapse;



}







.content table th {



    color: #fff;



    background: #808080;



    padding: 5px 10px;



    text-align: left;



}







.content table td {



    border-bottom: 1px solid #d5d5d5;



    border-left: 1px solid #d5d5d5;



    padding: 5px 10px;



}







.content ul {



    list-style: disc;



    margin-left: 42px;



}







.content ol {



    list-style: decimal;



    margin-left: 42px;



}







.content li {



    margin-bottom: 14px;



}







/* Page lists display with [child-pages] */







ul.child-pages {



    font-size: 16px;



}







ul.child-pages li { 



    margin-bottom: 0;



}







ul.child-pages a { 



    display: block; 



    padding: 10px 5px;



}







blockquote {



    border: double #d5d5d5;



    border-width: 4px 0;



    padding: 23px;



    font-size: 16px;



    line-height: 26px;



    text-align: center;



}







blockquote p { margin: 0 }







.pullquote {



    text-align: center;



    font-size: 21px;



    line-height: 31px;



    width: 33%;



    float: right;



    margin: 0 0 1em 1em;



}







.pullquote.left { margin: 0 1em 1em 0; }







.disclaimer p {



    font-size: 16px;



    line-height: 20px;



    /*padding: 0 110px;*/



}







/*------------------------------------*\



    $SHORTCODES



\*------------------------------------*/







/* Styling for [cta] shortcode */







.cta {



    clear: both;



    background: #899ece;



       -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



     -opera-border-radius: 5px;



     -khtml-border-radius: 5px;



            border-radius: 5px;



    -webkit-transition: all .25s ease-in-out;



       -moz-transition: all .25s ease-in-out;



            transition: all .25s ease-in-out;



}







.cta:hover { background: #1363ac;}







.cta p { margin-bottom: 0; }







.cta a {



    color: #fff;



    text-shadow: 0 1px 0 rgba(0,0,0,0.25);



    display: block;



    padding: 23px;



    text-align: center;



}







.cta a:hover { text-decoration: none }







/* Styling for [note] shortcode */







.note {



    padding: 10px 15px;



    background: #fcffc5;



    border: 1px solid #fbffa3;



}







.note p {



    color: #555;



    margin: 0;



}







/* Styling for [highlight] shortcode */







.highlight {



    padding: 10px 15px;



    background: #A9E8FA;



    border: 1px solid #79dbf7;



}







.highlight p {



    color: #555;



    margin: 0;



}







/* 



    Styling for [button] shortcode 



    Example: [buttton]<a href="#">Button text</a>[/button]



*/







.button {



    overflow: hidden;



    clear: both;



}







.button a {



    padding: 5px 15px;



    display: block;



    float: left;



    margin: 0 10px 0 0;



    background: #808080;



    color: #fff;    



    -webkit-border-radius: 3px;



     -opera-border-radius: 3px;



     -khtml-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 3px;



}







.button a:hover {



    text-decoration: none;



    background: #444;



}







.button a:active {



    -moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);



         box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);



}











/*------------------------------------*\



    $BLOG



\*------------------------------------*/







.post-divider {



    display: block;



    height: 1px;



    background: #ccc;



    margin-bottom: 23px;



}







.post-meta { margin-bottom: 23px; }







.post-meta p {



    font-size: 12px;



    line-height: 19px;



    margin-bottom: 0;



}







a.more-link {



    display: block;



    clear: both;



    margin: 14px 0;



    float: right;



    padding: 5px 10px;



    background: #808080;



    color: #fff;



    font-size: 12px;



    text-transform: uppercase;



}







a.more-link:hover {



    background: #454545;



    text-decoration: none;



}







.post-navigation {



    overflow: auto;



    border-top: 1px solid #d5d5d5;



    font-size: 12px;



    text-transform: uppercase;



    padding: 14px 0;



}







.archive-navigation {



    display: block;



    clear: both;



    padding: 14px 0;



    text-align: center;



    border-top: 1px solid #d5d5d5;



}







.archive-navigation span, .archive-navigation a {



    padding: 3px 6px;



    font-size: 12px;



    border: 1px solid #d5d5d5;



    -webkit-border-radius: 2px;



     -opera-border-radius: 2px;



     -khtml-border-radius: 2px;



       -moz-border-radius: 2px;



            border-radius: 2px;



    



}







.post-share {



    border: dashed #d5d5d5;



    border-width: 1px 0;



    padding: 11px 11px 0 11px;



    margin-bottom: 23px;



}







.post-share h5 {



    float: left;



    font-weight: bold;



    margin: 0 10px 0 0;



    font-size: 12px;



    text-transform: uppercase;



    line-height: 23px;



}







/*------------------------------------*\



    $COMMENTS



\*------------------------------------*/







#respond {



    background: #f5f5f5;



    border: 1px solid #d5d5d5;



    padding: 14px;



    position: relative;



    margin-bottom: 23px;



    color: #666;



    overflow: hidden;



}







#respond input, #respond textarea {



    display: block;



    clear: both;



}







#respond input {



    width: 50%;



    padding: 5px;



}







#respond textarea {



    width: 80%;



    padding: 5px 10px;



}







#respond label {



    font-weight: bold;



    color: #555;



}







#respond p { margin-bottom: 15px; }







#respond input#submit {



    width: auto;



    padding: 10px 15px;



}







.form-allowed-tags {



    font-size: 12px;



    line-height: 18px;



}







ol.commentlist {



    margin: 0;



    padding: 0;



}







ol.commentlist .comment-body {



    padding: 10px;



    background: #EFEFEF;



    border: solid thin #DEDEDE;



    margin: 10px 0;



    position: relative;



}







ol.comment-body a.comment-reply-link {



    position: absolute;



    top: 10px;



    right: 10px;



    color: #AEAEAE;



}







ol.commentlist li {



    list-style: none;



    margin: 0 0 5px 0;



}







ol.commentlist .thread-even { background: #f5f5f5 }







ol.commentlist .thread-odd { background: #e5e5e5 }







ol.commentlist img.avatar {



    padding: 5px;



    background: #fff;



    border: 1px solid #ccc;



    float: left;



    display: block;



    margin: 10px 15px 10px 10px;



    width: 40px;



    height: 40px;



}







ol.commentlist .comment-author {



    font-size: 11px;



    line-height: 30px;



}







.comment-body cite.fn {



    font-size: 14px;



    font-style: normal;



}







.commentmetadata a {



    margin: 0;



    font-size: 11px;



    color: #999;



}







.comment-body p { margin: 5px }







.comment-body .comment-author.vcard {



    margin: 0;



    font-size: 11px;



}







.comment-author, .comment-content { margin: 0 }







.reply {



    text-align: right;



    display: block;



    font-size: 12px;



    padding: 0 7px 5px 0;



}







.comment-content { margin-left: 77px; }





/*------------------------------------*\



    contact form page



\*------------------------------------*/





body .gform_wrapper ul li.gfield {

    margin-top: 0px !important;

}

.gform_body {

    margin-top: -20px !important;

}

.content li {

     margin-bottom: 0px !important;

}

/*------------------------------------*\



    $CONTENT IMAGES



\*------------------------------------*/







img.alignright {



    float: right;



    margin: 0 0 23px 23px;



    background: #fff;



    padding: 8px;



    border: 1px solid #ddd;



}







img.alignleft {



    float: left;



    margin: 0 23px 23px 0;



    padding: 8px;



    border: 1px solid #ddd;



}







img.aligncenter {



    display: block;



    margin: 0 auto 23px auto;



    padding: 8px;



    border: 1px solid #ddd;



}







img.alignnone {



    display: block;



    margin-bottom: 23px;



    padding: 8px;



    border: 1px solid #ddd;



}







a img.alignright {



    float: right;



    margin: 0 0 23px 23px;



}







a img.alignleft {



    float: left;



    margin: 0 23px 23px 0;



}







a img.aligncenter {



    display: block;



    margin: 0 auto 23px auto;



}







a img.alignnone {



    display: block;



    margin-bottom: 23px;



}







.wp-caption {



    margin-bottom: 23px;



    padding: 8px;



    border: 1px solid #ddd;



}







.wp-caption img {



    border: none;



    margin: 0;



    padding: 0;



}







.wp-caption p.wp-caption-text {



    font-size: 12px;



    line-height: 17px;



    margin: 5px 0 0 0;



    padding: 10px 0 5px 0;



    text-align: center;



}







#gallery-1 img {



    border: 1px solid #d5d5d5 !important;



    background: #fff;



    padding: 6px;



}







#gallery-1 img:hover { border: 1px solid #808080 !important }







#sb-wrapper-inner { border: 10px solid #fff !important; }







/*------------------------------------*\



    $CONTACT BTN



\*------------------------------------*/







body .gform_wrapper .gform_footer input[type=submit] {



    width: auto;



    padding: 10px 15px;



    -webkit-border-radius: 3px;



     -opera-border-radius: 3px;



     -khtml-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 40px;



    cursor: pointer;



    border: none;



    color: white;



    font-weight: bold;



    text-transform: uppercase;



    background: #004c91;



    float: left;



    margin: 0;



}







body .gform_wrapper .gform_footer input[type=submit]:hover {



    background: #003a6f;



}







/*------------------------------------*\



    $RIGHT SIDEBAR



\*------------------------------------*/







.sidebar {



    float: right;



    width: 313px;



}







.sidebar > div, .sidebar-blog > div { margin-bottom: 23px; }







.sidebar h3 {



    text-transform: uppercase;



    margin: 0 0 14px 0;



}







.sidebar ul {



    list-style: none;



}







.island {



    padding: 23px;



    background-color: #1363ac;



    color: #fff;



    overflow: auto;



}







.island img {



    width: 100%;



    margin: 0 0 11px 0;



}







.island h3, .island p { color: inherit; }







.list {



    padding: 15px;



}







.list ul {



    list-style-type: none;



    margin: 0;



}







.list li {



    border-top: 2px dashed #b2b2b2;



    font-size: 12px;



}







.list li:first-child {



    border-top: none;



}







.list a {



    display: block;



    padding: 5px;



    font-size: 16px;



    text-align: center;



    font-style: normal;



    font-family:'Calibri W01 Italic 904613';



}







.list a:hover, .list .current_page_item a { text-decoration: none; }







.list, .sidebar-form h2 {



    font-size: 15px;



    text-align: center;



    color: #1363ac;



    text-transform: uppercase;



    margin: 0;



}







.list, .sidebar-form h3 {



    text-align: center;



    font-size: 25px;



    color: #1363ac;



    font-style: normal;



    font-family:'Calibri W01 Regular 904604';



}







body .form-basic .gform_wrapper .gform_body .gform_fields .gfield input, body .form-basic .gform_wrapper .gform_body .gform_fields .gfield textarea {



    padding: 10px !important;



    color: #555 !important;



    width: 291px !important;



}







body .form-basic .gform_wrapper .gform_body .gform_fields .gfield input[type="submit"] {







}







.search {



    border: 1px solid #d5d5d5;



    -webkit-border-radius: 20px;



     -opera-border-radius: 20px;



     -khtml-border-radius: 20px;



       -moz-border-radius: 20px;



            border-radius: 20px;



}







#s {



    display: block;



    width: 85%;



    padding: 5px 10px 5px 30px;



    color: #777;



    border: none;



    background: url(images/icon-search.png) 10px 50% no-repeat;



    -webkit-border-radius: 20px;



     -opera-border-radius: 20px;



     -khtml-border-radius: 20px;



       -moz-border-radius: 20px;



            border-radius: 20px;



}







#s:focus {



    background-color: #fff;



    outline: none;



}







#searchsubmit { display: none }







a.rss {



    display: block;



    -webkit-border-radius: 3px;



     -opera-border-radius: 3px;



     -khtml-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 3px;



    padding: 5px 10px 5px 30px;



    background: #FF6200 url(images/icon-rss.png) 10px 50% no-repeat;



    color: #fff;



    text-transform: uppercase;



    text-shadow: 0 1px 0 rgba(0,0,0,0.25);



    font-size: 12px;



}







a.rss:hover {



    background-color: #ee5b00;



    text-decoration: none;



}







/*------------------------------------*\



    $LEFT SIDEBAR



\*------------------------------------*/







.sidebar-left {



    float: left;



    width: 280px;



}







.contact-details {



    border: solid #d5d5d5;



    border-width: 1px 1px 0 1px;



    margin-bottom: 23px;



}







.contact-details div {



    padding: 15px 15px 15px 45px;



    border-bottom: 1px solid #d5d5d5;



}







.sidebar-left h4 {



    font-size: 14px;



    line-height: 14px;



    font-weight: bold;



    text-transform: uppercase;



    margin: 0 0 5px 0;



    color: #333;



}







.sidebar-left p {



    font-size: 13px;



    line-height: 18px;



    margin: 0;



}







.sidebar-left p + p { margin: 10px 0 0 0 }







.sidebar-left hr {



    color: #fff;



    background-color: #fff;



    border-bottom: 1px solid #d5d5d5;



    margin: 0 0 10px 0;



    height: 1px;



    border-style: solid;



    border-width: 1px;



    margin-left: -15px;



    margin-right: -15px;



}







.contact-phone { background: url(images/icon-phone.png) 15px 15px no-repeat }







.contact-fax { background: url(images/icon-fax.png) 15px 15px no-repeat }







.contact-email { background: url(images/icon-email.png) 15px 15px no-repeat }







.contact-address { background: url(images/icon-location.png) 15px 15px no-repeat }







.contact-hours { background: url(images/icon-hours.png) 15px 15px no-repeat }







.contact-payment { background: url(images/icon-payment.png) 15px 15px no-repeat }







/*------------------------------------*\



    $NEWSLETTER SUBSCRIPTION



\*------------------------------------*/







.subscribe {



    width: 950px;



    height: 30px;



    padding: 25px 15px;



    background: url(images/subscribe-logo.png) 2% 45% no-repeat #1363ac;



    float: left;



}







.subscribe h6 {



    float: left;



    font-weight: bold;



    color: #fff;



    line-height: 30px;



    font-size: 16px;



    margin: 0 20px 0 40px;



}







.subscribe span {



    padding-left: 10px;



}







.subscribe > div { float: right }







.subscribe form { height: 30px }







.subscribe form input {



    float: left;



    border: 1px solid #004c91;



    width: 135px;



    background: #1e74c2;



    padding: 5px;



    float: left;



    color: #fff;



    margin: 0 5px 0 0;



}







.subscribe input.btn-subscribe {



    float: left;



    width: 60px;



    height: 31px;



    padding: 5px 0;



    background: #004c91;



    color: #fff;



    text-transform: uppercase;



    font-size: 11px;



    font-weight: bold;



    text-align: center;



    text-shadow: 0 1px 0 rgba(0,0,0,.25);



    -webkit-appearance: none; /* Remove iOS default styles */



}







.subscribe input.btn-subscribe:hover {



    background: #003a6f;



    cursor: pointer;



}







/*------------------------------------*\



    $FOOTER



\*------------------------------------*/



.footer {



    clear: both;



    overflow: auto;



    padding: 15px 0;



    text-align: center;



    background:#1363ac;



}







.footer p, .footer a {



    font-size: 18px;



    color: #fff;



}







.footer a:hover { color: #fff }







.footer-nav { 



    margin-bottom: 14px;



}







.footer-nav a {



    font-weight: bold;



    text-transform: uppercase;



    margin: 0 13px;



}







.table {



    margin: 0 auto;



    display: table;



}







.footer ul {



    list-style-type: none;



    margin: 0 auto;



    text-align: left;



}







.footer ul li { float: left; }







.footer ul li ul { margin-top: 10px; }







.footer ul li ul li {
    float: none;
    margin-top: 5px;
    display: block;
}

/*css for hide 3 images on right side of most page*/

ul.fade {

    display: none;

}



.footer ul li ul li a {



    text-transform: none;



    font-size: 16px;



    line-height: 18px;



}







.copyright p { margin-bottom: 0; }







.copyright a { font-weight: normal; }







/*------------------------------------*\



    $ACCORDION LIST



\*------------------------------------*/







.list-accordion { margin-bottom: 1.618em;}







.list-accordion-title { 



	font-size: 1em;



	margin-bottom: 0;



	border-bottom: 1px solid #fff; 



}







.list-accordion-title.open { border-bottom: none; }







.list-accordion-title a { 



	display: block; 



	position: relative; 



	display: block; 



	padding: 0.625em 1em;



	background-color: #899ece;



	color: #fff;



}







.list-accordion-content { padding: 1em 1em 0 1em; }







.list-accordion-title a:hover {



	background-color: #1363ac;



	text-decoration: none;



}
p strong em {
	font-size: 22px;
}
p strong {
	font-size: 22px;
}
.floating_pointer {
    display: none;
}
h3 strong {
    font-size: 22px;
}
.custom_size {
	font-size: 22px;
}
/*Top address width*/
.contact.right.text-right {
    width: 25% !important;
}