/* --market colors-- */
.dominant { background-color: #EC1B23 !important; }
.dominant-color { color: #EC1B23 !important; }
.dominant-border { border-color: #EC1B23 !important; }
.alternate { background-color: #F4811E !important; }
.alternate-border { border-color: #F4811E !important; }
.accent { background-color: #8FA83D !important; }
.accent-color { color: #8FA83D !important; }
.darkNeutral { background-color: #DBAE26 !important; }
.darkNeutral-color { color: #DBAE26 !important; }
.lightNeutral { background-color: #FFCA03 !important; }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside
,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary
,time,mark,audio,video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
}

.clearAll {
    height: 0;
    clear: both;
}

body {
 font: normal 16px/19px Arial, sans-serif;
 line-height: 1;
}

ol,ul {
 list-style: none;
}

blockquote,q {
 quotes: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

a:not(.btn) {
 color: #2222bf;
 text-decoration: none;
}

a:not(.btn):hover {
 text-decoration: underline;
}

/* buttons */
.btn {
 background: #ddd;
 border-radius: 5px;
 cursor: pointer;
 padding: 2px 10px;
 text-transform: uppercase;
 color: #fff;
 text-decoration: none;
}

.btn.primary {
 background-color: #70bd65;
 background-image: -moz-linear-gradient(center top, #70bd65 30%, #4e9b43 80%);
 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #70bd65), color-stop(80%, #4e9b43));
 background-image: -webkit-linear-gradient(top, #70bd65 30%, #4e9b43 80%);
 background-image: linear-gradient(center top, #70bd65 30%, #4e9b43 80%);
 border-color: #3d8a32;
 color: #fff;
 text-shadow: -1px -1px 1px #3d8a32;
 border-radius: 5px 5px 5px 5px;
}

.btn.primary:hover {
 background-color: #81ce76;
 background-image: -moz-linear-gradient(center top, #81ce76 30%, #5fac54 80%);
 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(30%, #81ce76), color-stop(80%, #5fac54));
 background-image: -webkit-linear-gradient(top, #81ce76 30%, #5fac54 80%);
 background-image: linear-gradient(center top, #81ce76 30%, #5fac54 80%);
 text-decoration: none;
}

.btn.secondary {
 background-color: #222;
 background-image: -moz-linear-gradient(top, #222 30%, #000 80%);
 background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #222), color-stop(80%, #000));
 background-image: -webkit-linear-gradient(top, #222 30%, #000 80%);
 background-image: linear-gradient(top, #222 30%, #000 80%);
 box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.1) inset;
 text-shadow: none;
 border-color: #000;
 text-decoration: none;
 color: #fff;
}

.btn.secondary:hover {
 background-color: #444;
 background-image: -moz-linear-gradient(top, #444 30%, #222 80%);
 background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #444), color-stop(80%, #222));
 background-image: -webkit-linear-gradient(top, #444 30%, #222 80%);
 background-image: linear-gradient(top, #444 30%, #222 80%);

}

.btn.tertiary {
 background-color: #ccc;
 background-image: -moz-linear-gradient(top, #ccc 30%, #aaa 80%);
 background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ccc), color-stop(80%, #aaa));
 background-image: -webkit-linear-gradient(top, #ccc 30%, #aaa 80%);
 background-image: linear-gradient(top, #ccc 30%, #aaa 80%);
 text-shadow: none;
 text-decoration: none;
}

.btn.tertiary:hover {
 background-color: #ddd;
 background-image: -moz-linear-gradient(top, #ddd 30%, #bbb 80%);
 background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ddd), color-stop(80%, #bbb));
 background-image: -webkit-linear-gradient(top, #ddd 30%, #bbb 80%);
 background-image: linear-gradient(top, #ddd 30%, #bbb 80%);
 text-shadow: none;
 text-decoration: none;
}

.btn.search {
 color: #fff;
 cursor: pointer;
}

.btn.refer {
 border-radius: 5px;
 box-shadow: none;
 font-size: 15px;
 font-weight: bold;
 font-variant: small-caps;
 padding: 5px 20px;
 color: #fff;
 text-shadow: -1px -1px 0 rgba(0,0,0,.1);
 text-decoration: none;
 float: left;
 letter-spacing: 1px;
}

.btn.account {
 background-color: #222;
 color: #fff;
 display: block;
 margin: 5px 20px;
 padding: 2px;
 box-shadow: 1px 1px 2px rgba(255,255,255,0.4) inset, -1px -1px 1px rgba(0,0,0,0.1) inset;
 cursor: pointer;
 font-size: 14px;
 text-decoration: none;
 text-align: center;
 border-radius: 5px 5px 5px 5px;
}

#email {
 position: absolute;
 left: 0;
 top: 0;
 color: #fff;
 width: calc(100% - 10px);
 padding: 3px 5px;
 text-align: right;
 white-space: nowrap;
}

#email .btn.refer {
 vertical-align: middle;
}

#email form {
 display: inline-block;
 vertical-align: middle;
 margin-top: 2px;
}

#email form .btn {
 height: 20px;
 vertical-align: middle;
}

#email input[type="text"] {
 width: 12vw;
 margin-left: 1vw;
 vertical-align: middle;
 border: none;
 border-radius: 5px 0 0 5px;
 height: 20px;
 padding: 0 5px;
 box-shadow: 1px 1px 3px rgba(0,0,0,.3) inset;
}

#email .btn.search {
 border: none;
 border-radius: 0 5px 5px 0;
 height: 19px;
 font-size: 0;
 text-indent: -9999px;
 background: transparent url('/theme/cl_tampa/img/new/sprites.png') no-repeat 0 0;
}

#email span:not(.barker) {
 display: block;
 max-width: 1100px;
 margin: 0 auto;
 font-size: 12px;
 vertical-align: middle;
}

#hdrHldr {
 width: 100%;
 height: 120px;
 background: transparent url("/theme/cl_tampa/img/new/header.png") repeat-x center 26px;
 padding-top: 26px;
 display: block;
 }

#header {
 margin: auto;
 max-width: 1100px;
 text-align: left;
 height: 120px;
}

#header .masthead {
 float: left;
 height: 120px;
 width: 65%;
 max-width: 700px;
 display: table;
 vertical-align: middle;
}

#header .masthead img {
    width: 100%;
    height: auto;
}

#header .masthead a {
    display: table-cell;
    vertical-align: middle;
}

#header h1,
#header #certificates .certificate .content h2,
#certificates .certificate .content #header h2 {
 float: left;
 width: 50%;
 height: 65px;
 font-family: "Arial Black", sans-serif;
 font-size: 0;
 text-indent: -999px;
/* background-image: url("/theme/cl_tampa/img/new/logo-header-700x65.png");
 background-repeat: no-repeat;
 background-position: left center;
*/ 
 color: #fff;
 margin-top: 6px;
}

#header h1 em,
#header #certificates .certificate .content h2 em,
#certificates .certificate .content #header h2 em {
 color: #fdc80a;
 margin-right: -20px;
}

#header h1 {
 cursor: pointer;
 display: none;
 vertical-align: middle;
}

#header h2 {
 clear: left;
 float: left;
 color: #fff;
 font: bold 38px/41px "Arial Black", Arial, sans-serif;
 letter-spacing: 1px;
 margin-left: 10px;
}

#header .right {
 float: right;
 text-align: right;
 margin: 20px 10px 0 0;
 position: relative;
}

#header .right a.refer {
 margin: 6px 0 0 45px;
 float: left;
}

#header #cartIcon {
 display: block;
 height: 28px;
 width: 33px;
 background: transparent url('/theme/cl_tampa/img/new/sprites.png') no-repeat -30px 0;
 font: normal 8px/20px Arial, sans-serif;
 color: #fff;
 text-decoration: none;
 float: right;
 text-align: center;
 padding-left: 2px;
 margin: 26px 0 0 20px;
 z-index: +1
}

#header .right h2 {
 color: #fff;
 text-transform: uppercase;
 font-size: 40px;
 font-weight: bold;
 margin-top: 15px;
}

#header .right ul.actions {
 float: right;
 margin-top: 9px;
}

#header .right ul.actions li {
 display: inline-block;
 zoom: 1;
 position: relative;
}

#header .right ul.loggedInOptions {
    font-size: 0;
}

#header .right ul.actions li a {
 display: inline-block;
 text-decoration: none;
 text-transform: uppercase;
 margin: 0 10px;
 font: bold 15px/26px Arial, sans-serif;
 font-variant: small-caps;
 color: #fff;
 background: #fff;
 padding: 0 20px;
 position: relative;
}


#header .right ul.actions li a {
 padding: 0 28px 0 10px;
 letter-spacing: -1px;
}

#header .right ul.actions li a.btn.register {
  padding: 0 10px;
}

#header .right ul.actions li .legend {
 font: bold 11px/12px Arial, sans-serif;
 color: #fff;
 margin-bottom: 5px;
}

.logged_in #header .right ul.actions li .legend {
 text-align: right;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 width: 130px;
 margin-right: 10px;
}

