/*
 * color definitions:
 * content font: #6b6b6a
 * nav font: #000/#fff
 * top pullquote: #644a9e
 * extras blockquote / links: #46238d
 *
 *
 */


/* --------------------------------- RESET --------------------------------- */
HTML,BODY,DIV,SPAN,APPLET,OBJECT,H1,H2,H3,H4,H5,H6,UL,OL,LI,DD,DL,TABLE,P,A,BLOCKQUOTE,CITE,ABBR {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------- GENERAL ---------------------------------*/
HTML,BODY {
	width:100%;
	min-height: 100%;
	height: auto;
}
BODY {
	background: url(../images/body-bg.png) repeat #a4a5a5 center;
	/*font-family: "Myriad Pro", Myriad, Verdana,Calibri, Arial, Helvetica, sans-serif;*/
	font-family: Calibri, Arial, Verdana,  Helvetica, sans-serif;
	font-size: 62.51%;
	text-align: center;
	margin: 0;
}


#body-wrapper {
	margin: 10px auto;
	width: 812px;
	background: url(../images/body-wrapper-bg.png) repeat-y top center;
	position: relative;
	text-align: center;
}
    #body-wrapper-shadow-top {
            background: url(../images/body-wrapper-top.png) no-repeat top center;
            display: block;
            height: 6px;
            width: 100%;
            position: absolute;
            top: -6px;
            left: 0;
    }
    #body-wrapper-shadow-bottom {
            background: url(../images/body-wrapper-bottom.png) no-repeat top center;
            display: block;
            height: 6px;
            width: 100%;
            position: absolute;
            bottom: -6px;
            left: 0;
    }
    
#body {
    padding-bottom: 10px;
}

/* --------------------------------- HEADER ---------------------------------*/
    
H1 {
    margin: 25px 35px;
    width: 304px;
    height: 58px;
    position: relative;
    float: left;
    display: inline;
}
    H1 SPAN {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../images/h1-logo.jpg) top left no-repeat;
        position: absolute;
    }    
   #top IMG, #top A IMG {
   	border: 0;
   } 

#header-quote {
    margin: 10px 35px;
    float: right;
    text-align: right;
    display: inline;
    color: #644a9e;
    width: 360px;
}
    #header-quote H2 {
        font-size: 4.5em;
        font-weight: normal;
    }
    #header-quote H3 {
        font-size: 2.1em;
        font-weight: normal;
    }
    #header-quote H4 {
        font-size: 1.6em;
        font-weight: normal;
    }

/* --------------------------------- NAV ---------------------------------*/
    
#primary-nav {
    clear: both;
    text-align: left;
    margin: 40px 28px 0px 28px;
    position: relative;
    display: block;
    list-style: none inside;
    zoom: 1;
		z-index: 2;
    /*background: url(../images/primary-nav-underlay.png) center no-repeat;*/
}
    #primary-nav LI {
				font-size: 1.38em;
        display: block;
				float: left;
				position: relative;
    }
		#primary-nav LI:hover UL, #primary-nav LI.sfhover UL {
			display: block;
		}
	#primary-nav A {
	    display: inline;
	    float: left;
	    width: 121px;
	    height: 36px;
			margin-right: 5px;
	    text-align: center;
			color: #fff;
	    text-decoration: none;
	    line-height: 2.5em;
	    background: url(../images/tab.png) 0 0 no-repeat;
	    white-space: nowrap;
			
	}
	#primary-nav A:hover, #primary-nav A.active {
	    background-position: left bottom !important;
	    color: #fff;
	}
	#primary-nav .first A {
	}
	#primary-nav .first A:hover, #primary-nav .first A.active {
	}
	#primary-nav .last A {
		margin-right: 0;
	}
	#primary-nav .last A:hover, #primary-nav .last A.active {
	}
#secondary-nav {
		position: absolute;
    text-align: left;
		z-index: 2;
		left: 0;
		top: 33px;
		left: 4px;
    display: none;
    padding-top: 10px;
    background: url(../images/nav-edge.png) top left no-repeat;
    width: 112px;
		
}
    #secondary-nav LI {
			list-style: none inside;
			display: block;
			text-align: left;
			margin-right: 10px;
			font-size: 1.2em;
			display: block;
    }
    #secondary-nav LI.last {
		height: 10px;
		width: 112px;
		background: url(../images/nav-edge.png) top right no-repeat;
    }    
	#secondary-nav A {
			background: #999;
			background: none;
	    font-weight: normal;
			display: block;
			height: auto;
			width: 112px;
			background: #999;
			font-size: 0.8em;
			color: #fff;
	    margin-right: 10px;
	    text-decoration: none;
	}
	#secondary-nav A:hover {
	    background: #734bc6;
	}
	#secondary-nav A.active {
	    background: #46238d;
	}	
	
	#secondary-nav #terciary-nav  {
		position: absolute;
		left: 112px;
		
		display: none;
	}
	#secondary-nav LI:hover #terciary-nav {
		display: block;
	}
	#terciary-nav {
		background: url(../images/nav-edge.png) top left no-repeat;
		width: 112px;	
		padding-top: 10px;
		top: -5px;
	}	
	#terciary-nav LI {
		font-size: 1em;
		width: 112px;	
	}
	#terciary-nav LI A {
		text-align: left !important;
		padding-left: 5px;
		width: 107px;
	}

