/*
Theme Name: Promaxol
Theme URI: http://www.promaxol.com
Description: This is our masterpiece.
Version: 1.0
Author: The TaddRob Group, LLC 
*/

* { margin: 0; padding: 0; }
a { outline: none; }
img { border: none; }
.clear { clear: both; }
body { font-family: Arial, Helvetica, sans-serif; background-color: #fff;}
#wrapper { width: 940px; margin: 0 auto; }
#container { margin: 0px 19px; padding: 0px 20px; cbackground: #ffffd4 url(images/content.png) no-repeat left top; border-right: 1px dotted #999; border-left: 1px dotted #999; }
.hr { background: url(images/dog-splitter-big.png) no-repeat center; clear: both; height: 15px; padding: 15px 0px; }

/* MASTHEAD */

#masthead { position: relative; height: 135px; padding: 0px 20px; background: url(images/main-nav.png) no-repeat bottom left; }
	
	#masthead img.logo {
		float: left;
		margin: 19px 0px 35px 15px;
		}
		
	#masthead p { float: right; clear: right; padding: 0px 20px 15px 0px; width: 200px; }
		#masthead p a { font-size: 12px; text-decoration: none; color: #114e91; font-weight: bold; }
		#masthead p img { position: relative; top: 3px; }
		#masthead #number_toggle { color: #333; text-align: center; position: absolute; left: 660px; top: 3px; width: 250px; background: url(images/phone-toggle.jpg) repeat-x; border: 1px solid navy; z-index: 999; }
		#masthead #number_toggle strong { clear: both; display: block; font-size: 20px; }
                #masthead #number_toggle strong span { padding-bottom: 0 !important; }
		#masthead #number_toggle span { display: block; padding: 0px 10px 10px; font-size: 12px; }
		#masthead #number_toggle div { padding: 0px 10px 10px; font-size: 11px; }
		#masthead #number_toggle a { color: #333; float: right; padding: 5px 5px 0px; font-size: 11px; font-weight: bold; text-decoration: none; }
	
	#masthead form { float: right; }
	#masthead form input.text { border: none; height: 11px; width: 124px; background: url(images/input.png); font-size: 10px; padding: 3px; color: #93a4b9; }
	#masthead form input.search { position: relative; top: 3px; }
	
	#sub-nav {
		float: right;
		font-size: 11px;
		height: 28px;
		padding-left: 15px;
		margin-bottom: 10px;
		background: url(images/sub-nav.png) no-repeat left top;
		margin-right: 15px;
		display: inline;
		list-style-type: none;
		}
		#sub-nav li { padding-right: 5px; border-right: 1px solid #333; margin: 5px 5px 0px; float: left; display: inline; }
		#sub-nav li a { color: #333; text-decoration: none; }
		#sub-nav li a:hover { text-decoration: underline; }
		#sub-nav li.sub-nav-end { border-right: none; margin: 0px; padding: 0px; height: 28px; width: 15px; background: url(images/sub-nav.png) no-repeat right top; }
		
	#main-nav {
		float: right;
		clear: right;
		width: 560px;
		font-size: 11px;
		font-weight: bold;
		padding-right: 10px;
		list-style-type: none;
		}
		#main-nav li { background: url(images/nav-splitter.gif) no-repeat center right; padding: 0px 8px; float: left; } 
		#main-nav li a { color: white; text-decoration: none; }
		#main-nav li a:hover { color: #f7f5bf; }

/* FEATURE SLIDER */

#feature { height: auto; padding-bottom: 36px; background: #8bb7dd url(images/feature.png) no-repeat left bottom; }
#feature h2 { color: white; padding: 0px 0px 20px 40px; font-size: 36px; font-family: Georgia; font-weight: normal; }

#swish { height: 70px; padding-bottom: 36px; background: #8bb7dd url(images/feature.png) no-repeat left bottom; }


/* CONTENT */

