/* CSS file for Tel-Listing.com

Colours:
#e2e2e2 - Very light grey
#4a92d3 - Blue
#65ABE0 - Light blue
#bfbfbf - Darker Grey

*/

/* Main setup */
* { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

html { background: #e2e2e2; }

body { background: #fff; color: #2d2d2d; font: 85%/1.5 Arial, Helvetica, Verdana, sans-serif; min-width: 980px; text-align: center; }

:focus { border : 0; }

/* Headings */
h1 { background: url(../img/logo.gif) no-repeat; float: left; margin-top: .6em; width: 150px;}
h1 a { overflow: hidden; height: 0px !important; float: left; padding: 151px 0 0 0; border: 0 !important; }
h1, h2, h3 { color: #36c; margin-bottom: .5em; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; }
#welcome { background: url(../img/welcome.png) no-repeat; margin-left: 10px; text-indent: -9999px; }
h3 { color: #5d5d5d; font: 1.5em "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; }
.head h3 { font-size: 2em; }
h4 { color: #5d5d5d; font: 18px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; margin-bottom: .5em; }

#contact h2 { background: url(../img/contact_h2.png) no-repeat; margin-left: 10px; text-indent: -9999px; }
#premium-index h2 { xbackground: url(../img/premium_h2.png) no-repeat; xmargin-left: 10px; xtext-indent: -9999px; }
#free-index h2 { background: url(../img/free_h2.png) no-repeat; margin-left: 10px; text-indent: -9999px; }
#pricing h2 { background: url(../img/pricing_h2.png) no-repeat; margin-left: 10px; text-indent: -9999px; }
#premium-checkout h2 { background: url(../img/checkout_h2.png) no-repeat; margin-left: 10px; text-indent: -9999px; }
#premium-edit h2 { background: none; }

/* Paragraphs */
p { margin-bottom: 24px; }
p a { color: #000; padding-bottom: 1px; border-bottom: 1px dotted #4d4d4d; }
p.from { font-size: .9em; text-align: right; }
.strapl p { margin-left: 10px; color: #fff; font-size: 120%; }
.gutter p { font-size: 16px; }

a {	color: #4a92d3; text-decoration: none; outline: 0; }
a img { border: 0; }
a:active { position: relative; top: 1px; }

ul.currencies { text-align: center; }
ul.currencies li { display: inline; font: bold 34px Arial, sans-serif; margin: 20px; }

/* Layout Div's */

/* Main wrapper div for divs */
.wrapper { margin: auto; text-align: left; width: 960px; position: relative; }

/* Generic clear div */
.clear { clear: both; }

 /* IE 7 fixes */
.header { position: relative; }
.content { position: relative; }

.center { margin: 0 auto; text-align: center; }

/* Header */
.header { background: #4a92d3; border-top: 7px solid #bfbfbf; border-bottom: 7px solid #bfbfbf; color: #fff; }
.header h2 { color: #fff; margin: 10px 9px; font-size: 36px; }
.header p { font-size: 18px; }
.header a { border-bottom: 1px dotted #fff; color: #fff; }

/* Navigation */
.nav { background: #4a92d3; width: 50%; height: 35px; position: absolute; bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;  }
.nav ul { margin-top: 7px; text-align: center; }
.nav ul li { display: inline; font-size: 16px; margin: 0 10px; }
.nav ul li a { color: #fff; }

/* Make the links a little more obvious */
#home #welcome-tab a, #premium-index #premium-tab a, #free-index #free-tab a, #contact #contact-tab a { font-weight: 700; }

/* Login Box */
.login { float: right; font-size: 1.2em; margin: 15px 1px 0 0; }
.login-wrapper { float: right; margin-top: 5px; width: 480px; }
/*.login-box {
    background: #4a92d3 url(../img/arrow.gif) -13px 0px no-repeat;
    color: white;
    display: none;
    font-size: 1.1em;
    margin-bottom: 200px;
    padding-top: 10px;
    position: absolute;
    width: 480px; z-index: 100;
}

.login-box label { margin: 8px 0 5px 0; }
.login-box input[type="text"] { margin: 0; }
.login-box input[type="submit"] { float: right; }*/

#login { color: #4a92d3; border: 0; }

/* Strap */
.strapl, .strapr { float: left; margin: 10px 0 0 0; width: 50%; }


/* Home specific, move! */
body#home .strapl { padding-top: 45px; }
body#home .strapr { padding-bottom: 10px; }
.tour, .signup { width: 152px; height: 52px; text-indent: -9999px; border: 0!important; float: left; margin: 20px 50px 0 10px; }
.tour { background: url(../img/tour-a-tel.png) no-repeat; }
.signup { background: url(../img/signup.png) no-repeat; }

.promotion { background: transparent url(../img/promo-free.png) no-repeat; height: 110px; position: absolute; padding-top: 20px; top: -65px; right: -30px; width: 180px; z-index: 100;  }
.promotion a { padding: 0 170px 80px 0; margin-left: 10px; }

#video { background: #65ABE0; border: 10px solid #65ABE0; margin: 10px auto; height: auto; text-align: center; width: 460px; }
#vid-wrapper { text-align: center; display: none; }

/* Main content div */
.content { background: #e2e2e2; min-height: 150px; padding-top: 20px; }

.gutter { width: 940px; margin: auto; min-height: 200px; }

.white { position: relative; background: #fff; padding: 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* Rouned corners */
.wcorner, .bcorner { height: 10px; position: absolute; width: 10px; }
.wcorner { background: url(../img/white.gif) no-repeat; }
.bcorner { background: url(../img/blue.gif) no-repeat; }
.tl { left: 0; top: 0; background-position: 0 0; }
.tr { right: 0; top: 0; background-position: -10px 0; z-index: 50; }
.bl { left: 0; bottom: 0; background-position: 0 -10px; }
.br { right: 0; bottom: 0; background-position: -10px -10px; }

/* 3 column layout in content div */
.col { padding: 10px 10px; float: left; width: 300px; }

/* Footer */
.footer { background: #e2e2e2; padding: 21px 0 42px; margin-bottom: 0 !important; }


/* Load div*/
#load { display: none; margin-top: 21px; }

.hide { display: none; }
.blue {	color: #4a92d3 !important; }

.head { height: 60px; border-bottom: 4px solid #e2e2e2;  }
.head p { font-size: 140%; line-height: 0; }

/* Category request page */

.request-where { font-size: 14px; line-height: 1; vertical-align: middle; }


/* Prices page specific, move! */

#pricing table { clear: both; margin: 21px auto; text-align: center; width: 700px; }
#pricing table .n { background: none !important; }
#pricing table thead { color: #5d5d5d; font: 24px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; }
#pricing table thead span { color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 16px; display: block; }
#pricing table .y { margin: auto; background: url(../img/tick.png) center no-repeat; height: 22px; width: 25px; text-indent: -9999px; }
#pricing table tbody tr { height: 35px; line-height: 35px; }
#pricing thead { border-bottom: 5px solid #e2e2e2; }
#pricing tr { border-bottom: none !important; }
#pricing table td:first-child { font-size: 16px; text-align: right; }

.sign-up { background: url(../img/signup_sm.png) no-repeat; display: block; margin-top: 1.5em; height: 41px; text-indent: -9999px; width: 101px; border: 0; margin: auto;}
p.trademark { margin-top: 10px; text-align: left; text-indent: 10px; }


/* Checkout page */

#premium-checkout .nav, #premium-checkout .login { display: none; }

#checkout-form a { font-size: 16px; }

/* Admin */

#clients #clients-tab a, #category #category-tab a, #stats #stats-tab a, #domain #domain-tab a { font-weight: 700; }

table { width: 100%; margin-bottom: 21px; border-collapse: collapse; }
th { border-bottom: 1px solid #ccc; }
th, td { padding: 5px; }
td { width: 33.33%; }

#headerText { display: block; }

.highlight { background: #65ABE0; }
.highlight a { color: #fff; }