/* 
	This style controls the common elements that are found 
	throughout the site.
	
	File Name: 			common.css
	Author: 			   Domenic Polsoni - FabulousSavings.com
	Date Created:  	2008/02/21
	Modified History:	2007/02/21 - created style.
                     
                     2008/02/27 -
                                - The following has been added
                                - div#error
                                - div#success_str
                                - "width" has been changed for " .imgVeri " to 155px .
                                - in ".javascriptWarning", background : #ffd39f; has been added.
                                - input:focus, textarea:focus  has been added.
						  
*/

a:link	{color : #0387ca; text-decoration : none; font-weight : bold}
a:visited {color : #0387ca; text-decoration : none; font-weight : bold}
a:hover	{color : #fb7600; text-decoration : none; font-weight : bold}

.clear	{
	clear : both;
}

.orange	{
	color : #fb7600;
	font-weight : bold;
}

.textHighlight	{
	color : #0387ca;
	font-weight : bold;
}

img	{
	border : 0px;
}

/* controls the <noscript> warning that is displayed when javascript is disabled */
.javascriptWarning	{
	position : absolute;
	top : 240px; left : 200px;
	font : normal 13px/16px "Lucida Grande", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	width : 350px;
	color : #2c4773;
	padding : 10px 25px; margin : 0 auto;
	z-index : 3; 
	border : 3px solid #2c4773;
	/*background : url(../images/common/warning_bg.gif); */
   background : #ffd39f;
	text-align : justify;
}

body, html	{
	color : #636568;
	font-family : 	Cambria,Georgia;
	font-size : 13px;
	margin : 0;
	padding : 0;
	border : 0px solid #000;
	height : 100%;
}

/*	mainBG provides the background for the top portion of the page */
#mainBG	{
	position : absolute;
	top : 0; left : 0;
	width : 100%; height : 250px;
	background : url(../images/common/header_bg.gif) repeat-x;
	z-index : 0;
}

/**** MAIN CONTAINER for the entire page *****/
/* this is the outermost container by which  all other elements refer to */
#outerContainer	{
	position : relative;
	height : 100%;
	margin : 0 auto;
}	
	
	#container	{
		position : relative;
		width: 1024px;
		margin : 0 auto;
		border : 0px solid #000;		
	}
		
		/** bottom portion of GetDiners.com logo **/
		#logoBottom	{
			position : absolute;
			top : 70px; right : 75px;
		}
		
		/* header is comprised of flash movie */
		#header {
			margin : 0 auto;
			width : 970px; height : 250px;
		}
			
			
			/**** NAVIGATION ****/
			#navigation	{
				position : relative;
				left : 100px;
				width : 544px; height : 20px;
				border : 0px solid #000;
			}
				/* General topnav elements */
				#navigation a {
					display : block;
					height : 20px;
					float : left;
				}
				
				#navigation .navOn	{
					color : #000;
					padding : 8px 0;
					float : left;
					font-weight : bold;
				}
				
					/* About Us */
					#navigation a#aboutUs	{ width : 108px; background : url(../images/common/nav_about_us.jpg) 0 0 no-repeat;}
					#navigation a#aboutUs:hover	{ background-position : 0 -20px;}
					#navigation a#aboutUs:active { background-position : 0 -40px;}
					#navigation #aboutUsOn	{ width : 108px; background : url(../images/common/nav_about_us.jpg) 0 -20px no-repeat;}
					
					/* About Get Diners */
					#navigation a#aboutGd	{ width : 149px; background : url(../images/common/nav_about_gd.jpg) 0 0 no-repeat;}
					#navigation a#aboutGd:hover	{ background-position : 0 -20px;}
					#navigation a#aboutGd:active	{ background-position : 0 -40px;}
					#navigation #aboutGdOn	{ width : 149px; background : url(../images/common/nav_about_gd.jpg) 0 -20px no-repeat;}
					
					/* FAQ */
					#navigation a#faq	{ width : 83px; background : url(../images/common/nav_faq.jpg) 0 0 no-repeat;}
					#navigation a#faq:hover	{ background-position : 0 -20px;}
					#navigation a#faq:active	{ background-position : 0 -40px;}
					#navigation #faqOn	{ width : 83px; background : url(../images/common/nav_faq.jpg) 0 -20px no-repeat;}
					
					/* Media */
					#navigation a#media	{ width : 86px; background : url(../images/common/nav_media.jpg) 0 0 no-repeat;}
					#navigation a#media:hover	{ background-position : 0 -20px;}
					#navigation a#media:active	{ background-position : 0 -40px;}
					#navigation #mediaOn	{ width : 86px; background : url(../images/common/nav_media.jpg) 0 -20px no-repeat;}
					
					/* Contact Us */
					#navigation a#contact	{ width : 118px; background : url(../images/common/nav_contact.jpg) 0 0 no-repeat;}
					#navigation a#contact:hover	{ background-position : 0 -20px;}
					#navigation a#contact:active	{ background-position : 0 -40px;}
					#navigation #contactOn	{ width : 118px; background : url(../images/common/nav_contact.jpg) 0 -20px no-repeat;}
		
		/**** END OF HEADER ****/
		
		/**** CONTENT ****/
		
		#content	{
			position : relative;
			padding : 0 0 20px 0;
			min-height : 200px;
			border : 0px solid #000;
			z-index : 1;
		} 
		
		#buildYourSite	{
			position : absolute;
			left : 730px; top : 120px;
			z-index : 4;
		}
		
			/*** title made up from images ***/
			#title	{
				width : 550px;
				margin : 15px 0 20px 154px; padding : 0 0 15px 0;
				border-bottom : 1px dashed #0387ca;
			}
			
			#contentContainer	{
				margin : 15px 300px 0 154px; padding : 0 0 20px 0;
				border-bottom : 1px dashed #0387ca;
			}
			
			#content p.contentText	{
				margin : 0 0 0 0; padding : 0 0 10px 0;
				border : 0px solid #000;
				font-size : 12px;
			}
			
			/**** form info ****/
			#formContainer	{
				position : relative;
				width : 561px; 
				margin : 0 0 20px 0;
				border : 0px solid #000;
				background : url(../images/common/form_bg.gif) repeat-y;
				font : 10px/12px Arial, Helvetica, sans-serif;
				color : #fff;
			}	
			
				#formContainer #internalFormContainer	{
					min-height : 300px;
					border : 0px solid #000;
					background : url(../images/common/form_bottom.gif) bottom no-repeat;
				}
				
					#formContainer #internalFormContainer #internalFormContainerLogo	{
						min-height : 300px;
						background : url(../images/common/form_bg_logo.gif) bottom left no-repeat;
					}
				
						#formContainer #internalFormContainer #internalFormContainerLogo form	{
							min-height : 300px;
							background : url(../images/common/form_top.gif) top no-repeat;
						}
						
							.requiredField	{padding : 48px 0 12px 115px; font-style : italic}
							
							.formLine	{padding : 0 0 8px 120px;}			
							
								.formLine div	{
									width : 115px;
									padding : 5px 15px 0 0;
									border : 0px solid #000;
									float : left;
									text-align : right;
								}
							
							.formLine input	{
								width : 260px;
								padding : 0 3px 0 3px;
								border : 1px solid #b0beca;
								height : 17px;
								font-size : 11px;
							}
							
							.formLine input.phone1	{width : 20px; margin-right : 4px;}
							.formLine input.phone2	{width : 30px;}
							
							.formLine textarea	{
								border : 1px solid #b0beca;
								width : 265px; height : 60px;
								font : 11px/12px Arial, Helvetica, sans-serif;
								padding : 0 3px 0 3px;
							}
							
							.formLine select	{
								padding : 0;
								border : 1px solid #b0beca;
								font-size : 11px;
							}
							
							.formLine .imgVeri	{
								width : 155px;
							}
							
							form img	{
								margin : 0 0 0 250px;
							}
							
							form .buttons	{
								margin : 8px 0 0 250px; padding : 0 0 25px	 0;
							}
							
			#formFSLogo	{
				position : absolute;
				bottom : 30px; left : 154px;
				z-index : 0;
			}
         
         div#error	{

			width : 300px;
			padding : 5px 8px;
         margin : 0 0 10px 71px;
			border : 1px solid #f7931d;
			font : bold 10px/17px "Lucida Grande", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
			color : #76787b;
			background : #ffd39f;
			text-align : left;
         font-size : 10px;         
         }
         
         div#success_str	{

			width : 300px;
			padding : 5px 8px;
       	 	margin : 0 0 10px 71px;
			border : 1px solid #f7931d;
			font : bold 10px/17px "Lucida Grande", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
			color : #008b45;
			background : #ffd39f;
			text-align : left;
         font-size : 10px;         
         }
         
         /* Does not work in IE, JavaScript has been used for IE */
         input:focus, textarea:focus  {
         background-color: #FFF8C6;
         }
        
                
			
		/**** END OF CONTENT ****/
		
	/**** END OF MAIN CONTAINER ****/
	
	/**** FOOTER ****/
	#footer	{
		width : 100%;
		text-align : left;
		background : url(../images/common/footer_bg.gif) repeat-x top;
		border : 0px solid #000;
		padding : 0 0 10px 0;
	}	
		#footer p#slogan	{
			margin : 0; padding : 27px 0 15px 0;
			text-align : center;
		}
		
		#footer div	{
			text-align : center;
		}