/*
Theme name: Retel
Description: Custom Theme for Retel, based on sandbox theme
*/

/* Layout */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    color: #2d2d2d;
    background: #fff url(images/body-bg.gif) repeat-x 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #4d8450; text-decoration: underline; }
a:hover { text-decoration: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }
.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { display: block; font-size: 0; line-height: 0; text-indent: -4000px; background-position: 0 0; background-repeat: no-repeat; }

h3 { font-size: 18px; font-weight: bold; line-height: 1; color: #545454; margin-bottom: 10px; }

.shell { width: 960px; margin: 0 auto; }

#wrap { min-height: 100%; position: relative; background: url(images/wrap-bg.gif) no-repeat center 0; }

#page { padding-bottom: 282px; position: relative; padding-top: 5px; }

#footer { width: 100%; position: absolute; bottom: 0; left: 0; background: #545454; height: 282px; }
#footer .shell { background: #545454; height: 222px; font-size: 11px; font-weight: bold; line-height: 14px; text-align: center; padding-top: 60px; color: #939393; }
#footer .shell a { color: #939393; text-decoration: none; }
#footer .shell a:hover { text-decoration: underline; }

#header { height: 75px; position: relative; padding-top: 19px; }

h1#logo { width: 240px; height: 60px; font-size: 0; line-height: 0; float: left; display: inline; }
h1#logo a { display: block; width: 240px; height: 60px; text-indent: -4000px; background: url(images/logo.gif) no-repeat 0 0; }

#top-nav { height: 25px; line-height: 20px; background: #737373; position: absolute; top: 0; right: 0; font-size: 11px; color: #ededed; padding: 0 0.5em; }
#top-nav a { color: #ededed; text-decoration: none; }
#top-nav a:hover { text-decoration: underline; }
#top-nav span { padding: 0 13px; }


#main-nav { float: right; display: inline; padding-top: 16px; }
#main-nav ul li { float: left; display: inline; list-style-type: none; }
#main-nav ul li a { float: left; display: inline; font-size: 16px; line-height: 36px; color: #00549f; text-decoration: none; padding: 0 15px; }
#main-nav ul li a:hover,
#main-nav ul li a.active { background: #00549f; color: #fff; }

#main { background: #fff; height: 100%; position: relative; padding-bottom: 40px; }
#main.greybg { background: url(images/main-greybg.gif) repeat-y 0 0; }

#home-slider { height: 400px; position: relative; margin-bottom: 35px; }
#home-slider .tabs { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20; }
#home-slider .tabs .bg { background: url(images/home-slider-tabs-bg.png) repeat; height: 100%; }
#home-slider .tabs ul li { float: left; display: inline; text-align: center; height: 100%; position: relative; }
#home-slider .tabs ul li a { color: #fff; font-size: 18px; text-decoration: none; float: left; display: inline; line-height: 75px; width: 240px; }
#home-slider .tabs ul li.active,
#home-slider .tabs ul li a:hover { background: #00549f; }
#home-slider .tabs ul li .arrow { display: block; width: 30px; height: 18px; position: absolute; top: -18px; left: 101px; background: url(images/home-slider-tabs-arrow.png); }

#home-slider .tabs-content { height: 400px; position: relative; z-index: 10; }
#home-slider .tabs-content .tab-content { height: 400px; }
#home-slider .tabs-content #tab1 { background: url(images/tab1-bg.jpg) no-repeat right bottom; }
#home-slider .tabs-content #tab1 .padder { padding: 23px 0 0 36px; }
#home-slider .tabs-content #tab1 .cnt { width: 440px; font-size: 15px; line-height: 24px; color: #333; padding: 10px 0 20px 3px; }
#home-slider .tabs-content #tab1 .cnt .title { font-size: 16px; font-weight: bold; }
.txt-turnyourcameras { height: 70px; background-image: url(images/txt-everywhere.gif); }

#home-slider .tabs-content #tab2 { background: url(images/tab3-bg.jpg) no-repeat right bottom; }
#home-slider .tabs-content #tab2 .padder { padding: 23px 0 0 36px; }
#home-slider .tabs-content #tab2 .cnt { width: 440px; font-size: 15px; line-height: 24px; color: #333; padding: 10px 0 20px 3px; }
#home-slider .tabs-content #tab2 .cnt .title { font-size: 16px; font-weight: bold; }
.txt-directlinks { height: 70px; background-image: url(images/txt-wewatch.gif); }
#home-slider .tabs-content #tab2 { display:none; }

#home-slider .tabs-content #tab3 { background: url(images/tab2-bg.jpg) no-repeat right bottom; }
#home-slider .tabs-content #tab3 .padder { padding: 23px 0 0 36px; }
#home-slider .tabs-content #tab3 .cnt { width: 440px; font-size: 15px; line-height: 24px; color: #333; padding: 10px 0 20px 3px; }
#home-slider .tabs-content #tab3 .cnt .title { font-size: 16px; font-weight: bold; }
.txt-wewatch { height: 70px; background-image: url(images/txt-directlinks.gif); }
#home-slider .tabs-content #tab3 { display:none; }

#home-slider .tabs-content #tab4 { background: url(images/tab5-bg.jpg) no-repeat right bottom; }
#home-slider .tabs-content #tab4 .padder { padding: 23px 0 0 36px; }
#home-slider .tabs-content #tab4 .cnt { width: 440px; font-size: 15px; line-height: 24px; color: #333; padding: 10px 0 20px 3px; }
#home-slider .tabs-content #tab4 .cnt .title { font-size: 16px; font-weight: bold; }
.txt-incredibleinsight { height: 70px; background-image: url(images/txt-channelptrs.jpg); }
#home-slider .tabs-content #tab4 { display:none; }


.button-getevaluation { width: 382px; height: 62px; background-image: url(/wp-content/uploads/button-riskfreetrial.png
); }
.button-getevaluation-small { width: 208px; height: 66px; background-image: url(/wp-content/uploads/button-riskfreetrial-small.png

); }

.button-tellmemore { width: 382px; height: 62px; background-image: url(images/button-tellmemore.gif); }
.button-tellmemore-small { width: 208px; height: 66px; background-image: url(images/button-tellmemore-small.gif); }


#content { width: 640px; margin: 0 40px; }
#sidebar { width: 240px; float: left; display: inline; }

.featured-customers { text-align: center; }
.featured-customers h3 { font-size: 18px; color: #545454; font-weight: bold; line-height: 1.4; margin-bottom: 30px; }
.featured-customers img { display: block; margin: 0 auto 50px; }

#benefits .article { padding-bottom: 19px; border-bottom: solid 1px #cccccc; margin-bottom: 19px; }
#benefits .last-article { border-bottom: 0; }
#benefits .article  h3 a { color: #00549f; text-decoration: none; }
#benefits .article  h3 a:hover { text-decoration: underline; }

#benefits .article .image { float: left; display: inline; width: 152px; text-align: center; font-size: 12px; }
#benefits .article .image img { border: solid 1px #808080; }
#benefits .article .image a:hover img { border: 0; padding: 1px; }
#benefits .article .image a { color: #00549f; }
#benefits .article .cnt { float: right; display: inline; width: 440px; line-height: 18px; }
#benefits .button-getevaluation { margin: 50px 0 0 200px; }

.bluebox { font-size: 12px; line-height: 16px; color: #fff; background: #758594; padding: 6px 15px 6px 10px; border-bottom: solid 3px #dbdbdb; margin-top: 7px; }
.bluebox p { padding-bottom: 0 !important; }

#sub-nav { background: #676766; padding: 16px 0 16px 14px; border-bottom: solid 1px #cccccc; }
#sub-nav ul li { list-style-type: none; display: inline; }
#sub-nav ul li a { display: block; font-size: 14px; color: #ffffff; text-decoration: none; line-height: 30px; padding-left: 12px; }
#sub-nav ul li a:hover { text-decoration: underline; }
#sub-nav ul li a.active { background: #fff; color: #666666; font-weight: bold; }
#sub-nav ul li a.active:hover { text-decoration: none; }

#sidebar .block { padding: 14px 16px; border-bottom: solid 1px #ccc; margin-bottom: 16px; }
#sidebar .last-block { border-bottom: 0; }

/* fix image map border issues */
#sidebar .next-steps { padding: 4px; }
.next-steps img,
#sidebar .next-steps img { border: none; }

.latest-news { line-height: 1.4; }
.latest-news ul { list-style-type: none; }
.latest-news ul li{ list-style-type: none; }
.latest-news h3 { margin-bottom: 15px; }
.latest-news .date { font-size: 13px; color: #545454; font-style: italic; }

#fc-slide h3 { margin-bottom: 30px; }
#fc-slide .holder { width: 100%; height: 104px; position: relative; }
#fc-slide a { position: absolute; top: 0; left: 0; width: 100%; height: 104px; text-align: center; background: #efefef; display: none; }

.page-content { padding-top: 35px; }
.page-content h2 { font-size: 30px; line-height: 1; color: #2d2d2d; font-weight: normal; margin-bottom: 36px; }
.page-content h3 {  color: #2d2d2d; line-height: 1.3; margin-bottom: 5px; }
.page-content p { padding-bottom: 24px; }
.page-content ol { padding-left: 30px; }
.page-content ol li { padding-left: 10px; padding-bottom: 30px; }
.page-content .rightbox { float: right; display: inline; width: 292px; margin-left: 25px; margin-bottom: 20px; }
.page-content .rightbox .bluebox { padding: 15px 15px; }


/* 
	LEVEL ONE
*/
ul.dropdown                         { z-index: 20; position: relative; list-style: none; }
ul.dropdown li                      { float: left; zoom: 1; }
ul.dropdown a:hover		    { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 0 1.5em; border-right: 1px solid #ededed; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #00549F; color: #fff; position: relative; }
ul.dropdown li.hover a              { color: #fff; }
ul.dropdown ul  		    { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; }
ul.dropdown ul li 		    { font-weight: normal; background: #758594; color: #fff; border-bottom: 1px solid #dbdbdb; line-height: 25px; float: none; }
ul.dropdown ul li:last-child        { border: none }
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a		    { border-right: none; width: 100%; display: inline-block; } 
ul.dropdown ul ul 		    { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }