/*******************************************************************************

  CSS on Sails Framework
  Title: fordycespots.com
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: June 2010

********************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer
      
  3. PAGES
      3.1 Home page
      3.2 Article Page

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

html { height: 100%; }
body{ border: 0; height: 100%; margin: 0; padding: 0; font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 12px; text-align: justify; line-height: 1.8em; font-weight: normal; margin-right: auto; margin-left: auto; background-color: #FFFFFF; color: #000000; background-image: url(../images/background2.jpg); background-repeat: repeat-x; }
img { border: 0 none; -ms-interpolation-mode: bicubic; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; }
ul { list-style-type: square; margin: 1em 0 1em; padding: 0; padding-left: 2em; }
form { margin: 0; padding: 0; }
blockquote { text-align: justify; }

a:link,
a:visited,
a:active { font-size: 14px; text-decoration: none; color: #81AECD; }
a:hover { text-decoration: none; color: #6E4795; } 
  
input.button, input.button[disabled] { font-size: 12px; padding: 2px 5px 3px 5px; }
input.button-important { font-size: 12px; padding: 2px 5px 3px 5px; font-weight: bold; }  
input.text, input.text-fixed, textarea, select { font: 8pt Arial, Tahoma, Verdana, Helvetica, sans-serif; }
input.text { width: 300px; }
input.text-fixed { width: 300px; }
textarea { height: 120px; }

.clearer { clear: both; line-height: 0; height: 0; }
.templateErrors { display: none; }

#bodyClearer { display: none; }

h2{ font-size: 21px; text-transform: uppercase; font-weight: bold;}
h3{ font-size: 16px; letter-spacing: 0px; font-weight: bold; padding-bottom: 10px;}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

#canvasWrapper{ overflow: hidden; width: 972px; padding: 0 123px 20px 123px; margin-right: auto; margin-left: auto; background-image: url(../images/background.jpg); background-repeat: no-repeat; } 
#pageBodyWrapper { clear: both; } 


/* 2.2 Header
------------------------------------------------------------------------------*/
.logobox { position: relative; }
.logobox .langs { margin: 0; position: absolute; top: 20px; right: 10px; }
.logobox .langs li { float: left; list-style: none; margin-left: 15px; }
.logobox .langs li img { display: block; }

#pageHeader{ padding-left: 2px; padding-top: 0px; padding-bottom: 42px; }

#easy_slider_cont{ display: block; clear: both; width:973px; height:210px; margin: 0; padding: 0; border: 0px solid; }

#slider ul,
#slider li { margin: 0; padding: 0; list-style: none;}

/* define width and height of container element and list item (slide) list items must be the same size as the slider area */ 
#slider, 
#slider li { width: 973px; height: 221px; overflow: hidden; }
span#prevBtn { }
span#nextBtn { }					

#slider a { color: #5b8cad; text-decoration: none; border-bottom: 1px solid #78CCD8; }
#slider a:hover { color: #5b8cad; padding: 0; list-style: none; border-bottom: 1px solid #FFCC00; }