#header .right ul.actions li a.login span.sprite.userIcon {
 display: inline-block;
 height: 19px;
 width: 18px;
 text-indent: -9999px;
 background: transparent url('/theme/cl_tampa/img/new/sprites.png') no-repeat -95px 0;
 position: absolute;
 right: 5px;
 top: 4px;
}

#header .right ul.actions li:last-child a {
 margin-right: 0;
}

.logged_in #header .right {
    width: auto;
    text-align: right;
    margin-top: 10px;
}

.logged_in #header #cartIcon {
    margin: 0;
    position: absolute;
    top: 31px;
    right: 15px;
}

.logged_in #header ul.loggedInOptions {
    width: 120px;
    white-space: nowrap;
    text-align: left;
    padding: 5px 5px 5px 10px;
    border-radius: 5px;
    float: right;
}

.logged_in #header .legend {
    float: right;
}

.logged_in #header ul.loggedInOptions.two {
    background-color: #ddd;
}

.logged_in #header .right ul.actions .dropdown ul.loggedInOptions li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 40px;
}

.logged_in #header .right ul.actions .dropdown a.icon {
    display: inline-block;
    height: 28px;
    width: 28px;
    padding: 0;
    margin: 0;
    font: normal 0/0 sans-serif;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url('/theme/cl_tampa/img/new/sprites.png') no-repeat 0 0;
}

