/*
Title: WINGS
Copyright: (c) 2008
Author: Dorian Valente
Company: WINGS
Description: Global styles
*/


* {
   margin: 0;
   padding: 0;
   }

body {
  	margin: 0;
   background-color: #FFF;
  	background: url(/images/bodyBack.gif) left top repeat-y;
  	font: normal 12px/16px Arial, verdana, sans-serif; color: #333;
   }

#container {
 	margin: 0;
	padding: 0;
   width: 808px;
	}
	
#left-col {
   width: 170px;
   float: left;
   }	
	
#right-col {
   width: 610px;
   padding: 0 10px;
   float: left;
   }
	
	
/* header
-------------------------------------------------------- */	
	
#header {
   float: left;
   width: 808px;
   height: 122px;
  	background: url(/images/header.jpg) left top no-repeat;
  	margin: 0 0 20px 0;
   }	
   
#logo-text {
   float: left;
   margin: 9px 0 0 7px;
   padding: 0;
   background: url(/images/logo-text.png) top left no-repeat;
   behavior: url(/includes/iepngfix.htc);
   }
               
   #logo-text a {
      width: 294px;
      height: 93px;
      text-indent: -9999px;
      display: block;
      outline: none;
      }
      
#quote {
   float: right;
   font-size: 11px;
   color: #FFF;
   margin: 15px;
   width: 300px;
   }
      

/* headings, paragraph, links
-------------------------------------------------------- */   
   
h1 {
   margin: 0;
   padding: 0;
   font: normal 18px/24px Georgia, "Times New Roman", serif; color: #56387f;
   }
  
h2 {
   margin: 15px 0 0 0;
   padding: 0;
   font: bold 14px/18px Georgia, "Times New Roman", serif; color: #666;
   }    
  
body#products h2 {
   margin: 5px 0 0 0;
   }  
   
p {
   margin: 5px 0;
   }   
   
a {
   text-decoration: underline;
   color: #8B6FB9;
   outline: none;
   }
   
a:hover {
   text-decoration: underline;
   color: #DCC100;
   }       
      
      
/* headers, links
-------------------------------------------------------- */       
      
ul {
   list-style-type: none;
   margin: 10px 0 20px 10px;
   padding: 0;
   }

   ul li {
      padding: 3px 0 3px 15px;
      margin: 0;
      background: url(/images/bullet.gif) left 6px no-repeat;
      }
   
ul.link-list {
   list-style-type: none;
   margin: 10px 0 20px 30px;
   padding: 0;
   }

   ul.link-list li {
      padding: 3px 0 3px 5px;
      margin: 0;
      background-image: none;
      list-style-type: disc;
      }   
     
      ul.link-list li a {
         color: #8B6FB9;
         text-decoration: none;
         outline: none;
         } 
         
         ul.link-list li a:hover {
            color: #DCC100;
            } 
         
/* form
-------------------------------------------------------- */

form {
   margin: 30px 0;
   }

form ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
   
form ul li {
   background-image: none;
   }
   
form ul li label {
   font-weight: bold;
   width: 120px;
   float: left;
   margin: 0;
   padding: 0;
   } 
      
form ul li input, form ul li textarea {
   width: 200px;
   }      
   
form ul li select {
   width: 204px;
   }   

form ul li input.submit {
   margin: 3px 0 0 255px;
   width: 68px;
   height: 25px;
   background: url(/images/submitBtn.gif) top left no-repeat;
   border: none;
   outline: none;
   cursor: pointer;
   text-indent: -9999px;
   }
   
.asterisk {
   color: #CC0000;
   }    

body#products form ul li {
   margin: 8px 0;
   padding: 0;
   }

body#products form ul li label {
   width: 50px;
   }

form ul li input.paypal-submit {
   margin: 0;
   width: 120px;
   height: 26px;
   outline: none;
   cursor: pointer;
   }
   
      
/* promos
-------------------------------------------------------- */

.promo {
   float: left;
   clear: left;
   margin: 10px 0 0 0;
   }
   
   .promo a {
      color: #333;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 16px;
      text-align: center;
      display: block;
      width: 170px;
      height: 80px;
      outline: none;
      }  

    .promo a:hover, .promo a:visited {
      text-decoration: none;
      color: #333;
    } 
   
.purple {
   background: url(/images/promo-purple.gif) top left no-repeat;
   }   
   
.gold {
   background: url(/images/promo-gold.gif) top left no-repeat;
   }  
   
.one-liner {
   line-height: 80px;
   }
   
.two-liner {
   padding-top: 25px;
   line-height: 16px;
   } 

#brand img { 
   float: left;
   }

#brand p {
   float: left;
   padding: 5px 0 5px 20px;
   }
   
   
/* products
-------------------------------------------------------- */

.product {
   clear: left;
   margin: 10px 0;
   float: left;
   }

.product a img {
   float: left;
   margin-right: 20px;
   }

.product-txt {
   float: left;
   }

.product-txt form {
   margin: 0;
   }
        
   

/* footer
-------------------------------------------------------- */

#footer {
   clear: both;
   float: left;
   border-top: 1px solid #CCC;
   margin: 20px 0;
   text-align: right;
   width: 780px;
   padding: 0 10px;
   }
   
#footer span {
   float: left;
   }
   
   
/* -------------------------------------- Errors -------------------------------------- */

p.red {
   color: #CC0000;
   font-weight: bold;
   }

ul.errorDetails {
   list-style-type: square;
   margin: 0;
   padding: 0 0 0 10px;
   }
   
ul.errorDetails li {
   margin: 0 0 0 10px;
   padding: 0;
   color: #CC0000;
   border: none;
   background-image: none;
   }