#content { width: 580px; float: left; padding: 0px 20px 15px 0px; margin: 20px 19px 0px 0px; border-right: 1px dotted #aaa; }
#content p, #sidebar p, #content ul { font-size: 13px; line-height: 18px; padding-bottom: 15px; color: #444; }
#content h2 { color: #114e91; padding: 0px 0px 10px 0px; font-size: 36px; font-family: Georgia; font-weight: normal;}
#content h3 { color: #114e91; font-size: 20px; font-weight: normal; padding: 15px 0px; line-height: 18px; }
#content h4, #content dt { color: #114e91; font-size: 13px; line-height: 18px; }
#content ul { padding-left: 25px; }
#content p strong, #content ul strong { color: #114e91; }
#content p a, #sidebar a { text-decoration: none !important; color: #5f8dc8; font-weight: bold; }
#content small { float: right; font-size: 11px; font-style: italic; padding-top: 21px; }
.date_format { font-size: small; vertical-align: top; }

.ingredients p, .ingredients h4 { padding-left: 20px; }
.ingredients h4 { background: url(images/accept.png) no-repeat left; }

.faq-menu { padding-left: 10px !important; list-style-type: none; }
.faq-menu li { float: left; }
.faq-menu li a { position: relative; top: 3px; color: #333; float: left; padding: 3px 15px; height: 20px; margin-right: 10px; background: #ddd; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; text-decoration: none; font-weight: bold; }
.faq { padding: 15px 15px 0px; border: 1px solid #aaa; background: white; margin-bottom: 15px; }
.faq p { padding-left: 18px; }

.video { float: left; width: 260px; padding: 9px 9px 0px; border: 1px solid #aaa; background: white; margin: 0px 20px 15px 0px; }

.leftPicture { float: left; padding: 0px 15px 15px 0px; width: 173px; text-align: center; }
.rightPicture { float: right; padding: 0px 0px 15px 15px; width: 173px; text-align: center; }
.leftPicture p, .rightPicture p { padding: 5px; font-family: Georgia; color: #114e91 !important; font-size: 14px; }
.leftPicture p span, .rightPicture p span { display: block; font-size: 11px; color: #333; font-family: Arial; }

/* SIDEBAR */

#sidebar { width: 240px; float: left; padding-top: 20px; }
#sidebar ul { list-style-type: none; }
#sidebar ul ul { font-size: 13px; }
#sidebar ul ul li { background: url(images/bullet_go.png) no-repeat; padding: 0px 0px 5px 23px; }

#sidebar ul li.item { margin-bottom: 30px; }
#sidebar ul li.item ul { min-height: 75px; padding: 10px; background: url(images/sidebar_bg.png) repeat-x bottom left; }
#sidebar ul li.item a { text-decoration: underline; color: #2061A9; font-size: 11px; }

#sidebar ul li.item p { 
	background: url(images/sidebar_bg.png) repeat-x bottom left; 
	padding: 10px; 
	font-size: 11px; 
	color: #333333; 

  }
#sidebar ul li h2 { color: #114e91; font-size: 20px; font-weight: normal; padding: 0px 0px 5px; line-height: 18px; }
#sidebar ul li.item h3 { background: url(images/sidebar_bg.png) repeat-x top; 
color: #eee; height: 25px; padding-top: 12px; font-size: 13px; text-align: center; 
}

#sidebar ul li.item p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#sidebar ul li.item p {display: inline-block;}
* html #sidebar ul li.item p { zoom: 1; display: block; }

#sidebar ul li.item-alt { margin: 0px 11px 15px; padding-bottom: 15px; background: url(images/dog-splitter.png) no-repeat center bottom; }
#sidebar ul li.item-alt p { color: #114e91; font-size: 11px; }

#footer { margin: 0px 20px 20px; background: #3a6fb4 url(images/footer.png) no-repeat left bottom; text-align: center; }
/*
#footer ul { margin: 0 auto; width: 800px; list-style-type: none; padding: 15px 0px 15px 15px;}
#footer ul li { float: left; padding: 0px 10px; font-size: 11px; font-weight: bold; }
#footer ul li a { text-decoration: none; color: white; }
*/
#footer ul { margin: 0 auto; width: 540px; list-style-type: none; padding: 15px 0px 15px 0px; }
#footer ul li { float: left; padding: 0px 10px; font-size: 11px; font-weight: bold; }
#footer ul li a { text-decoration: none; color: white; }

#footer p { clear: both; font-size: 11px; color: white; padding: 10px 0px; }
#footer #disclaimer { padding: 0px 200px 30px; font-size: 12px; color: #ccc; }