/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: PFlueger
Author: MultiMedia Communications
Description: This is the main stylesheet
Created: July 7, 2008
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* === GENERAL STYLES === */
body {margin:0;padding:0;background:url(../images/bg.gif) repeat;}
img {vertical-align:middle;border:none;}
a {outline:none;text-decoration:none;}
.clear {clear:both;}
div#body-wrap {width:1067px;margin:0 auto;padding:0;background:#FFF;}

/*=== FORM STYLES === */
div#contact
    #contactForm #table td {font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#7405ba;}

/* === HEADER STYLES === */
div#header {width:1085px;height:235px;margin:0 0 0 -6px;padding:0;position:relative;z-index:1;background:url(../images/header-bg.png) no-repeat left top;float:left;}
   #header #mini-nav {margin:13px 65px 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FAFAFA;float:right;}
   #header #mini-nav a {color:#FBFBFB;text-decoration:none;}
   
   #header #nav {width:570px;margin:0 auto;padding:180px 0 0 0;}
   #header #nav ul {margin:0;padding:0;list-style-type:none;}
   #header #nav ul li {margin:0;padding:0 5px;border-right:1px solid #7405ba;float:left;}
   #header #nav ul li a {font-family:"Myriad Pro",Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#7405ba;text-decoration:none;}
   #header #nav ul li a:hover {color:#525822;text-decoration:none;}
   #header #nav ul li a.active {color:#525822;text-decoration:none;}
   
/* === CONTENT STYLES === */
div#content {width:100%;margin:0;padding:0;}

/* === CONTENT -> SIDEBAR === */
   #content #sidebar {width:245px;height:750px;overflow:hidden;margin:-75px 0 0 0;padding:65px 0 0 0;background:url(../images/sidebar-bg.gif) no-repeat top #c7de73;float:left;}
   #content #sidebarBack {background-color:#c7de73;width:245px;margin:-75px 0 0 0;padding:65px 0 0 0;background:url(../images/sidebar-bg.gif) no-repeat top #c7de73;float:left;}
   #content #sidebar h1 {margin:0;padding:0 0 5px 25px;font-family:"Myriad Pro";font-size:20px;font-weight:normal;color:#6c1e90;text-align:left;}
   #content #sidebar h2 {margin:0 0 0 25px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#663399;text-align:left;}
   #content #sidebar h3 {margin:0 50px 0 25px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#663399;text-align:left;}
   
   #content #sidebar p {margin:0 10px 0 25px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;color:#663399;line-height:18px;}
   
   #content #sidebar p.forgotpassword {margin:0 0 10px 25px;padding:3px 0 18px 0;text-align:left;clear:both;}
   #content #sidebar p.forgotpassword a {color:#663399;text-decoration:underline;}
   
   #content #sidebar p.signup {margin:0 0 0 25px;padding:0 0 45px 0;font-size:11px;text-align:left;color:#000033;}
   #content #sidebar p.signup a {color:#663399;text-decoration:underline;}
   
   #content #sidebar img.productspecial {margin:0 16px 14px 0;padding:0;float:left;}
   
   #content #sidebar input {width:158px;height:15px;margin:0 0 15px 25px;padding:0;float:left;}
   #content #sidebar input.button {width:29px;height:21px;margin:0 0 0 5px;float:left;} /*Go Button*/
   #content #sidebar input.subscribe {width:120px;height:21px;margin:0 0 0 25px;float:left;} /*Subscribe Button*/
   
/* === CONTENT -> SIDEBAR -> NAVIGATION === */
   #content #sidebar #navi {width:205px;margin:0 0 0 27px;padding:15px 0 0 0;border-top:1px solid #872f7e;}
   #content #sidebar #navi ul {margin:0;padding:0;list-style-type:none;}
   #content #sidebar #navi ul li {margin:0;padding:8px 0;}
   #content #sidebar #navi ul li a {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#525822;text-align:left;text-decoration:none;}
   #content #sidebar #navi ul li a:hover {color:#b049b2;text-decoration:none;}
   #content #sidebar #navi ul li a.active {color:#b049b2;text-decoration:none;}
   
/* === CONTENT -> CONTEXT === */
   #content #context {width:792px;margin:-85px 0 0 0;padding:0;float:right;}
   #content #context h1 {margin:0;padding:0 0 5px 25px;font-family:"Myriad Pro";font-size:20px;font-weight:normal;color:#6c1e90;text-align:left;}
   
   #content #context .box#one {width:405px;margin:0 0 0 27px;padding:0;float:left;}
   #content #context .box#one h1 {margin:0;padding:30px 0 0 0;font-family:"Myriad Pro";font-size:27px;color:#515923;font-weight:normal;text-align:left;}
   #content #context .box#one p {margin:0;padding:15px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#515923;text-align:left;line-height:18px;}
   #content #context .box#one p a {color:#515923;text-decoration:underline;}
   
   #content #context .box#two {width:250px;margin:0 0 0 60px;padding:0;float:left;}
   #content #context .box#two h1 {margin:0;padding:25px 0 0 0;font-family:"Myriad Pro";font-size:20px;color:#6c1e90;font-weight:normal;text-align:left;}
   #content #context .box#two p {margin:0;padding:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#6c1e90;text-align:left;line-height:22px;}
   #content #context .box#two p a {color:#6c1e90;text-decoration:underline;}
   #content #context .box#two img.detail {margin: 3px 1px 0 2px; text-align:right; width:120px;}
   #content #context .box#two p.triad {font-size:75%;}
   #content #context #cLeft img.triad_detail {height:250px; margin-top:0pt;}
   #content #context h1.triad {margin:0;font-family:"Myriad Pro";font-size:20px;color:#6c1e90;font-weight:normal;text-align:left;}