/* --------------------------------- CONTENT ---------------------------------*/
	
	
#extras {
    width: 355px;
    margin: 0 35px 15px 15px;
    display: inline;
    float: right;
    text-align: left;
}
#content-full {
    display: block;
		position: relative;
    text-align: left;
    margin: 5px 35px;
		top: -15px;
    color: #6b6b6a;
}
.gray, .gray LI {
	color: #6b6b6a !important;
}
UL.prev {
	margin-left: 180px !important;
	list-style: outside;
	width: 450px;
}
#content {
    width: 752px;
    float: left;
    display: inline;
    text-align: left;
    margin: 0 10px 15px 30px;
    color: #6b6b6a;
}
#content-wrapper A {
	color: #46238d;
	font-weight: bold;
	text-decoration: none;
}
#content-wrapper A:hover {
	text-decoration: underline;
}

		#content-wrapper {
			font-family: Arial, sans-serif;
			margin-top: 3em;
			text-align: left;
		}
    #content-wrapper .wider {
	width: 405px;
    }
    #content-wrapper .wide {
	width: 740px;
    }
    #content-wrapper .narrower {
	width: 305px;
    }
    #content-wrapper .widest {
	width: 565px;
	margin-left: 0;
    }
    #content-wrapper .narrowest {
	width: 175px;
	margin-right: 0;
    }    

    #content-wrapper P {
	font-size: 1.4em;
	padding-bottom: 5px;
	line-height: 1.4em;
	color: #6b6b6a;
    }
		#content-wrapper LI P {
			font-size: 1em;
		}
    #content-wrapper H2 {
	font-size: 1.78em;
	font-weight: normal;
	color: #6b6b6a;
    }
    #content-wrapper H3 {
			font-weight: normal;
			font-size: 1.6em;
	color: #6b6b6a;
    }
    #content-wrapper H4 {
	color: #46238d;
	font-size: 1.4em;
	font-weight: bold;
    }
    #content-wrapper STRONG {
		font-weight: bold;
		color: #000;
    }
    #content-wrapper EM.em {
			color: #46238d;
    }
    #content-wrapper UL, #content-wrapper OL {
			color: #46238d;
			font-size: 1.3em;
			margin: 10px 0 10px 15px;
			text-align: left;
    }
    #content-wrapper OL {
			margin-left: 25px;
			position: relative;
    }
		#content-wrapper .split UL, #content-wrapper UL.dash {
			color: #666 !important;
			list-style: url(../images/bul-hyph.png);
		}
    #content-wrapper DIV.split {
	float: left;
	width: 160px;
	padding-right: 10px;
    }
		
		#content-wrapper OL.special {
			font-size: 1.7em;
			color: #999;
			font-style: italic;
			font-weight: bold;
		}
		#content-wrapper OL.special P{
			font-size: 0.7em;
			font-style: normal;
			font-weight: normal;
		}
		
    #content-wrapper .colorize {
			color: #46238d;
    }
    P.pager {
			text-align: right;
    }
    P.pager A {
			color: #6b6b6a;
			text-decoration: none;
    }
    P.pager A:hover, P.pager A.active {
			color: #46238d;
			font-weight: bold;
    }
#footnote {
    display: block;
    clear: both;
    padding: 0 0 5px 35px;
    text-align: left;
    font-size: 1.2em;
}
H2.large, .large H2 {
	font-size: 2em !important;
}
.large P, .large UL {
	font-size: 1.5em !important;
}

.faq STRONG {
	color: #46248D !important;
	margin: 10px 0 5px 0;
	display: block;
	font-size: 	1.05em;
	
}

.large P.small {
	font-size: 1.1em !important;
	text-align: right;
}
.large EM {
	font-style: normal;
	color: #000;
}
EM.emp {
	font-style: italic !important;
	color: inherit !important;
}

