@charset "utf-8";
/* 

CSS Document 

Master CSS file for Blue Insurance websites.

This stylesheet contains CSS3 styles, alternative CSS2 styles are in main-css2.css.

Additional browser specific styles/fixes can be found in the following

>> main-ie6.css
>> main-ie7.css (used for IE7 & 8 )
>> main-opera.css
>> main-ipad.css (used for ipad & iphone )

A browser check is done through jsBlue/ie-checker.js which assigns both css and js files to any browser specified

Any product specific styles will be added to the "cssBlue/styles.css" file held with each product folder 

*/

* { margin:0; padding:0; }
html { height: 101%; }

body { font-family:Arial, Helvetica, sans-serif; 
	    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
		}

p { margin-bottom:10px;  padding: 5px 0px 0; text-align:left; color:#333; line-height:20px; }

.para { padding: 5px 0px 0;  color:#333; line-height:20px; margin-bottom: 0px; }

#wrapper { width:960px; margin:0 auto; font:normal 12px Arial, Helvetica, sans-serif; position:relative; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  }

#tip-wrapper { display:none; }

.ui-datepicker-trigger { position:relative; top: 7px; left: -3px;}

a { color:#333; text-decoration:none; }
a:hover { color:#1671B2; }

a.info-serial{
    position:relative; /*this is the key*/
    z-index:999;
    color:#056693;
    text-decoration:none}

a.info-serial:hover{z-index:9999; }

a.info-serial span{display: none; }

a.info-serial:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-117px; left:-340px;; 
	width:30em;
    border:5px solid #DEEFFB;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background-color:#DEEFFB; 
	color:#000;
    text-align: left; 
	line-height: 20px;
	-webkit-box-shadow:  0px 0px 5px 0px #cccccc;
    box-shadow:  0px 0px 5px 0px #cccccc;
	}




/************* HEADER MENUS **************/
.banner-travel .p1 {
	display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 0px; 
	margin-top: -10px;
	}

img {border: none;}
 
#header { height:198px; position:relative; }
#top-menu { height:29px; background:#c9e3f4;}

#header ul#sub-menu { position:absolute; top:6px; left:13px; list-style-type:none; font-size:11px; font-weight:bold; }
#header ul#sub-menu li { float:left; margin-right:7px; padding-right:7px; border-right:1px solid #aaa; }
#header ul#sub-menu li a { color:#333; text-decoration:none; }
#header ul#sub-menu li a:hover { color:#1671B2; }
#header ul#sub-menu li.last { padding-right:0; margin-right:0; border-right:0; }

#phone { background:url(../imagesBlue/phone-bg.gif) no-repeat; padding:0px 0 2px 20px; font-size:14px; color:#000000; position:absolute; top:5px; right:305px; }

#flags { position:absolute; width:95px; top:1px; right:205px; }
#flags img { padding:1px; margin-right:2px; border:1px solid #68c3fa; }
#flags a img  { margin:1px; border:0; }
#flags a:hover img { margin:0; border:1px solid #68c3fa; }

#login { width:200px; position:absolute; right:5px; top:5px;  }
#login form { margin:0; padding:0; background:none; border:none; }
#login input { font-size:9px; padding:1px 2px 2px; width:50px; border:1px solid #e4e4e4; float:left;}
#login a.button-login { font-size:10px; text-transform:uppercase; text-align:center; width:70px; display:block; padding:2px 0; float:left; background:url(../imagesBlue/button-login.gif)left top no-repeat; color:#fff; text-decoration:none; }
#login a.button-login:hover { background-position:left -20px; }

/* MENU Tabs */
#header ul#menu { float:left; height:32px; width:960px; list-style-type:none;}
#header ul#menu li { float:left; margin-right:1px; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:15px; background-color: #f2f2f2; }
#header ul#menu li a {
	background: -moz-linear-gradient( center bottom, #0C91E9 8%, #66C7FF 45%, #259FF6 89%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.08, #0C91E9), color-stop(0.45, #66C7FF), color-stop(0.89, #259FF6));
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display:inline-block; padding:10px 30px 10px 30px; text-decoration:none; color:#fff; text-shadow:1px 1px 2px #0979c5;
 }
#header ul#menu li a:hover { 
	background: -moz-linear-gradient( center bottom, #259FF6 8%, #66C7FF 30%, #0C91E9 80%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.08, #259FF6), color-stop(0.45, #66C7FF), color-stop(0.89, #0C91E9));
 	text-shadow:0px 0px 2px #0979c5;
}
/* MENU Tab LAST */
#header ul#menu li.last { margin-right:0; width:auto; float: right; }
#header ul#menu li.last a { padding-right:31px; padding-left:32px;  }
/* MENU Tab IN */
#header ul#menu li.in a { 
	background: -moz-linear-gradient( center bottom, #76B518 8%, #ADDA3B 45%, #8FC22F 89%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.08, #76B518), color-stop(0.45, #ADDA3B), color-stop(0.89, #8FC22F));
}
#header-end { float:left; width:960px; height:8px; background:#75b518; font-size:1px; line-height:1px; margin-bottom: 10px; }

#banner { width:960px; position:relative; height:120px; background:url(../imagesBlue/slide-bg.jpg) no-repeat; }

#banner img#logo-clickable { width:154px; height:79px; position:absolute; top:20px; left:20px;  }

#banner #slide { width:450px; height:105px; position:absolute; padding:20px 0 0 315px; right:10px; top:0; }
#banner #slide h1 { font-size:38px; line-height:38px; letter-spacing:-1px; color:#444; text-transform:uppercase; text-align:center; }
/* Uses Google Font */
#banner #slide h2 { font-family:'PT Sans Narrow', arial, serif; font-size:29px; font-weight:normal; line-height:30px; letter-spacing:-1px; color:#666; margin-left:5px; text-align:center; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */} 

#banner #slide.travel { background:url(../imagesBlue/slide-travel.png) left top no-repeat; }
#banner #slide.pet { background:url(../imagesBlue/slide-pet.png) left top no-repeat;  }
#banner #slide.wedding { background:url(../imagesBlue/slide-wedding.png) left top no-repeat; }
#banner #slide.health { background:url(../imagesBlue/slide-health.png) left top no-repeat; }
#banner #slide.carhireexcess { background:url(../imagesBlue/slide-carhireexcess.png) left top no-repeat; }
#banner #slide.gadget { background:url(../imagesBlue/slide-gadget.png) left top no-repeat; }
#banner #slide.breakdown { background:url(../imagesBlue/slide-breakdown.png) left top no-repeat; }


/********** BOX MASTER **********

.box is darker for homepages
.box2 is lighter box for inner form pages

*/

.box, .box2 { 
	width:910px; 
  position:relative; 
	padding:15px 15px 10px 15px;
	border:10px solid #e4e4e4; 
	color:#333;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	box-shadow: inset 0px 3px 5px #aaa; -moz-box-shadow: inset 0px 3px 5px #aaa; -webkit-box-shadow: inset 0px 3px 5px #aaa;
 	margin-bottom:6px;
	background:#f4f4f4; 
	/*margin:0 auto; */
}

.box2 { background:#fbfbfb; border-color:#ebebeb; width:910px; }
.VC-Container {background: #ffffff;  border-color:#ebebeb; width:500px;}

/******** HIDE BOX ROUNDED CORNERS GRAPHICS USED FOR IE & Opera :-/ ***********/

.box-top, .box2-top, 
.box-bottom, .box2-bottom { display:none; }

/********** BOX INNER FOARMATTING MASTER ***********/

.border-under-50 { border-bottom:1px solid #ccc; padding-bottom:5px !important;  }
.border-under-50-last {  border-bottom:none !important;}

.b100 { width:910px; float:left; }
.b100-health { width:910px; float:left; height: 40px; }



.b100 sup {font-size: 18px;}

.b66 { width:560px; float:left; }

.b50 { width:427px; float:left; }
.b50.last { float:right; }

.b55 { width:450px; float:left; }
.b55.last { float:right; }

.b33 { width:275px; float:left; margin-right:7px; padding:10px; }
.b33.last { float:right; margin-right:0; }

.b25 { width:197px; float:left; margin-right:6px; padding:9px; }
.b25.last { margin-right:0; }

.b50 .content-index { position:relative; }
.b50 .content { height:140px; position:relative; }
.b25 .content { position:relative; }

/********** BOX INNER TEXT FOARMATTING MASTER ***********/

h4 {font:normal 30px Arial, Helvetica, sans-serif; line-height:30px; letter-spacing:-1px; padding:10px 0; margin:0 0 15px; border:0; border-bottom:1px solid #ccc;  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */}
h2 { font:normal 18px Arial, Helvetica, sans-serif; line-height:20px; letter-spacing:0px; padding:0px; border:0; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */}

.b50 h1 { font-size:32px; line-height:32px; letter-spacing:-2px; }
.b25 h1 { font-size:21px; line-height:24px; letter-spacing:0px; }
.b100 h1 { font-size:25px; line-height:23px; letter-spacing:-1px; }
.b100 h3 { font-size:27px; line-height:24px; letter-spacing:-1px; }

.b100-health h1 { font-size:25px; line-height:23px; letter-spacing:-1px; }
.b100-health h3 { font-size:28px; line-height:23px; letter-spacing:-1px; }

h5 a, h5 a:hover{ text-decoration: none; color:#1F8FD1 !important; }
.b25 h3 a, .b25 h3 a:hover{ text-decoration: none; color:#1F8FD1 !important; }

.b50 h1, .box.b25 h1, .box.b100 h1, 
.b50 h3, .box.b25 h3, .b100 h3, b100-health h3{ color:#1f8fd1;  }
.b50 h1 span, .box.b25 h1 span, .box.b100 h1 span, 
.b50 h3 span, .box.b25 h3 span, .box.b33 h3 span, .box.b100 h3 span, .box.b101 h3 span, .box.b100-health h3 span { color:#75b518; }

.ltr-space-0 { letter-spacing:normal !important; }
.ltr-space-1 { letter-spacing:-1px !important; }
.ltr-space-2 { letter-spacing:0px !important; }

.b50 ul { width:auto; float:left; position:relative; }
b50 h3 {font-size: 1.2em;}

ol li {padding: 3px 0px; margin-left: 10px; line-height:20px !important; color:#333;}

/********** b25 PRICES ***********/
.price-wrapper {  width:200px; font-size:65px; height:0px; color:#000; position:relative; left:65px; top:0px; font-family: Arial; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */ }
.price-wrapper .from { font-size:12px; position:absolute; top:10px; left:-38px; color:#000000; font-weight: bold; }
.price-wrapper .currency { font-size:65px; line-height:65px; font-weight:bold; position:absolute; top:1px; left:-10px; }

.price-wrapper .price { font-size:65px; line-height:65px; font-weight:bold; letter-spacing:-5px; position:absolute; top:1px; left:25px; }
.price-wrapper .price sup { position:relative; top:0px; right:8px; font-size:0.3em; color:#c1c2c2; }


.disclaimer {     
	color: #C1C2C2;
    font-size: 9px;
    position: absolute;
    text-align: left;
    top: 130px; 
	z-index: 999;}

.disclaimer-long {     
	color: #C1C2C2;
    font-size: 9px;
    position: absolute;
    text-align: left;
     top: 255px; 
	z-index: 999;}
	
content-index breakdown .disclaimer-long {     
	color: #C1C2C2;
    font-size: 9px;
    position: absolute;
    text-align: left;
    top: 255px; 
	z-index: 999;}
	
.disclaimer-health {     
	color: #C1C2C2;
    font-size: 9px;
    position: absolute;
    text-align: left;
    top: 50px; 
	left: -80px;
	z-index: 999;}
	
.replace-space { width:65px; height:0px; position:relative; color:#000; margin:0 auto; font-family: Arial; left:19px; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */}

.small-price-wrapper-wed { width:65px; height:45px; position:relative; color:#000; margin:0 auto; font-family: Arial; left:0px; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */}
.small-price-wrapper-wed.small { }
.small-price-wrapper-wed .from { font-size:12px; position:absolute; top:0px; left:-35px; font-weight:bold; }
.small-price-wrapper-wed .currency { font-size:38px; line-height:28px; font-weight:bold; position:absolute; top:5px; left:-4px; }
.small-price-wrapper-wed .price { font-size:38px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0px; left:17px; line-height:38px; }
.small-price-wrapper-wed .price sup { position:absolute; top:-1px; right:-6px; font-size:0.5em; color:#c1c2c2; }

.small-price-wrapper { width:65px; height:45px; position:relative; color:#000; margin:0 auto; font-family: Arial; left:19px; -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */}
.small-price-wrapper.small { }
.small-price-wrapper .from { font-size:12px; position:absolute; top:0px; left:-35px; font-weight:bold; }
.small-price-wrapper .currency { font-size:38px; line-height:28px; font-weight:bold; position:absolute; top:5px; left:-4px; }
.small-price-wrapper .price { font-size:38px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0px; left:17px; line-height:38px; }
.small-price-wrapper .price sup { position:absolute; top:-1px; right:-6px; font-size:0.5em; color:#c1c2c2; }

.small-price-wrapper-home { width:65px; height:10px; position:relative; color:#000; margin:0 auto; right: 5px; top: 10px; font-family: Arial;}
.small-price-wrapper.small { }
.small-price-wrapper-home .from { font-size: 11px; font-weight: bold; left: -45px; position: absolute; top: 5px;}
.small-price-wrapper-home .currency { font-size:38px; line-height:28px; font-weight:bold; position:absolute; top:5px; left:-10px; }
.small-price-wrapper-home .price { font-size:38px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0px; left:11px; line-height:38px; }
.small-price-wrapper-home .price sup { position:absolute; top:-1px; right:-6px; font-size:0.5em; color:#c1c2c2;}

.small-price-wrapper-gad { width:65px; height:10px; position:relative; color:#000; margin:0 auto; right: -10px; top: 10px; font-family: Arial;}
.small-price-wrapper.small { }
.small-price-wrapper-gad .from { font-size: 11px; font-weight: bold; left: -45px; position: absolute; top: 5px;}
.small-price-wrapper-gad .currency { font-size:38px; line-height:28px; font-weight:bold; position:absolute; top:5px; left:-10px; }
.small-price-wrapper-gad .price { font-size:38px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0px; left:11px; line-height:38px; }
.small-price-wrapper-gad .price sup { position:absolute; top:-1px; right:-6px; font-size:0.5em; color:#c1c2c2;}

.small-price-wrapper-3digits { width:80px; height:45px; position:relative; color:#000; margin:0 auto; left: 19px;}
.small-price-wrapper.small { }
.small-price-wrapper-3digits .from { font-size:12px; position:absolute; top:0px; left:-35px; font-weight:bold; }
.small-price-wrapper-3digits .currency { font-size:38px; line-height:28px; font-weight:bold; position:absolute; top:5px; left:0px; }
.small-price-wrapper-3digits .price { font-size:38px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0px; left:17px; line-height:38px; }
.small-price-wrapper-3digits .price sup { position:absolute; top:-1px; right:-6px; font-size:0.5em; color:#c1c2c2; }

.small-price-wrapper-che { width:65px; height:10px; position:relative; color:#000; margin:0 auto; right: 0px; top: 10px;}
.small-price-wrapper.small { }
.small-price-wrapper-che .from { font-size: 11px; font-weight: bold; left: -45px; position: absolute; top: 5px;}
.small-price-wrapper-che .currency { font-size:38px; line-height:28px; font-weight:bold; position:absolute; top:5px; left:-10px; }
.small-price-wrapper-che .price { font-size:38px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0px; left:11px; line-height:38px; }
.small-price-wrapper-che .price sup { position:absolute; top:-1px; right:-6px; font-size:0.5em; color:#c1c2c2;}

.small-price-wrapper2 { width:65px; height:45px; position:relative; color:#000; }
.small-price-wrapper2.small { width:90px; }
.small-price-wrapper2 .from { font-size:8px; position:absolute; top:2px; left:0px; font-weight:bold; }
.small-price-wrapper2 .currency { font-size:28px; line-height:28px; font-weight:bold; position:absolute; top:8px; left:0px; }
.small-price-wrapper2 .price { font-size:38px; font-weight:bold; letter-spacing:-3px; position:absolute; top:0px; left:17px; line-height:38px; }
.small-price-wrapper2 .price sup { position:absolute; top:4px; right:-5px; font-size:0.4em; color:#c1c2c2; }


/********** BUTTON MASTER *********

.button used in .box

.button2 used in .box2

*/
.f-right { float:right; }

a.button.small, input.button.small {
	font-size:18px;
	padding:2px 15px 3px;
	line-height:24px;
  position:relative;
  top: -6px;
  background:#0c8fe9;
  background:-moz-linear-gradient(100% 70% 90deg, #0c8fe9, #7aceff);
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7aceff), to(#0c8fe9));
  background: linear-gradient(#7aceff, #0c8fe9);
	-pie-background: linear-gradient(#7aceff, #0c8fe9);
	filter: none;
	zoom: 1;
	overflow:visible;
 }
 
 a.button.small:hover, input.button.small:hover {
	  color:#043f67;
	box-shadow: 0px 1px 2px #ccc; -moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 2px #ccc;
  background:#7aceff; background: -moz-linear-gradient(100% 100% 90deg, #7aceff, #0c8fe9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0c8fe9), to(#7aceff));
  text-shadow:none; text-decoration:none; 
 }
 
input.button, input.button2 { 
width: 130px;
font-size:19px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
  letter-spacing:normal;
  text-decoration:none;
  color:#fff;
  text-shadow:1px 1px 2px #126dab;
  /*size*/
  padding:5px 19px;
  line-height:19px;
  /*border*/
  border-width:2px;
  border-style:solid;
  border-color:#0b7ece;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; !important
  /*background*/
  background:#0c8fe9;
  background:-moz-linear-gradient(100% 70% 90deg, #0c8fe9, #7aceff);
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7aceff), to(#0c8fe9));
  background: linear-gradient(#7aceff, #0c8fe9);
	-pie-background: linear-gradient(#7aceff, #0c8fe9);
  /*box shadow*/
  box-shadow: 0px 2px 4px #bbb; -moz-box-shadow: 0px 2px 4px #bbb; -webkit-box-shadow: 0px 2px 4px #bbb;
  /*postistion:relative; z-index:999;   for IE */
    margin-top: -1px;
	text-align:center;
	behavior: url(PIE.htc);
	position: relative;
	cursor:hand;
	zoom: 1;
	z-index:9999;
}

a.button, a.button2   {
  /*text*/
  /*text*/
  font-size:19px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
  letter-spacing:normal;
  text-decoration:none;
  color:#fff;
  text-shadow:1px 1px 2px #126dab;
  /*size*/
  padding:5px 19px;
  line-height:19px;
  /*border*/
  border-width:2px;
  border-style:solid;
  border-color:#0b7ece;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
  /*background*/
  background:#0c8fe9;  /* non-CSS3 */
  background:-moz-linear-gradient(100% 70% 90deg, #0c8fe9, #7aceff); /* Gecko */
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7aceff) to(#0c8fe9)); /*old webkit*/
  background:-webkit-linear-gradient(#7aceff, #0c8fe9); /*new webkit*/
  background:linear-gradient(#7aceff, #0c8fe9); /* Future CSS3*/
  -pie-background:linear-gradient(#7aceff, #0c8fe9); /* PIE */
  /*box shadow*/
  box-shadow: 0px 2px 4px #bbb; -moz-box-shadow: 0px 2px 4px #bbb; -webkit-box-shadow: 0px 2px 4px #bbb;
  behavior: url(PIE.htc);
  text-align:center;
  position:relative;
  filter: none;
}

input.button:hover, input.button2:hover {
  color:#043f67;
	box-shadow: 0px 1px 2px #ccc; -moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 2px #ccc;
  background:#7aceff; background: -moz-linear-gradient(100% 100% 90deg, #7aceff, #0c8fe9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0c8fe9), to(#7aceff));
  text-shadow:none; text-decoration:none; 
}
a.button:hover, a.button2:hover {
  color:#043f67;
	box-shadow: 0px 1px 2px #ccc; -moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 2px #ccc;
  background:#7aceff; background: -moz-linear-gradient(100% 100% 90deg, #7aceff, #0c8fe9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0c8fe9), to(#7aceff));
  text-shadow:none; text-decoration:none;
}

a ins { text-decoration:none; }

input.button-green { 
  font-size:19px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
  letter-spacing:normal;
  text-decoration:none;
  color:#fff;
    padding:5px 19px;
  line-height:19px;
  border-width:2px;
  border-style:solid;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
  border-color:#417a10;
  background:#519218; 
  background: -moz-linear-gradient(100% 70% 90deg, #519218, #abd93a); 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#abd93a), to(#519218));
  text-shadow:1px 1px 2px #437a13;
  box-shadow: 0px 2px 4px #bbb; -moz-box-shadow: 0px 2px 4px #bbb; -webkit-box-shadow: 0px 2px 4px #bbb;
  behavior: url(PIE.htc);
}

input.button-green:hover {
  font-size:19px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
  letter-spacing:normal;
  text-decoration:none;
    padding:5px 19px;
  line-height:19px;
  border-width:2px;
  border-style:solid;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
  border-color:#417a10;
  color:#284d08;
  background:#abd93a;
  background: -moz-linear-gradient(100% 100% 90deg, #abd93a, #519218); 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#519218), to(#abd93a));
  box-shadow: 0px 2px 4px #bbb; -moz-box-shadow: 0px 2px 4px #bbb; -webkit-box-shadow: 0px 2px 4px #bbb;
  text-shadow:none;
  behavior: url(PIE.htc);
}


a.button-green { 
  font-size:19px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
  letter-spacing:normal;
  text-decoration:none;
  color:#fff;
    padding:5px 19px;
  line-height:19px;
  border-width:2px;
  border-style:solid;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
  border-color:#417a10;
  background:#519218; background: -moz-linear-gradient(100% 70% 90deg, #519218, #abd93a); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#abd93a), to(#519218));
  box-shadow: 0px 2px 4px #bbb; -moz-box-shadow: 0px 2px 4px #bbb; -webkit-box-shadow: 0px 2px 4px #bbb;
  text-shadow:1px 1px 2px #437a13;
  behavior: url(PIE.htc);
}

a.button-green:hover {
  font-size:19px;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
  letter-spacing:normal;
  text-decoration:none;
  color:#284d08;
    padding:5px 19px;
  line-height:19px;
  border-width:2px;
  border-style:solid;
  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
  border-color:#417a10;
  background:#abd93a; background: -moz-linear-gradient(100% 100% 90deg, #abd93a, #519218); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#519218), to(#abd93a));
  box-shadow: 0px 2px 4px #bbb; -moz-box-shadow: 0px 2px 4px #bbb; -webkit-box-shadow: 0px 2px 4px #bbb;
  text-shadow:none;
  behavior: url(PIE.htc);
}

.center-button { text-align:center; margin:10px auto 0px; height:40px; }

/*********** MISC. ***********/

.clear { clear:both; height:10px; }
.clear-pet { clear:both; height:0px!important; }
.full { width:100% !important; }
.center { float:none; margin:0 auto; }
.aff { float:none; margin:0 auto; width: 500px; }
.aff td{ border:none; }
.float-l { float:left; }
.float-r { float:right; }

/*********** LISTS ***********/

.box ul.center { list-style-type:none; }
.box ul.center li  { text-align:center; padding-bottom:3px; font-weight:normal; }
.box ul.center li.txt-bigger  { font-weight:bold!important; }

.PP-UL ul{ margin-left: 20px;}

/*********** TEXT ***********/

.txt-bigger { font-size:1.2em; font-weight: bold; margin-bottom:3px; color: #1f8fd1;  }
.txt-bigger span {color:#75b518; }
.txt-smaller { font-size:0.8em !important; }
.txt-center { text-align:center; }
.txt-left { text-align:left; }

/*********** BACKGROUNDS ***********/

.bg-white { background:#fff; }

.grey1 { background-color: #f8f8f8;}
.grey2 { background-color: #eeeef0;}

/*********** BORDERS ***********/

.line { width:100%; margin:15px 0; height:1px; font-size:1px; line-height:1px; background:#ccc; }
.line1 { width:100%; margin:-5px 0px; height:1px; font-size:1px; line-height:1px; background:#ccc; }

.border-under { border-bottom:1px solid #ccc; padding-bottom:5px !important; margin-bottom:5px;}
.border-top { border-top:1px solid #ccc; padding-top:5px !important; margin-bottom:5px;}
.border-top1 { border-top:1px solid #ccc; padding-top:15px !important; margin-bottom:5px;}
.border-under_wed { border-bottom:1px solid #ccc; padding-bottom:5px !important; margin-bottom:5px; text-align:center !important; }
.border-under_health { border-bottom:1px solid #ccc; padding-bottom:5px !important; margin-bottom:5px; text-align:left !important; }
.border-under_health_last { border-bottom:none !important; text-align:left !important; }

/********** H Tags ***********/
h3 {color:#75B518;}
h5 {color:#1F8FD1; font-size:20px;}

/********** Travel Side Panel ***********/

.sidepanel h2 {color: #1F8FD1; margin: 0px;}
.sidepanel h2 span {color: #75B518;}

/********** FORM MASTER ***********/
.gadgets5 { float:left; width:100%; position:relative; z-index:11; }
.gadgets5.last { width:230px; }
.gadgets5 h2 { font-family:Arial Rounded MT Bold, 'ArialRoundedMTBoldRegular', Arial, Helvetica, sans-serif; font-size:30px; letter-spacing:0px; color:#056693; border-bottom:none; padding:10px 0px; margin:0;  }
.gadgets5 h2 span { color:#7ac542; }
.gadgets5 h2.blue span { color:#1499D7; }
.gadgets5 h3 { font-family:Arial Rounded MT Bold, 'ArialRoundedMTBoldRegular', Arial, Helvetica, sans-serif; font-size:17px; line-height:24px; letter-spacing:-1px; color:#000; margin-bottom:10px;  }
.gadgets5 h4 { font-family:Arial Rounded MT Bold, 'ArialRoundedMTBoldRegular', Arial, Helvetica, sans-serif; font-size:33px; line-height:29px; letter-spacing:-1px; color:#7ac542;; margin-bottom:10px; text-align: center; }
.gadgets5 h3 span { color:#7ac542; }

.gadgets5.last h3 { font-family:Arial Rounded MT Bold, 'ArialRoundedMTBoldRegular', Arial, Helvetica, sans-serif; font-size:19px; line-height:24px; letter-spacing:-1px; color:#000; margin-bottom:10px;  }

.gadgets5 .price { position:absolute; top:200px; right:10px; font-size:24px; font-family:Arial Rounded MT Bold, 'ArialRoundedMTBoldRegular', Arial, Helvetica, sans-serif; }

.gadgets5 p { font-size:12px; color:#ffffff; margin-bottom:16px; }
.gadgets5 ul { margin-left:0px; margin-bottom:7px; font-size:14px; color:#444; }
.gadgets5.last ul{ margin-left:5px; font-size:14px; color:#424242; }
.gadgets5 li { padding:2px 0 0 5px; line-height:22px; height:25px; float: left; }
.gadgets5.last li { line-height:18px; padding:2px 0 0 20px; height:42px; font-size:14px; font-weight:bold; background:url(/images/bullet-tick.gif) left top no-repeat; }

.page-box { 
  padding: 0px 10px;
  height: 25px;
  }
 .page-box ul li {
	 list-style:none;
	 }
  
.page-box h2{    
	color: #1BB5E8;
    font-family: Arial,Helvetica,sans-serif;
	padding: 0px;
	font-size: 18px;
	border-bottom: 1px solid #1BB5E8;
	padding-bottom:5px;
	}

form th { text-align:left; }

form { color:#333; }

/* Form Headings */
form h1 { color:#1F8FD1; } 
form h2 { color:#1F8FD1; }
form h2.smaller { color:#1F8FD1; font-size: 10px!important; }
table h2 { color:#1F8FD1; }
form h3 { color:#75B518; }
form h4 { color:#1F8FD1; }
form h5 { color:#1F8FD1; }
form h6 { color:#000000; }
form a { color:#000; }
form a:hover { color:#1F8FD1; text-decoration:underline; }

/* Form Containers */
form .row { margin-bottom:5px; }
form .labels { min-height:18px; }
form .row-inline { min-height:38px; }
form .fixed-width { padding:4px 3px; display:inline-block; margin-right:3.5%; }

/* Form Elements */
form input { padding:4px 3px; width:83.5%; display:inline; margin-right:3.5%; border:1px solid #bbb; background:#fff; }
form input.textfield-normal { padding:4px 3px; width:80%; display:inline; margin-right:3.5%; border:none; background-color: transparent;}
form input.textfield { font-weight: bold; padding:4px 3px; width:80%; display:inline; margin-right:3.5%; border:none; background-color: transparent;  }
form input.textfield1 { font-weight: bold; padding:4px 3px; width:80%; display:inline; margin-right:3.5%; border:none; background-color: transparent; font-size:18px; }
form select { width:83.5%; display:inline; padding:3px; color:#444; margin-right:2.5%; border:1px solid #bbb; background:#fff;}
form option { margin-bottom:3px; padding-left:7px; background:#fff; }
form textarea { width:46%; display:inline; padding:3px; color:#444; margin-right:3%; font:12px Arial, Helvetica, sans-serif; border:1px solid #bbb; background:#fff; }

/* Form Elements Classes */
form input.radio { width:14px; padding:0; border:0; position:relative; top:2px; background:none; margin-right:0px; zoom:1;}
form input.radio1 { width:10px; padding:0; border:0; position:relative; top:2px; background:none; margin-right:0px; }
form input.checkbox { width:14px; padding:0; border:0; position:relative; top:2px; background:none; margin-right:5px; }
form input.checkbox.zero {margin-right:0; }
form select.date,
form input.date{ width:auto !important; margin-right:2%; }
form select.travel,
form input.travel{ width:100% !important; }
form select.HA,
form input.HA{  width:43.5%; display:inline; padding:3px; color:#444; margin-right:2.5%; border:1px solid #bbb; background:#fff;}
form label.left { padding:5px 0 3px 3px; }
form .last{  margin-right:0; }
/*form .full{ width:97.5%; margin-right:0; }*/
fieldset { border:none; }

label.corporate1 { width: 50px; margin-right: 0px; text-align:left;}
label.corporate2 { width: 50px; margin-right: 25px; text-align:left;}

/* Wedding Form Elements Classes */
form select.wed-date,
form input.wed-date{ width:49% !important; margin-right:2%; }



/********** TABLES in FORMS :-/ ... old school...!!! ***********/

table.info { border-left:1px solid #8A8C90; border-top:1px solid #8A8C90;}

table.info td.heading {
    font-weight:bold;
    text-align:center;
    width:30%;}
table.info td {    border-bottom:1px solid #8A8C90;
    border-right:1px solid #8A8C90;
    padding:3px;
    text-align:left;
    vertical-align:middle; }

table.info th {
    background-color:#000000;
    border-right:1px solid #8A8C90;
    color:#FFFFFF;
    font-weight:normal;
    padding:3px;
    text-align:center;}


table { width:100%; padding:0; border-spacing:0; zoom: 1; } 
.table1 td { padding:5px 8px 8px 0px !important; height:30px; margin:0 0 0 -6px; vertical-align:middle; font-size:12px; border:none; } 
.table2 td { padding:6px 5px; height:40px; margin:0; vertical-align:middle; font-size:12px; border:none; } 
.table3 td { padding:5px; height:30px; margin:0; vertical-align:middle; font-size:12px; border-bottom:1px solid #ccc !important; border-right:none !important; } 
.table-travel td { padding:5px; height:40px; margin:0; vertical-align:middle; font-size:12px; border: none !important; }
.table-travel1 td { padding:5px; height:30px; margin:0; vertical-align:middle; font-size:12px; border: none !important; }
.table-pet td { padding:5px; height:40px; margin:0; vertical-align:middle; font-size:12px; border: none !important; }
table.white, div.white { background:#fff; padding:6px; border:2px solid #75B518; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(PIE.htc); }
td { border: none; padding:6px 5px; height:30px; margin:0; vertical-align:middle; font-size:12px; }
td.scwDrag, td.scwHead {border: none !important;}

td.v-top { vertical-align:top; }
td.top { border-top:1px solid #ccc; }
td.last { border-right:0; }
td.bottom-last, h1.bottom-last { border:none }
td.bottom, h1.bottom { border-bottom:0; }
form h1, table h1 { font:bold 28px Arial, Helvetica, sans-serif; line-height:30px; letter-spacing:-1px; padding:10px 0; margin:0 0 15px; border:0; border-bottom:1px solid #ccc; }
form h2, table h2 { font:normal 18px Arial, Helvetica, sans-serif; line-height:20px; letter-spacing:0px; padding:0px; border:0; }
form h2, table.table3 h2 { font:bold 13px Arial, Helvetica, sans-serif; line-height:20px; padding:0px; border:0; }
form h2 a, form h2 a:hover, table h2 a, table h2 a:hover { text-decoration: none; color:#1F8FD1 !important; }
form h3, table h3 { font:bold 25px Arial, Helvetica, sans-serif; line-height:21px; letter-spacing:-1px; padding:0px 0; border:0; }
form h3 a, form h3 a:hover, table h3 a, table h3 a:hover{ text-decoration: none; color:#75B518 !important; }
form h4, table h4 { font:bold 15px Arial, Helvetica, sans-serif; line-height:15px; letter-spacing:-1px; padding:5px 0; border:0; }
form h5, table h5 { font:normal 18px Arial, Helvetica, sans-serif; line-height:20px; letter-spacing:-1px; padding:0px; border:0; }
form h5 a, form h5 a:hover, table h5 a, table h5 a:hover{ text-decoration: none; color:#1F8FD1 !important; }
form h6, table h6 { font: 18px Arial, Helvetica, sans-serif; line-height:0px; letter-spacing:0px; padding:10px 0; border:0; font-weight:bold; }
form h2.bigger, table h2.bigger { font-size:26px; }
input.txtPrices { width:90px; display:inline; border:0; background:transparent; font:30px Arial, Helvetica, sans-serif; line-height:30px; position:relative; top:0; font-weight:normal; letter-spacing:-1px; color:#000; letter-spacing:-1px; }

.booking_table_2 td {border: none;}

table.white2, div.white2 { background:#fff; padding:5px; border:2px solid #75B518; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(PIE.htc); position:relative; }
table.white3, div.white3 { background:#fff; padding:1%; border:1px solid #ddd; margin-top:10px; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(PIE.htc); }

table.white2 td, div.white2 td, a{ border: none; text-decoration: none;  }
table.white2.select { width: 100px;}

table.white4-t3 {width: 910px !important;}
table.white4-t3 td {padding: 0px 0px 0px 8px!important;}


table.white4, div.white4 { background:#fff; padding:8px; border:2px solid #75B518; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(PIE.htc); }
table.white4 td h1, div.white4 td h1{ margin-bottom: 0px !important; border-bottom:1px solid #ccc; }

table.white3 td, div.white3 td, a{ border: none; text-decoration: none;  }

table3 td .none {border-bottom: 0px;}

/******** PAYMENTS *************/

#paymment {width: 100%; margin-top: 3px;}
.cards-images { width: 50%; float:right; padding-top: 5px;}
.cards-title { width: 50%; float:left; }

.indent { text-indent: 30px;}
br.indent { text-indent: 30px;}
/******** TOOL TIP ************/

a.info-center { background:url(../imagesBlue/icon-info.png) right center no-repeat; padding:0 25px 0 20px; text-decoration:none; color:#000000; }
a.info-left { background:url(../imagesBlue/icon-info.png) right center no-repeat; padding:0 25px 0 0; text-decoration:none; color:#000000; }
a.info-right { background:url(../imagesBlue/icon-info.png) left center no-repeat; padding:0 0px 0 25px; text-decoration:none; color:#000000; }

.tool-tip { width:300px; background:#fff; padding:10px; color:#333; font-size:12px; line-height:14px; z-index:999; border:5px solid #c7e59a; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

.tool-tip h5 { font-size:15px; margin-bottom:3px; }
.tool-tip p { margin-bottom:5px; }

/******** FOOTER ***************/

#footer { width:940px; margin:0 auto; font-size:11px; padding:10px 0; border-top:1px solid #ebebeb; text-align:center;  } 

#ie-message {
background:#e6e6e6;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
z-index:1000;
width:950px;
color:#000;
}
#ie-message a {
color: #000;
}


 /***************SOCIAL LINKS *****************/
 #social_side_links {
    position: fixed;
    bottom: 0px;
    left: 0;
    padding: 5px;
    background: #f4f4f4;
    background: -webkit-gradient(linear, left top, left bottom, from( #f4f4f4 ), to( #f4f4f4 ), color-stop( 50%, #f4f4f4), color-stop( 50%, #f4f4f4 ));
    background: -webkit-linear-gradient(#f4f4f4, #f4f4f4 50%, #f4f4f4 50%, #f4f4f4);
    background: -moz-linear-gradient(#f4f4f4, #f4f4f4 50%, #f4f4f4 50%, #f4f4f4);
    background: -ms-linear-gradient(#f4f4f4, #f4f4f4 50%, #f4f4f4 50%, #f4f4f4);
    background: -o-linear-gradient(#f4f4f4, #f4f4f4 50%, #f4f4f4 50%, #f4f4f4);
    background: linear-gradient(#f4f4f4, #f4f4f4 50%, #f4f4f4 50%, #f4f4f4);
    border-width: 2px 2px 2px 0;
    border-style: solid;
    border-color: #E4E4E4 #E4E4E4 #E4E4E4;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: #888 7px 0 10px -5px;
    -moz-box-shadow: #888 7px 0 10px -5px;
    -o-box-shadow: #888 7px 0 10px -5px;
    box-shadow: #888 7px 0 10px -5px;
}
#social_side_links li a {
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
}
#social_side_links li a img {
    -webkit-transition:  opacity .2s ease-in-out;
    -moz-transition:  opacity .2s ease-in-out;
    -o-transition:  opacity .2s ease-in-out;
    transition:  opacity .2s ease-in-out;
}
#social_side_links li a:hover img {
    opacity: 0;
}
#social_side_links li a:active img {
    opacity: 1;
}
#social_side_links li:first-child {
    background-image:url(../imagesBlue/twitter.png);
}
#social_side_links li:nth-child(2) {
    background-image: url(../imagesBlue/facebook.png);
}
#social_side_links li:nth-child(3) {
    background-image: url(../imagesBlue/linkedin.png);
}
#social_side_links li:nth-child(4) {
    background-image: url(../imagesBlue/digg.png);
}
#social_side_links li:nth-child(5) {
    background-image: url(../imagesBlue/youtube.png);
}

#Upgrade_Box {
	padding:10px; color:#000000; background: #f4f4f4; margin:0px; border:1px solid #ccc; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px; filter: none; behaviour: url(PIE.htc); position: relative; }
#Upgrade_Box p { font-weight:normal; padding: 0px; margin: 0px; }

 .cookie {
    background: #000;
    border-left:medium none;
    bottom:0;
    font-size:1.1em;
    font-weight:bold;
    line-height:1;
    padding:5px 12px;
    position:fixed;
    right:0;
    z-index:1000;
}

 .cookie .infoLink {
    color:#FFFFFF;
    float:left;
    margin-top:1px;
	font-size: 11px;
}

.close {
    background:url(../imagesBlue/tooltip_close_white.png) no-repeat scroll 0 0 transparent;
    float:left;
    margin-left:15px;
    text-indent:-9999em;
    width:14px;
}