﻿body{font-family:Helvetica, Arial, Verdana;
     color:#bdbebd;
     }
	a:active{outline:none;}
	a:focus {outline: none;}
    
    a.white:link {color:#ffffff} /* unvisited link */
    a.white:visited {color:#ffffff} /* visited link */
    a.white:hover {color:#ffffff; text-decoration: underline;} /* mouse over link */
    a.white:active {color:#ffffff} /* selected link */

    a.red:link {color:#db0407} /* unvisited link */
    a.red:visited {color:#db0407} /* visited link */
    a.red:hover {color:#db0407; text-decoration: underline;} /* mouse over link */
    a.red:active {color:#db0407} /* selected link */

input {
    background-color: Transparent;
    border: solid 1px Transparent;
    color: #ffffff; 
    font-size:9pt;
    /*font-weight:bold;*/
    font-family:Verdana,Helvetica, Arial ;
}
textarea {
    background-color: Transparent;
    border: solid 1px Transparent;
    color: #ffffff; 
    font-size:9pt;
    font-weight:bold;
    font-family:Verdana,Helvetica, Arial ;
}
/*.wrapper	{
	width: 988px;
	height: auto;
	margin: auto;
	padding: 0px;	
	margin-top: 0px;
	position:relative;
	z-index: 0;
	min-width: 0; peekaboo bug fix for IE7 } */

.MainBG {
	background: url(/OnTheGrill/assets/img/bgShadow_middle.jpg) top left repeat-y;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
    position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
	}
.MainBG_top {
	background: url(/OnTheGrill/assets/img/main_BgTop.jpg) top left no-repeat;
	width: 1000px;
	min-height: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 25px 0px 10px;	
	margin-top: 0px;
	position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
	}
.MainBG_bottom {
	background: url(/OnTheGrill/assets/img/main_BgBottom.jpg) top left no-repeat;
	width: 1000px;
	height:58px;
	margin-left: auto;
	margin-right: auto;
    position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
	}
.LandingMainBG {
	background: url(/OnTheGrill/assets/img/main_bg1.jpg) top left no-repeat;
	z-index: 0;
	width: 970px;
	height: 970px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 15px 0px 10px;	
	margin-top: 0px;
	
    position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0;  /*peekaboo bug fix for IE7 */
	}
.contentLeft
{
    background: url(/OnTheGrill/assets/img/iPod.jpg) 0px 2px no-repeat;
	width: 359px; 
	min-height: 650px;
	float: left;
	padding:  0px 0px 0px 0px;
    position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
    }
.videoOverlayDiv
{
    width: 300px; 
	height: 495px; 
	float: left;
	padding: 91px 0px 0px 58px;
	position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */}

#iPhoneVid{ width: 233px; 
	height: 348px; 
	float: left;
	position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */}


.requirementsCredits
{
    width: 255px; 
	float: left;
	padding: 10px 0px 0px 60px;
	font-size: 12px;
    line-height:16px;
    color:#cbcdcb;
    position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */

   }   



.contentRight
{
	width: 600px; 
	float: left;
	min-height:600px;
}
.contentRightSupport
{
	width: 600px; 
	float: left;
	min-height:500px;
	padding: 110px 0px 0px 0px;
}
.appLinkButtonDiv
{
	width: 241px; 
	float: right;
	padding: 55px  12px 10px 320px;
	
	
}
.MainTextDiv
{
	width: 576px; 
	float: left;
	padding: 10px 0px 0px 0px;
}
.clearAll
{
    clear:both;}
 .MainSubTextDiv
{
	width: 540px; 
	float: left;
	padding: 0px 0px 0px 15px;
}
 .MainSubTextDiv2
{
	width: 540px; 
	float: left;
	padding: 0px 0px 0px 15px;
	height: 567px;
}
 .scroll_container
{
	width: 540px; 
	float: left;
	padding: 0px 0px 0px 15px;
	height: 449px;
	overflow: auto;
}   
   
.Text1a
{
    font-family:Helvetica, Arial, Verdana;
    font-weight:bold;
    font-size: 26px;
    line-height:32px;
    color:#bdbebd;
    padding-bottom: 10px;
}    

.Text1
{
    font-family:Helvetica, Arial, Verdana;
    font-weight:bold;
    font-size: 15px;
    line-height:24px;
    color:#f1f1f1;
  	
	
} 
.Text2 
{font-family:Helvetica, Arial, Verdana;
    font-size: 14px;
    line-height:22px;
    color:#bdbebd;
    }
.Text3
{font-family:Helvetica, Arial, Verdana;
    font-size: 12px;
   font-weight:bold;
     line-height:14px;
    color:#f1f1f1;
    }  
.Text4
{font-family:Helvetica, Arial, Verdana;
    font-size: 10px;
    line-height:16px;
    color:#f1f1f1;
    }  
    
.featuredDiv
{
    background: url(/OnTheGrill/assets/img/FeaturedItems_BG.gif) top left no-repeat;
	width: 521px; 
	min-height:200px;
	float: left;
	padding: 10px 0px 0px 20px;
    }  
.emailAddressBlock
{
    background: url(/OnTheGrill/assets/img/emailBoxBG.png) top left no-repeat;
	width: 521px;
	height:43px; 
	float: left;
	padding: 14px 10px 10px 20px;
    } 
.emailMessageBlock
{
    background: url(/OnTheGrill/assets/img/emailTextAreaBG.png) top left no-repeat;
	width: 521px;
	height:106px; 
	float: left;
	padding: 18px 10px 10px 20px;
    } 
.featuredItem
{
    width: 500px; 
	float: left;
	padding: 10px 0px 10px 0px;
	border-bottom: solid 1px #262626;
    font-size: 12px;
    line-height:16px;
    color:#cbcdcb;
    }  
.supportInput INPUT.TEXT{
  font-size:12pt;
  font-weight:bold;
  background-color:#000000;
  border-color:#000000;
  color:#ffffff;
}
.Required{color:Red;}

/* New ipad and iphone page added 10/29/10 RC
----------------------------------------------  */

#apps-intro {
	background: transparent url(../img/ipad_iphone.jpg) 5px 30px no-repeat;
	min-height:485px;
	height:auto !important;
	height:485px;
	padding: 80px 40px 0 540px;
	
}

#content h1.apps-title {
	background: transparent url(../img/app_title.gif) 0 0 no-repeat;
	height: 110px;
	width: 440px;
	margin:  0 0 60px -80px;
}

#apps-intro p {
	line-height: 24px;
}

#app-compare {
	padding: 0 30px;
}

.compare-titles {
	border-bottom: 1px solid #c6c6c7;
}

.compare-titles, .compare-row {
	padding: 10px;
	clear: both;
}

.compare-titles div, .compare-row div {
	float: left;
}

.compare-titles .row-text {
	color: #9da0a3;
	font-size: 23px;
}

.compare-titles .row-checked {
	color: #9da0a3;
	font-size: 16px;
	padding-top: 5px;
}

.odd {
	background-color: #f6f6f6;
}

.row-text {
	width: 460px;
}

.row-checked {
	width: 200px;
	text-align: center;
}

#fine-print {
	padding: 10px 0;
	border-top: 1px solid #c6c6c7;
}

.align-right {
	text-align: right;
}

/* IE must have .replace*/
.replace {
	display:block;
	height:0 !important;
	width: 0 !important;
	overflow:hidden;
}

/* New ipad and iphone support/contact pages added 11/11/10 RC
--------------------------------------------------------------  */
#apps-intro-small {
	background: transparent url(../img/ipad_iphone_small.jpg) 5px 30px no-repeat;
	min-height:452px;
	height:auto !important;
	height:452px;
	padding: 30px 40px 0 460px;
}

#apps-intro-small p {
	line-height: 24px;
}

.compare-titles-faq {
	padding: 0 10px 10px;
}

.compare-row-faq {
	padding: 15px;
}

.row-text-faq {
	width: 800px;
	font-size: 14px;
}

.row-text-faq p {
	line-height: 22px;
}

.row-text-faq strong {
	font-size: 15px;
	display: block;
}

.contact-app-form strong {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}
.contact-app-form input.contact-input {
	margin: 5px 0 15px;
	width: 450px;
}
.contact-app-form textarea.contact-input {
	color: black;
	margin: 5px 0 15px;
	width: 450px;
	height: 150px;
}