.logged_in #header .right ul.actions .dropdown a.icon.certs {
    background-position: -30px -56px;
    width: 30px;
}

.logged_in #header .right ul.actions .dropdown a.icon.history {
    background-position: -30px -112px;
    width: 36px;
}

.logged_in #header .right ul.actions .dropdown a.icon.credits {
    background-position: -30px -140px;
    width: 39px;
}

.logged_in #header .right ul.actions .dropdown a.icon.info {
    background-position: -30px -28px;
    width: 28px;
}

.logged_in #header .right ul.actions .dropdown a.icon.logout {
    background-position: -30px -84px;
    width: 26px;
}





.flash_container {
 display: none;
}

.flash {
 position: relative;
 margin: 10px auto 15px auto;
 text-align: left;
 border-radius: 5px 5px 5px 5px;
 padding-left: 10px;
}

.flash p {
 margin: 0;
 padding: 9px 10px 10px 30px;
}

.flash.notice {
 background-color: #fdc80a;
 background-image: -moz-linear-gradient(top, #fdc80a 0%, #dba600 100%);
 background-image: -webkit-linear-gradient(top, #fdc80a 0%, #dba600 100%);
 background-image: linear-gradient(top, #fdc80a 0%, #dba600 100%);
 border: solid 1px #b98400;
 color: #000;
 text-shadow: 1px 1px 1px #fffb3d;
}

.flash.notice .close {
 color: #865100;
}
.flash.notice p {
 background: url("/theme/cl_tampa/img/flash-notice.png") no-repeat left center;
}

.flash .close {
 position: absolute;
 right: 10px;
 top: 9px;
 color: #fff;
}


#nav {
 height: 44px;
 float: left;
 max-width: 650px;
 width: 100%;
}

.is_wide #nav {
    max-width: 100%;
}

#nav ul {
 display: table;
 width: 100%;
}

#nav ul li {
 height: 44px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 cursor: pointer;
 position: relative;
}

#nav ul li .marker {
 opacity: 0;
 height: 4px;
 position: absolute;
 bottom: 0;
 left: 1px;
 right: 1px;
}

#nav ul li.active .marker {
    background: #fff;
}

#nav ul li a {
 font: bold 20px/44px Arial, sans-serif;
 text-transform: uppercase;
 text-decoration: none;
 display: block;
 text-align: center;
 color: #f3f3f3;
 white-space: nowrap;
 margin-left: 1px;
 border-right: 1px solid rgba(0,0,0,0);
}

#nav ul li:last-child a {
    border-right: none;
}

#nav ul li.active a {
 background: transparent;
}

#nav ul li.active .marker {
 opacity: 1;
}

#side_search {
 height: 52px;
 width: 229px;
 margin-left: 20px;
 float: right;
}

#nav,
#main_content,
#how_work,
#ad_block .ad {
 box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}

#main_content,
#how_work {
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}

#body {
 max-width: 1100px;
 width: 100%;
 margin: 50px auto 0;
 display: table;
}

#main_content_container,
#main_content {
 max-width: 650px;
 width: 100%;
 float: left;
 overflow: hidden;
}