.slider_content{ margin: 10px 20px 20px; }
.slider_grp_1 { width: 580px; float: left; }
.slider_title { display:block; font-size: 22px; color: #336789; margin: 20px 0 10px; }
.slider_title_alternate { display:block; font-size: 22px; color: #FF6633; margin:20px 0 10px; }
.slider_text { height: 180px; font-size: 13px; color: #5b8cad; line-height: 23px;  }
.slider_pic { float: right; }


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigationTop { display: block; }
#navigationTop .horizontalNavigationBar { padding-left: 350px; }
.horizontalNavigationBar { width: 1218px; }
.horizontalNavigationBar .content-navigation { float: left; }
.horizontalNavigationBar ul { list-style-type: none; padding: 0; margin: 0; }
.horizontalNavigationBar ul li { float: left;  padding: 0; margin: 0; }
.horizontalNavigationBar ul li a { display: block; }

.horizontalNavigationBar .module a { font-size: 15px; text-decoration: none; padding: 5px 15px; margin-top: -13px; color: #D7E5EE; }

.horizontalNavigationBar .content-navigation.es .module a { padding: 5px 9px; }

.horizontalNavigationBar .module a:hover { color: #FFFFFF; }



/* 2.4 Content
------------------------------------------------------------------------------*/

#content { float: left; width: 686px; padding-top: 10px; color: #0B497F; font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; text-align: left; }

#content .paypal { overflow: hidden; float: left; width: 100%; }
#content .paypal .paypal-buttons { float: left; width: 207px; padding: 0 52px; }
#content .paypal .paypal-buttons form.international { padding: 63px 0 0 0; }
#content .paypal .paypal-buttons form.uk { padding: 55px 0 60px 0; }
#content .paypal form.treatment-img { float: left; width: 375px; }

#content .ingredient-list { float: left; width: 250px; margin-left: 5px; padding-bottom: 70px; }

.document-title { margin-bottom: .8em; }

.full-image-float-left { float: left; margin: 0px 10px 8px 0px; }
.full-image-float-right { float: right; margin: 0px 0px 8px 10px; }
.full-image-block { display: block; }
.full-image-inline { display: inline; }
 
.full-image-float-left img, 
.full-image-float-right img , 
.full-image-float-none img { text-decoration: none; }

.thumbnail-image-float-left { float: left; margin: 0px 10px 8px 0px; }
.thumbnail-image-float-right { float: right; margin: 0px 0px 8px 10px; }
.thumbnail-image-block { display: block; }
.thumbnail-image-inline { display: inline; }  
.thumbnail-image-float-left img, .thumbnail-image-float-right img , .thumbnail-image-float-none img { border: 1px solid #ccc; text-decoration: none; }
.thumbnail-caption { display: block; font-size: 9px; font-family: Verdana, sans-serif; line-height: 14px; padding-top: 5px; padding-bottom: 10px;  }

.google-map { width: 100%; height: 400px; }
.contact-us-wrap { margin-top: 2em; clear: both; }

.contact-form { margin-left: 15px; }
.contact-form h3 { margin: 40px 0 20px; }
.contact-form input,
.contact-form textarea { margin-top: 5px; }
.contact-form .submit { width: 120px; padding: 3px 0; }

.fieldRequiredStar { color: #990000; }

.search { margin-bottom: 25px; }
.addthis { margin: 0 0 40px 5px; }
.share-article { margin: 0 0 30px 0; }
.entry-count { font-size: 13px; }

.faq-question-list { margin-top: 1em; }
.faq-question-list li { list-style-type: square; margin-bottom: 6px; }
.faq-question-list li .title { } 
.faq-question-list li .description { margin-bottom: 15px; }

.body { margin: 1em 0 1em 0; }
.navigation { margin: 20px 0; }

.full_box{ font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 14px; text-align: justify; padding-right: 50px; padding-left: 50px; padding-top: 0px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 70px; background-color: #FFFFFF; color: #0F1E39;}
.full_box{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#content .full_box .paypal { overflow: hidden; float: left; width: 100%; }
#content .full_box .paypal .paypal-buttons { float: left; width: 207px; padding: 0 0 0 45px; }
#content .full_box .paypal .paypal-buttons form.international { padding: 63px 0 0 0; }
#content .full_box .paypal .paypal-buttons form.uk { padding: 55px 0 60px 0; }
#content .full_box .paypal form.treatment-img { float: left; width: 300px; }


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar { display: block; float: right; width: 246px; padding: 0; }
#sidebar .section { padding: 25px;  margin-bottom: 25px; font-size: 15px; color: #A4A4A4; border: 1px solid #D8E8FF;  background-color: #fff; background-image: url(../images/sidebar_bg.png); background-repeat: repeat-x; }
#sidebar .section h3 { padding-bottom: 10px; font-size: 17px; font-weight: normal; text-transform: uppercase; color: #0B497F; }

#sidebar .section label,
#sidebar .section input { display: block; text-align: left; }

#google_translate_element { text-align: center; }

.section ul { margin: 0; padding: 0 0 1em 0; } 
.section ul li { list-style-type: none; margin: 0; padding: 0; }


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer-wrapper { width: 100%; padding-top: 20px; padding-bottom: 20px; background-image: url(../images/bottom_background.jpg); background-repeat: repeat-x;}
#footer-wrapper p { text-align: center; }
#footer-wrapper table { margin: 0 auto; }

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home page
------------------------------------------------------------------------------*/

.smallbox { float: left; width: 280px; height: 245px; margin-right: 29px; padding: 11px 8px 0 16px; background-image: url(../images/smallbox_bg.png); background-repeat: no-repeat;}
.last { margin-right: 0; }

/* home page overrides */
body.home{ text-align: left; }
.home .horizontalNavigationBar { width: 1223px; }
.home h2 { font-weight: normal }
.home #pageHeader{ padding-bottom: 4px; }
.home #content { width: 977px; padding: 69px 0 60px; }
.home .paddedpic { padding-right: 100px; }
.home .smallbox { font-size: 14px; color: #3561A4; }

.fr .smallbox,
.fr .smallbox A,
.es .smallbox,
.es .smallbox A { 
	font-size: 12px;
	line-height: 150%;
}

.home #canvasWrapper { width: 977px; }

.home #slider li img, 
.home #slider li a { display: block; }
 

/* 3.2 Article Page / Posts
------------------------------------------------------------------------------*/

body.category-fordyce-spots-information #content,
body.fordyce-spots-information #content { width: 977px; }


/****************************************************************************************************************/

.page-template-page-welcome-php #content { width: 977px; }