﻿/* compeed unstoppable - main style sheet */

body 
{
	background: url(/images/bg_main.jpg) top left repeat-x #ffffff;
	color: #ffffff;
	font-family: arial, verdana, helvetica, sans serif;
	font-size:62.5%;		/* This makes 1em 10px */
	margin:0px;	padding:0px; height:100%; width:100%;	border:none;
}

/* stop padding on main form element */
form {padding:0px; margin:0px;}
img {border: none;}

img
{
	behavior: url('../includes/jquery/iepngfix.htc')
}

#TB_CloseButton
{
	behavior: url('../includes/jquery/iepngfix.htc')
}

ol {padding-left:20px;}
ol li {padding-top:10px;}

h3 
{
	font-size:18px;
}

/* FORM ELEMENTS */
a, a:visited {color: #ffffff; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {-moz-outline-style: none;outline:none;border:none;}
p {padding-top:15px;font-size:1.1em;}

.button 
{
	height:24px;
	width: auto;
	padding-left:15px;
	padding-right:15px;
	background-color: #007B91;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer; cursor: hand;
}

.err 
{
	font-size:11px;
	color: #ff0000;
}

.reg 
{
	font-size:0.8em; line-height:1.0em; position: relative; top: -3px;
}

/* LAYOUT */

.clear {float:none; clear: both;}

.ContainerMain 
{
	width: 971px;
	min-height: 900px;
	
	margin: 0 auto;
	background: url(/images/bg_container.jpg) top left repeat-y;
}

#ContainerHeader 
{
	width:971px;
	height: 112px;
	background: url(/images/header_bg.png) top left no-repeat;
	behavior: url('../includes/jquery/iepngfix.htc')
	float: left;
}
#ContainerHeader #TopNavBar 
{
	position: relative;
	top:-15px;
	left:212px;
	width:655px;
	font-weight: bold;
	font-size: 8pt;
	color: #00575C;
}
/* #navarrow position needs updating in topnav code too */
#ContainerHeader #TopNavBar #navarrow 
{
	position:absolute;
	top:21px;
	left:0px;
	display:none;
}
* html #ContainerHeader #TopNavBar #navarrow 
{
	top:25px;
}


#ContainerHeader #TopNavBar a {padding-left:3px; padding-right:3px;}
#ContainerHeader #TopNavBar .normal a, #ContainerHeader #TopNavBar .normal a:visited 
{
	color: #B3DDF5;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	font: verdana;
}
#TopNavBar .current a, #TopNavBar .current a:visited 
{
	color: #00575C;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	font: verdana;
}
#ContainerHeader #TopNavBar a:hover 
{
	text-decoration: underline;
}

#ContainerHeader #ContainerRight 
{
	width: 213px;
	float: right;
	vertical-align: top;
	/* following required to make top right image clickable */
	position:relative;
	z-index:1;
}

#loginContainer
{
	text-align:center;
	width:106px;
	height:22px;
	position:absolute;
	right:100px;
	background:url('/images/login_bk.jpg') no-repeat 0 0 transparent;	
	padding-top:3px;
}

#ContainerContent 
{
	clear: both;
	width: 971px;
	min-height:580px;
}
/* hack for IE6 to move main content up */
* html #ContainerContent 
{
	position:relative;
	top:-40px;
}
.LeftCol 
{
	width:252px;
	float:left;
	text-align: center;
}
.LeftCol_off 
{
	display:none;
}

.CentreCol 
{
	width:506px;
	float:left;
	text-align: left;
}
.CentreCol1 
{
	width:971px;
	float:left;
	text-align: left;
}.CentreCol2 
{
	width:758px;
	float:left;
	text-align: left;
}
.RightCol 
{
	width:213px;
	float:left;
	padding-top:12px;
	text-align: center;
}
.RightCol_off 
{
	display:none;
}

.PageFooter
{
	clear:left;	
	padding-left:15px;
	padding-top:25px;
}

#ContainerFooter 
{
	clear:both;
	width: 971px;
	padding-top:100px;
	padding-bottom:20px;
	text-align: right;
	position: relative;
	background:url('/images/footer-bg.png') no-repeat scroll 0 0 transparent;
	behavior: url('../includes/jquery/iepngfix.htc')
}

.homeGalleryBack
{
	float:left;
	width:498px;
	padding-left:50px;
	height:150px;
	background:url('/images/galleryBack.png') no-repeat scroll 0 0 transparent;
	behavior: url('../includes/jquery/iepngfix.htc')
}

.imgOvernight
{
	top:-55px;
	width:319px;
	position:absolute;
	left:625px;
	height:123px;
}

.imgViewRange
{
	top:20px;
	width:145px;
	position:absolute;
	left:370px;
	z-index:50;
	height:31px;
}

.footerXtra
{
	top:-45px;
	position:absolute;	
}

#contact_errors 
{
	color: #ff0000;
	width: 580px;
	padding-bottom: 15px;
}

#reminder_errors 
{
	color: #ff0000;
	width: 580px;
	padding-bottom: 15px;
}

/**************************************************************************\
                                GALLERY
\**************************************************************************/
.bluebar
{
	width:900px;
	height:81px;
	
	background-position: top left;
	background-repeat: no-repeat;
}
.bluebar[class] 
{
	background: url("/images/bluebar.png") no-repeat scroll 0 20px transparent;
	background-repeat: no-repeat;
	behavior: url('../includes/jquery/iepngfix.htc')
}
.gallerybox 
{
	width:915px;
	height:450px;
	
	background-position: top left;
	background-repeat: no-repeat;
	padding:40px 35px;
}
.gallerybox[class] 
{
	background: url("/images/gallery_bk.png") no-repeat scroll 0 0 transparent;
	behavior: url('../includes/jquery/iepngfix.htc')
}

/**************************************************************************\
                                HOW WE BEAT BLISTERS
\**************************************************************************/
.blister_stage 
{
	width:600px !important;
}
.blister_stage .text 
{
	width:530px;
	font-size:1.1em;
	position:relative;
	top:-18px;
	left:70px;
}

.blister_patch 
{
	margin:0px;
	padding:0px;
	height:306px !important;
	overflow: hidden;
}

.blister_text 
{
	float:left;
	width:135px;
	padding-top:7px;
	padding-left:10px;
}

/**************************************************************************\
                                BOXES
\**************************************************************************/
.box_green_top 
{
	width: 660px;
	height:41px;
	background-position: bottom left;
	background-repeat: no-repeat;
	background: url(/images/box_green_top.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_green_middle 
{
	width: 600px;
	padding-left:30px;
	padding-right:30px;
	height:100%;
	background-position: top left;
	background-repeat: repeat-y;
	text-align: left;
	color: #007B91;
	font-size:1.1em;
	background: url(/images/box_green_middle.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_green_bottom 
{
	width: 660px;
	height:41px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background: url(/images/box_green_bottom.png);
	behavior: url('../includes/jquery/iepngfix.htc')
} 

.box_green_small_top 
{
	width: 400px;
	height:25px;
	background-position: bottom left;
	background-repeat: no-repeat;
	background: url(/images/box_green_small_top.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_green_small_middle 
{
	width: 370px;
	padding-left:15px;
	padding-right:15px;
	height:100%;
	background-position: top left;
	background-repeat: repeat-y;
	text-align: left;
	color: #007B91;
	font-size:1.1em;
	background: url(/images/box_green_small_middle.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_green_small_bottom 
{
	width: 400px;
	height:25px;
	background-position: top left;
	background-repeat: no-repeat;
	background: url(/images/box_green_small_bottom.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_dkblue_top 
{
	width: 660px;
	height:41px;
	background-position: bottom left;
	background-repeat: no-repeat;
	background: url(/images/box_dkblue_top.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_dkblue_middle 
{
	width: 660px;
	padding-left:0px;
	padding-right:0px;
	height:100%;
	background-position: top left;
	background-repeat: repeat-y;
	text-align: left;
	color: #FFFFFF;
	font-size:1.1em;
	background: url(/images/box_dkblue_middle.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_dkblue_bottom 
{
	width: 660px;
	height:41px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background: url(/images/box_dkblue_bottom.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_ltgreen_middle 
{
	width: 600px;
	padding-left:30px;
	padding-right:30px;
	height:100%;
	background-position: top left;
	background-repeat: repeat-y;
	text-align: left;
	color: #007B91;
	font-size:1.1em;
	background: url(/images/box_ltgreen_middle.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.box_ltgreen_bottom 
{
	width: 660px;
	height:16px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background: url(/images/box_ltgreen_bottom.png);
	behavior: url('../includes/jquery/iepngfix.htc')
}

.imageBanner img
{
	border:0;	
}

/**************************************************************************\
                                PRIZE DRAW
\**************************************************************************/
.prize_label 
{
	float:left;
	width:140px;
	text-align: left;
	padding-right: 15px;
	font-size:1.1em;
	color: #007B91;
	margin-bottom: 10px;
}

.prize_input, .prize_input2 
{
	float:left;
	width:180px;
	text-align: left;
	position:relative;
}
.prize_input input {width: 180px;}
.prize_input select {width:180px;}

/**************************************************************************\
                                REGISTRATION
\**************************************************************************/
#reg_errors 
{
	color: #ff0000;
	width: 350px;
	padding-bottom: 15px;
}

/**************************************************************************\
                                COUPON
\**************************************************************************/
.coupon_label 
{
	float:left;
	width:140px;
	text-align: right;
	padding-right: 15px;
	font-size:1.1em;
	color: #007B91;
	margin-bottom: 10px;
}

.coupon_input, .coupon_input2 
{
	float:left;
	width:170px;
	text-align: left;
	position:relative;
}
.coupon_input input {width: 170px;}
.coupon_input select {width:170px;}

#coupon_errors 
{
	color: #ff0000;
	width: 580px;
	padding-bottom: 15px;
}

/**************************************************************************\
                                TESTIMONIALS
\**************************************************************************/

.leftquote 
{
	width:30px;
	height:120px;
	float:left;
}
.rightquote 
{
	padding-left:10px;
	position:relative;
	top:8px;
}

.test_label 
{
	float:left;
	width:140px;
	text-align: right;
	padding-right: 15px;
	font-size:1.1em;
	color: #007B91;
	margin-bottom: 10px;
}

.test_input, .test_input2 
{
	float:left;
	width:170px;
	text-align: left;
}
.test_input input {width: 170px;}
.test_input select {width:170px;}

#testimonial_errors 
{
	color: #ff0000;
	width: 580px;
	padding-bottom: 15px;
}

/**************************************************************************\
                                SHUROPODY
\**************************************************************************/

#shuropodyContainer
{
    width:904px;
    height:600px;
    background: url('/images/shuropody_bg.png') no-repeat 0 0 transparent;	
    behavior: url('../includes/jquery/iepngfix.htc')
}
#feetHappyContainer
{
	float:left;
	width:240px;
	margin-left:25px;
	margin-top:-35px;
	background: url('/images/feethappy_bk.jpg') no-repeat 0 0 transparent;	
	background-color:#ffffff;
}
#shuropodyHeader
{
    display:inline;
    font-size:24px;
    font-weight:normal;
}
#feetHappyContainer h2
{
    text-align:center;   
    font-size:14pt;
    font-weight:normal;	
    padding-top:3px;
}

#feetHappyContainer h3
{
    font-size:12pt;
    padding:10px;
}

#feetHappyContainer div
{
   margin-top:15px;color:#007B91; text-align:left;
}
#feetHappyContainer p
{
    border-bottom:solid 1px white;
    margin:0;
    padding:5px 10px;
    font-size:10pt;
}
#shuropodyBanners img
{
	vertical-align:top;
	border:0;
}
#shuropodyContent
{
	float:left;font-size:10pt;color:#007B91;width:585px;text-align:left;
}
#shuropodyContent a
{
	color:#007B91;
	text-decoration:underline;
}

/**************************************************************************\
                                INSTANT WIN
\**************************************************************************/

#competitionContainer
{
    width:904px;
    height:469px;
    background: url('/images/competition_bk.png') no-repeat 0 0 transparent;	
    color:#007B91;
    position:absolute;
    margin-left:35px;
    behavior: url('../includes/jquery/iepngfix.htc')
}
#competitionRibbon
{
	position:absolute;
	left:570px;
}
#competitionPrize
{
	position:absolute;
	left:10px;
}
#competitionContent
{
    position:absolute;
    top:65px;
    left:425px;	
    width:440px;
    text-align:justify;
    font-size:9pt;
}
.prizeRed
{
	width:50px;
	font-size:14pt;
	color:#c0060d;
	font-weight:bold;
}
.prizeList
{
	width:330px;
}
.imgPlay
{
	position:absolute;
	top:310px;
	left:320px;
}

/**************************************************************************\
                                SITEMAP TREE
\**************************************************************************/
.sitemap a, .sitemap a:visited {font-size:10px; color: #007B91; text-decoration:none;}
.sitemap a:hover {text-decoration:underline;}
.sitemap td div {height: 20px !important;}

/**************************************************************************\
                                NOWSHOWING PAGE 
\**************************************************************************/
	#mediaContainer
    {
    	color:#007B91;
        font-size:10pt;
        text-align:justify;
        position:absolute;
        background:url(/images/media/media_bk.png) no-repeat 0 0 transparent;
        margin-left:35px;
        margin-top:20px;
        width:880px;
        height:435px;
        padding-top:20px;
        padding-left:30px;
        behavior: url('../includes/jquery/iepngfix.htc')
    }
    #mediaCarousel
    {
        position:absolute;
        width:1500px;
        left:10px;
    }
    #mediaCarousel div
    {
    	float:left;
        width:200px;
        margin-right:10px;
        margin-top:45px;
    }
     #mediaCarousel div img
    {
    	width:100%;
    }	
    #imgMediaRight, #imgMediaLeft
    {
    	top:190px;
    	position:absolute;
    	cursor:pointer;
    }
    #imgMediaRight
    {
    	right:47px;
    }
    #imgMediaLeft
    {
    	left:15px;
    }
    #mediaView
    {
    	position:absolute;
    	width:790px;
    	height:205px;
    	margin-top:20px;
    	overflow:hidden;
    	margin-left:15px;
    }
    #mediaContent
    {
    	position:absolute;
    	top:320px;
    	margin-left:235px;
    	width:350px;
    	
    }
    #mediaContent img
    {
       margin-bottom:10px;
    }
    #mediaContent>div
    {
    	display:none;
    }
    #swfContent
    {
        position:absolute;
        width:350px;
        height:195px;
        left:265px;
        top:107px;
        z-index:20;
    }
    
/**************************************************************************\
                                TENNIS PAGE 
\**************************************************************************/
    
    #tennisContainer
    {
    	background:url("/images/tennis_bg.png") no-repeat scroll 0 0 transparent;
        height:600px;
        width:896px;
        behavior: url('../includes/jquery/iepngfix.htc')
    }
    #tennisHeader
    {
    	display:inline;
        font-size:18px;
        font-weight:normal;
    }
    #tennisContent, #tennisContent p
    {
        color:#003269;
        float:left;
        font-size:10pt;
        text-align:left;
        width:560px;
    }
    #tennisContent p
    {
    	padding-top:7px;
    	width:520px;
    }
    #tennisContent img
    {
    	margin-top:10px;
    }
    #tennisExpertContainer
    {
        background:url("/images/experts_say_bk.png") no-repeat scroll 0 0 transparent;
        float:left;
        margin-left:10px;
        width:280px;	
        height:244px;
        text-align:left;
        behavior: url('../includes/jquery/iepngfix.htc')
    }
    #tennisExpertContainer p
    {
    	padding-top:7px;
    }
    #tennisExpertContainer h2
    {
    	font-size:14pt;
        font-weight:normal;
        padding-top:5px;
        text-align:center;
    }
    #tennisExpertContainer h3
    {
    	font-size:10pt;
    	margin-top:10px;
    }
    
/**************************************************************************\
                                FOUR WEDDINGS PAGE 
\**************************************************************************/
    
     #weddingContainer
    {
    	background:url("/images/four_weddings_bk.png") no-repeat scroll 0 0 transparent;
        height:535px;
        width:903px;
        behavior: url('../includes/jquery/iepngfix.htc');
    }
    #weddingHeader
    {
    	display:block;
        font-size:20px;
        font-weight:normal;
        text-align:left;
        padding:45px;
    }
    #weddingSubHeader
    {   
    	display:block;
    	font-size:10pt;
    	font-weight:bold;
    	padding:7px 0;
    }
    #weddingContent
    {
        color:#650127;
        float:left;
        font-size:9pt;
        text-align:left;
        width:180px;
        padding-left:55px;
    }
    #weddingFlash
    {
        float:left;
        height:245px;
        margin-left:67px;
        margin-top:24px;
        width:280px;
    }
    #weddingTipsContainer
    {
        background:url("/images/weddingTips_bk.jpg") no-repeat scroll 0 0 transparent;
        float:left;
        margin-left:40px;
        width:238px;	
        height:381px;
        text-align:left;
        margin-top:-10px;
        font-size:7pt;
        behavior: url('../includes/jquery/iepngfix.htc');
    }
    #weddingTipsContainer h2
    {
    	font-size:14pt;
        font-weight:normal;
        text-align:center;
        padding-top:2px;
    }
    
    #weddingTipsContainer p
    {
    	margin-top:5px;
    	padding-top:0;
    }
    #divWeddingLink
    {
        margin-left:296px;
        margin-top:-70px;
        position:absolute;
    }