#main_content::before,
.main_wide::before {
 content: "";
 display: block;
 background: transparent url('/theme/cl_tampa/img/new/body_bg.png') repeat-y center 0;
 position: fixed;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 z-index: -1;
}

#main_content_container {
 overflow: visible;
}

.main_wide {
 width: 100%;
 clear: both;
 overflow: hidden;
 box-shadow: 1px 1px 5px rgba(0,0,0,.5);
 margin-bottom: 20px;
}

#main_content .frame,
.main_wide .frame {
 padding: 15px 10px 10px;
 box-shadow: 0 5px 5px rgba(0,0,0,.15) inset;
}

#main_content .frame .content,
.main_wide .frame .content {
 padding: 20px;
 background: #fff;
}

.main_wide .frame {
    margin: 0;
}

#main_content .frame.deal .content {
 background: transparent;
}

#how_work .body {
 margin: 10px;
 background: #fff;
 padding: 20px;
 font: normal 13px/18px Arial, sans-serif;
 overflow: hidden;
}

#how_work .body img.icon {
 float: left;
}

#how_work .body .detail {
 float: right;
 width: calc(100% - 170px);
}

#how_work .body .detail h2 {
 margin-bottom: 20px;
}

#how_work .body .detail p.buttons {
 margin-top: 20px;
 clear: both;
 text-align: center;
}

p.buttons .btn {
 border: 1px solid #000;
 color: #fff;
 background: transparent;
 text-shadow: none;
 font-size: 15px;
 font-variant: small-caps;
 letter-spacing: 1px;
 padding: 5px 20px;
 text-decoration: none;
 text-align: center;
 margin-right: 20px;
 white-space: nowrap;
}

#how_work p.buttons .btn {
 margin: 5p 10px;
 display: inline-block;
}

#sidebar {
 max-width: 345px;
 width: 100%;
 float: right;
 margin-top: -44px;
}

#sidebar .theDeals,
#sidebar .socials {
 padding: 0 0 10px;
 margin-bottom: 20px;
 box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}

#sidebar h2 {
 border-bottom: 4px solid #000;
 color: #fff;
 font: bold 20px/40px Arial, sans-serif;
 text-transform: uppercase;
 font-variant: small-caps;
 text-align: center;
}

#sidebar .body {
 padding: 15px 0 0;
 box-shadow: 0 5px 5px rgba(0,0,0,.15) inset;
}

#sidebar .placements {
    margin: 0 10px;
}

#sidebar .placement {
 background: #fff;
 padding: 10px 30px 20px;
 text-align: left;
 font-size: 14px;
 overflow: hidden;
}


#sidebar .placement a {
 text-decoration: none;
 color: #000;
}

#sidebar .placement a p {
 margin: 0 0 5px 10px;
 font: bold 17px/17px Arial, sans-serif;
 color: #333;
}

#sidebar .placement img.morePhoto {
 width: 100%;
 height: auto;
 margin: 0 auto 10px;
 box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}

#sidebar .placement .viewDeal {
 display: table;
 margin: 0;
 padding: 10px 30px;
 white-space: nowrap;
 text-align: center;
 color: #fff;
 font: bold 24px/24px Arial, sans-serif;
 text-transform: uppercase;
 font-variant: small-caps;
}

#sidebar #fbsidebar {
 background: #fff;
}


#ftrHldr {
    clear: both;
    background-color: transparent;
}

#footer {
 margin: 0 auto;
 color: #333;
 text-align: center;
}

#footer ul {
 display: block;
}

#footer ul:first-child {
 padding-bottom: 10px;
}

#footer ul li {
 display: inline-block;
 zoom: 1;
 margin: 10px 0;
}

#footer ul li:before {
 content: '';
 background-color: #000;
 display: inline-block;
 width: 4px;
 height: 4px;
 webkit-border-radius: 2px;
 moz-border-radius: 2px;
 border-radius: 2px;
 margin: 0 10px;
 vertical-align: middle;
}

#footer ul li:first-child:before {
 content: '';
 display: none;
}

#footer ul li a {
 color: #000;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 11px;
}

#footer ul li a:hover {
 text-decoration: underline;
}

#footer small {
 font-size: 10px;
}

#footer ul.sub li a {
 font-size: 7px
}


/* category page content */
#products {
 margin-top: -20px;
}

#products .product {
 clear: both;
 border-bottom: 1px dotted #ccc;
 padding: 20px 0;
 overflow: hidden;
}

#products .product h2 {
 font: bold 24px/27px "Arial Black", sans-serif;
 clear: both;
}

#products .product h3 {
 color: #333;
 font: normal 20px/23px Arial, sans-serif;
 margin-bottom: 10px;
 clear: both;
}

