/* =================================
Copyright 2009
Fifth Gear Marketing Systems Inc.  
DNN Container Styles - Brazilets.com
Version: 1.0
================================== */    

/* FONTS */	
		
	h1 { font-size: 16pt; font-weight: normal; margin: 12px 0 24px; font-family: 'Futura Medium','Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif; color: #d26c2b; }
	h1.secondary { margin: 36px 0 20px 48px; }
	h2 { font-size: 14pt; font-weight: normal; margin: 12px 0; font-family: 'Futura Medium','Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif; color: #d26c2b; }
	h3 { font-size: 12pt; font-weight: normal; margin: 12px 0; font-family: 'Futura Medium','Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif; color: #d26c2b; }
	h2.top,
	h3.top { margin: 0 0 12px; }

	.heading1 { margin-bottom: 12px; }
	.heading2 { margin: 12px 0 4px;}
	.subheading { font-size: 12pt; font-weight: normal; margin: -12px 0 12px 0; font-family: 'Futura Medium','Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif; color: #d26c2b; }

	* p { margin-bottom: 12px; }

/* LINKS */	

	a,	
	a:link, 
	a:visited,
	a:active { color: #4D2717; text-decoration: none; } 
	a:hover { color: #d16a28; text-decoration: underline; }

/* LISTS */	

	.Normal { font-size: 12px; }
	.Normal p { margin-bottom: 12px; }	
	.Normal ol li { margin: 0 0 10px 26px; }
	.Normal ul li { list-style-image: url(img/bullet.gif); margin: 0 0 10px 26px; }
	.Normal ul li ul { margin-top: 10px; }	
	.Normal ul li.singleLine { list-style-image: url(img/bullet.gif); margin: 0 0 4px 26px; line-height: 1.3; }

/* INDEXED CONTENT */

	/* Filters */
	
    #filters .filterBar { width: 100%; margin-bottom: 12px;}
	#filters .filterBarLeft { }
	#filters .filterBarRight { text-align: right; white-space: nowrap; padding: 4px 0 4px 0; }
	#filters .dropDownBox { width: 120px; }
	#filters .pagination { margin: 12px 0; }
	#filters .selectCountry { margin: 12px 0; }

	/* Index */

	#indexWrapper { }
	#index {  }
	#index td { vertical-align: top; padding: 8px; }
	#index .colHead { background-color: #a7ce39; border-bottom: 1px solid #ffffff; color: #fff; letter-spacing: 0.1em; font-size: 10pt; font-family: 'Futura Medium', 'Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif; }
	#index .colHead1 { width: 51px; white-space: nowrap; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
	#index .colHead2 { width: 100%; border-bottom: 1px solid #ffffff; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
	#index .colHeadPdf { border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

	#index .colData { font-size: 10pt; border-bottom: 2px solid #fff; }	
	#index .colData a:link,
	#index .colData a:visited,
	#index .colData a:hover,
	#index .colData a:active { color: #3c2911; text-decoration: none; font-family: 'Trebuchet MS', Tahoma,Verdana, Arial, sans-serif; font-size: 11px; }

	#index .colDate { border-right: 1px solid #fff;  border-left: 1px solid #fff; white-space: nowrap; }
	#index .colThumb { border-right: 1px solid #fff; border-left: 1px solid #fff; }
	#index .colPDF { border-right: 1px solid #fff; border-left: 1px solid #fff; padding-top: 8px; }
	#index .colDesc { width: 100%; border-right: 2px solid #fff; border-left: 1px solid #fff; }
	#index .colEdit { border-right: 1px solid #fff; padding-top: 6px; }
	#index .colTitle { font-weight: bold; }	
	#index .colSubTitle,
	#index .colPublisher { font-style: italic; }
	#index .row { background-color: #f5f6f4; }
	#index .rowAlt { background-color: #eff0ef; }
	#index .highlight { background-color: #e9eae8;}
	#index .noContent { text-align: center; padding-top: 8px; }
	
	/* Mods for Retailer Directory */

	#index .contactInfo { margin: 8px 0; }	
	#index .contactLabel { width: 110px; font-style: italic; padding: 0 0 0 50px; }
	#index .contactData { padding: 0 8px 0 0; }
	
	/* Mods for Media Clippings Index */

	#clippings td { padding: 2px 6px 2px 0; font-size: 11px; }
	#clippings .pressLabel { }
	#clippings .pressPublisher,
	#clippings .pressTitle,
	#clippings .pressSubtitle,
	#clippings .pressSummary { font-style: italic; }
	#clippings .moreLink { padding-left: 56px; }	

	/* Display and Entry Pages */
	
	#news { }
	#news .navTopBar { width: 100%; }
	#news .navLeft { white-space: nowrap; }
	#news .navCenter { width: 100% }
	#news .navRight { white-space: nowrap; }
	#news .navBottomBar { width: 100%; margin: 12px 0 0 0; }
	#news .navLeft { white-space: nowrap; }
	#news .navCenter { width: 100% }
	#news .navRight { white-space: nowrap; }	
	#news .titles { width: 100%; }
	#news .title h1 { font-size: 14pt; margin-bottom: 6px; }
			
	#news .subTitle { margin: 0; width: 100%; }
	#news .subTitle h2 { font-size: 10pt; font-weight: normal; font-style: italic; margin: 0; }
	#news .byLine { width: 100%; margin: 4px 0 4px 0; }	
	#news .byLineLeft { font-size: 9pt; vertical-align: top; text-align: left; padding-left: 6px; }
	#news .byLineRight { font-size: 9pt; vertical-align: middle; text-align: right; white-space: nowrap; padding-right: 6px; }
	#news .bLineRight a:link { font-size: 9pt; }
	#news .content { font-size: 10pt;}
	#news .content ul li { list-style-image: url(img/bullet.gif); margin: 0 0 10px 26px; }
	#news .title { text-align: center; padding: 12px 0; }
	#news .title h2 { color: #666; font-size: 12pt; margin-bottom: 6px; }	
	#news .imageLarge { text-align: center; }

	#news .imageRight { margin: 4px 0 20px 10px; }			
	#news .topLine { background: transparent; height: 14px; border-bottom: 1px solid #efefef; }
	#news .bottomLine { background: transparent; height: 20px; border-top: 1px solid #efefef; }

	/* Mods for Media Clippings Display Page */

	#clippings .titleBar { background-color: #a7ce39; border-bottom: 1px solid #ffffff; color: #fff; letter-spacing: 0.1em; font-size: 10pt; font-family: 'Futura Medium', 'Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif;}

	.arrowLink { float: left; padding-right: 4px;}
	.arrowIcon { float: left; width: 24px;}
	.arrowOn { background: transparent url(Img/arrowOn.gif) top no-repeat; }
	.arrowOff { background: transparent url(Img/arrowOff.gif) top no-repeat; }
	
/* WEB FORMS */

	#webForm { } 
	#webForm table { } 
	#webForm .row { }
	#webForm .formComment { padding: 12px 0 0 0; }	
	#webForm input, textarea, select { width: 300px; border: 1px solid #999; border-collapse: collapse; padding-left: 4px; padding-right: 6px; font-size: 13px; line-height: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-family: 'Trebuchet MS', Tahoma,Verdana, Arial, sans-serif; }
	#webForm input { vertical-align: middle; }
	#webForm input.radioButtons { width: 25px; height: 20px; margin: 0 3px 0 3px; vertical-align: bottom; }	
	#webForm select { width: 125px; height: 20px; vertical-align: middle; }	
	#webForm .formLabel { vertical-align: top; padding: 5px 12px 3px 0px; }
	#webForm .formInput { width: 242px; text-align: right; font-size: 12px; padding: 2px 2px 2px 0; }
	#webForm .formRadioButtons { width: 242px; text-align: left; font-size: 12px; padding: 2px 2px 2px 0; }	
	#WebForm .checkbox ( border: 0; width 20px; )

	#webForm .line { width: 100%; border-top: 1px solid #d9d9d9; margin-top: 12px; padding: 8px 6px 36px 0;}	

	#webForm .buttonSend { float: right; cursor: pointer; margin: 4px 4px 0 0; padding: 0 8px; height: 20px; line-height: 20px; background-color: #f1f3ef; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	#webForm .buttonOff { background-color: #f1f3ef; border: 1px solid #ccc; }
	#webForm .buttonOn { background-color: #ebf4d9; border: 1px solid #9bc940; }
	#webForm .highlightOff { border-color: #d9d9d9; }
	#webForm .highlightOn { border-color: #9bc940; }

	/* Mods for OptIn Registration */
	
	#webForm .buttonSignUp { width: 300px; border-top: 0px solid #99c83c; margin-top: 6px; }
	#webForm .buttonSignUp td { padding-top: 6px; }	

/* HOME PAGE */

	.introText { padding: 24px 48px 24px 48px; font-size: 10pt; line-height: 1.5em;}
	.asSeenIn { width: 676px; margin: 0px auto;}
	
	.flashSlideShow { }	
	.c1 { float: left; padding-right: 22px; }
	.c1 .c1R1 { width: 532px; height: 294px; padding-top: 24px; }
	.c1 .c1R2 { width: 532px; height: 121px;  padding-top: 24px; }
	.c1 .c1R2 .c1R2C1 { float: left; width: 255px; height: 173px; padding-right: 20px; }
	.c1 .c1R2 .c1R2C2 { float: left; width: 255px; height: 173px; }		
	.c2 { float: left; width: 217px; padding-top: 24px; }
	.c2 .c2R1 { height: 258px; background: #fff url(img/backgroundWhatsNew.jpg) top no-repeat; }	
	.c2 .c2R2  { }		

	/* What's New */

	.whatsNew { padding: 12px; font-size: 8pt; font-family: 'Trebuchet MS', Arial, Sans-Serif;}
	.whatsNew .newsItem { padding: 6px 0 3px;}
	.whatsNew .headline {}
	.whatsNew .datePosted { font-style: italic;}
	.whatsNew .summary { font-size: 7.5pt; }
	.whatsNew .moreNews { margin-top: 6px;}
	.whatsNew .moreLink { float: left; width: 156px; text-align: right; padding-right: 4px;}
	.whatsNew .moreArrow { float: left; width: 24px;}		

/* CONTACT */

	#contact .colLeft,
	#contact .colRight { float: left; }
	#contact .colLeft { width: 200px; padding: 20px 20px 0; background-color: #ebf4d9; border: 1px solid #9bc940; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	#contact .colRight { padding-left: 48px;}
	
/* PRODUCT */

	#products .colLeft,
	#products .colRight { float: left; }
	#products .colLeft { }
	#products .colRight { width: 410px; margin-left: 36px; }	

	#products .productImage { }
	#products .productImage td { width: 120px; }	
	#products .productTitle { }
	#products .productDescription { padding-bottom: 12px; }
	#products .colorsAvailable { padding-top: 12px; }	
	#products .magLink { text-align: center; margin-top: 12px; }	

	#products .colorSelect {  background-color: #ebf4d9; padding: 10px; border: 1px solid #9bc940; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	#products .colorThumbs { }
	#products #braziletcolor { margin: 18px 1px 0 0; cursor: pointer; }
	#products #linktext1 { text-align: left; margin-top: 6px; text-transform: lowercase; }
	#products #linktext2 { font-size: 14pt; text-transform: lowercase; text-align: center; font-weight: normal; margin: 12px 0; font-family: 'Futura Medium','Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif; color: #d26c2b; }

	#products .buyNow { margin-top: 18px; width: 390px; border-top: 1px solid #99c83c; }
	#products .buyNow td { vertical-align: top; padding-top: 18px; }		 

	.faqQ { vertical-align: top; font-size: 16px; color: #99c83c; padding-right: 12px; text-transform: lowercase; }
	.faqA { vertical-align: top; font-size: 16px; color: #ef5291; padding-right: 12px; text-transform: lowercase; }
	.faqQuestion { vertical-align: top; padding: 4px 0; }
	.faqAnswer { vertical-align: top; font-style: italic;  padding: 4px 0 18px 0; }

	#sorteListing { width: 709px; background-color: #f5f6f4; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; margin-bottom: 12px; }
	#sorteListing .altListing { background-color: #eff0ef;  }	
	#sorteListing .thumb { float: left; width: 240px; padding-right: 24px; text-align: center; }
	#sorteListing .caption { font-style: italic; }	
	#sorteListing .details { width: 430px; padding-top: 6px; float: left;  }
	#sorteListing .title { font-weight: normal; font-size: 1.4em; }
	#sorteListing .subTitle { font-style: italic; margin-bottom: 12px; }				
	#sorteListing .description { line-height: 1.1em; margin-bottom: 12px; }	
	#sorteListing .price { font-size: 1.4em; }
	
/* PHOTOS */

	.photoRight { float: right; margin: 0 0 24px 24px; }

/* PHOTO GALLERIES */
	
	.galleryLinks { text-align: center; margin-bottom: 24px;}

/* DNN CONTAINER MENU SETTINGS - CAUTION WHEN EDITING */

	.ModuleTitle_MenuItem { border: white 0px solid; }
	.ModuleTitle_MenuItem TD { width: 20px; height: 22px; text-align: left; cursor: pointer; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; white-space: nowrap; }
	.ModuleTitle_MenuIcon { border: white 0px solid; cursor: pointer; text-align: left; background-color: transparent; width: 15px; height: 100%; vertical-align: middle; }
	.ModuleTitle_SubMenu { z-index: 1000; position:absolute; cursor: pointer; background-color: #fcfcfc; filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); padding: 1px 1px 1px 1px; }
	.ModuleTitle_MenuBreak  { background-color: #EEEEEE; font-size: 1px; }
	.ModuleTitle_MenuItemSel { cursor: pointer; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: underline; background: #fff url('img/menuItemHover.jpg') repeat-x; }