/* CSS Document */
/******************* elements **********************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, input, fieldset, blockquote, cite
{margin: 0;padding: 0;border: 0;}

.clear{clear: both;}
.space{height: 35px;}

html {font-family: Arial, serif;font-size: 62.5%;height: 100%;}

body {font-size: 1.2em;color: #666666; height: 100%;background: #FFFFFF /*url(http://www.yourgolftravel.com/resources/userfiles/newsletter-images/landing-page/bkg-burst.jpg)*/ top no-repeat;}


/******************* main text area elements *******************/
a {color: #099980;text-decoration: none;}
a:hover {color: #099980;text-decoration:underline;}

h1 {font-size: 2.0em;color:#0f6d9f;line-height:1.3em;padding-top:-200px;float:right;}
h2 {font-size: 2.5em;padding: 0 0 10px 0;color:#616161;line-height:1.3em;}
h3 {font-size: 0.9em;padding: 0 0 10px 0;color:#333;display:inline;line-height:1.3em;}
h4 {font-size: 1.3em;color: #464646;padding: 15px 0 10px 0;}
h5 {font-size: 1.4em;padding: 20px 0 15px 0;color:#7c7c7c;line-height:1.3em;}
h6 {font-size: 1.2em;padding: 0 0 10px 20px;color:#333;display:inline;line-height:1.3em;}

#main img{border: none; font-size: 3.5em;color:#0f6d9f;line-height:1.3em;padding-top:10px;}
#main p {padding: 0 0 0 0;line-height: 1.6; align:right;}
#main p strong {font-size: 1.2em;}

#text h3 {padding: 10px 0;}
#text ul, #text ol{padding: 0 0 15px 30px;line-height: 1.6;}
#text ul ul, #text ul ol, #text ol ol, #text ol ul{padding: 0 0 0 30px;}

blockquote{font-size: 0.9em;width: 100%;border-left: 3px solid #0091FF;margin: 0 0 15px 0;padding: 5px 0 5px 20px;}

#main #text blockquote p{padding: 0;}

blockquote cite{font-style: italic;font-weight: bold;color: #dadada;}

/***************************** main elements *******************/

#wrapper{width: 960px;margin: 30px auto 0px auto;/*background: transparent url(http://www.yourgolftravel.com/resources/userfiles/newsletter-images/landing-page/header-back.gif) no-repeat;*/min-height: 100%;height: auto !important;height: 100%;}

#logo{float: left;margin-left:10px;}

#fsa{float: right; margin-top:-70px;}

#header, #main{float: left;width: 960px;}
#header {padding-top:0	px;padding-bottom:5px;}

#quickcontinue {float:right;}

#intro {float:left;margin-left:20px;margin-top:20px;width:940px;margin-bottom:15px;}
#title {float:left;margin-left:50px;margin-top:10px;width:300px;margin-bottom:15px;}


/******************* footer *****************************/

#under-footer {background-color:#006599;border-top:1px solid #015986;height:40px;}
#under-footer p {font-size:0.9em;}

#under-footerwrap{width: 960px;margin: 0 auto;}

#under-footer-copyright {float:left;width:450px;padding-top:15px;}
#under-footer-copyright p {color:#FFFFFF;}

#under-footer-rightlinks {float:right;padding-top:15px;}
#under-footer-rightlinks a {color:#FFFFFF;}
#under-footer-rightlinks a:hover {text-decoration:none;}

/****************** Navigation ************************/

#navigation {float:left;width:955px;overflow:hidden;background-image:url(http://www.yourgolftravel.com/resources/userfiles/newsletter-images/landing-page/nav_bg_blue.png);height:25px;margin-top:15px;margin-bottom:10px;}
#navigation ul {overflow:hidden;list-style:none;margin-top:-2px;}
#navigation ul li{float:left;}
#navigation ul li a{display:block; padding:7px 20px;color:#fff;text-decoration:none;border-left:1px solid #fff;font-size:12px;}
#navigation ul li a.first{border:none;padding-left:21px;}
#navigation ul li ul{display:none;position:absolute;background-color:#069;z-index:2;}
#navigation ul li ul li{float:none;border:none;color:#fff;text-decoration:none;font-size:12px;}
#navigation ul li ul li a{display:block;border-top:1px solid #fff;}
#navigation ul li:hover > ul{display:block;}
#navigation a:hover{text-decoration:underline;}

/****************** Offer Box ************************/

#offerbox {width:890px; margin:1em 0; padding:10px; box-shadow:0 0 5px #666666; zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=0, Strength=1); float:left;background:url('transparent.png');}
.offerbox-text {
		float:left;
		font-size:13px;
		color:#333333;
}
.offerbox-price {
		float:right; 
		font-size:32px; 
		font-weight:bold;
		padding-bottom:5px;
		}
.offerboxbutton{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		color:#fff;
		cursor:pointer;
		text-align:center;
		float:right;
		display:inline;
        background: #7db9e8; /* Old browsers */
        background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 100%); /* W3C */
		border-radius:3px;
		box-shadow:0px 0px 5px #666666;
		text-shadow:1px 1px rgba(0,0,0,.3);
		clear:right;
		}
a.offerboxbutton:hover{
		color:#FFFFFF; 
		background: #e72b16; /* Old browsers */
        background: -moz-linear-gradient(top,  #e72b16 0%, #9a190b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e72b16), color-stop(100%,#9a190b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e72b16 0%,#9a190b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e72b16 0%,#9a190b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e72b16 0%,#9a190b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e72b16 0%,#9a190b 100%); /* W3C */
		text-decoration:none;
		}

/* // Offer Box */

/****************** Tabs ************************/

.tabs {
      position: relative;   
	  min-height: 350px; /* This part sucks */
      clear: both;
      margin: 25px 0;
    }
    .tab {
      float: left;
    }
    .tab label {
      background: #eee; 
      padding: 10px; 
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 28px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 20px;
      border: 1px solid #ccc; 
      
      overflow: hidden;
    }
    .content > * {
      opacity: 0;
      
      -webkit-transform: translate3d(0, 0, 0);
    
      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);
      
      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }
	
/* // Tabs */
