* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#333333; background-color:#ffffff; margin:50px 0 0 0;}
h1,h2,h3,h4,h5,h6 {margin:4px 0; font-family:inherit; font-weight:bold; color:#3c3c3c; text-rendering:optimizelegibility;}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:13px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:8px;}
p {font-size:12px; margin:4px 0;}
a {color:#3e90e4; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:focus {outline:none;}
ul,ol,ul ul,ol ul,ul ol,ol ol {margin:0; padding:0;}
button:focus {outline:none;}
button {background-image:none; margin:0; text-transform:none; -webkit-appearance:button;}
img {vertical-align:middle;}

.tablet {display:none; !important;}
.desktop {display:none; !important;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix {*zoom:1;}
.clearfix:before,
.clearfix:after {display:table; line-height:0; content:"";}
.clearfix:after {clear:both;}
.list-unstyled {padding-left:0; list-style:none;}
.list-inline {padding-left:0; list-style:none;}
.list-inline > li {display:inline-block; padding-right:5px; padding-left:5px;}
.red {color:#b00000;}
.fling_red {color:#56100f;}
.grey {color:#777;}
.grey_arrow {color:#aaa;}
.no-margin {margin:0px;}
.reg-free {color:#3e90e4; cursor:pointer;}
.reg-free:hover {text-decoration:underline; color:#56100f;}
.bold {font-weight:bold;}
.container {padding:0 10px;}
.hide {display:none;}
.text-ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*********** Header Content ***********/
#header-wrap {position:fixed; top:0; right:0; left:0; height:40px; z-index:1030; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);}
#header-inner {width:100%;}
#header #logo {float:left; margin:2px 10px; width:56px; height:33px;}
#header-login-pre, #header-register-pre {color:#e1e1e1;}
#header-login, #header-register {color:#333; background-color:#e1e1e1; border-color:#aeaeae; border-radius:4px; padding:4px 6px;}
#header ul li {float:left; font-weight:bold; margin:9px 10px 0 0; line-height:20px;}
#header ul li a {text-decoration:none; color:#333;}

/*********** Breadcrumb Content ***********/
#breadcrumb-wrap {float:left; width:100%; margin:8px 0; padding:0 5px; background-color:#efefef; border-radius:5px;}
.breadcrumb {float:left; padding:2px 7px; list-style:none; text-align:left;}
.breadcrumb li {float:left; padding-right:2px;}
.beradcrumb li a {text-decoration:none;}
.breadcrumb .active {color:#aaa;}
.rightcrumb {float:right;}

/*********** Footer ***********/
#footer-wrap {background-color:#f0f0f0; margin:10px 0 0 0; padding:0 10px; font-size:11px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; color:#222; line-height:20px; text-align:left; clear:both;}
#footer-container {width:100%; margin:0 auto;}
#ft_left {zoom:1; text-align:left; padding:5px 0;}
#ft_left .disclaimer {width:100%; font-size:10px; color:#888; margin:6px 0 0 0; line-height:normal; text-align:left;}
#ft_mid {border-top:1px solid #aaa; margin:5px 0; padding:5px 0;}
#ft_mid_left, #ft_mid_right {display:inline-block; margin-right:15px;}
#ft_mid .ft_links li a {text-decoration:none; color:#222;}
#ft_mid .ft_links li a:hover {color:#b90000;}
#ft_right {border-top:1px solid #aaa; zoom:1; padding:5px 0;}
#ft_right #social_footer {min-width:204px; padding-bottom:16px;}
#ft_right #label {margin:1px 6px 0 0; color:#555; font-weight:bold;}
#ft_right #gplus {position:relative; top:7px;}
#ft_right #tw_link, #ft_right #yt_link, #ft_right #gplus_link {margin-left:7px;}

@media only screen and (min-width:768px) {
    .mobile {display:none;}
    .tablet {display:inline-block;}
}

@media only screen and (min-width:1000px) {
    h1 {font-size:26px;}
    h2 {font-size:22px;}
    h3 {font-size:16px;}
    h4 {font-size:14px;}
    h5 {font-size:12px;}
    h6 {font-size:10px;}
    p {font-size:14px; margin:5px 0;}

    .desktop {display:inline-block;}
    .container {width:992px; margin:0 auto; padding:0;}
    .breadcrumb {font-size:14px; padding:10px 0;}
    .breadcrumb li {padding-right:6px;}
    .rightcrumb {font-size:14px; padding:10px 0;}

    /*********** Header ***********/
    #header {padding:0 5px;}
    #header-inner {width:992px; margin:0 auto;}
    #header #logo {margin:2px 0;}
    #header-login-pre, #header-register-pre {text-decoration:none; color:#f4f4f4;}
    #header-login, #header-register {text-decoration:underline; color:#f4f4f4; background-color:#56100f; }
    #header ul li {background-color:#56100f; color:#f4f4f4; padding:0; margin:0 0 0 36px; height:40px; line-height:40px;}

    /*********** Register ***********/
    #register_popup_iframe {width:400px; height:505px; margin-left:20px; float:left;}
    #join-free {background:transparent url('/local/includes/images/guarantee_badge.jpg') no-repeat right bottom;}
    #join-free div {text-align:center; padding:10px 0px 5px 0px;}
    #join-free img {max-height:190px;}
    #join-free p {font-size:15px; font-weight:bold; text-align:center; border-bottom:1px solid #ddd;}
    #cboxContent {border-radius:8px;}

    /*********** Tooltip ***********/
    .tooltip {position:absolute; z-index:1030; display:block; max-width:160px; font-size:12px; line-height:1.4; opacity:0; filter:alpha(opacity=0); visibility:visible;}
    .tooltip.in {opacity:0.9; filter:alpha(opacity=90);}
    .tooltip.top {padding:5px 0; margin-top:-3px;}
    .tooltip.right {padding:0 5px; margin-left:3px;}
    .tooltip.bottom {padding:5px 0; margin-top:3px;}
    .tooltip.left {padding:0 5px; margin-left:-3px;}
    .tooltip-inner {max-width:200px; padding:5px 16px; color:#ffffff; text-align:center; text-decoration:none; background-color:#000000; border-radius:4px;}
    .tooltip-arrow {position:absolute; width:0; height:0; border-color:transparent; border-style:solid;}
    .tooltip.top .tooltip-arrow {bottom:0; left:50%; margin-left:-5px; border-top-color:#000000; border-width:5px 5px 0;}
    .tooltip.top-left .tooltip-arrow {bottom:0; left:5px; border-top-color:#000000; border-width:5px 5px 0;}
    .tooltip.top-right .tooltip-arrow {right:5px; bottom:0; border-top-color:#000000; border-width:5px 5px 0;}
    .tooltip.right .tooltip-arrow {top:50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0;}
    .tooltip.left .tooltip-arrow {top:50%; right:0; margin-top:-5px; border-left-color:#000000; border-width:5px 0 5px 5px;}
    .tooltip.bottom .tooltip-arrow {top:0; left:50%; margin-left:-5px; border-bottom-color:#000000; border-width:0 5px 5px;}
    .tooltip.bottom-left .tooltip-arrow {top:0; left:5px; border-bottom-color:#000000; border-width:0 5px 5px;}
    .tooltip.bottom-right .tooltip-arrow {top:0; right:5px; border-bottom-color:#000000; border-width:0 5px 5px;}

    /*********** Footer ***********/
    #footer-wrap {width:100%; height:160px; margin:20px 0 0 0; border:none;}
    #footer-container {width:992px; padding-top:20px;}
    #ft_left {width:35%; float:left; zoom:1; text-align:left;}
    #ft_left .disclaimer {width:100%; font-size:10px; color:#888; margin:6px 0 0 0; line-height:normal; text-align:left;}
    #ft_mid {width:35%; float:left; padding:0 0 0 50px; border:none;}
    #ft_mid_left, #ft_mid_right {display:inline-block; margin-right:15px;}
    #ft_mid .ft_links li a {text-decoration:none; color:#222;}
    #ft_mid .ft_links li a:hover {color:#b90000;}
    #ft_right {width:30%; float:right; zoom:1; border:none;}
    #ft_right #social_footer {min-width:204px; padding-bottom:16px;}
    #ft_right #label {margin:1px 6px 0 0; color:#555; font-weight:bold;}
    #ft_right #gplus {position:relative; top:5px;}
    #ft_right #tw_link, #ft_right #yt_link, #ft_right #gplus_link {margin-left:7px;}
}