#products .product .image {
 max-width: calc(100% - 160px);
 width: 100%;
 float: right;
}

#products .product .image img {
    width: 100%;
    height: auto;
}

#products .product .product_description {
    clear: both;
    padding-top: 10px;
}

#products .product .product_description .description p {
 font: normal 13px/16px Arial, sans-serif;
 margin: 5px 0;
}

#products .product .product_description .terms p {
 color: #777;
 font: normal 11px/14px Arial, sans-serif;
 margin-top: 10px;
}

#products .actions {
 float: left;
 text-align: center;
 width: 150px;
}

#products .actions a {
 margin: 0 0 10px;
 display: block;
 text-decoration: none;
}

#products .actions a.btn {
 color: #fff;
 font: bold 24px/24px Arial, sans-serif;
 padding: 10px 0;
}

#products .product .actions .client_logo {
    max-width: 100%;
}

/* product page content */
#products #locations {
 margin-top: 10px;
 overflow: hidden;
}

#products #locations .map {
 float: right;
}

#products #locations ol {
 list-style: decimal outside none;
 margin-left: 20px;
 margin-bottom: 5px;
}

#products #locations ol li {
 font: normal 14px/17px Arial,sans-serif;
 margin-bottom: 5px;
}

#products #locations ol li strong {
 font: bold 15px/18px Arial,sans-serif;
}



/* info pages */
#works h2 {
 font: bold 21px/21px Arial,sans-serif;
 margin: 0 0 10px;
}

#works ol {
 list-style: decimal outside none;
 margin-left: 20px;
 margin-bottom: 5px;
}

#works ol li {
 font: normal 14px/15px Arial,sans-serif;
 margin-bottom: 5px;
}

#works p {
 font-size: 14px;
 margin: 20px 0 0;
}

#faq h2 {
 font: bold 21px/24px Arial,sans-serif;
 margin-bottom: 10px;
}

#faq h3 {
 font: bold 18px/21px Arial,sans-serif;
 margin-top: 20px;
 margin-bottom: 5px;
}

#faq p {
 font: normal 14px/17px Arial,sans-serif;
 margin: 14px 0;
}

#faq p strong {
 font-weight: bold;
 font-size: 16px;
}

#faq ul li {
 font: normal 14px/20px Arial,sans-serif;
}

#faq li a {
 color: #3d8a32;
}

#faq #notice {
 padding: 20px;
 border: 1px solid #3D8A32;
 margin-bottom: 40px;
}

#faq #notice h2 {
 font: bold 18px/18px Arial,sans-serif;
 margin: 0 0 10px;
}

#faq #notice p {
 margin: 5px 0;
 font: normal 14px/17px Arial,sans-serif;
}

#faq #notice p a {
 font-weight: bold;
 font-size: 16px;
}

#refer h2 {
 font: bold 21px/21px Arial,sans-serif;
 margin-bottom: 10px;
}

#refer p {
 font: normal 18px/21px Arial,sans-serif;
 margin: 10px 0;
}

#refer p strong {
 font: bold 20px/22px Arial,sans-serif;
}

#refer p em {
 color: #ba6bab;
 font: bold 19px/21px Arial,sans-serif;
 font-style: italic;
}

#refer a.btn.primary {
 font-size: 14px;
 padding: 4px 10px !important;
}

#terms h2 {
 font: bold 21px/21px Arial,sans-serif;
 margin-bottom: 10px;
}

#terms h3 {
 font: bold 18px/21px Arial,sans-serif;
 margin-top: 20px;
 margin-bottom: 5px;
}

#terms p {
 margin: 8px 0;
 font-size: 14px;
}


/* form pages */
.formPage h2 {
 margin-bottom: 10px;
 clear: both;
}

.formPage label {
 display: block;
 font: normal 12px/18px Arial,sans-serif;
}

.formPage label span {
 margin-left: 2px;
}

.formPage select {
 padding: 3px;
 width: 240px;
}

.formPage input[type="text"],
.formPage input[type="password"],
.formPage textarea {
 background: #fbfbfb;
 border: 1px solid #ccc;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
 color: #333;
 height: 30px;
 margin-bottom: 5px;
 padding: 3px;
 text-shadow: 1px 1px 1px #fff;
}

.formPage textarea {
 height: 150px;
 width: calc(100% - 10px);
 margin-bottom: 10px;
}

.formPage input[type="text"],
.formPage input[type="password"] {
 width: calc(100% - 50px);
 padding-left: 45px;
 position: relative;
 margin-bottom: 10px;
}