#content-wrapper BLOCKQUOTE {
    color: #46238d;
    background: #ece9f3;
    padding: 10px;
}
#content-wrapper BLOCKQUOTE H3 {
	color: #46238D;
}

H3.error {
    color: #f00 !important;
    font-size: 1.5em;
}

.right_image {
	float: right;
	margin-left: 10px;
}

#banner-promo-competitions {
	display: block;
	background: url(../images/banner_promo_competitions.jpg) top left no-repeat;
	width: 100%;
	margin-top: 2.5em;
	height: 257px;
}

.competition-form {
	border: 1px solid #333;
	zoom: 1;
	padding: 1px;
}
.competition-form .reg-form {
	padding: 0.5em 1em;
}

.competition-form form.reg-form .form-item {
width:335px;
}
.competition-form .tnc {
	padding: 0.5em 1em;
}

#content .competition-form H3 {
	margin-top: 0 !important;
	background: url(../images/competition-h3.png) bottom left no-repeat #333;
	color: #fff !important;
	padding: 0.5em 0.5em 1em 0.5em;
}

#content-wrapper TABLE {
	border-collapse: collapse;
	width: 100%;
}
#content-wrapper TABLE TD {
	border: 1px solid #ccc;
	color: #333;
	font-size: 1.2em;
	padding: 5px;
}
#content-wrapper TABLE TH {
	border: 1px solid #ccc;
	background: #46238D;
	font-weight: bold;
	color: #fff;
	padding: 5px;
		font-size: 1.2em;
}
#content-wrapper TABLE INPUT {
	width: 80px;
}

#content-wrapper A.button {
	background: #46238D;
	padding: 5px;
	font-size: 1.3em;
	color: #fff;
	margin: 10px 0 !important;
	display: block;
	width: 100px;
	text-align: center;
}

H2.admin {
	font-size: 1.4em;
	text-align: left;
	margin-left: 20px;
}
UL.admin-menu {
	width: 120px;
	margin-left: 20px;
	text-align: left;
}
UL.admin-menu LI {
	display: block;
}
UL.admin-menu LI A {
	display: block;
	padding: 5px;
	background: #ccc;
	color: #111;
	border: 1px solid #666;
}
UL.admin-menu LI A:hover {
	background: #46238D;
	color: #fff;
}
/* --------------------------------- FORM ---------------------------------*/
FORM LABEL {
    width: 355px;
    font-size: 1.2em;
    color: #000;
    padding: 3px 0;
}
FORM LABEL SPAN {
    color: #666;
    font-style: italic;
}
FORM SELECT {
    width: 355px;
    margin: 10px 0;
}
FORM LABEL.short {
    font-color: #666;
    width: 90px;
    float: left;
    clear: left;
}
FORM INPUT {
    width: 343px;
    margin: 5px 0;
    padding: 2px 5px;
    border: 1px solid #a4a5a5;
    font-size: 1.3em;
}
FORM .checkbox {
    display: block;
    width: 175px;
    float: left;
}
FORM .long {
	width: 700px !important;
}
FORM .long LABEL {
	width: 700px !important;
}
FORM .checkbox INPUT, FORM .form-list-item INPUT {
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 5px;
}
FORM .form-list-item {
	display: inline;
}
FORM INPUT.short {
    width: 250px;
}
FORM INPUT.submit {
    background: url(../images/form-button-submit.png) top left no-repeat;
    border: 0;
    margin: 2px 0;
    color: #fff;
    width: 88px;
    font-size: 1.3em;
    margin-left: 265px;
}
FORM INPUT.not-so-right {
	margin-left: 150px !important;
}
.right {
    text-align: right !important;
}
.center {
    text-align: center !important;
}
UL.justify LI {
    text-align: justify;
}

SELECT.form-option-short {
	width: 5em;
}

/* --------------------------------- FOOTER ---------------------------------*/

#footer {
    padding-top: 5px;
    background: url(../images/footer-top.png) top center no-repeat;
    margin: 0 10px;
    zoom: 1;
    clear: both;
    position: relative;
		font-size: 1.08em;
		text-align: center;
}
    #footer P {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 8px 8px 8px;
	background: url(../images/footer-bottom.png) bottom center no-repeat;
	color: #777;
    }
    #footer STRONG {
	color: #46248d;
    }
	#footer A {
	    color: #8f8f8f;
	    text-decoration: none;
	}
	#footer A:hover {
	    color: #46248d;
	    text-decoration: underline;
	}


.clear {
    clear: both;
}

STRONG.source {
	font-style: italic;
	display: block;

}

/* GRID */

#offline-grid {
	margin-top: 30px;
	height: 445px;
	background: url(../images/offline_grid.jpg) top left no-repeat;
}

