/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* Global Navigation styles, added by EfnWeb */

	#navGlobal {
		width: 			100%;
		height:	 		30px;
		margin-left: 	auto;
		margin-right: 	auto;
		padding-top: 	10px;
		padding-bottom: 10px;
		text-align: 	center;
		background: 	url("/images/coastal/bg_fundo_agua.jpg") repeat-x;
	}
	
	#navGlobal a {
		margin: 		0 1px;
		_margin: 		0 1px; /* msie */
		border: 		none 1px #ccc;
	}
	
	#navGlobal a img { 
		border: none;
		width: 100px;
	}

	/* two-col home page */
	#navGlobal_twoCol {
		width: 			100%;
		height:	 		30px;
		margin-left: 	auto;
		margin-right: 	auto;
		padding-top: 	10px;
		padding-bottom: 10px;
		text-align: 	center;
		background: 	url("/images/coastal/bg_fundo_agua.jpg") repeat;
	}
	
	#navGlobal_twoCol a {
		margin: 		0 1px;
		_margin: 		0 1px; /* msie */
		border: 		none 1px #ccc;
	}
	
	#navGlobal_twoCol a img { 
		border: none;
		width: 100px;
	}
	
/* end: Global Navigation */

/* Contact Us info request check boxes and lables, EfnWeb */ 

#contactInfoCheckboxes input 	{ margin-right: 2px; }
#contactInfoCheckboxes label 	{ margin-right: 10px; }

#contactInfoRadios td.label 	{ text-align: right; }

/* end: Contact Us info request check boxes and labels */

/* Enhancement added by EfnWeb */
/* added ID value as name to input construction in html_output.php */
/* with this addition, individual form input fields can be styled by ID */
input#payjunction_cc_cvv { border: solid 2px #f00; background-color: #fee; }
/* end: enhancement */


/* added for FAQ and Downloads boxes, EfnWeb */
div#faqBox a, div#downloadsBox a { display: block; margin-bottom: .75em; }
div#downloadsBox { text-align: left; }

/* added nested table to control formatting of categories in left navigation */
/* NOTE: in Admin > My Store > Show Category Counts: set to FALSE since 
			Category Count is not contained in "a" tag and cannot be targeted by this style rule */
#categoriesBox { margin: 0; width: 200px; } /* forces entire left nav to this pixel width GS - was 150px */
#categoriesBox td.boxText { padding-left: 5px; }
#categoriesBox td.boxText a {
	display: block;
	margin-top: 0;
	margin-bottom: -1em; /* this rule compensates for <br> tag placed after </a> (before Category Count) */
	margin-left: 20px;
	_margin-left: 22px; /* msie */
	text-indent: -20px;
	_text-indent: -22px; /* msie */
}
/* end: added nested table */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
  text-align: center; /* GS - added to compensate for a mysterious centering occuring somewhere */
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #0080FF;
  text-decoration: underline;
}

/* added by efnweb for custom links in shopping cart */
span a 			{ color: #06c; }
span a:hover	{ text-decoration: underline; }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #0080FF;
}

TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #0080FF;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #0080FF;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #0080FF;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #0080FF;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading, td.pageheading, h1, h2.pageHeading { 	/* change from 'td.pageheading h1' to allow h1 to use this formatting without td as parent. EfnWeb */
  font-family: Arial, Tahoma, sans-serif;								/* add h2.pageHeading to preserve formatting without having to use more than one H1 per page -- SEO issue. EfnWeb */
  font-size: 20px;
  font-weight: bold;
  color: #0080FF;
}

