/* ========================================================================================== */
/* CSS RESET */
/* ========================================================================================== */

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%;
    font: inherit;
    vertical-align: baseline;
}

/* ========================================================================================== */
/* HTML DISPLAY-ROLE - OLDER BROWSERS */
/* ========================================================================================== */


.article, aside, details, figcaption, figure, 
.footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    height:100%;
    max-width:100%;
    /*overflow-x:hidden;*/
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    line-height: 1;
    min-height:100%;
    height:100%;
    min-width:100%;
    width:100%;
    position:relative;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ========================================================================================== */

* {
    margin:0px;
    padding:0px;
    outline:0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Wrapper width not set according to grid.css (1200px) - MUST FIX */
#wrapper {
    min-height:100%; /* Does not recognize 'auto' value */
    height:auto;
    min-width:1120px;
    width:1120px;
    position:relative;
    margin:auto;
    background: #fff;
}

/* ====================================================================================================================================== */
/* HEADER PAGE RULES */
/* ====================================================================================================================================== */

/* ==================================================== */
/* SHOPPING CART */
/* ==================================================== */

img.shopcart {
    height: 60px;
    width: 60px;
    position: absolute;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background: #ccc;
    right: 0;
}

img.shopcart:hover {
    background: #0066ff;
    border-color: #000;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

/* ==================================================== */
/* NAVIGATION */
/* ==================================================== */

.nav {
    width:800px;
    height: auto;
    font-size: 16px;
}

.nav li {
    text-align:center;
    position:relative;
    display: inline-block;
    float: left;
}

.nav li.last a {
    border-bottom-right-radius: 15px;
}

.nav a {
    text-decoration:none;
    display:block;
    width:130px;
    height:50px;
    line-height:45px;
    background: #000;
    color:#fff;
}

.nav, .sub {
    list-style:none;
    font-family:Oswald;
    text-transform:uppercase;
}
 
.nav .sub a {
    background: #191919;
}

.sub2 {
    list-style:none;
    font-family:Oswald;
    font-size:12px;
    text-transform:uppercase;
}

.sub2 a {
    background: #191919;
    color: #fff;
}


.nav .sub {
    display:none;
    position:absolute;
    z-index:100;
    left:5px;
    font-size: 14px;
}

.nav .sub2 {
    display: none;
    position: absolute;
    left: 130px;
    top:0;
    z-index: 100;
}

/*.nav .sub2 a {
    margin-left:5px;
}*/

.nav li:hover > a {
    background-color:#0066ff;
    color: #fff;
    transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
}

.nav li:hover a:hover {
    background-color:#0066ff;
    text-decoration:underline;
    color:#fff;
}

.nav li:hover .sub {
    display:block;
    margin-left:-5px;
}

.nav .sub li:hover .sub2 {
    display:block;
}

.nav li a.on {
    background-color:#0066ff;
    text-decoration:underline;
    color:#fff;
    box-shadow: 0 8px 6px -4px #888;
}

/* ==================================================== */
/* HEADING/TITLE */
/* ==================================================== */

.heading img {
    margin-top: 10px;
    margin-right: 50px;
}

/* ==================================================== */
/* SOCIAL MEDIA LINKS (HEADER) */
/* ==================================================== */

img.social {
    height: auto;
    margin-top: 5px;
    margin-right: 5px;
    border: 3px solid #ccc;
    border-radius: 50px;
}

img.social:hover {
    border:3px solid #0066ff;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

img.fb {
    margin-left: 40px;
}

hr {
    margin: 10px 0 25px 0;
}


/* ====================================================================================================================================== */
/* HOME PAGE RULES */
/* ====================================================================================================================================== */
/* SLIDESHOW */
/* ==================================================== */

.slideshow {
    margin-bottom:50px;
}

.slideshow .slideshowWindow {
    height:530px;
    width:100%;
    margin: 0;
    padding:0;
    position:relative;
    overflow:hidden;
    box-shadow: 0 8px 6px -4px #888;
}

.slideshow .slideshowWindow .slide {
    height:530px;
    width:auto;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}

/*.slideshow .slideshowWindow img {
    border: 3px solid #000;
}

.slideshow .slideshowWindow img:hover {
    border:3px solid #33adff;
}*/

/* ==================================================== */
/* SIDE LINKS (HOME) */
/* ==================================================== */

.side_windows {
    height: auto;
    margin-bottom:50px;
}

.side_windows a img {
    margin-bottom: 5px;
    border: 5px solid #f2f2f2;
}

.side_windows a img:hover {
    border: 5px solid #0066ff;
    box-shadow: 0 8px 6px -5px #888;
}


/* ==================================================== */
/* ARTICLES (HOME) */
/* ==================================================== */

.home_articles {
    height: auto;
    border-left: 3px dashed #ccc;
}

.home_articles h1 {
    background: #191919;
    height: 55px;
    font-family: Oswald;
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 8px 6px -6px #888;
}

.home_articles h2 {
    font-family: Century Gothic;
    font-size: 34px;
    color: #0066ff;
    text-align: center;
    margin: 25px 0;
}

.home_articles h6 a {
    font-family: Oswald;
    font-size: 15px;
    color: #0066ff;
    text-decoration: none;
}

.home_articles h6 a:hover {
    color: #000;
    text-decoration: underline;
}

.home_articles p {
    margin-top: 15px;
    text-align: center;
}

.home_articles p a {
    font-family: Oswald;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.home_articles p a:hover {
    color: #0066ff;
    text-decoration: underline;
}

.home_articles hr {
    color: #000;
    margin: 10px 0;
}

/* ==================================================== */
/* SOICAL MEDIA & NEWSLETTER SUBSCRIPTION (HOME) */
/* ==================================================== */

.home_connect h1 {
    background: #191919;
    height: 45px;
    font-family: Oswald;
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding-top: 12px;
    margin-bottom: 20px;
    border-radius: 15px;
    box-shadow: 0 8px 6px -6px #888;
}

.home_connect p {
    font-family: Oswald;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
    line-height: 20px;
}

.home_connect p a {
    font-family: Oswald;
    font-size: 15px;
    color: #0066ff;
    text-decoration: none;
}

.home_connect p a:hover {
    font-family: Oswald;
    font-size: 15px;
    color: #0099ff;
    text-decoration: underline;
}

.home_connect .sub_button {
    width:120px;
    height:30px;
    background: #ccc;
    color: #000;
    font-family: Oswald;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
}
        
.home_connect .sub_button:hover {
    color: #fff;
    background: #0066ff;
}

.home_connect hr {
    color: #0066ff;
    margin: 20px 0;
}

/* ==================================================== */
/* ADS */
/* ==================================================== */

.ads {
    height:auto;
    background:#ccc;
    border-radius:5px;
    padding:10px 0 25px 0;
    box-shadow:-4px 4px 6px #888;
}

.ads p {
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    line-height: 1.3;
}

.ads a p {
    color: #000;
}

.ads a p:hover {
    color: #0066ff;
}

.ads img {
    margin-top:10px;
    border: 2px solid transparent;
}

.ads a img:hover {
    border:2px solid #0066ff;
    box-shadow: 0 8px 6px -4px #888;
}

.ads .ad-pic1 {
    float:left;
    margin-bottom: 25px;
}

.ads .ad-pic2 {
    float:right;
    margin-bottom: 25px;
}

.ads a {
    text-decoration: none;
}

.ads a.adswith {
    font-family: Oswald, Verdana;
    font-size: 14px;
    color:#000;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.ads a.adswith:hover {
    text-decoration: underline;
    color:#0066ff;
}


/* ==================================================== */
/* AD (LARGE) */
/* ==================================================== */

a img.ad_large {
    border: 5px solid transparent;
    border-radius: 25px;
    margin-left: 20px;
    margin-bottom: 10px;
}

a img.ad_large:hover {
    border: 5px solid #0066ff;
    box-shadow: 0 8px 6px -4px #888;
}

/* ==================================================== */
/* STORE + PHOTO VIEWER (HOME) */
/* ==================================================== */

.preview {
    width:415px;
    height:425px;
    float: right;
    border: 1px solid #ccc;
    box-shadow: 0 8px 6px -4px #888;
    /*margin-top: 12px;*/
}

.preview:hover {
    border:1px solid #0066ff;
}

.thumb {
    width:85px;
    display: block;
    margin-bottom: 5px;
}

.selected {
    border:2px solid #191919;
    border-radius: 5px;
    box-shadow: 0 8px 6px -5px #888;
}

.home_store p a {
    font-family: Oswald;
    font-size: 14px;
    color: #fff;
    background: #191919;
    width:100px;
    height: 25px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 20px 0 0 0;
    line-height:25px;
}

.home_store p a:hover {
    text-decoration: underline;
    color: #000;
    background: #0066ff;
    box-shadow: 0 8px 6px -5px #888;
}

.home_store p {
    text-align: center;
    margin-top: 15px;
}

.home_store h1 {
    height: 60px;
    background: #191919;
    font-family: Oswald;
    font-size: 45px;
    color: #fff;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 25px;
    border-radius: 10px;
}

.home_store h3 {
    font-family: Century Gothic;
    font-size: 30px;
    color: #0066ff;
    text-align: center;
    margin-bottom: 20px;
}

/* ====================================================================================================================================== */
/* FOOTER PAGE RULES */
/* ====================================================================================================================================== */

.footer {
    width:100%;
    height:auto;
    position:relative;
    background:#000;
    padding:25px 25px 10px 25px;
    text-align:center;
    margin-top: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius:10px;
}

.footer p.copy {
    font-size:11px;
    font-family:Verdana;
    color:#fff;
    padding-top: 25px;
    line-height: 1.3;
}

.footer p a {
    font-family: Oswald;
    font-size: 13px;
    text-decoration:none;
    color:#0066ff;
}

.footer p a:hover {
    text-decoration:underline;
    color: #0099ff;
}

/* ==================================================== */
/* LINKS */
/* ==================================================== */

.footer_links {
    text-align: left;
}

.footer_links td {
    padding: 2px;
}

.news_button {
    width:200px;
    height:45px;
    background: #888;
    color: #000;
    font-family: Oswald;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 10px;
    transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    margin-bottom: 5px;
}
        
.news_button:hover {
    color: #fff;
    background: #0066ff;
}

/* ==================================================== */
/* CONTACT */
/* ==================================================== */

.footer_contact h1 {
    background: #888;
    height: 35px;
    font-family:Oswald;
    font-size: 18px;
    color: #000;
    text-align: center;
    padding-top: 9px;
    margin-bottom: 20px;
    border-radius: 10px;
    /*box-shadow: 0 8px 6px -6px #888;*/
}

.footer_contact p a {
    font-size: 15px;
    letter-spacing: .5px;
    color: #fff;
}

.footer_contact p a:hover {
    color: #0066ff;
}

.footer_contact img.mail {
    float: left;
}

.footer_contact a img {
    border:3px solid transparent;
    border-radius: 50px;
    margin:15px 10px 0 0;
}

.footer_contact a img:hover {
    border:3px solid #0066ff;
}

/* ====================================================================================================================================== */
/* DIRECTORY HOME PAGE RULES */
/* ====================================================================================================================================== */

.directory-home {
    height: auto;
}

.directory-home hr {
    width:100%;
    margin: 50px 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ==================================================== */
/* SOCIAL MEDIA SHARE PLUGINS*/
/* ==================================================== */

.social_share_buttons {
    margin-bottom: 25px;
}

/* ==================================================== */
/* SPAN CLASS - SPACE IS USED FOR EXTRA MARGIN IN
   DIRECTORY ADS COLUMN */
/* ==================================================== */

.space {
    height: 25px;
}

/* ==================================================== */
/* MAIN DIV */
/* ==================================================== */

h1.directory-header {
    text-align: center;
    font-family: Oswald;
    font-size: 100px;
    color: #0066ff;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-shadow: 3px 3px #000;
}

h2.directory-header2 {
    text-align: center;
    font-family: Oswald;
    font-size: 48px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 50px;
}

h3.directory-header3 {
    text-align: center;
    font-family: Oswald;
    font-size: 44px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 50px;
}

h4.directory-header4 {
    text-align: center;
    font-family: Oswald;
    font-size: 30px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 25px;
}

h5.directory-header5 {
    text-align: center;
    font-family: Oswald;
    font-size: 60px;
    color: #33adff;
    text-transform: uppercase;
}

.directory-home p {
    word-spacing: 2px;
    line-height: 1.5;
}

p.directory-descript {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:85%;
    font-family: Oswald;
    font-size: 20px;
    color: #000;
    line-height: 1.5;
    word-spacing: 2px;
    text-align: center;
}

p.directory-descript a {
    color: #0066ff;
    text-decoration: none;
}

p.directory-descript a:hover {
    color:#ccc;
    text-decoration: underline;
}

/* ==================================================== */
/* DIRECTORY (HOME) SEARCH FORM */
/* ==================================================== */
/* MUST RE-STYLE BEFORE USING! */
/* ==================================================== */

input.search2 {
    height: 80px;
    width: 750px;
    font-family:BankGothic;
    font-size: 36px;
    color: #46b547;
    display: block;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    border:10px solid #ccc;
}

select.service-search2 {
    height: 75px;
    width: 600px;
    font-family: Oswald;
    text-transform: Uppercase;
    font-size: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:10px solid #888;
    padding-left: 15px;
}

input.search {
    height: 85px;
    /*width: 650px;*/ /* Removed height because of grid- class */
    font-family:Oswald;
    text-transform: uppercase;
    font-size: 36px;
    color: #000;
    padding: 0 15px;
    border:10px solid #ccc;

}

select.service-search {
    height: 75px;
    /*width: 400px;*/ /* Removed height because of grid- class */
    font-family: Oswald;
    text-transform: Uppercase;
    font-size: 32px;
    color:#000;
    border:10px solid #888;
    padding-left: 15px;
}

option.default {
    text-transform: none;
}

.searchbutton {
    width:225px;
    height: 55px;
    background: #ccc;
    color: #000;
    font-family: Oswald;
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
    border: 3px solid #888;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 75px;
}

.searchbutton:hover {
    color: #fff;
    background: #46b547;
    box-shadow: 0 8px 6px -6px #888;
	
}

/* ==================================================== */
/* COUNTRIES */
/* ==================================================== */

.unitedstates a img,
.china a img {
    border: 5px solid transparent;
}

.unitedstates a img:hover,
.china a img:hover {
    border:5px solid #0066ff;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.hiw {
    margin-top:50px;
    margin-bottom:50px;
}

.hiw:first-child {
    margin-top: 0;
}

.hiw p {
    font-family:Oswald;
    font-size:20px;
    color:#000;
}

h1.country-name {
    text-align: center;
}

h1.country-name a {
    font-family: Oswald;
    font-size: 24px;
    color: #0066ff;
    text-decoration: none;
}

h1.country-name a:hover {
    text-decoration: underline;
    color:#888;
}

/* ==================================================== */
/* REGISTER PAGE IMAGE */
/* ==================================================== */

img.register-here {
    border: 5px solid #ccc;
}

img.register-here:hover {
    border: 5px solid #33adff;
}

/* ====================================================================================================================================== */
/* DIRECTORY REGISTRATION PAGE RULES */
/* ====================================================================================================================================== */

.register-main {
    height:auto;
    text-align: center;
    color: #000;
    font-family: Oswald;
}

.register-main h1 {
    font-size:90px;
    color: #0066ff;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.register-main h2 {
    font-size: 70px;
    color: #0066ff;
    margin-top: 25px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.register-main h3 {
    font-size: 45px;
    text-transform: uppercase;
    color: #888;
    margin: 25px 0;
}

.register-main h5 {
    font-size: 18px;
    margin: 25px 0;
    line-height: 24px;
    letter-spacing: .5px;
}

.register-main table {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.register-main img.register-logo {
    margin-bottom: 25px;
    border: 1px solid #eee;
    border-top-right-radius: 11px;
    border-top-left-radius: 11px;
}

.register-main img.register-logo:hover {
    border: 1px solid #888;
    border-top-right-radius: 11px;
    border-top-left-radius: 11px;
    box-shadow: 0 8px 6px -3px #888;
}

.register-main img.profile-details {
    border: 3px solid #000;
    margin-bottom: 40px;
    margin-top: 25px;
}

.register-main p {
    margin:25px 0;
    font-size:20px;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    word-spacing: 2px;
}

.register-main p a {
    color: #0066ff;
    text-decoration: none;
}

.register-main p a:hover {
    color: #888;
    text-decoration: underline;
}

.register-main p.note {
    font-size: 16px;
    color: red;
    margin-top: 25px;
    margin-bottom: 50px;
}

.register-main .categories li {
    font-size: 26px;
    font-family: Oswald;
    color: #009933;
}

.register-main hr {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.register-main a.backhome {
    color:#0066ff;
    text-decoration: none;
    font-family: Oswald;
    font-size: 22px;
    text-transform: uppercase;
}

.register-main a.backhome:hover {
    color: #ccc;
    text-decoration: underline;
}

/* ====================================================== */
/* FREE TRIAL */
/* ====================================================== */

.free-trial {
    width: 500px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding: 15px;
    border: 5px solid #000;
    box-shadow: 0 8px 6px -4px #888;
}

.free-trial h1 {
    font-family: Oswald;
    font-size: 32px;
    margin-bottom: 5px;
    text-shadow: none;
}

.free-trial h5 {
    width: 100%;
    font-size:20px;
    color: #000;
    line-height: 1.5;
    word-spacing: 2px;
    margin-bottom: 10px;
}

.free-trial h6 a {
    color:#888;
    font-size: 20px;
    text-decoration: none;
}

.free-trial h6 a:hover {
    color:#0066ff;
    text-decoration:underline;
}

/* ====================================================== */
/* PAYPAL DROPDOWN MENU SELECT FORM - PACKAGES
/* ====================================================== */

.paypal_form {
    margin-top: -50px;
    text-align: center;
}

.paypal_form tr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    text-align: center;
}

/* ====================================================== */

h1.reg-complete {
    font-family: Oswald;
    font-size: 75px;
    color: #33adff;
    text-decoration: none;
}

h2.reg-complete2 {
    font-family: Oswald;
    font-size: 50px;
    color: #888;
    text-decoration: none;
}

p.reg-complete {
    font-family: Oswald;
    font-size: 22px;
    word-spacing: 2px;
    line-height: 1.5;
}

/* ====================================================================================================================================== */
/* DIRECTORY - DISPLAY PAGE RULES ===> directory-us.php, directory-china.php */
/* ====================================================================================================================================== */

/* Used to create margin space under the last row of service images - Refer to directory-us.php & directoy-china.php */
.service-holder {
    margin-bottom: 100px;
}

.directory-home img.service-img {
	margin-top: 25px;
	border: 5px solid transparent;
	border-radius: 20px;
}

.directory-home img.service-img:hover {
	margin-top: 25px;
	border: 5px solid #191919;
	box-shadow: 0 8px 6px -4px #888;
}

p.hover-info {
	text-align:center;
}

a.service-name {
	text-align: center;
	font-family: Oswald;
	font-size: 22px;
	color: #191919;
	text-decoration: none;
	text-transform: uppercase;
}

a.service-name:hover {
	color:#0066ff;
	text-decoration: underline;
}

a.service-name p {
	margin-top: 5px;
}

/* ====================================================================================================================================== */
/* DIRECTORY - BUSINESSES (ALL) PAGE RULES */
/* ====================================================================================================================================== */

.directory-main {
	height: auto;
	padding: 50px 10px;
}

/* ====================================================== */
/* BACK TO DIRECTORY BUTTON */
/* ====================================================== */

a.direct-back {
    padding: 10px;
    background: #191919;
    color: #fff;
    font-size: 16px;
    font-family: Oswald;
    text-decoration: none;
    text-transform: uppercase;
}

a.direct-back:hover {
    color: #000;
    background: #0066ff;
    text-decoration: underline;
    box-shadow: 0 8px 6px -4px #888;
}

/* ========================================================== */
/* ALL BUSINESSES ARE LOCATED IN HOLDER ON SERVICE HOME PAGES */
/* "DIRECT-BUSINESSES" DIV FOR STYLING */
/* ========================================================== */

.holder {
	width:100%;
	height: auto;
}

.direct-businesses {
	padding: 10px;
	background: #e9e9e9;
	border: 3px solid #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: none;
	height: auto;
	display: inline-block;
	margin-left: 12px;
	margin-bottom: 35px;
	box-shadow: 0 8px 6px -3px #888;
}

/* ====================================================== */
/* BUSINESS LOGO - SERVICE HOME PAGES */
/* ====================================================== */

.holder img.avatar:hover {
	border:3px solid #0066ff;
	box-shadow: 0 8px 6px -4px #888;
}

/* ====================================================== */
/* BUSINESS LOCATION - SERVICE HOME PAGES */
/* ====================================================== */

p.bizlocate {
	font-family: Oswald;
	font-size: 16px;
	text-align: left;
	margin-top: 8px;
	color:#000;
}

/* ====================================================== */
/* BUSINESS NAME - SERVICE HOME PAGES */
/* ====================================================== */

a.profile-header h1 {
    color: #888;
    font-family: Oswald;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 15px 0;
}

a.profile-header h1:hover {
    color:#0066ff;
    text-decoration: underline;
}

a.profile-header {
    text-decoration: none;
}

/* ====================================================== */
/* UNKNOWN */
/* ====================================================== */

h1.direct-header {
    text-align: center;
    font-family: Oswald;
    font-size: 36px;
    color: #33adff;
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 25px;
}


/* ====================================================================================================================================== */
/* INDIVIDUAL BUSINESS PAGE RULES */
/* ====================================================================================================================================== */

.direct-main {
	height:auto;
        padding:25px 0;
}

/* ====================================================== */
/* BUSINESS NAME - INDIVIDUAL PAGE RULES */
/* ====================================================== */

.directcrumb h1 {
	font-family: Oswald;
	font-size: 60px;
	color: #888;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}

.directcrumb a {
	text-decoration: none;
	color: #33adff;
}

.directcrumb h1 a:hover {
	color: #888;
	text-decoration: underline;
}

/* ====================================================== */
/* DEALS - INDIVIDUAL */
/* ====================================================== */

.direct-main .deals {
	height: auto;
	margin-top: 50px;
}

/* ====================================================== */
/* BUSINESS LOGO - INDIVIDUAL */
/* ====================================================== */

.direct-main img.profile_logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	box-shadow: 0 8px 6px -4px #888;
}

/* ====================================================== */
/* BUSINESS INFO - INDIVIDUAL */
/* ====================================================== */

.biz-details {
	height: auto;
	padding: 25px;
	border: 3px dashed #ccc;
	background: #f2f2f2;
}

.biz-details hr {
	margin: 20px 0;
	width: 85%;
}

.biz-details h1 {
	font-family: Oswald;
	font-size: 44px;
	color: #0066ff;
	text-align: center;
}

.biz-details p {
	font-family: Oswald;
	font-size: 16px;
	color: #000;
	margin-top: 5px;
	line-height: 1.5;
}

.biz-details p.location {
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.biz-details p.info {
	text-align: center;
	font-size: 18px;
	color: #0066ff;
}

.biz-details p.services {
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

/* ======================================== */
/* Contact Buttons */
/* ======================================== */

.biz-icons {
	height: auto;
	width: 185px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

img.facebook,
img.twitter,
img.instagram {
	display: inline;
	border: 3px solid transparent;
	border-radius: 50px;
}

img.website {
	position: absolute;
	border: 2px solid #888;
	border-radius: 50px;
	background: #e2e2e2;
	top: 400px;
	right: 75px;
}

img.website:hover {
	background: #47b547;
	border-color: #000;
}

a img.facebook:hover,
a img.twitter:hover,
a img.instagram:hover {
	display: inline;
	border: 3px solid #ccc;
        border-radius: 50px;
}

.b-info,
a.b-mobile,
a.b-email,
a.b-website {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.b-info:hover,
a.b-email div.b-info2:hover,
a.b-website div.b-info3:hover {
	background: #0066ff;
	border: 3px solid #000;
	box-shadow: 0 8px 6px -5px #888;
}

.b-info,
.b-info2,
.b-info3 {
	height: 65px;
	width: 270px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #ccc;
	margin-top: 10px;
	border: 3px solid #888;
	border-radius: 3px;
}

.b-info {
	padding: 6px 0 0 10px;
}

.b-info2 {
	padding: 12px 0 0 10px;
}

.b-info2 p {
	line-height: 1;
}

.b-info3 {
	padding: 5px 0 0 10px;
}

.b-info p,
.b-info2 p,
.b-info3 p {
	font-size: 25px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
}

.b-info img,
.b-info2 img,
.b-info3 img {
	float: left;
	margin: 0;
	padding: 0;
}

/* ====================================================================================================================================== */
/* BRAND EXPOSURE PAGE RULES ===> exposure.php */
/* ====================================================================================================================================== */

.exposure-main {
    height: auto;
}

.exposure-main h1 {
    font-family: Oswald;
    font-size: 90px;
    color: #0066ff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-shadow: 3px 3px #000;
}

.exposure-main h2 {
    font-family: Oswald;
    font-size: 28px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.exposure-main p {
    font-family: Oswald;
    font-size: 20px;
    color: #000;
}

.exposure-main p a {
    color: #0066ff;
    font-size: 15px;
    text-decoration: none;
}

.exposure-main p a:hover {
    color: #888;
    text-decoration: underline;
}

.exposure-main hr {
    margin: 25px 0;
}

.brands {
    margin-bottom: 50px;
}

.brands img {
    border: 2px solid transparent;
    float: left;
    margin-right: 5px;
}

.brands img:hover {
    border: 2px solid #0066ff;
    box-shadow: 0 8px 6px -4px #888;
}

.brands img.brand-social {
    border: 2px solid transparent;
    border-radius: 250px;
}

.brands img.brand-social:hover {
    border-color: #0066ff;
    box-shadow: none;
}

/* ====================================================================================================================================== */
/* ARTICLES PAGE RULES ===> articles.php */
/* ====================================================================================================================================== */

.articles-main {
    height: auto;
    width: 100%;
}

.articles-main h1 {
    width: 375px;
    font-family: Oswald;
    font-size: 90px;
    color: #0066ff;
    text-transform: uppercase;
    text-shadow: 3px 3px #000;
    float: left;
}

img.new_article {
    border: 2px solid transparent;
    margin-bottom: 25px;
    float: right;
}

img.new_article:hover {
    border: 2px solid #0066ff;
}

.articles-main hr {
    width: 100%;
}

.articles-main h6 {
    font-family: Oswald;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
}

.articles-main .article {
    margin-bottom: 50px;
}

.articles-main p.share-article {
    font-family: Oswald;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Also Used In Brand Exposure Page */
p.date {
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
    margin-bottom: 10px;
}

.article img.article-img {
    border: 1px solid #e6e6e6;
    margin-bottom: 3px;
}

.article img.article-img:hover {
    border: 1px solid #888;
    box-shadow: 0 8px 6px -4px #888;
}

.article a.article-name {
    color: #191919;
    text-decoration: none;
}

.articles-main a.article-name:hover {
    color: #0066ff;
    text-decoration: underline;
}

/* ====================================================== */
/* ARTICLES - INDIVIDUAL PAGE RULES - ALSO USED SAME
 * CODING IN BRAND EXPOSURE INDIVIDUAL PAGES */
/* ====================================================== */

a.back-articles {
    padding: 10px;
    background: #191919;
    color: #fff;
    font-family: Oswald;
    text-decoration: none;
    text-transform: uppercase;
}

a.back-articles:hover {
    background: #0066ff;
    color: #000;
    text-decoration: underline;
    box-shadow: 0 8px 6px -4px #888;
}

.article-descript {
    height: auto;
}

.article-descript h2 {
    font-family: Oswald;
    font-size: 60px;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 15px;
}

.article-descript h3 {
    font-family: Oswald;
    font-size: 40px;
    color: #0066ff;
    text-align: center;
    margin: 25px 0;
}

.article-descript h4 {
    font-family: Oswald;
    font-size: 28px;
    color: #0066ff;
    text-align: center;
    margin: 25px 0;
}

.article-descript p.author {
    font-family: Oswald;
    font-size: 16px;
    color: #000;
}

.article-descript p.date-main {
    font-family: Oswald;
    font-size: 14px;
    color: #0066ff;
    text-align: left;
    margin-bottom: 25px;
}

.article-descript p {
    font-family: Arial;
    font-size: 16px;
    margin: 10px 0;
    line-height: 18px;
}

.article-descript p a {
    color: #0066ff;
    text-decoration: none;
}

.article-descript p a:hover {
    color: #888;
    text-decoration: underline;
}

.article-descript hr {
    width: 100%;
    margin: 25px 0;
}

span.def {
    font-weight: bold;
}

.article-descript ul li {
	list-style-type: disc;
	margin-left: 25px;
        margin-bottom: 15px;
        line-height: 18px;
}

.article-descript ul li.list2 {
	list-style-type: circle;
	margin-left: 75px;
        line-height: 18px;
}

.article-descript ul li.list3 {
	list-style-type: square;
	margin-left: 125px;
}

.article-descript ol li {
	list-style-type: decimal;
	margin-left: 25px;
        margin-bottom: 15px;
}

.article-descript ul,
.article-descript ol {
    font-family: Arial;
    margin-bottom: 25px;
}

.article-descript table tr {
	float: left;
}

.article-descript table td {
	margin-top: 25px;
	text-align: center;
	width:250px;
}

/* ====================================================================================================================================== */
/* SERVICES PAGE RULES - MAIN ===> services.php */
/* ====================================================================================================================================== */

.services-main {
    height: auto;
    width: 100%;
}

.services-main h1 {
    font-family: Oswald;
    font-size: 90px;
    color: #0066ff;
    text-transform: uppercase;
    text-shadow: 3px 3px #000;
}

.services-main h2 {
    font-family: Oswald;
    font-size: 45px;
    color: #888;
    margin: 25px 0 50px 0;
}

.services-main p {
    font-family: Oswald;
    font-size: 20px;
    color: #000;
}

.services-main p a {
    color: #0066ff;
    text-decoration: none;
}

.services-main p a:hover {
    color: #888;
    text-decoration: underline;
}

.services-main hr {
    margin: 25px 0px 25px -125px;
    width: 85%;
}

/* ====================================================================================================================================== */
/* STORE PAGE RULES - MAIN ===> store.php */
/* ====================================================================================================================================== */

.store h1 {
    font-family: Oswald;
    font-size: 75px;
    color: #0066ff;
    text-shadow: 3px 3px #000;
}

.store hr {
    width: 50%;
    margin-left: -560px;
}

ul.products li img {
    float:left;
    margin: 35px 12px;
}

ul.products li img:last-child {
    margin-right: 0;
}

ul.products li img:hover {
    border:8px solid #ccc;
    box-shadow: 0 8px 6px -4px #888;
}


/* ====================================================================================================================================== */
/* INDIVIDUAL PRODUCT PAGE RULES - DISPLAYS IN EACH INDIVIDUAL PRODUCT PAGE ===> product.php */
/* ====================================================================================================================================== */

.breadcrumb h1 {
    font-family: Oswald;
    font-size: 48px;
    color: #0066ff;
    text-align: center;
    text-transform: uppercase;
}

.product-main {
    height:auto;
    padding: 25px;
}

.product-main img.paypal_accept {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.product-main img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* ====================================================== */
/* BACK BUTTON - ALSO USED IN DIRECTORY SERVICE PAGES */
/* ====================================================== */

a.back-products {
    padding: 10px;
    background: #191919;
    color: #fff;
    font-size: 14px;
    font-family: Oswald;
    text-decoration: none;
    text-transform: uppercase;
}

a.back-products:hover {
    color: #000;
    background: #0066ff;
    text-decoration: underline;
    box-shadow: 0 8px 6px -4px #888;
}

/* ================================================================================ */
/* PRODUCT DETAIL RULES - DISPLAYS IN EACH INDIVIDUAL PRODUCT PAGE ===> product.php */
/* ================================================================================ */

.product-details {
    height: auto;
    padding: 25px;
    border: 3px dashed #ccc;
}

.product-details h1 {
    font-family: Oswald;
    font-size: 38px;
    color: #0066ff;
    text-align: center;
}

.product-details p {
    font-family: Oswald;
    font-size: 16px;
    color: #000;
    margin-top: 15px;
    line-height: 1.5;
    text-align: center;
}

.product-details p.det {
    color: #0066ff;
    text-align: center;
}

.product-details form {
    margin-top: 35px;
    text-align: center;
}

.product-details table {
    margin-top: -30px;
}

.product-main img.verify {
    float: left;
}

/*.paypal-logos {
	display: block;
	margin: 20px auto;
}*/

/* ================================================================================ */
/* RECEIPT PAGE RULES ===> receipt.php */
/* ================================================================================ */

.receipt {
    height: auto;
    width: 100%;
    padding: 0 100px 50px 100px;
    line-height: 1.3;
    text-align: center;
    font-family: Oswald;
}

.receipt h1 {
    font-size:70px;
    color: #0066ff;
}

.receipt h5 {
    font-size:35px;
    color: #888;
}

.receipt p {
    font-size: 20px;
}

.receipt a {
    color: #0066ff;
    text-decoration: none;
    font-size: 20px;
}

.receipt a:hover {
    color: #888;
    text-decoration: underline;
}

/* ====================================================================================================================================== */
/* CONTACT PAGE RULES ===> contact.php */
/* ====================================================================================================================================== */

.contact-main {
	height:auto;
	padding: 0 50px 50px 50px;
	text-align: center;
	color: #000;
	font-family: Oswald;
	text-transform: uppercase;
}

.contact-main h1 {
	font-size:70px;
	color: #0066ff;
}

.contact-main h2 {
	margin-top: 25px;
	margin-bottom: 50px;
	font-size: 26px;
}

.contact-main p {
	margin-top:25px;
	margin-bottom: 50px;
	font-size:22px;
}

.contact-main p.note {
    font-family: Rajdhani;
    color: red;
    font-weight: bold;
    font-size: 22px;
}

.contact-main a.backhome {
	color:#33adff;
	text-decoration: none;
	font-family: Oswald;
	font-size: 22px;
}

.contact-main a.backhome:hover {
	color: #ccc;
	text-decoration: underline;
}

/* ====================================================================================================================================== */
/* TERMS & CONDITIONS */
/* ====================================================================================================================================== */

.termsmain {
	height: auto;
	padding: 50px 150px;
	list-style-type: circle;
	font-family: Arial;
}

.termsmain h1 {
    font-family: Oswald;
    font-size: 55px;
    color: #0066ff;
    text-align: center;
    margin-bottom: 50px;
}

.termsmain ol li {
	list-style-type: decimal;
	margin-bottom: 5px;
	font-weight: bold;
}

/* ====================================================================================================================================== */
/* ALL FORM DISPLAY RULES */
/* ====================================================================================================================================== */

.error {
	color: red;
	font-size:16px;
	font-family: Rajdhani;
	font-weight: bold;
}

p.errmessage {
        font-family: Rajdhani;
        font-weight: bold;
	height: auto;
	width: 275px;
	border: 3px dashed red;
	text-align: center;
	padding: 15px;
        margin: 25px auto;
}

form.form table {
    height: auto;
    width: 550px;
    display: block;
    margin: 0 auto 25px auto;
    padding: 0 50px;
}

form.form table tr {
    display: block;
    margin-bottom: 10px;
}

form.form th {
	font-family: Abel;
	font-size: 17px;
	width:450px;
	text-align: left;
}

form.form td {
	text-align: left;
}

form.form td p {
	font-size: 12px;
}

form.form input,
form.form select {
    width: 450px;
    height: 30px;
    margin-bottom: 20px;
    font-family: Abel;
    font-size: 16px;
    padding-left: 5px;
}

form.form textarea {
    width: 450px;
    height: 150px;
    padding: 5px;
    font-family: Abel;
    font-size: 16px;
}

/*form.form table {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 600px;
	text-align: center;
	margin-bottom: 25px;
	border: 3px dashed #ccc;
	padding: 50px;
}

form.form table tr {
	height: 55px;
}

form.form table th {
	font-family: Oswald;
	font-size: 16px;
	width:150px;
	text-align: right;
}

form.form table td {
	text-align: right;
}

form.form table td p {
	font-size: 12px;
}

form.form table input,
form.form table select,
form.form table textarea {
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 255px;
	height: 25px;
}

form.form table textarea {
	margin-left:50px;
	width: 255px;
	height: 75px;
	margin-bottom: 35px;
}

form.form table select {
	width: 255px;
	height: 25px;
}*/

/* ================================ */
/* Form Checkbox Section */
/* ================================ */

form.form table tr.check {
	margin-bottom: 10px;
}


form.form table tr.check th {
	color: #0066ff;
	width: auto;
	text-align: center;
	line-height: 1.2;
}

form.form table tr.check td input {
	height: auto;
}

/* ================================ */

tr.term {
    height: 25px;
    width: 450px;
}

form.form tr.term th {
	font-size: 10px;
	font-family: Verdana;
	text-align: left;
        width: 300px;
        float: left;
}

form.form tr.term td {
    width: 225px;
    float: right;
}

form.form table tr.term input {
	height: auto;
}

/* ================================ */
/* Form SEND Button */
/* ================================ */

.form input.sendbutton {
	width:175px;
	height: 50px;
	background: #ccc;
	color: #000;
	border-radius: 5px;
	font-family: Abel;
	font-size: 22px;
	line-height: 1.5;
	text-transform: uppercase;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
}

.form input.sendbutton:hover {
	color: #fff;
	background: #0066ff;
	box-shadow: 0 8px 6px -6px #888;
	
}

/* ================================ */
/* Thank You Page BACK BUTTON */
/* ================================ */

a.backhome {
    margin: 50px auto;
    display: block;
    padding: 15px;
    width: 150px;
    background: #191919;
    font-family: Oswald;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

a.backhome:hover {
    background: #0066ff;
    color: #000;
    text-decoration: underline;
    box-shadow: 0 8px 6px -6px #888;
}

/* ====================================================================================================================================== */
/* MEDIA QUERIES */
/* ====================================================================================================================================== */

@media (min-width:481px) {
    img.mobile {
        display:none;
    }
    a.b-mobile {
	display: none;
    }
}

@media (max-width:480px) {
    img.phone {
        display:none;
    }
    div.phone_num {
	display: none;
    }
}