.formPage input[type="submit"],
.formPage .regBtn {
 border: none;
 display: block;
 clear: both;
 color: #fff;
 font: bold 18px/40px Arial, sans-serif;
 text-align: center;
 text-transform: uppercase;
 font-variant: small-caps;
 letter-spacing: 2px;
 margin-bottom: 10px;
}

.formPage input[type="submit"] {
 width: 100%;
}

.formPage #user_name:before {
 background: #fbfbfb url("/theme/cl_tampa/img/username.png") no-repeat 0 -1px;
}

.formPage .input.text,
.formPage .input.password {
 position: relative;
}

.formPage .input.text:before,
.formPage .input.password:before {
 content: "";
 display: block;
 height: 21px;
 width: 24px;
 position: absolute;
 top: 8px;
 left: 8px;
 background: #EC1B23 url("/theme/cl_tampa/img/new/sprites.png") no-repeat -71px -49px;
 z-index: +1;
}

.formPage .input.password:before {
 height: 23px;
 top: 7px;
 background-position: -71px -26px;
}

.formPage .input.user:before {
 height: 26px;
 background-position: -71px 0;
}

.formPage .input.zipcode:before {
 height: 24px;
 width: 16px;
 margin-left: 3px;
 background-position: -75px -70px;
}

.formPage #user_new .actions {
 padding: 0;
}

.formPage#sign_in_form {
 margin: 0 15% 10px;
}

.formPage#sign_in_form .forgot {
 text-align: right;
 margin-top: 10px;
}

.formPage#sign_in_form  p {
 text-align: left;
 font: normal 12px/17px Arial, sans-serif;
 margin-bottom: 10px;
}

.formPage#sign_in_form .form form {
 width: 100%;
 margin: 0;
 text-align: center;
}

.formPage #oath_providers {
 text-align: center;
 margin: 0 0 10px;
 font: normal 24px/24px "Arial Black", sans-serif;
}

.formPage #oath_providers a {
 height: 30px;
 width: 30px;
 display: inline-block;
 zoom: 1;
 margin-left: 5px;
 overflow: hidden;
 text-indent: -9999px;
 vertical-align: middle;
}

.formPage #oath_providers a.facebook {
 background: transparent url('/theme/cl_tampa/img/share-fb.png') 0 0;
}

.formPage #oath_providers a.twitter {
 background: transparent url('/theme/cl_tampa/img/share-twitter.png') 0 0;
}

.formPage#contact {
 width: 350px;
 margin: 0 auto;
}

.formPage#contact input[type="text"] {
 width: 345px;
 padding-left: 5px;
}

.formPage #recaptcha_widget_div {
    overflow: hidden;
    height: 128px;
    margin: 0 auto 10px;
    display: inline-block;
}

/* account pages */
.main_wide .content ul#account_nav {
 list-style-type: none;
 margin: 0 auto 30px;
 text-align: center;
 border-radius: 10px;
 padding: 0;
 display: table;
 overflow: hidden;
 clear: both;
 white-space: nowrap;
}

.main_wide .content ul#account_nav li {
 display: inline-block;
 zoom: 1;
 background-color: #333;
 padding: 0;
 margin: 0;
 border-left: 1px solid #000;
 white-space: nowrap;
 font-size: 2vw;
 line-height: 3vw;
}

.main_wide .content ul#account_nav li:first-child {
 border-left: none;
}

.main_wide .content ul#account_nav li a {
 display: block;
 text-decoration: none;
 color: #fff;
 font-size: 13px;
 padding: 7px 2vw;
 text-transform: uppercase;
}

.main_wide .content ul#account_nav li.active a {
 color: #fff;
}

.main_wide .content ul#account_nav li a:hover {
 background: #000;
}

.main_wide .content ul#account_nav li.active a:hover {
 background: transparent;
}

.main_wide .content #certificate_view {
 background: #fbfbfb;
 border: 1px dotted #ddd;
 border-width: 1px 0;
 padding: 5px;
 font-size: 14px;
}

.main_wide .content #certificate_view a {
 text-decoration: none;
 font-size: 17px;
}

.main_wide .content #certificate_view a:hover {
 text-decoration: underline;
}

#certificates h2,
#account_credits h2 {
 font: bold 19px/21px Arial,sans-serif;
}

#orders table,
#account_credits table,
#shopping_cart table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 text-align: left;
}

#orders table th,
#account_credits table th,
#shopping_cart table th {
 border-bottom: 1px solid #000;
 text-transform: uppercase;
 font: bold 16px/19px Arial,sans-serif;
 padding: 0 5px;
}