#grid {
	display: block;
	width: 100%;
	background: url(../images/grid.png) bottom left no-repeat;
	padding-bottom: 5px;
}
#inner-grid {
	width: 100%;
	padding-top: 52px;	
	display: block;	
	background: url(../images/grid.png) top left no-repeat;	
}


#grid H3 {
	text-align: center;
	color: #351e8a;
	font-size: 1.8em;
	margin: 10px 0 15px 0;
}
#grid-offers {
	margin: 5px 10px;
}
#grid-offers IMG {
	border: 0;
	width: 183px;
}

/* LISTING */

.offer {
	display: block;
	background: url(../images/offer-bg.png) bottom left no-repeat;
	padding: 0px 10px 10px 10px;
	margin: 10px 0;
}
#content .offer H3 {
	color: #fff;
	background: url(../images/offer-heading.png) top left no-repeat;
	margin: 0 -10px;
	margin-bottom: 5px;
	padding: 12px 20px;
}

.offer .image {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}
.offer .image IMG {
	border: 2px solid #483488;
}
.offer P {
	font-size: 1em !important;
}

.offer .offer-content {
	font-size: 1.2em;
	width: 296px;
	margin: 0 5px;
	float: left;
	min-height: 150px;
}
#content-wrapper .offer-content P {
	color: #000;
}

.offer .was,.offer .now, .offer .you-save {
	display: block;
	width: 80px;
	float: left;
	margin: 0 5px 0 0;	
	text-align: center;
	font-size: 1.8em;
	background: url(../images/offer-box.png) top left no-repeat;
	padding: 5px 10px 5px 5px;
	height: 80px;
	color: #483488;
}
.offer .you-save {
	background: url(../images/offer-now.png) top left no-repeat;
	color: #fff;
}
.hidden {
	visibility: hidden;
}

 #content-wrapper .offer STRONG {
	color: #483488 !important; 
 }
#content-wrapper .offer .was STRONG ,#content-wrapper .offer .now STRONG,#content-wrapper .offer .you-save STRONG {
	color: #483488 !important;
	font-size: 0.8em;
	text-transform: uppercase;
	display: block;
	height: 30px;
}
#content-wrapper .offer .you-save STRONG {
	color: #fff !important;
}
.offer .was SPAN ,.offer .now SPAN {
	text-decoration: line-through;
}
.offer DIV.phone {
	float: left;
	margin-top: 10px;
	height: 44px;
	font-size: 1.7em;
	font-weight: normal;
	color: #483488;
	padding: 0px 0 0 60px;
	font-family: Arial, sans-serif;
	background: url(../images/offer-phone.png) top left no-repeat;
}

.offer A.book-now, A.bookmark {
	float: left;
	display: block;
	padding: 12px 10px 12px 10px;
	background: url(../images/offer-book-now.png) top left no-repeat;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	width: 285px;
	height: 30px
	text-transform: uppercase;
	font-size: 1.6em !important;
	color: #fff !important;
}
A.bookmark {
	text-decoration: none;
	margin: 1em 1em 1em 16em;
}

#content .precontent H2 {
	color: #46238D;
	margin-bottom: 10px;
	text-align: left;
}
#content .precontent H3 {
	margin: 10px 0;
}
#content .precontent P {
	font-size: 1.2em;
}

/* REG FORM */
FORM.reg-form .form-item {
	width: 349px;
	display: block;
	float: left;
}
FORM.reg-form SELECT {
	margin: 5px 0;
}
FORM.reg-form .form-item LABEL {
	float: left;
	line-height: 2em;
}
FORM.reg-form .submit {
	clear: left;
	margin-right: 8px;
	float: right;
	padding: 6px 0;
	cursor: pointer;
	background: url(../images/form-submit.png) top center no-repeat;
}
DIV.tnc {
	color: #000;
	line-height: 4em;
	clear: left;
}
DIV.tnc A {
	color: #000 !important;
	text-decoration: underline !imporant;
}
FORM.reg-form .form-list-item {
	display: block;
	float: left;
	width: 10em;
	padding-right: 10px;
}
FORM.reg-form .double {
	width: 20em;
	padding-right: 20px;
} 
FORM.reg-form .form-list-item LABEL {
	display: inline;
	float: none;
	}
.error {
	color: #f00;
}
P STRONG.huge {
	font-size: 2em;
	color: #339 !important;
}
DIV.thanks P {
	color: #000 !important;
}
DIV.precontent H3 {
	font-size: 1.6em;
	color: #46238D !important;

}


.clearafter:after, #grid:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearafter, #grid {display:inline-block;}
.clearafter, #grid {display:block;}