/*
WHO, WHAT, URL
(c) Net Efficiency Ltd
08 January 2007
*/

/* #~~ Base css to even keen all browsers including IE7 operating in IE6 quirks mode ~~# */
/* #~~ begin required styles ~~# */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,label,input,p,blockquote,th,td{margin:0;padding:0;text-align:left;font-family:georgia,arial,helvetica,verdana,sans-serif;}
html,body,select,label,input,textarea{font-family:georgia,arial,helvetica,verdana,sans-serif;}

html,body{background: #fff;margin:0;padding:0;}
body*{line-height:1.22em;}


div,img{margin:0;padding:0;}
fieldset,img{border:0;outline:0;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table{margin:0 0 1em 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

cite,code,em,strong,th{font-style:normal;font-weight:normal;}
b,strong,th{font-weight:bold;}
em,i{font-style:italic;}

select,input,label,textarea{font:100%;}
select,input,textarea{font-family:arial,helvetica,georgia,verdana,sans-serif;}
label{display:block;}
pre,code{font:100% monospace;*font-size:100%;}

table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th,td{border:1px solid #000;padding:4px;vertical-align:top;}

ul{margin-left:1.1em;}
ol{margin-left:2.1em;}
li{margin:0 0 0.5em 0;}
q:before,q:after{content:'';}

a{color:#444;text-decoration:underline;}
a:hover, a:focus{color:#444;text-decoration:none;outline:none;}
a img, a:link img, a:active img, a:visited img, a:hover img, a:focus img{border:0;outline:0;}

.clearing{height:1px;line-height:1px;clear:both;font-size:0px;margin-top:-1px;}
.alttext{display:block;position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px;top:-10000px;}

#skipnav{position:absolute;top:0;left:0;width:100%;font-weight:bold;color:#000;text-align:center;font-size:0.6em;z-index:20;}
#skipnav a, #skipnav a:link, #skipnav a:visited {display:block;position:relative;width:758px;margin: 0 auto;text-indent:-1000em;border:0;padding:2px 0 2px 2px;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {position:relative;text-indent:0;border:1px dotted #000;border-top:0;margin: 0 auto;color:#000;}
.hpage #skipnav a:focus, .hpage #skipnav a:hover, .hpage #skipnav a:active {position:relative;text-indent:0;border:1px dotted #fff;border-top:0;margin: 0 auto;color:#fff;}


/* common css for typo3 */
ul.sitemap, ul.sitemap ul{list-style-position:outside;list-style-type:none;margin:0;padding:0;}
ul.sitemap ul{margin:2px 0 0 15px;padding:0;font-size:85%}
ul.sitemap ul ul{font-size:100%}
ul.sitemap li{margin:0 0 10px 0;padding:0;}
ul.sitemap li ul li{margin:0 0 5px 0;padding:0;}

img.align-left{float:left;clear:none;margin:0 1em 1em 0;}
img.align-right{float:right;clear:none;margin:0 0 1em 1em;}

/* #~~ end required styles ~~# */


/* NOTE: to get all browsers to use a similar font size chose a higher
up div with an ID and apply as below. It will give a font-size where 
1em = 10px approximately
 */
html,body{background:#ebebeb url("whtbar.gif") center top repeat-y;font-family:georgia,arial,helvetica,verdana,sans-serif;}

#wrapper{font-size:x-small;text-align:center;}


#allwrap{background:#fff;width:1024px;margin:0 auto;position:relative;}


#banner{background: #fff url("banner.gif") 185px 0 no-repeat;position:relative;float:left;clear:both;width:1024px;min-height:132px;}
#logo{position:absolute;width:450px;height:40px;top:48px;left:508px;margin:0;padding:0;}

.hpage #banner{background: #c8676e url("banner_hpage.png") 185px 0 no-repeat;}
.hpage #logo{position:absolute;width:240px;height:50px;top:48px;left:439px;margin:0;padding:0;}

#logo img,#logo:hover img,#logo:focus img,#logo:active img{margin:0;padding:0;border:0;outline:0;}


#psearch{float:right;clear:none;padding:17px 90px 0 0;font-family:arial,helvetica,verdana,sans-serif;font-size:1.35em;}
#psearch label{color:#fff;font-family:arial,helvetica,verdana,sans-serif;padding-left:3px}
#psearch #inform{background:blue;margin-top:3px;background:#f6dfdf;}
#psearch #psword{color:#c8676e;background:#f6dfdf;border:0;margin:0;padding:1px 3px 2px;width:160px;font-size:1em;font-family:arial,helvetica,verdana,sans-serif;vertical-align:middle;}
#psearch #gobutton{vertical-align:middle;margin:0 2px 0 0;width:15px;height:15px;}





/* lh nav for in banner and in content */
.lhnav{list-style-type:none;font-size:1.35em;line-height:1.4em;float:left;clear:both;margin:16px 0 0;padding:0 0 0 20px;width:241px;}
.lhnav li{float:left;clear:both;margin:0 0 1px;padding:0;width:241px;}
.lhnav a,.lhnav a:link,.lhnav a:visited{color:#4d4d4d;text-decoration:none;}
.lhnav a.act,.lhnav a:hover,.lhnav a:focus,.lhnav a:active,.lhnav span{color:#999;text-decoration:none;}
.lhnav a:active{color:#4d4d4d;text-decoration:none;}

	/* home page specific menu styles */
	.hpage #banner .lhnav a,.hpage #banner .lhnav a:link,.hpage #banner .lhnav a:visited{color:#fff;}
	.hpage #banner .lhnav a:hover,.hpage #banner .lhnav a:focus,.hpage #banner .lhnav a:active,.hpage #banner .lhnav span{color:#eed1d3;}
	.hpage #banner .lhnav a:active{color:#fff;}
	
	.hpage #lhcol .lhnav, .hpage #lhcol .lhnav li{width:169px;}
	
	/* lhcol lhnav spacing */
	#lhcol .lhnav{margin-bottom:45px;}




#crumbbar{float:left;clear:both;width:1024px;background:#c8676e;}
.hpage #crumbbar{display:none;}
.lgbar #crumbbar{min-height:84px;}
.smbar #crumbbar{min-height:51px;}


#crumb{list-style-type:none;margin:0;padding:10px 0 0 20px;color:#eed1d3;float:left;font-size:1.2em;font-family:arial,georgia,helvetica,verdana,sans-serif;}
#crumb li{float:left;clear:none;font-family:arial,georgia,helvetica,verdana,sans-serif;}
#crumb a,#crumb a:link,#crumb a:visited{color:#eed1d3;text-decoration:none;}
#crumb a:hover,#crumb a:focus,#crumb a:active,#crumb span{color:#fff;text-decoration:none;}
#crumb a:active{color:#eed1d3;text-decoration:none;}

#picbar1,#picbar2{float:left;clear:both;width:1024px;height:175px;height:153px;overflow:hidden;}
#picbar1 img,#picbar2 img{margin-right:2px;float:left;clear:none;}
#picbar1 img.last,#picbar2 img.last{margin-right:0px;}
.lgbar #picbar2{height:70px;width:762px;}
.smbar #picbar2{height:105px;width:762px;}
.hpage #picbar1{height:191px;height:153px;}
.hpage #picbar2{width:834px;padding-top:20px;height:auto;}
.hpage #picbar2 img{margin-right:0px;}




#cent{float:left;clear:both;width:1024px;}
#lhcol{float:left;clear:none;width:262px;padding-bottom:1px;}
.hpage #lhcol{width:190px;}


/* first level nav */
#lhcol .spcnav{list-style-type:none;float:left;clear:both;font-size:1.8em;line-height:1.43em;margin:0 0 20px;padding:0 0 0 40px;width:221px;}
.spcnav li{display:block;float:left;clear:both;margin:0;padding:0;color:#c8676e;width:221px;}
.spcnav li a,.spcnav li a:link,.spcnav li a:visited,.spcnav li span.cur{color:#c8676e;text-decoration:none;display:block;float:left;clear:both;}
.spcnav li a:hover,.spcnav li a:focus,.spcnav li a:active{color:#999;text-decoration:underline;}

/* second level nav */
#lhcol .spcnav ul{display:block;list-style-type:none;float:left;clear:both;margin:0;padding:0 0 7px;width:221px;}
.spcnav ul li{display:block;float:left;clear:both;margin:0;padding:0;color:#c8676e;font-size:0.75em;line-height:1.4em;width:221px;}
.spcnav ul li a,.spcnav ul li a:link,.spcnav ul li a:visited,.spcnav ul li span.cur{color:#4d4d4d;text-decoration:none;display:block;float:left;clear:both;}
.spcnav ul li a,.spcnav ul li a:visited{color:#999;}
.spcnav ul li a:hover,.spcnav ul li a:focus,.spcnav ul li a:active{color:#4d4d4d;text-decoration:underline;}

.spcnav ul li span.cur{color:#5f0023;text-decoration:none;font-weight:bold;}


#atolsymbol{width:41px;height:41px;float:left;clear:both;margin:7px 0 20px 20px;}

#mid{float:left;clear:none;width:762px;} /* topnav w pics, 4 smaller pics, holds main col, rhcol */
.hpage #mid{width:834px;}

/* top nav for holiday by price */
#topnav{float:left;clear:both;width:762px;list-style-type:none;margin:-56px 0 0;padding:0;position:relative;}
#topnav li{float:left;clear:none;width:189px;height:126px;margin-right:2px;}
#topnav li a,#topnav li a:visited,#topnav li span.cur{display:block;float:left;clear:none;width:189px;height:126px;}
#topnav li#tn1 a,#topnav li#tn1 a:visited{background: url("tn1_no.png") 0 0 no-repeat;}
#topnav li#tn2 a,#topnav li#tn2 a:visited{background: url("tn2_no.png") 0 0 no-repeat;}
#topnav li#tn3 a,#topnav li#tn3 a:visited{background: url("tn3_no.png") 0 0 no-repeat;}
#topnav li#tn4 a,#topnav li#tn4 a:visited{background: url("tn4_no.png") 0 0 no-repeat;}
#topnav li#tn1,#topnav li#tn1 a:hover,#topnav li#tn1 a:focus,#topnav li#tn1 a:active,#topnav li#tn1 a.cur,#topnav li#tn1 span.cur{background: url("tn1_ov.png") 0 0 no-repeat;}
#topnav li#tn2,#topnav li#tn2 a:hover,#topnav li#tn2 a:focus,#topnav li#tn2 a:active,#topnav li#tn2 a.cur,#topnav li#tn2 span.cur{background: url("tn2_ov.png") 0 0 no-repeat;}
#topnav li#tn3,#topnav li#tn3 a:hover,#topnav li#tn3 a:focus,#topnav li#tn3 a:active,#topnav li#tn3 a.cur,#topnav li#tn3 span.cur{background: url("tn3_ov.png") 0 0 no-repeat;}
#topnav li#tn4,#topnav li#tn4 a:hover,#topnav li#tn4 a:focus,#topnav li#tn4 a:active,#topnav li#tn4 a.cur,#topnav li#tn4 span.cur{background: url("tn4_ov.png") 0 0 no-repeat;margin-right:0;}


#maincol{float:left;clear:none;width:527px;}
#maincol .idiv{padding:24px 32px 1px 31px;}
.hpage #maincol{width:834px;}
.wpage #maincol{width:668px;}
.hpage #maincol .idiv{padding:20px 32px 1px 31px;}

.hpage #maincol .minicol{float:left;clear:none;margin-right:18px;width:235px;padding-bottom:1px;}

#rhcol{float:left;clear:none;width:219px;padding-top:80px;}
.hpage #rhcol,.wpage #rhcol{display:none;}


#rhcol p#logoutlink{margin-top:-65px;font-size:1.35em;line-height:140%;color:#5f0023;font-family:arial;font-weight:bold;}
#rhcol p#logoutlink a,#rhcol p#logoutlink a:link,#rhcol p#logoutlink a:visited{text-decoration:none;color:#5f0023;}
#rhcol p#logoutlink a:active,#rhcol p#logoutlink a:hover,#rhcol p#logoutlink a:focus{text-decoration:underline;color:#5f0023;}



/* maincol typography */
#maincol h1{font-size:2.4em;line-height:1.166em;color:#262626;margin-bottom:9px;font-weight:normal;}
#maincol h2{font-size:1.7em;line-height:1.1em;color:#5f0023;margin-bottom:5px;font-weight:bold;}
#maincol h3{font-size:1.35em;line-height:1.4em;color:#4d4d4d;margin-bottom:3px;font-family:arial,helvetica,verdana,sans-serif;font-weight:bold;}
#maincol h4{font-size:1.35em;line-height:1.4em;color:#772644;margin-bottom:3px;font-family:arial,helvetica,verdana,sans-serif;font-weight:bold;}
#maincol h5{font-size:1.35em;line-height:1.4em;color:#4d4d4d;margin-bottom:0px;font-family:arial,helvetica,verdana,sans-serif;font-weight:normal;}

#maincol p,#maincol div.divp,#maincol ul, #maincol ol,#maincol table{margin-bottom:19px;}
#maincol p,#maincol div.divp,#maincol li,#maincol th,#maincol td{font-size:1.35em;line-height:1.4em;color:#4d4d4d;}
.hpage #maincol .minicol p,.hpage #maincol .minicol li{font-size:1.5em;line-height:1.2em;}




#maincol a,#maincol a:visited{color:#c8676e;text-decoration:none;		color:#a9464d;}
#maincol a:hover,#maincol a:focus,#maincol a:active{color:#c8676e;text-decoration:underline;		color:#a9464d;}

#maincol p.highlight{color:#717171;}
#maincol p.sum{color:#717171;font-size:1.8em;line-height:1.1em;margin-bottom:17px;}
#maincol p.contactus{background: #c8676e url("phoneicon.gif") 7px 6px no-repeat;padding: 4px 10px 2px 50px;color:#fff;font-weight:bold;font-family:arial;font-size:1.3em;line-height:1.23em;min-height:37px;}
/*#maincol .highlight2{font-family:arial,helvetica,verdana,sans-serif;color:#5f0023;font-size:0.93em;line-height:1.52em;}*/

#maincol p.highlight3{font-family:arial,helvetica,verdana,sans-serif;}


#maincol p.contactus a,#maincol p.contactus a:link,#maincol p.contactus a:visited{color:#fff;text-decoration:underline;}
#maincol p.contactus a:hover,#maincol p.contactus a:focus{color:#fff;text-decoration:none;}
#maincol p.contactus a:active{color:#fff;text-decoration:underline;}


#maincol p.lastupdated{font-family:arial,helvetica,verdana,sans-serif;color:#7e7e7e;margin-bottom:25px;}



#maincol .picwrap{margin-bottom:19px;}
#maincol .picwrap .piccap{font-size:1.35em;font-family:arial,helvetica,verdana,sans-serif;font-weight:bold;color:#828282;display:block;cleaR:both;margin:0;padding:3px 0 0 2px;line-height:1.1em;}


/* search results */
#maincol .searchresults {border-collapse:collapse;empty-cells:show;border:0;padding:0;color:#4d4d4d;width:524px;}
#maincol .searchresults th{border:0;background:#e0a9ae;font-weight:bold;padding:0;}
#maincol .searchresults td{border:0;border-bottom:1px solid #fff;background:#f5e2e4;padding-top:4px;padding-bottom:4px;text-align:left;}
#maincol .searchresults th,#maincol .searchresults td{font-family:arial,helvetica,verdana,sans-serif;font-size:1.35em;line-height:1.35em;padding-left:12px;padding-right:4px;width:200px;}
* html #maincol .searchresults th,* html #maincol .searchresults td{width:216px;w\idth:200px;}
* + html #maincol .searchresults th,* + html #maincol .searchresults td{width:200px;}

#maincol .searchresults th.sectd,#maincol .searchresults td.sectd{padding-left:0px;padding-right:11px;width:205px;}
* html #maincol .searchresults th.sectd,* html #maincol .searchresults td.sectd{width:211px;w\idth:200px;}
* + html #maincol .searchresults th.sectd,* + html #maincol .searchresults td.sectd{width:200px;}

#maincol .searchresults th.nar,#maincol .searchresults td.nar{padding-left:0px;padding-right:11px;width:86px;text-align:right;}
* html #maincol .searchresults th.nar,* html #maincol .searchresults td.nar{width:97px;w\idth:86px;}
* + html #maincol .searchresults th.nar,* + html #maincol .searchresults td.nar{width:86px;}

#maincol .searchresults a{color:#4d4d4d;text-decoration:none;}
#maincol .searchresults a:hover,#maincol .searchresults a:focus,#maincol .searchresults a:active{color:#4d4d4d;text-decoration:underline;}



/* pinkpanel style */
#maincol .pinkpnl{background:#f6e8e8;padding:23px 10px;clear:both;margin-bottom:19px;}
#maincol .pinkpnl{zoom:1;}
#maincol .pinkpnl h2{font-family:arial,helvetica,georgia,verdana,sans-serif;font-size:1.6em;line-height:1.15em;color:#c8676e;margin-bottom:0;}
#maincol .pinkpnl p{font-family:arial,helvetica,georgia,verdana,sans-serif;line-height:2.4em;margin-bottom:0;}

/* login form */
#loginform{padding-bottom:10px;}
#loginform p{float:left;clear:both;margin-bottom:9px;}
#loginform label,#loginform input{float:left;clear:none;width:105px;margin-right:5px;}
#loginform input{width:285px;border:1px solid #a6a6a6;padding:1px 2px 2px;margin-right:0;}

#loginform #submit{width:92px;height:22px;border:0;float:none;padding:0;margin-right:-2px;}

/* contact us form */
#contactform {float:left;clear:both;}
#contactform * {font-family:arial,helvetica,georgia,verdana,sans-serif;color:#4d4d4d;}
#maincol .pinkpnl #contactform p, #contactform div.divp{float:left;clear:both;vertical-align:top;margin-bottom:10px;width:554px;}
#maincol .pinkpnl #contactform p{line-height:1.4em;}
#contactform label{display:block;float:left;clear:none;width:150px;padding:1px 25px 0 0;text-align:right;}
#contactform input{float:left;clear:none;}
#contactform input.normtxt{border:1px solid #c8676e;width:373px;padding:1px 2px 2px;font-size:1em;}

#contactform textarea{border:1px solid #c8676e;width:373px;width:370px;padding:1px 2px 2px;font-size:1em;}
#contactform input.chk{width:auto;height:1.35em;vertical-align:bottom;border:1px solid #c8676e;margin-top:5px;}
#contactform input.radio{width:auto;height:1.35em;vertical-align:bottom;margin-top:2px;margin-right:5px;border:1px solid #c8676e;}
#contactform select.slct{border:1px solid #c8676e;}
#contactform select.slct option{padding-left:4px;padding-right:5px;}
#contactform input#contactsubmit{width:65px;height:22px;float:none;none;margin-right:-2px;}




/* payment form */
#purchaseform {float:left;clear:both;}
#purchaseform * {font-family:arial,helvetica,georgia,verdana,sans-serif;color:#4d4d4d;}
#maincol .pinkpnl #purchaseform h2{float:left;clear:both;width:554px;}
#maincol .pinkpnl #purchaseform p, #purchaseform div.divp{float:left;clear:both;vertical-align:top;margin-bottom:10px;width:554px;}
#maincol .pinkpnl #purchaseform p{line-height:1.4em;}
#purchaseform label{display:block;float:left;clear:none;width:150px;padding:1px 25px 0 0;text-align:right;}
#purchaseform input,#purchaseform select,#purchaseform textarea{float:left;clear:none;}
#purchaseform input.normtxt{border:1px solid #c8676e;width:373px;padding:1px 2px 2px;font-size:1em;}

#purchaseform textarea{border:1px solid #c8676e;width:373px;padding:1px 2px 2px;font-size:1em;}
#purchaseform input.chk{width:auto;height:1.35em;vertical-align:bottom;border:1px solid #c8676e;margin-top:5px;border:0;}
#purchaseform input.radio{width:auto;height:1.35em;vertical-align:bottom;margin-top:2px;margin-right:5px;border:1px solid #c8676e;}
#purchaseform select.slct{border:1px solid #c8676e;}
#purchaseform select.slct option{padding-left:4px;padding-right:5px;}

#purchaseform label#messagelabel{font-family:arial,helvetica,georgia,verdana,sans-serif;font-size:1.19em;color:#c8676e;text-align:left;font-weight:bold;}

#purchaseform select#title,#purchaseform select#billingtitle{width:60px;margin-right:10px;}
#purchaseform input#firstname,#purchaseform input#billingfirstname{width:223px;}
#purchaseform label#firstnamelabel,#purchaseform label#billingfirstnamelabel{width:75px;padding-right:5px;}
#purchaseform label#diffbillinglabel, #purchaseform label#emailupdatelabel{width:525px;text-align:left;padding-right:0;padding-left:6px;}


#purchaseform select#country,#purchaseform select#billingcountry{width:175px;}

#purchaseform input#paymentbutton{width:142px;height:22px;float:none;none;margin-right:-2px;}

#maincol p.errormsg{color:#f74343;font-family:arial;font-weight:bold;}




.brandlogo{float:right;clear:both;width:218px;height:108px;border:0;margin:65px 0 1em;}


#foot{float:left;clear:both;width:1024px;font-family:arial,helvetica,verdana,sans-serif;}
#ifoot{padding:0 20px 6px;}
#foot #ifoot *{font-family:arial,helvetica,verdana,sans-serif;}
#foot p{font-size:0.9em;color:#444;margin-top:6px;}
.marks{font-size:75%;vertical-align:super;line-height:1em;}



/* social bookmarks*/
#share{width:26px;height:35px;float:left;clear:both;margin:20px 0 20px 24px;}

#sharediv{width:320px;padding:10px;background:#c8676e;font-family:arial,helvitica,verdana,sans-serif;position:absolute;left:70px;top:378px;display:none;}
* html #sharediv{width:340px;w\idth:320px;}
#maincol #sharediv{left:0;top:0;position:static;display:block;}

#sharediv h3,#sharediv span#closespan{float:left;clear:none;color:#fff;font-weight:bold;font-size:1.4em;font-family:arial,helvitica,verdana,sans-serif;margin-bottom:4px;}
#sharediv span#closespan{float:right;}
#sharediv span#closespan a,#sharediv span#closespan a:link,#sharediv span#closespan a:visited{color:#fff;text-decoration:none;}
#sharediv span#closespan a:focus,#sharediv span#closespan a:hover,#sharediv span#closespan a:active{color:#fff;text-decoration:underline;}

#booklist{float:left;clear:both;background:#fff;padding:10px 10px 0 10px;width:300px;}
* html #booklist{width:320px;w\idth:300px;}
#booklist ul{margin:0;padding:0;list-style-type:none;width:300px;font-size:1.1em;font-family:arial,helvitica,verdana,sans-serif;}
#booklist li{width:129px;padding: 0 10px 10px;float:left;clear:none;font-family:arial,helvitica,verdana,sans-serif;line-height:140%;}
* html #booklist li{width:149px;w\idth:129px;}
#booklist a,#booklist a:link,#booklist a:visited{color:#000;text-decoration:none;padding:2px 0 2px 30px;background-position:center left;background-repeat:no-repeat;}
#booklist a:hover,#booklist a:focus,#booklist a:active{color:#000;text-decoration:underline;}
* html #booklist a{zoom:1;}
*+html #booklist a{zoom:1;}

#booklist a#stumbleupon{background-image: url("icon_stumbleupon.gif");}
#booklist a#google{background-image: url("icon_google.gif");}
#booklist a#facebook{background-image: url("icon_facebook.gif");}
#booklist a#digg{background-image: url("icon_digg.gif");}
#booklist a#delicious{background-image: url("icon_delicious.gif");}
#booklist a#reddit{background-image: url("icon_reddit.gif");}






/* For the social bookmark page when no JS */
#maincol #sharediv{left:0;top:0;position:static;display:block;width:500px;margin-bottom:30px;}
* html #maincol #sharediv{width:520px;w\idth:500px;}
#maincol #sharediv span#closespan{display:none;}
#maincol #booklist{width:480px;}
* html #maincol #booklist{width:500px;w\idth:480px;}

#maincol #booklist ul{width:480px;}
#maincol #booklist li{width:220px;}
* html #maincol #booklist li{width:240px;w\idth:220px;}

#maincol #booklist ul{font-size:inherit;}