#orders table td:last-child,
#orders table th:last-child {
    text-align: center;
}

#account_credits h3 {
 font: bold 32px/35px Arial,sans-serif;
 color: #5ec1ec;
 margin-bottom: 16px;
}

#account_credits p {
 color: #777;
 margin-bottom: 10px;
}

#account .group {
 width: 365px;
 float: left;
 margin-left: 50px;
 margin-bottom: 20px;
}

#account .group.user {
 margin-left: 130px;
}

#account .group h2 {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
}

#account .group h3 {
 font: normal 16px/16px Arial,sans-serif;
}

#account .group p {
 font-size: 16px;
}

#account .group p small {
 font: normal 12px/12px Arial,sans-serif;
 color: #555;
 margin: 10px 0 0;
 display: inline-block;
 zoom: 1;
}

#account .group .btn {
 font-size: 18px;
 color: #333;
 border-radius: 5px 5px 5px 5px;
}

#account .group .btn.secondary {
 color: #fff;
}

#account .group p.actions {
 margin-top: 15px;
}

#account .overview {
 clear: both;
 border-top: 1px dotted #ccc;
 padding: 20px 100px;
 font: normal 24px/28px Arial,sans-serif;
}

#account .overview p {
 margin: 14px 0;
}

#account .overview p strong {
 font-weight: bold;
}

#account .overview p a {
 text-decoration: none;
 text-transform: uppercase;
}

#account .overview p a:hover {
 color: #3d8a32;
 text-decoration: underline;
}

#account .subscriptions {
 padding: 40px 100px 35px;
 border-top: 1px dotted #ccc;
 overflow: hidden;
}

#account .subscriptions h2 {
 color: #333;
 font-size: 19px;
 margin-bottom: 5px;
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #fff;
}

#account .subscriptions .group {
 width: 100%;
 margin: 10px 0 0;
}

#account .subscriptions .email {
 border-radius: 10px 10px 10px 10px;
 padding: 10px;
 background: #77b800;
}

#account .subscriptions .email p {
 font-weight: bold;
 margin-top: 2px;
}

#account .subscriptions .email.inactive {
 color: #333;
 background: #FFCA03;
}

#account .subscriptions .email.active {
 color: #fff;
 background: #DBAE26;
}

#account .subscriptions .email .action {
 border-left: 1px solid #000;
 float: right;
 padding: 0 0 0 10px;
 width: 140px;
 vertical-align: middle;
}

#account .subscriptions .email .action a {
 display: block;
 text-align: center;
 padding: 4px 0 !important;
}

#account .subscriptions .email.active .action a {
 background: #FFCA03;
 color: #333;
}

#account .subscriptions .email.inactive .action a {
 background: #DBAE26;
 color: #333;
}

#account .group.user .btn,
#account .group.payment .btn {
    color: #fff;
    padding: 5px 10px;
}


/* cart */
#shopping_cart h2 {
 color: #ccc;
 font: bold 45px/45px Arial, sans-serif;
 position: relative;
 top: -10px;
}

#shopping_cart table th {
 text-align: center;
 padding: 0;
}

#shopping_cart table th:first-child {
 text-align: left;
 max-width: 50%;
}

#shopping_cart table td {
 padding-top: 10px;
 text-align: center;
}

#shopping_cart table td:first-child {
 text-align: left;
}

#shopping_cart table td.empty {
 text-align: center;
 padding: 20px 0;
 color: #555;
}

#shopping_cart table tr#cart_actions {
 background: #fbfbfb;
 border-bottom: 1px dotted #ccc;
}

#shopping_cart table td#redeem {
 color: #555;
 font-size: 12px;
 padding-left: 10px;
}

#shopping_cart table td#update {
 text-align: left;
 padding-bottom: 5px;
}

#shopping_cart table td#update .btn {
 color: #fff;
 border-color: #000;
 border-width: 0;
 border-radius: 5px 5px 5px 5px;
 font-size: 19px;
}

#shopping_cart .total {
 margin-top: 20px;
 font-size: 22px;
 color: #333;
 text-align: right;
 font-weight: bold;
}

#shopping_cart .total b {
 font-size: 31px;
 color: #5ec1ec;
 margin-left: 5px;
}

#shopping_cart .checkout {
 margin-top: 30px;
 font-size: 14px;
 text-align: right;
 color: #333;
}

#shopping_cart .checkout .btn {
 font-size: 21px;
 padding: 4px 10px !important;
 border: none;
}


/* deal of the day */
.dotd {
 overflow: hidden;
 padding: 0 !important;
}