.pageHeading a { color: #0080FF; }

h1 { margin-top: .25em; } /* added to tighten space above h1, EfnWeb */

h2 { font-size: 18px; }

h3 { font-size: 14px; } /* added emphatic default H3 size, EfnWeb */

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main, div.main { /* add div.main to allow use of this class */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* From Old Coastal Site */

.logotext { 
      margin-top: 10px    ;
      margin-bottom: 0px    ;
      margin-left: 0px    ; 
      margin-right: 5px    ;         
      font-family: arial, helvetica, sans-serif ;
      font-size:    12pt    ;
      font-weight:  bold    ;
      text-align:   right    ;       
      color:        black   ; 
                    } 

.logotexthref { 
      margin-top: 2px    ;
      margin-bottom: 0px    ;
      margin-left: 0px    ;    
      margin-right: 5px    ;         
      font-family: arial, helvetica, sans-serif ;
      font-size:    12pt    ;
      font-weight:  bold    ;
      text-align:   left    ;      
      color:        #0066cc   ; 
                    }                       

.smallhref { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    8pt    ;
      font-weight:  normal    ;
      color:        #0066cc   ; 
                    } 
                    
.boldpagelink { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    18pt    ;
      line-height:  40px    ;
      font-weight:  bold    ;
      text-align:   center  ;      
      color:        #0066cc    ; 
                    } 
                    
.whatis { 
      padding-left: 25px       ;
      font-family: arial, helvetica, sans-serif ;
      font-size:    10pt    ;
      font-weight:  normal    ;
      color:        black    ; 
                    }
                    
.address { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    8pt    ;
      font-weight:  normal    ;
      text-align:   center    ;      
      color:        black   ; 
                    } 

.addresshref { 
      color:        #0066cc    ; 
                    } 
                    
.picintro { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    10pt    ;
      font-weight:  normal    ;
      color:        black   ; 
      text-align:   center    ;         
                    }  
                    
.picandlabel { 
      padding-top: 5px    ;
      padding-bottom: 0px    ;
      text-align:   center    ;      
                    }                      

.piclabel { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    8pt    ;
      font-weight:  bold    ;
      color:        black   ; 
      text-align:   center    ;         
                    }                       
                    
.title { 
      padding-left:  20px;
      padding-top :  20px;   
      padding-bottom :  0px;        
      font-family: arial, helvetica, sans-serif ;
      line-height:  40px    ;
      font-size:    22pt    ;
      font-weight:  bold    ;
      font-style:   italic    ;      
      text-decoration:   none  ;
      text-align:   left  ;
      color:        #0066cc   ; 
                    }   

.subtitle { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    14pt    ;
      font-weight:  bold    ;
      text-align:   center  ;
      color:        black   ; 
                    }                     

.subtitlehref { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    14pt    ;
      font-weight:  bold    ;
      text-align:   center  ;
      color:        #0066cc   ; 
                    }   
                    
.subsubtitle { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    12pt    ;
      font-weight:  bold    ;
      text-align:   center  ;
      color:        black   ; 
                    }   
                    
.info { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    12pt    ;
      font-weight:  normal    ;
      color:        black   ; 
                    }   

.center { 
      text-align:   center    ;         
                    }                      
                    
                    
.textlist { 
      padding-top: 10px        ; 
      font-family: arial, helvetica, sans-serif ;
      font-size:    10pt    ;
      font-weight:  normal    ;
      color:        black   ; 
      text-align:   left    ;         
                    }                      
                    
.a { 
      font-family: arial, helvetica, sans-serif ;
      font-size:    10pt    ;
      font-weight:  bold    ;
      color:        #0066cc    ; 
                    }     
                        
.colorstitle { 
      padding-top: 0px    ;
      padding-bottom: 0px    ;
      padding-left: 0px    ; 
      padding-right: 0px    ;         
      font-family: arial, helvetica, sans-serif ;
      font-size:    14pt    ;
      font-weight:  bold    ;
      text-align:   center    ;  
      text-decoration: underline ;
      color:        gray   ; 
                    }  
                    
.leisuretime-background { 
      background-image: url("images/leisuretime-spacer.gif");
                    }   

table.error_alert {
border-width: 2px;
border-spacing: 2px;
border-style: double;
border-color: maroon;
border-collapse: separate;
background-color: white;
}
table.error_alert th {
border-width: 1px;
padding: 3px;
border-style: none;
border-color: maroon;
background-color: rgb(250, 240, 230);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: maroon;
-moz-border-radius: 3px;
}
table.error_alert td {
border-width: 1px;
padding: 3px;
border-style: none;
border-color: gray ;
background-color: rgb(250, 240, 230);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF3366;
font-weight: bold;
-moz-border-radius: 3px;
}