/* === CONTENT -> COLUMN LEFT === */
   #content #context #cLeft {width:465px;margin:30px 0 0 0;padding:0;float:left;}
   #content #context #cLeft h1 {margin:0;padding:55px 0 0 15px;font-family:"Myriad Pro";font-size:27px;color:#515923;font-weight:normal;text-align:left;}
   #content #context #cLeft h1.trial {margin:0;padding:55px 0 0 15px;font-family:"Myriad Pro";font-size:27px;color:#515923;font-weight:normal;text-align:left;}

   #content #context #cLeft p {margin:10px 5px 5px 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#515923;text-align:left;line-height:18px;}
   #content #context #cLeft p a {color:#515923;text-decoration:underline;}
   #content #context #cLeft img {margin-top:39px;}
   #content #context #cLeft p.caption {color:#000000;font-family:Arial, Helvetica, sans-serif;}

/* === CONTENT -> COLUMN RIGHT === */ 
   #content #context #cRight {width:235px;margin:75px 0 0 50px;padding:0;float:left;}
   #content #context #cRight h1 {margin:0;padding:25px 0 0 0;font-family:"Myriad Pro";font-size:20px;color:#6c1e90;font-weight:normal;text-align:left;}
   #content #context #cRight p {margin:0;padding:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#6c1e90;text-align:left;line-height:25px;}
   #content #context #cRight p a {color:#6c1e90;text-decoration:underline;}
   li.sidebar {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#525822;text-align:left;text-decoration:none; list-style:none; padding:-8px 0pt;}
   li.sidebar a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#525822;text-align:left;text-decoration:none; padding:8px 0pt;}






/*-- Left And Right Menus -->
.menu-backing				{ background-color: #7CBEE0; }
.menu-backing-title			{background-color:#6C1E90; }/* background-color: #663399; ORIGINAL */
.menu-backing-content		{ background-color: #CCCCFF;background-image:url(../newsite/images/sidebar-bg.gif); overflow:hidden; }

.menu-title-text			{ font-family:Tahoma; font-weight:bold; font-size:9pt; color:#FFFFFF; text-decoration: none; }
.menu-section-links			{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#006A94; text-decoration: none; }
.menu-section-links:hover 	{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.menu-subsection-links		{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#006A94; text-decoration: none; }
.menu-subsection-links:hover{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.menu-normal-text			{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.menu-bold-text				{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.menu-links					{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#006A94; text-decoration: none; }
.menu-links:hover 			{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#CC0099; text-decoration: none; }

/*-- Middle Section (Main Content) -->
.middle-backing				{ background-color: #FFFFFF; }
.text-path 					{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.text-path:hover			{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.middle-normal-text			{ font-family:Tahoma; font-weight:normal; font-size:9pt; color:#000000; text-decoration: none; }
.table-backing-title		{ background-color: #CBE07F; }
.table-backing-content		{ background-color: #F1F5DC; } /* #CBE07F original */
.table-backing-content-search		{ background-color: #F1F5DC; } /* ORIGINAL #E0EA78 */
.field-backing-title		{ background-color: #CBE07F; } /* #663399; */
.field-backing-content		{ background-color: #F1F5DC; } /* ORIGINAL #CCCCFF */
.table-title-text			{ font-family:Tahoma; font-weight:bold; font-size:11pt; color:#6C1E90; text-decoration: none; }
.middle-links				{ font-family:Tahoma; font-weight:bold; font-size:9pt; color:#525822; text-decoration: none; }
.middle-links:hover			{ font-family:Tahoma; font-weight:bold; font-size:9pt; color:#6C1E90; text-decoration: none; }
.product-field-title		{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.product-field-content		{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.normal-field-title			{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.normal-field-content		{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.error-text					{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#FF0000; text-decoration: none; }
.highlight-text				{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#0000FF; text-decoration: none; }





  
/* === FOOTER STYLES === */
div#footer {width:1067px;margin:0 auto;padding:25px 0 40px 0;}
   #footer .left {width:50%;margin:0;padding:0 0 0 70px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#505a22;text-align:left;line-height:20px;float:left;}
   #footer .right {width:30%;margin:0;padding:0 70px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#505a22;text-align:right;line-height:20px;float:right;}

/* ==== OTHER ==== */
label{font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-left: 25px;color:#515923;}
ul.jssCustomerLinks li {text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;list-style:none;display:inline;}
ul.jssCustomerLinks li a {text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;list-style:none;color:#515923}
ul.jssCustomerLinks li a:hover{color:#6C1E90;}

#jssHeaderBlockLinks a {text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;list-style:none;margin-left:30px;color:#515923;}
#jssHeaderBlockLinks a:hover {color:#6C1E90;}