.dotd #primary_placement {
 background-color: #fff;
 overflow: hidden;
 padding: 20px;
}

#primary_placement h2,
#feature_content h2,
#how_work h2 {
 font: bold 26px/29px "Arial Black", Arial, sans-serif;
 margin-bottom: 10px;
 color: #333;
}

#primary_placement .deal_stats,
#primary_placement .savings,
#primary_placement .purchased,
#primary_placement .time {
 width: 210px;
 float: left;
 clear: left;
}

#primary_placement .right {
 width: calc(100% - 230px);
 float: right;
}

#primary_placement .right .main_image {
 width: 100%;
 margin-bottom: 10px;
}

#primary_placement .right .main_image img {
 border-radius: 10px 10px 10px 10px;
 width: 100%;
 box-shadow: 0 1px 2px #fff;
}

#primary_placement .deal_stats {
 text-align: center;
}

#primary_placement .deal_stats small {
 text-transform: uppercase;
}

#primary_placement .deal_stats .buy {
 margin-bottom: 20px;
}

#primary_placement .buy a,
#feature_content .buy a {
 border-radius: 5px;
 text-decoration: none;
 color: #fff;
 font: bold 30px/30px Arial,sans-serif;
 display: block;
 padding: 15px 0;
 text-align: center;
}

#primary_placement .deal_stats .price,
#primary_placement .time {
 border: 1px solid #000;
 border-radius: 8px;
 padding: 10px 0;
 clear: both;
}

#primary_placement .deal_stats .price h3,
#primary_placement .deal_stats .time .countdown {
 font: bold 40px/40px Arial,sans-serif;
 text-align: center;
 margin: 0;
 letter-spacing: -1px;
 display: inline-block;
}

#primary_placement .deal_stats .price .retail {
 font-size: 11px;
 text-align: left;
 float: right;
 padding: 8px 10px 0 0;
}

#primary_placement .deal_stats .price .retail strong {
 font-size: 16px;
}

#primary_placement .savings, 
#primary_placement .purchased {
 padding: 10px 0;
 font: bold 32px/32px "Arial Black", Arial, sans-serif;
 color: #333;
 vertical-align: middle;
}

#primary_placement .savings {
    border-bottom: 1px solid #888;
}

#primary_placement .purchased {
 font-size: 24px;
 line-height: 24px;
}

#primary_placement .savings small, 
#primary_placement .purchased small,
#primary_placement .time small,
#primary_placement .price small {
 font-size: 10px;
 font-weight: bold;
 font-variant: small-caps;
 vertical-align: middle;
}

#primary_placement .deal_stats .time small {
 display: block;
 clear: both;
}

#feature_content {
 margin: 10px 0 0;
 padding: 20px;
 overflow: hidden;
 background: #fff;
}

#feature_content .body {
 float: left;
 width: calc(100% - 225px);
 font: normal 14px/14px Arial,sans-serif;
}

#feature_content .body p {
 line-height: 16px;
 margin: 0 0 10px;
}

#feature_content .body strong {
 font-weight: bold;
}

#feature_content .buy {
 max-width: 210px;
 width: 100%;
 margin-left: 10px;
}

#feature_content .about {
 border-left: 1px solid #000;
 float: right;
 font-size: 12px;
 padding-left: 30px;
 width: 180px;
}

#feature_content .body h2 {
 font: bold 16px/16px Arial,sans-serif;
 margin: 15px 0 0;
}

#feature_content .fine_print,
#feature_content .fine_print p {
 color: #333;
 font: normal 10px/10px Arial, sans-serif;
}

#feature_content .about .map {
 margin-top: 10px;
}

#feature_content .about .map ul.locations {
 margin-top: 10px;
}

#feature_content .about .map ul.locations li {
 margin: 8px 0;
 font: normal 13px/15px Arial,sans-serif;
}

#feature_content .about .map img,
#feature_content .about .client_logo {
    width: 80%;
    height: auto;
}

#ad_block {
    text-align: center;
    margin-bottom: 10px;
}

#ad_block .ad {
    display: inline-block;
    vertical-align: top;
    border: 10px solid #000;
    height: 250px;
    width: 300px;
    background: #fff;
    float: left;
    margin-bottom: 10px;
}

#ad_block .ad:nth-child(2) {
    float: right;
}

#header .right a.refer {
    margin-top: 12px !important;
}

@media only screen and (max-width: 1024px) {
    #header .right {
        max-width: 200px !important;
        margin-top: -5px !important;
    }

    #header .right a.refer {
        margin: 0px !important;
    }
}
