/* 
Travelicious
OA: David Sargent | PINT
*/

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; }

body { text-align:center; font-size:14px; line-height:18px; font-family:verdana, sans-serif; letter-spacing:-1px; color:#333333; background:#fff url(../images/bg-body.png) repeat-x 50% 0; } /* background:#fff url(../images/bg-body.png) repeat-x 50% 0; */
body#overlay { background:#fff; text-align:left; }

table, th, td, input, textarea, select { font-size:13px; line-height:18px; font-family:verdana, sans-serif; letter-spacing:-1px; color:#132531; }
table { border-collapse:collapse; }
input, textarea, select { padding:3px 5px 5px; color:#142835; border:1px solid #d2d2d2; }
.activeInput { color:#666666; }
select { padding:3px 1px 3px 2px; height:26px; color:#142835; border:1px solid #d2d2d2; cursor:pointer; }
option { padding:3px 0 3px 5px; }
label { cursor:pointer; }

a img, :link img, :visited img { border:none; }

a { color:#0184ff; text-decoration:none; }
a:visited { color:#0184ff; text-decoration:none; }
a:hover, a:active { color:#ed46d1; text-decoration:none; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

small { color:#707070; font-size:11px; line-height:13px; }
a small { color:#0184ff; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { margin:0 0 11px; color:#ed46d1; font-size:30px; line-height:25px; }
h1.line { color:#142835; font-size:16px; line-height:18px; background:url(../images/bg-dots-x.png) repeat-x 0 100%; border:none; }
h2 { color:#142835; font-size:18px; line-height:20px; }
h2.h1 { margin:0 0 22px; color:#ed46d1; font-size:30px; line-height:25px; }
h2.alt { margin:0 0 13px; font-size:16px; line-height:18px; }
h3 { color:#142835; font-size:16px; line-height:18px; }
h3.alt { margin:10px 0 5px; color:#ed46d1; font-size:12px; line-height:14px; }
h3.line { background:url(../images/bg-dots-x.png) repeat-x 0 100%; border:none; }
h3 span { color:#ed46d1; font-size:14px; }
h3 strong { color:#a1a1a1; font-size:14px; font-weight:normal; }
h4.alt { color:#ed46d1; font-size:30px; }

hr { margin:6px 0; padding:0; height:1px; color:#d2d2d2; line-height:1px; border:1px solid #d2d2d2; border-width:1px 0 0; }

/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */
/*  */
.component-deals { padding-bottom:15px; width:100%; border-bottom:1px solid #D2D2D2;}
.component-deals li { margin:0 0 15px; padding:0 0 15px; min-height:22px; float:left; display:inline; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.component-deals li.last { padding:0; background:none; }
/* Eric added line-height */
.component-deals li li { margin:0; padding:0; background:none; line-height:140%}
.component-deals em { width:70px; float:left; display:inline; color:#ed46d1; font-size:17px; font-style:normal; display:inline-block; }
/* Eric changed font size from 16px to 17px */
.component-deals strong { margin:0 10px 0 0; float:left; display:inline; color:#0184ff; font-size:14px; font-weight:bold; display:inline-block; }
.component-deals small { margin:3px 17px 0 0; padding-bottom:4px; display:block; color:#333333; font-size:14px; text-align:right; }
.component-deals .btn1, .component-deals .btn1 a { width:71px; }
.component-deals .summary { margin:0 !important; font-size:13px; }
.component-deals .list-options { margin:10px 0; }

#deals-main strong { width:459px; }
#deals-main small { width:130px; }

#deals-list li { position:relative; min-height:15px; }
#deals-list strong { width:340px; }
#deals-list small { margin-left:70px; width:340px; text-align:left; }
#deals-list .btn1 { position:absolute; top:15px; right:2px; width:71px; }

#top5-list { padding-bottom:0; border:0; }
#top5-list li { position:relative; min-height:15px; }
#top5-list strong { width:200px; }
#top5-list small { margin:3px 0 0 60px; width:200px; text-align:left; }
#top5-list .btn1 { position:absolute; top:3px; right:2px; width:71px; }

#deals-full li { padding-bottom:0; font-size:13px; }
#deals-full .last { margin:0; }
#deals-full .last small { display:block; text-align:center; }
/* Eric changed line-height from 16 to 20 */
#deals-full .detail em { font-size:17px; line-height:20px; letter-spacing:-2px; }
#deals-full .detail span { padding-left:3px; font-size:16px; line-height:20px; }
/* Eric changed color from #142835 to #0184FF */
#deals-full li strong { margin:0; color:#0184FF; float:none; width:420px; }
/* Eric changed ;ine height from 16 to 20 */
#deals-full .detail  strong { width:420px; float:left; display:block; font-size:17px; line-height:20px; }
#deals-full li small { margin:4px 0 0; font-size:12px; display:inline-block; }

.deals-detail { padding-bottom:0; border:0; }

/* Deals Header (with view buttons) */
/* Eric changed bottom margin from 15px to 5px  */
.component-deals-header { position:relative; margin:0 0 5px; height:28px; font-size:13px; border-bottom:1px solid #d2d2d2; }
.component-deals-header h2 { margin:0 20px 0 0; float:left; display:inline; }
.component-deals-header li { margin:2px 5px 0 0; float:left; display:inline; list-style:none; }
.component-deals-header .arrow { position:absolute; top:2px; right:0; font-size:11px; background-position:0 -194px; }

#main .component-deals-header ul { position:absolute; top:3px; right:-5px; }

/* 'Paging' component on list pages */
.component-paging { margin:0 auto; padding:0; height:26px; color:#ed46d1; font-size:13px; }
#main-w-left .component-paging { padding:5px 0 0 235px; }
.component-paging li { float:left; display:inline; }
.component-paging a { padding:6px 9px; display:block; color:#0184ff; background:#fff; }
.component-paging a:hover { color:#fff; background:#0184ff; text-decoration:none; }
.component-paging span { padding:6px 9px; display:block; }
.component-paging .link:hover { color:#0184ff; background:#fff; text-decoration:underline; }

/* Show/Hide 'Filters' (Top Destinations, etc.) */
.component-togglebox { position:relative; margin:0 0 37px; }
.component-togglebox-js { padding:20px 0 0; }
.component-togglebox .inner { overflow:hidden; border:1px solid #d2d2d2; }
.component-togglebox .inner div { padding:17px 20px; }
.component-togglebox h2 { margin:0 0 15px; color:#ed46d1 !important; }
.component-togglebox li { margin:0 1% 7px 0; width:32%; float:left; display:inline; font-size:16px; list-style:none; }
.component-togglebox table { margin:0 0 0 31px; }
.component-togglebox td { padding:0 30px 3px 0; width:110px; font-size:14px; list-style:none; vertical-align:top; }
.component-togglebox td.last { padding-right:0; }
.component-togglebox #toggle { position:absolute; top:0; left:0; padding:0 0 0 15px; display:block; color:#0184ff; font-size:11px; font-weight:bold; cursor:pointer; background:url(../images/bg-btn.png) no-repeat 0 -268px; }
.component-togglebox #toggle em { padding:2px 10px 1px 0; display:block; font-style:normal; cursor:pointer; background:url(../images/bg-btn.png) no-repeat 100% -268px; }
.component-togglebox .closed { background-position:0 -299px !important; }
.component-togglebox .closed em { background-position:100% -299px !important; }

/* Header Box (Pink at launch) */
.component-header { margin:8px 0 0; padding:7px; min-height:27px; color:#fff; text-align:center; background:#ed46d1 url(../images/bg-component-header.png) repeat-x 0 0; }
.component-header h2, .component-header h3 { color:#fff; line-height:21px; }
.component-header form { margin:12px 0 0; text-align:left; height:26px; }
.component-header input { margin:0 0 0 4px; width:117px; height:18px; padding:5px 5px 3px 6px; float:left; display:inline; background:url(../images/bg-sprite-x.png) no-repeat 0 -26px; border:0; }
.component-header .btn4 { margin:0 0 0 4px; width:43px; float:left; display:inline; }
.component-header .btn4 input { width:43px; float:none; }

/* Bordered Box Component */
.component-box { padding:8px; background:#fff; border:1px solid #d2d2d2; }
.component-box ul, .component-box ol { margin:0; }
.component-box .list-inline li { margin-right:8px !important; }
.component-box .list-inline .last { margin-right:0 !important; }
.component-box h3 { margin:5px 0 7px 3px; }
.component-box .prev-next { float:right; }
.component-box .link-map { font-size:12px; }
.component-box  .line1 { margin:0 0 5px; padding:0 0 10px; }

/* 'Travel Deals' Box ('Tag' graphic) */
.component-traveldeals { margin:0 0 12px -11px; width:211px; color:#ed46d1; font-size:12px; background:url(../images/bg-component-traveldeals.png) no-repeat -211px 100%; }
.component-traveldeals .component-traveldeals { position:relative; margin:0; padding:64px 9px 7px 20px; width:182px; background:url(../images/bg-component-traveldeals.png) no-repeat 0 0; }
.component-traveldeals li { padding:1px 0 5px; list-style:none; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.component-traveldeals li.last { background:none; }
.component-traveldeals li a { padding:0 0 0 2px; width:141px; float:left; display:block; }
.component-traveldeals li span { margin:0 0 0 5px; width:34px; float:left; display:block; text-align:right; }
.component-traveldeals .more { position:absolute; top:13px; right:9px; padding:0 0 0 8px; color:#fff !important; background:url(../images/bg-sprite-y.png) no-repeat 0 -1265px; }

/* 'Add Comment' widget */
.component-addcomment { padding:9px 8px; background:#f3f3f2; }
.component-addcomment  img { margin-right:10px; float:left; display:inline; }
.component-addcomment  div { width:350px; float:left; display:inline; }
.component-addcomment  textarea { margin:0 0 4px; width:338px; height:37px; }
.component-addcomment  .btn5 { width:74px; }
.component-addcomment  .btn5 input { width:71px; cursor:pointer; }

/* Image Carousel */
.component-carousel { margin:13px 0 5px; overflow:hidden; border:1px solid #d2d2d2; }
.carousel-items { position:relative; margin:0; padding:10px 11px 6px 22px; width:375px; }
.carousel-items-js { padding:10px 21px 0; width:366px; height:96px; }
.carousel-items ul { position:relative; margin:0; padding:0; list-style:none; }
.carousel-items li { margin:0 10px 0 0; padding:0; float:left; display:inline; font-size:1.1em; line-height:1.4em; }
.carousel-items li a { font-weight:bold; text-decoration:none; }
.carousel-items li a:hover { text-decoration:none; }

.carousel-items .jcarousel-clip { position:relative; margin:0; padding:0; overflow:hidden !important; z-index:2; }
.carousel-items .jcarousel-prev  { position:absolute; top:1px; left:1px; width:10px; height:104px; display:block; cursor:pointer; background:url(../images/bg-sprite-x.png) no-repeat -577px 0; }
.carousel-items .jcarousel-prev-disabled  { background-position:-587px 0; }
.carousel-items .jcarousel-next  { position:absolute; top:1px; right:1px; width:10px; height:104px; display:block; cursor:pointer; background:url(../images/bg-sprite-x.png) no-repeat -597px 0; }
.carousel-items .jcarousel-next-disabled  { background-position:-607px 0; }

/* Coupon Copy Text */
.component-coupon { width:100%; }
.component-coupon span { margin:5px 0 0; float:left; display:inline; }
.coupon { margin:2px 0 0 8px !important; padding:3px 9px 0 8px; height:21px; display:inline-block; font-weight:bold; text-align:center; cursor:pointer; border:2px dotted #b4b4b4; } /*background:url(../images/bg-sprite-x.png) no-repeat -280px -52px;*/
.coupon.hover {} /*background:url(../images/bg-sprite-x.png) no-repeat -280px -52px;*/
.coupon-copied { color:#86b04c; text-decoration:line-through; }
.coupon-note { margin:3px 0 0; padding:3px 0 0 15px; width:148px; height:22px; float:left; display:block; color:#f8f8f8; font-size:12px; font-weight:bold; background:url(../images/bg-sprite-x.png) no-repeat -400px -52px; }
.coupon-off { display:none !important; }
.coupon-note-copied {} /*display:block !important;*/

/* 'Friends' style component w/ image thumb. list */
.friends { position:relative; margin:5px 0 0; padding:0 0 10px; font-size:12px; line-height:14px; background:url(../images/bg-dots-x.png) repeat-x 0 99%; }
.friends ul { margin:10px 0; }
.friends li { margin:0 9px 0 0; width:54px; float:left; display:inline; list-style:none; }
.friends li a:hover{ text-decoration:none; }
.friends .last { margin:0; }
.friends .arrow { position:absolute; top:3px; right:0; padding-left:6px; font-size:11px; background-position:0 -196px; }
.friends .btn5 { margin:0 0 10px; width:90px; }
.friends-alt { margin:0 0 15px; padding:0 0 10px; border-bottom:1px solid #d2d2d2; background:none; }
.friends-last { background:none; }

/* 'Filter' Slider Bar */
.ui-slider { position:relative; margin:5px 0 10px; padding:24px 0 0; width:auto; height:8px; background:url(../images/bg-slider.png) no-repeat 0 100%; }
.ui-slider span { position:absolute; color:#ed46d1; font-size:11px; font-weight:bold; }
.ui-slider .minvalue { top:0; left:0; }
.ui-slider .maxvalue { top:0; right:0; }
.ui-slider-handle { position:absolute; top:20px; width:14px; height:14px; background:url(../images/bg-slider.png) no-repeat -180px 0; outline:none; z-index:2; }
.ui-slider-range { position:absolute; top:22px; height:10px; margin-left:2px; background:url(../images/bg-slider-range.png) repeat-x 0 0;  }

/* Previous/Next list */
.prev-next { font-size:12px; }
.prev-next li { margin:0 4px 0 0; padding:0 6px 0 0; float:left; display:inline; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat 100% -1446px; }
.prev-next .last { margin:0; padding:0; background:none; }
.prev-next .link-prev { padding:0 0 0 8px; background-position:0 -348px !important; }
.prev-next .link-prev-disabled { padding:0 0 0 8px; color:#d4d4d4; background:url(../images/bg-sprite-y.png) no-repeat 0 -1496px; cursor:text; }
.prev-next .link-prev-disabled:hover { text-decoration:none; }
.prev-next .link-next { padding:0 10px 0 0; background-position:100% -448px !important; }
.prev-next .link-next-disabled { padding:0 10px 0 0; color:#d4d4d4; background:url(../images/bg-sprite-y.png) no-repeat 100% -1536px; cursor:text; }
.prev-next .link-next-disabled:hover { text-decoration:none; }

/* Tools: Calendar/Print/Email */
.tools { position:absolute; top:23px; right:20px;  }
.tools li { float:left; display:inline; list-style:none; overflow:hidden; font-size:9px; text-align:center; }
.tools li a, .tools li span { position:relative; display:block; height:24px; background-image:url(../images/bg-tools.png); background-repeat:no-repeat; }
.tools li span { position:absolute; top:0; left:0; }
.tools .link-calendar, .tools .link-calendar span { width:28px; background-position:0 0; }
.tools .link-print, .tools .link-print span { width:35px; background-position:-28px 0; }
.tools .link-email, .tools .link-email span { width:29px; background-position:-63px 0; }

/* Travel Buddy component */
.travel-buddy img { margin:0 20px 0 0; float:left; display:inline; }
.travel-buddy .inner { position:relative; width:340px; float:left; display:inline; }
.travel-buddy h2 { color:#a1a1a1; }
.travel-buddy h3 { margin:8px 0 5px; }
.travel-buddy table { width:125px; }
.travel-buddy td { text-align:right; }
.travel-buddy .btn2 { position:absolute; bottom:4px; right:30px; width:133px; outline:none; }
.travel-buddy .btn2 span { padding-left:13px; }
.travel-buddy .btn-add-friend-on { background-position:100% -508px; }
.travel-buddy .btn-add-friend-on span { padding-left:42px; background-position:0 -508px; }
.travel-buddy .btn-add-friend-on:hover  { background-position:100% -482px; }
.travel-buddy .btn-add-friend-on:hover span { background-position:0 -482px; }
.travel-buddy p { padding:10px 0 0; clear:both; color:#707070; }
.travel-buddy .link-message2 { margin:0 0 2px !important; background:url(../images/bg-dots-open.png) repeat-x 0 100%; }
.travel-buddy .link-message2 a { padding-bottom:7px !important; background:url(../images/bg-sprite-y.png) no-repeat 0 -1944px !important; }
.travel-buddy .link-block a { background:url(../images/bg-sprite-y.png) no-repeat 0 -1998px !important; }
.travel-buddy .link-unfriend a { background:url(../images/bg-sprite-y.png) no-repeat 0 -2048px !important; }

/* Open Menu - Travel Buddy */
.menu { position:absolute; bottom:0; right:0; width:26px; height:30px; }
.menu li { margin:0 !important; padding:0 !important; height:30px; float:left; position:relative; list-style:none; }
.menu li a { font-size:8px !important; cursor:pointer; }
.menu li a:hover { text-decoration:none; }
.menu li a { position:relative; width:26px; height:30px; display:block; text-decoration:none; color:#fff; font-size:14px; }
.menu li span { position:absolute; top:0; left:0; height:30px; display:block; }
.menu li, .menu li a, .menu li span, .menu li div { background-image:url(../images/bg-sprite-y.png); }

.menu li table { margin:0 -1px -1px; width:26px; height:1px; border-collapse:collapse; }
.menu li td { font-size:8px; }
.menu li:hover, * html .menu a:hover { position:relative; }
.menu li li a { font-size:8px; text-align:left; }

/* NORMAL STATE (dave ITEM W/ DROPDOWN, dave ITEM W/O DROPDOWN */
.menu li.menu1, .menu li.menu1 a, .menu li.menu1 a span, .menu li.menu1-nodrop, .menu li.menu1-nodrop a, .menu li.menu1-nodrop a span { background-position:0 -1900px; width:26px; }
.menu li.menu1:hover a, .menu li.menu1:hover a span, .menu li.menu1 a:hover, .menu li.menu1 a:hover span { background-position:-26px -1900px; width:26px; }
.menu li.menu1on, .menu li.menu1on span, .menu li.menu1on div { background-position:-483px -86px; width:26px; }

/* POSITIONS LAST LIST(S) IN THE dave */
.menu li.menu1:hover ul, .menu li.menu1 a:hover ul, .menu li.menu1on:hover ul, .menu li.menu1on a:hover ul, .menu li.menu1-nodrop:hover ul, .menu li.menu1-nodrop a:hover ul, .menu li.menu1on-nodrop:hover ul, .menu li.menu1on-nodrop a:hover ul   { left:-82px; }

/* FIRST LEVEL DROP DOWNS */
.menu li ul { display:none; }
.menu li ul li, .menu li ul li a { background:none; }
.menu li:hover ul, .menu li a:hover ul { position:absolute; top:30px; left:0; padding:3px 10px 10px; width:88px; float:right; display:block; background:#098cfe url(../images/bg-sprite-x.png) no-repeat -617px 0; }
.menu li:hover li, .menu li a:hover li { margin:0 !important; padding:0 !important; width:88px !important; height:auto; }

.menu li:hover li a, .menu li a:hover li a { padding:4px 0 4px 33px; width:55px !important; height:auto; display:block; font-size:14px !important; color:#fff; }
.menu li:hover li a:hover, .menu li a:hover li a:hover { color:#b6ddff; }


/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
.bg-btn { position:relative; display:inline-block; overflow:hidden; text-decoration:none !important; cursor:pointer; }
.bg-btn:hover { text-decoration:none !important; }
.bg-btn span { position:absolute; top:0; left:0; display:block; }

.link-twitter, .link-twitter span { width:30px; height:30px; background:url(../images/bg-sprite-y.png) no-repeat 0 -1789px; }
.link-facebook, .link-facebook span { width:30px; height:30px; background:url(../images/bg-sprite-y.png) no-repeat 0 -1839px; }
.link-my10, .link-my10 span { width:30px; height:30px; background:url(../images/bg-sprite-y.png) no-repeat 0 -2390px; }

/* Smaller Button */
.btn1, .btn1 a, td .btn1 { margin:0; padding:0 3px 0 0; display:block; color:#fff !important; font-size:14px; line-height:16px; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -72px; }
.btn1 span, .btn1 a span, td .btn1 span { padding:2px 5px 4px 10px; display:block; background:url(../images/bg-btn.png) no-repeat 0 -72px; }
.btn1:hover, .btn1 a:hover { color:#fff; text-decoration:none; background-position:100% -104px; }
.btn1:hover span, .btn1 a:hover span { background-position:0 -104px; }

/* Bigger buttons */
.btn2 { margin:0; padding:0 3px 0 0; display:block; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -136px; }
.btn2 span, .btn2 a span, td .btn2 span { padding:4px 0 7px 12px; display:block; color:#fff !important; font-size:17px; line-height:15px; background:url(../images/bg-btn.png) no-repeat 0 -136px; }
.btn2 input { padding:0 0 4px 3px; min-height:26px; display:block; color:#fff !important; font-size:17px; line-height:15px; background:url(../images/bg-btn.png) no-repeat 0 -136px; border:0; cursor:pointer; }
.btn2:hover { color:#fff; text-decoration:none; background-position:100% -172px; }
.btn2:hover span { background-position:0 -172px; }
.btn2:hover input { background-position:0 -172px; }

/* White/Pink 'filter' buttons */
.btn3 { margin:0; padding:0 14px 0 0; display:block; color:#0184ff !important; font-size:12px; line-height:15px; font-weight:bold; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -208px; }
.btn3 span { padding:2px 4px 3px 8px; display:block; background:url(../images/bg-btn.png) no-repeat 0 -208px; }
.btn3:hover { color:#fff !important; text-decoration:none; background-position:100% -238px; }
.btn3:hover span { background-position:0 -238px; }
.btn3-on { color:#fff; background-position:100% -238px; }
.btn3-on span { color:#fff; background-position:0 -238px; }

/* Component Header 'Pink' Button */
.btn4 { margin:0; padding:0 3px 0 0 !important; display:block; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -406px; }
.btn4 input { margin:0; padding:1px 0 5px 3px; height:26px; display:block; color:#fff !important; font-size:17px; line-height:15px; background:url(../images/bg-btn.png) no-repeat 0 -406px; border:0; cursor:pointer; }
.btn4:hover { color:#fff; text-decoration:none; background-position:100% -442px; }
.btn4:hover input { background-position:0 -442px; }

/* Small/Skiny Button */
.btn5, .btn5 a, td .btn5 { margin:0; padding:0 3px 0 0; display:block; color:#fff !important; font-size:12px; line-height:14px; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -478px; }
span.btn5 { padding:0 5px 0 0 !important; }
.btn5 span, .btn5 a span, td .btn5 span, .btn5 input { padding:2px 4px 0 7px; height:18px; display:block; overflow:hidden;color:#fff; text-align:center; background:url(../images/bg-btn.png) no-repeat 0 -478px; }
.btn5 input { padding:0 4px 20px 10px; border:0; line-height:14px; }
.btn5:hover, .btn5 a:hover { color:#fff; text-decoration:none; background-position:100% -508px; }
.btn5:hover span, .btn5 a:hover span, .btn5:hover input { background-position:0 -508px; cursor:pointer; }

/* Small/Skiny Button */
.btn6, .btn6 a, td .btn6 { margin:0; padding:0 3px 0 0; display:block; color:#fff !important; font-size:12px; line-height:14px; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -478px; }
.btn6 span, .btn6 a span, td .btn5 span { padding:2px 7px 4px 13px; display:block; color:#fff; text-align:center; background:url(../images/bg-btn.png) no-repeat 0 -478px; }
.btn6:hover, .btn6 a:hover { color:#fff; text-decoration:none !important; background-position:100% -508px; }
.btn6:hover span, .btn6 a:hover span { background-position:0 -508px; cursor:pointer; }

.btn6-on, .btn6-on a, td .btn6-on { background-position:100% -538px; }
.btn6-on span, .btn6-on a span, td .btn5-on span { background-position:0 -538px; }
.btn6-on:hover, .btn6-on a:hover { background-position:100% -538px; }
.btn6-on:hover span, .btn6-on a:hover span { background-position:0 -538px; }

/* Biggest button - Deal Detail */
.btn7 { margin:0; padding:0 3px 0 0; display:block; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -754px; }
.btn7 span, .btn7 a span, td .btn7 span { padding:9px 0 10px; display:block; color:#fff !important; font-size:17px; line-height:15px; background:url(../images/bg-btn.png) no-repeat 0 -754px; }
.btn7 input { padding:0 0 2px 3px; min-height:26px; display:block; color:#fff !important; font-size:17px; line-height:15px; background:url(../images/bg-btn.png) no-repeat 0 -754px; border:0; cursor:pointer; }
.btn7:hover { color:#fff; text-decoration:none; background-position:100% -798px; }
.btn7:hover span { background-position:0 -798px; }
.btn7:hover input { background-position:0 -798px; }

/* 'Trip Planning'  Been/Going buttons */
.yes { width:16px; height:16px; display:inline-block; outline:none; background:url(../images/bg-sprite-y.png) no-repeat -64px -1380px; }
.yes strong { display:none; }
.yes-on { background-position:0 -1380px; }
.yes-off { background-position:-64px -1380px; }
.yes-off:hover { background-position:-16px -1380px; }

.going { width:16px; height:16px; display:inline-block; outline:none; background:url(../images/bg-sprite-y.png) no-repeat -64px -1400px; }
.going strong { display:none; }
.going-on { background-position:-32px -1380px; }
.going-off { background-position:-64px -1380px; }
.going-off:hover { background-position:-48px -1380px; }

.link-calendar { width:14px; height:14px; display:inline-block; outline:none; background:url(../images/bg-sprite-y.png) no-repeat 0 -1200px; }
.link-calendar strong { display:none; }

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */
label { margin:0 4px 0 0; color:#142835; font-size:14px !important; }
.radio { margin:0 0 0 0; width:14px; border:0 !important; cursor:pointer; }
.checkbox { margin:0; width:15px; border:0 !important; cursor:pointer; }
.input-full { width:478px; }
.input-large { margin:10px 0 15px; width:478px; font-size:20px !important; }

.file { margin:-3px 0 17px; padding:0; width:100%; height:27px; vertical-align:top; }
.file .btn { width:100%; }
/* Eric added font size */
.file .input { margin:3px 10px 0 0; width:395px; font-size:17px; }
.file .btn2 { display:inline-block; }
.file .btn2 input { margin:0; height:20px; padding-right:3px; float:left; }

.location-search { width:390px; height:40px; background:url(../images/bg-sprite-x.png) no-repeat -187px 0; }
.location-search input { margin:1px 10px 0 5px; padding:6px 0 0; width:333px; height:28px; float:left; display:inline; font-size:20px; background:none; border:0; }
.location-search .btn { margin:1px 0 0; width:40px; height:36px; opacity:0; }

.calendar { position:relative; margin:0 0 6px; border:1px solid #d2d2d2; }
.calendar input { border:0; padding:3px 2px 5px 2px; }
.calendar .showcalendar { width:67% !important; }
.calendar span { position:absolute; top:5px; right:4px; width:14px; height:14px; display:block; cursor:pointer; background:url(../images/bg-sprite-y.png) no-repeat 0 -1200px; }

.form-trip { position:relative; margin:10px 0 30px; padding:10px 0 20px; }
.form-trip table { width:490px; }
.form-trip td { font-size:14px; }
.form-trip td .radio { margin:3px 5px 0 0; float:left; display:inline; }
.form-trip td input { font-size:14px; }
.form-trip td select { float:left; display:inline; }
.form-trip p { margin:0 0 6px !important; }
.form-trip strong { color:#142835; font-size:16px; font-weight:normal; }
.form-trip h2 { margin:0 0 15px; color:#ed46d1; font-size:20px; }
.form-trip h3 { margin:0 0 6px; }
.form-trip .img-collector img { margin:2px; }

.radio-switch-box { margin:0 0 10px; min-height:28px; }
td .radio-switch-box { margin:0; }
.radio-switch { float:left; display:inline; }
.radio-switch .radio { margin:6px 5px 0 0 !important;  }
.radio-switch label { margin:3px 15px 0 0; }
.radio-switch select { margin:0 20px 0 0; display:none !important; }
.radio-switch .select-show { display:inline !important; }

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull li { margin:0 0 3px; list-style:none; }

.list-inline li { float:left; display:inline; list-style:none; }

.list-line li { margin:0 0 20px; padding:0 0 20px; list-style:none; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-line li.last { margin:0; background:none; }

.list-add { margin:6px 0 28px; }
.list-add li { margin:0 15px 0 0; float:left; display:inline; list-style:none; font-size:12px; }
.list-add .arrow { background-position:0 -196px; }

.list-radios li { height:22px; list-style:none; }
.list-radios li input, .list-radios li label { float:left; display:inline; }

.list-thumb { margin:0 0 20px; }
.list-thumb li { margin:0 10px 0 0; float:left; display:inline; font-size:11px; list-style:none; text-align:center; }
.list-thumb li.last { margin:0; }
.list-thumb li h2 { margin:8px 0 0; padding:0 0 8px; font-size:18px !important; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-thumb li a { display:block; }
.list-thumb li a.arrow { display:inline; }

.list-location-search { margin:0 0 30px; list-style:none; }
.list-location-search li { width:390px; float:left; display:inline; }
/* Eric changed width from 470 to 475 */
.list-location-search li.highlight { margin:6px 0 0 77px; width:475px; display:block; }

.list-box li { margin:2px 0 4px; padding:5px; list-style:none; border:1px solid #d2d2d2; }

/* 'Arrowed' list. Used in subnav and other lists */
.list-arrow { margin:0 0 20px; }
.list-arrow li { min-height:20px; padding:0 2px 0 5px; font-size:15px; list-style:none; background:url(../images/bg-dots-x.png) repeat-x 0 100%;  }
.list-arrow li.last { background:none; }
.list-arrow li a, .list-arrow li span { padding:5px 0 4px; height:20px; display:block; background:url(../images/bg-sprite-y.png) no-repeat 100% -1046px; }
.list-arrow li a:hover { color:#ed46d1; text-decoration:none; background-position:100% -1096px; }
.list-arrow li span { color:#ed46d1; background-position:100% -1096px; }

/* Blog Items */
.list-blog { margin:21px 0 0; color:#707070; }
.list-blog li.item { margin:0 0 27px; padding:0 0 20px; list-style:none; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-blog li.last { margin:0; padding:0; background:none; }
.list-blog .user { margin:0 22px 0 0; padding:0 0 35px; width:58px; float:left; display:inline; font-size:12px; }
.list-blog .user a { display:block; }
.list-blog .user img { display:block; }
.list-blog .like { background:url(../images/bg-like.png) no-repeat 0 100%; }
.list-blog .dislike { background:url(../images/bg-like.png) no-repeat -58px 100%; }
.list-blog .post { width:410px; float:left; display:inline; overflow:hidden; }
.list-blog .list-inline { position:relative; height:25px; }
.list-blog .list-inline li { margin:0 12px 0 0; font-size:12px; }
.list-blog .post .comment { position:absolute; top:0; right:0; margin:0; padding:0 0 0 18px; background:url(../images/bg-sprite-y.png) no-repeat 0 -1633px; }
.list-blog h4 { margin:0 0 5px; color:#0184ff; font-size:20px; line-height:20px; }
.list-blog .path { font-size:12px; }

/* Comments List */
.list-comments { margin:0 0 1px; padding:9px 8px; background:#f3f3f2; }
.list-comments li { margin:0 0 10px; padding:0 0 11px; font-size:12px; line-height:14px; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-comments .last { margin:0; background:none; }
.list-comments img { margin-right:10px; float:left; display:inline; }
.list-comments p { width:350px; float:left; display:inline; color:#707070; }
.list-comments p a { padding-right:3px; }
.list-comments span { margin:4px 0 0; display:block; color:#a1a1a1; }

/* Trip Plan list (inside tab) */
.list-plan { margin:30px 0 20px; padding:0 0 20px; border-bottom:1px solid #d2d2d2; }
.list-plan .item { margin:0 0 20px; padding:0 0 20px; list-style:none; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-plan .last { margin:0; padding:0; background:none; }
.list-plan .left { margin:0 10px 0 0; width:398px; float:left; display:inline; }
.list-plan .left h5 { margin:0 0 4px; color:#0184ff; font-size:20px; line-height:20px; }
.list-plan .left .list-nobull { margin:0 0 15px; }
.list-plan .right { width:82px; float:left; display:inline; }
.list-plan .path { font-size:12px; }
.list-plan .link-delete { display:inline-block; font-size:12px; clear:both; }
.list-plan .link-comments { margin-top:15px; display:block; font-size:12px; clear:both; }
.list-plan p, .list-plan .component-addcomment div { width:340px; }
.list-plan .component-addcomment { margin:0 0 15px; }
.list-plan .component-addcomment textarea { width:328px; }

/* Category, Price, etc. small list within the Trip Plan list */
.list-stats { margin:0 0 5px; padding:0 5px 3px; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-stats li { margin:10px 0; color:#707070; font-size:12px; line-height:10px; list-style:none; }
.list-stats strong { margin:0 0 5px; display:block; color:#ed46d1; font-size:11px; font-weight:normal; }

.list-big-stats { margin:3px 0 7px; }
.list-big-stats li { margin:0 0 5px; padding:4px 7px 12px 1px; width:108px; height:73px; display:block; color:#fff; text-align:center; list-style:none; overflow:hidden; background:url(../images/bg-sprite-y.png) no-repeat 0 -2270px; }
.list-big-stats li span { display:block; font-size:65px; line-height:60px; letter-spacing:-4px; }

.list-lookingfor { margin:4px 0; }
.list-lookingfor li { margin:0 0 1px; list-style:none; }

.list-share { width:auto !important; float:left; display:inline; }
.list-share th { padding-right:0; font-weight:normal; }
.list-share input { margin:9px 7px 0 0; }
.list-share input, .list-share label { float:left; display:inline; }

.list-decide { margin:22px 0 0 80px; float:right; display:inline; width:200px !important; }
.list-decide th { padding:0 2px 0 0; color:#ed46d1; font-size:14px; font-weight:normal; }
.list-decide td { padding:0 0 0 4px;  }
.list-decide input { font-size:17px; }
.list-decide .btn2, .list-decide .btn2 input { width:45px; }

.list-trips { margin:0 0 10px !important; padding:0; width:100%; color:#a1a1a1; font-size:11px; line-height:13px; }
.list-trips li { margin:0; padding:0; width:100%; list-style:none; background:url(../images/bg-dots-x.png) no-repeat 1px 100%; }
.list-trips div { padding:6px 3px; width:44px; float:left; display:inline; text-align:center; }
.list-trips .head div { padding:5px 3px; min-height:14px; font-size:12px; vertical-align:bottom; }
.list-trips .first { width:76px; text-align:left; }
.list-trips .last { background:none; }
.list-trips a { font-size:12px; }
.head2 .head div { min-height:27px; }

.list-friends li { padding:10px 0; list-style:none; font-size:12px; background:url(../images/bg-dots-x.png) no-repeat 0 100%; }
.list-friends li.last { background:none; }
.list-friends img { margin:0 9px 0 0; float:left; display:inline; }
.list-friends div { float:left; display:inline; }
.list-friends h4 { margin:0 !important; font-size:14px; }
.list-friends p { margin:0 0 4px !important; }
.list-friends strong { color:#0184ff; font-weight:normal; }

.list-choose-friends li { position:relative; margin:0 0 10px; padding:0 0 9px; list-style:none; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.list-choose-friends li.last { background:none; }
.list-choose-friends img { margin:0 10px 0 0; float:left; display:inline; }
.list-choose-friends div { margin:0 10px 0 0; float:left; display:inline; }
.list-choose-friends h2 { margin:0 0 5px; }
.list-choose-friends .checkbox { position:absolute; top:22px; right:40px; }

.list-rank { margin:0 0 15px; }
.list-rank li { padding:0 0 2px; width:100%; font-size:12px; list-style:none; }
.list-rank li.alt { background:#ededed; }
.list-rank .ordinal { margin:3px 0 0 3%; width:13%; float:left; display:inline; font-size:16px; letter-spacing:-2px; }
.list-rank div { margin:5px 0 0; width:84%; float:left; display:inline; }
.list-rank a { display:block; font-size:13px; }
.list-rank a.more { margin:0; display:inline; font-size:11px; }

.add-remove div { padding:3px 0 3px 3px; }
.add-remove .head { background:none; }
.add-remove .first { width:132px; }
.add-remove .first a { line-height:21px; }
.add-remove .sub { margin:0 0 4px; padding-left:7px; }
.add-remove .sub div { padding:4px 0 4px 3px; }
.add-remove .sub a { font-size:11px; }
.add-remove .sub .first { width:125px; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */
.tbl-generic th { padding:3px 9px 3px 0; font-size:14px; font-weight:normal; text-align:right; vertical-align:top; }
.tbl-generic th label { margin:3px 0 0; display:block; cursor:text; }
.tbl-generic td { padding:3px 0; vertical-align:top; }
.tbl-generic .btn2 input { padding:1px 0 3px 7px; }
.tbl-generic td .more { margin:3px 0 0; clear:left; display:block; }
.tbl-generic td select { margin-right:-1px; }
.tbl-generic td #f-month { width:70px; }

/* 'Hotel' Deal component */
.tbl-deal-hotel { margin:5px 0 7px -20px; width:510px; }
.tbl-deal-hotel col { width:130px; }
.tbl-deal-hotel th, .tbl-deal-hotel td { padding:0 0 0 20px; font-size:13px; vertical-align:top; color: #333333; }
.tbl-deal-hotel th { vertical-align:bottom; }
/* Eric changed font size from 20px to 14px */
.tbl-deal-hotel th h3 { color:#0184ff; font-size:14px; line-height:24px; }
.tbl-deal-hotel td h4 { margin:12px 0 0; padding:0; color:#0184ff; font-size:16px; line-height:20px; }
.tbl-deal-hotel td p { font-size:14px; }
.tbl-deal-hotel td .btn1 { margin:23px 0 3px; display:inline-block; color:#ed46d1; text-align:center; }
.tbl-deal-hotel td .btn1 span { padding-left:6px; }
.tbl-deal-hotel td .savings { margin:0; display:block; color:#ed46d1 !important; font-size:16px; text-align:center; }
.tbl-deal-hotel td.last { width:100px; text-align:center; vertical-align:middle; }

.tbl-deal-values { margin:8px 0 0; border-collapse:collapse; }
.tbl-deal-values th { padding:0 20px 0 0 !important; color:#ed46d1; text-align:center; }
.tbl-deal-values td { padding:0 20px 0 0 !important; color:#ed46d1; text-align:center; }
.tbl-deal-values .first { text-align:left; }

.tbl-stats { margin:4px 0 2px; width:100%; }
.tbl-stats th { font-size:14px;font-weight:normal; }
.tbl-stats td { color:#0184ff; font-size:14px; }

.tbl-enter-place td { text-align:center; }
.tbl-enter-place td input { width:220px; text-align:left; }
.tbl-enter-place td span { padding:0 4px 0 3px; }

.tbl-select-place { margin:5px 0 0; width:400px !important; }
.tbl-select-place td { font-size:12px; line-height:15px; vertical-align:top; }
.tbl-select-place td li { margin:0 0 2px; }

.tbl-img-select th { padding:0 0 4px; color:#142835; font-size:16px; font-weight:normal; }
.tbl-img-select td .component-carousel { margin:0; width:353px; }
.tbl-img-select td .carousel-items { padding:10px 11px 6px 2px; width:375px; }
.tbl-img-select td .carousel-items li { margin-right:2px; }
.tbl-img-select td .carousel-items-js { padding:10px 21px 0; width:311px; }
.tbl-img-select td .carousel-items-js li { margin-right:10px; }

/* TAB STYLES
------------------------------------------------------------------------------------- */
/* JQuery Tabs: Tab Names Here */
.tabs { position:relative; width:100%; }
.tabs-jsenabled { padding:28px 0 0; }
.main .tabs-jsenabled { padding:27px 0 0; }
.tab-links { position:absolute; top:0; left:0; }
.tab-links li { padding:0 2px 0 0; float:left; display:inline; font-size:15px; line-height:14px; list-style:none; cursor:pointer; }
.tab-links li a { padding:0 8px 0 0; display:block; color:#0184ff; background:url(../images/bg-btn.png) no-repeat 100% -330px; outline:none; cursor:pointer; }
.tab-links li a span { padding:6px 3px 8px 9px; display:block; background:url(../images/bg-btn.png) no-repeat 0 -330px; }
.tab-links .ui-state-hover a, .tab-links .ui-tabs-selected a { background-position:100% -368px; color:#ee52d4; text-decoration:none; }
.tab-links .ui-state-hover a span, .tab-links .ui-tabs-selected a span { background-position:0 -368px; }

.tabs .tabbox { margin:-1px 0 15px; padding:10px; color:#a1a1a1; background:#fff; border:1px solid #d2d2d2; }
.tabs .tabbox p { margin:0 0 7px; line-height:16px; }
.tabs .tabbox p small { font-size:12px; color:#333333; }

.main .tabs .tabbox { margin:0; padding:10px 0; width:100%; overflow:hidden; border-width:1px 0 0; }

.tabs .tab-title { margin:0 !important;  }
.tabs .tab-title span { width:14px; height:28px; display:inline-block; background:url(../images/bg-tab-arrow.png) no-repeat 100% 8px; }
.tabs .ui-tabs-hide { display:none; }


/* SHARED
------------------------------------------------------------------------------------- */
.container { background:url(../images/bg-container.png) repeat-y 50% 0; }
.container .container { background:url(../images/bg-header.png) repeat-x 50% 0; }
.container .container .container { margin:0 auto; padding:0 10px; width:970px; text-align:left; background:none; }
#container { margin:0 auto; width:970px; text-align:left; background:none; }

/* Page Header */
#header { position:relative; height:61px; z-index:50; }
#header form div { margin:17px 0 0; float:left; display:inline; }
#header form div input { margin:5px 0 0 6px; padding:1px 0 0 1px; width:140px; border:0; }
#header form div .btn { margin:0; width:20px; background:#ccc; opacity:0; }
#header form .checkbox { margin:24px 5px 0 0; float:left; display:inline; }
#header form label { margin:21px 0 0; float:left; display:inline; color:#fff; font-size:12px !important; }
#header .arrow { margin:21px 0 0 15px; float:left; display:inline; color:#fff; font-size:12px !important; background:url(../images/bg-sprite-y.png) no-repeat 0 -1265px; }
#header-search { width:187px; height:26px; overflow:hidden; background:url(../images/bg-sprite-x.png) no-repeat 0 0; }
#header-search input { width:154px !important; }
#header-search .btn { width:20px !important; }
.header-input { margin-right:5px !important; width:156px; height:26px; float:left; display:inline; overflow:hidden; background:url(../images/bg-sprite-x.png) no-repeat -181px -78px; }

/* Main Travelicious Logo */
#logo { margin:0 26px 0 0; width:188px; height:59px; float:left; display:inline; background:url(../images/logo.png) no-repeat 0 0; }
#logo img { display:none; }

/* Navigation */
#nav { margin:0 0 0 20px; float:left; display:inline; }
#nav li { margin:0 10px 0 0; float:left; display:inline; color:#fff; font-size:15px; }
#nav li span { margin:17px 0 0; padding:0 3px 0 0; text-decoration:none; display:block; background:url(../images/bg-btn.png) no-repeat 100% 0; }
#nav li input { padding:0 3px 5px 6px; height:26px; color:#fff !important; font-size:17px; line-height:15px; background:url(../images/bg-btn.png) no-repeat 0 0; border:0; cursor:pointer; }
#nav li a { margin:17px 0 0; padding:0 3px 0 0; display:block; color:#fff; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% 0; }
#nav li a span { margin:0; padding:3px 9px 5px 11px; display:block; background:url(../images/bg-btn.png) no-repeat 0 0; }

#nav li span:hover { color:#fff; text-decoration:none; background-position:100% -36px; }
#nav li span:hover input { background-position:0 -36px; }
#nav li a:hover { text-decoration:none; background-position:100% -36px; }
#nav li a:hover span { background-position:0 -36px; }

#nav li#nav-deals { padding-right:63px; background:url(../images/bg-sprite-y.png) no-repeat 100% 0; }

/* Header 'Tools' Menu */
#tools { position:absolute; top:17px; right:107px; }
#tools li { height:26px; overflow:hidden; list-style:none; background-image:url(../images/bg-sprite-x.png); background-repeat:no-repeat; }
#tools li a { width:100%; height:26px; color:#fff; font-size:11px; display:block; text-decoration:none; background-image:url(../images/bg-sprite-x.png); background-repeat:no-repeat; }
#tools li a:hover { color:#0268c7; text-decoration:none; }
#tools li span { display:none; }
#tools #tools-home { position:absolute; top:0; left:0; width:35px; background-position:0 -52px; }
#tools #tools-home a { background-position:0 -52px; }
#tools #tools-home a:hover { background-position:-35px -52px; }
#tools #tools-alerts { position:absolute; top:0; left:35px; width:43px; background-position:-70px -52px; }
#tools #tools-alerts a { padding:3px 0 0; height:23px; text-align:center; background-position:-113px -52px; }
#tools #tools-alerts a:hover { background-position:-156px -52px; }
#tools #tools-settings { position:absolute; top:0; left:78px; width:33px; background-position:-199px -52px; }
#tools #tools-settings a { background-position:-199px -52px; }
#tools #tools-settings a:hover { background-position:-232px -52px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#home-main { margin:0 7px 0 0; width:640px; float:left; display:inline; }
#home-main .list-location-search { margin:0 0 5px; }
#home-main .arrow { margin:0 0 0 4px; font-size:12px; }

.intro { margin:0 0 20px; padding:30px 0 0; background:url(../images/bg-intro-shade.png) no-repeat 0 0;  } /* background:url(../images/bg-intro.png) no-repeat 100% 100%; */
.intro .intro { margin:0; padding:0 20px 0; min-height:245px; background:url(../images/bg-intro-shade.png) no-repeat -640px 100%; } /* background:url(../images/bg-intro-img.png) no-repeat 100% 90%; */
.intro h2 { margin:0 0 10px; font-size:24px; line-height:30px; }
.intro h2 strong { color:#ed46d1; font-size:30px; line-height:35px; font-weight:normal; }
.intro h3 { margin:0 0 30px; width:510px; color:#707070; font-size:20px; line-height:25px; }

#home-signup { margin:18px 0 0; padding:12px 20px; width:283px; float:left; display:inline; background:#fff url(../images/bg-sprite-x.png) no-repeat -725px 0; }
#home-signup form { margin:0 0 20px; padding:0 0 20px; background:#fff url(../images/bg-dots-x.png) repeat-x 0 100%; }
#home-signup h4 { color:#ed46d1; font-size:30px; line-height:35px; }
#home-signup h4.alt { margin:0 0 5px; font-size:20px; line-height:25px; }
#home-signup h5 { margin:0 0 16px; padding:0 0 20px; color:#142835; font-size:20px; line-height:25px; background:#fff url(../images/bg-dots-x.png) repeat-x 0 100%; }
#home-signup th { width:72px; }
#home-signup td .btn2 { margin:10px 0 0; width:80px; }
#home-signup .link-facebook-lrg { display:block; font-size:16px; line-height:20px; }
#home-signup .link-facebook-lrg span { padding-right:12px; background:url(../images/bg-sprite-y.png) no-repeat 100% -2185px; }

#h-deals { margin:0 40px 0 0; width:357px; float:left; display:inline; }
#h-deals .component-deals-header .arrow { top:5px; }

#h-top-members { margin:0; width:230px; float:left; display:inline; }
#h-top-members li { margin:0 0 10px; padding-top:0; }
#h-top-members li.last { margin:0; padding:0; }

/* SUBPAGE
------------------------------------------------------------------------------------- */
#content {}

/* Eric changed font size to 13 */
#breadcrumb { margin:0 0 20px; height:30px; color:#ed46d1; font-size:13px; line-height:28px; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
#breadcrumb li { margin:0 4px 0 0; float:left; display:inline; list-style:none; }
#breadcrumb a { padding:0 9px 0 0; color:#333333; background:url(../images/bg-sprite-y.png) no-repeat 100% -95px; }
#breadcrumb a:hover {color: #ED46D1}

/* Layouts */
#left-sidebar { margin:0 30px 0 0; width:180px; float:left; display:inline; }

.main { position:relative; min-height:512px; float:left; display:inline; }
#main { padding: 5px 20px; width:490px; } /* 'Main' content area with both left and right sidebars */
#main-w-left { width:760px; } /* 'Main' content area with left sidebar only (no right sidebar) */
#main-w-right { width:740px; } /* 'Main' content area with right sidebar only (no left sidebar) */
#main-full { width:970px; } /* Full-width 'Main' content area with no sidebars (one content column) */

#right-sidebar { margin:0 0 0 19px; padding:0 0 0 11px; width:200px; float:left; display:inline; }
#right-sidebar .tabs { margin:7px 0; }


/* Layout - Element Styles */
#left-sidebar h3 { margin:0 0 6px; }
#left-sidebar h4 { margin:8px 0 5px; color:#ed46d1; }
#left-sidebar small { margin:9px 0 8px; display:block; }
#left-sidebar input { margin:0 0 9px; width:168px; }
#left-sidebar label { margin:0 10px 0 0; }
#left-sidebar .last label { margin:0; }
#left-sidebar .radio, #left-sidebar .checkbox { margin:0 0 9px; width:14px; }
#left-sidebar .list-radios input { margin:2px 4px 0 0; }
#left-sidebar .btn2, #left-sidebar .btn2 input { width:135px; }
#left-sidebar .line1 { margin:0 0 8px; }
#left-sidebar .link-my10 { padding-left:35px; width:auto; }
#left-sidebar h3.link-my10 { line-height:30px; }

#left-sidebar .list-inline li { margin:3px 4px 3px 0; width:86px; }
#left-sidebar .list-inline input { margin:0; }

#left-sidebar .search { margin:0; width:180px; height:26px; overflow:hidden; background:url(../images/bg-sprite-x.png) no-repeat 0 -78px; }
#left-sidebar .search input { margin:1px 0 0; width:148px; background:none; border:none; float:left; display:inline; }
#left-sidebar .search .btn { margin:0; width:20px; float:left; display:inline; background:#ccc; opacity:0; }

#left-sidebar .radio-check td .radio { margin:3px 5px 0 0; float:left; display:inline; }
#left-sidebar .radio-check td select { float:left; display:inline; }

#left-sidebar #slider-deals { margin:15px 0; }

.main p { margin:15px 0 20px; }
.main td p { margin:0; }
.main .input-comment { width:340px; padding:6px 5px 8px; }
.main .emphasis { font-size:1.3em !important; }
#main.shade { width:490px; }

#right-sidebar .list-inline li { margin:3px 4px 3px 0; width:175px; }
#right-sidebar .list-inline .last { margin-right:0px; }
#right-sidebar .list-inline .two-thirds { width:127px; }
#right-sidebar .list-inline .two-thirds input { width:115px; }
#right-sidebar .list-inline .half { width:80px; padding-right:7px; }
#right-sidebar .list-inline .one-thirds { width:47px; }
#right-sidebar .list-inline .one-thirds select { width:47px; }
#right-sidebar .input { width:167px; font-size:13px; }
#right-sidebar select { width:80px; }
#right-sidebar form .list-box { margin:0 0 16px; }
#right-sidebar form .list-box .checkbox{ margin:12px 9px 0 0; float:left; display:inline; }

#right-sidebar .btn2 { margin:0 0 15px; width:74px; }
#right-sidebar .btn2 input { width:74px; }

/* Sub-navigation - Custom link icons and subnav-specific styling of the .list-arrow component */
#subnav { margin:9px 0 25px; }
#subnav li { padding:0; }
#subnav li a, #subnav li span { padding-left:30px; background-image:url(../images/bg-sprite-y.png); background-repeat:no-repeat; }
#subnav li span { background-image:url(../images/bg-sprite-y.png); background-repeat:no-repeat; }
#subnav li em { width:150px; display:block; font-style:normal; background:url(../images/bg-sprite-y.png) no-repeat 100% -1050px; }
#subnav li a em { cursor:pointer; }
#subnav li a:hover em { background-position:100% -1100px; }

#subnav .link-hotels a { background-position:0 -500px; }
#subnav .link-hotels a:hover, #subnav .link-hotels-on span { background-position:0 -550px; }
#subnav .link-hotels-on em { background-position:0 -1100px; }
#subnav .link-hotels-on a { background-position:0 -1100px; color:#ed46d1; padding: 0; }
#subnav .link-flight a { background-position:0 -600px; }
#subnav .link-flight a:hover, #subnav .link-flight-on span { background-position:0 -650px; }
#subnav .link-flight-on em { background-position:0 -1100px; }
#subnav .link-flight-on a { background-position:0 -1100px; color:#ed46d1; padding: 0; }
#subnav .link-vacation a { background-position:0 -700px; }
#subnav .link-vacation a:hover, #subnav .link-vacation-on span { background-position:0 -750px; }
#subnav .link-vacation-on em { background-position:0 -1100px; }
#subnav .link-vacation-on a { background-position:0 -1100px; color:#ed46d1; padding: 0; }
#subnav .link-cruise a { background-position:0 -800px; }
#subnav .link-cruise a:hover, #subnav .link-cruise-on span { background-position:0 -850px; }
#subnav .link-cruise-on em { background-position:0 -1100px; }
#subnav .link-cruise-on a { background-position:0 -1100px; color:#ed46d1; padding: 0; }
#subnav .link-car a { background-position:0 -900px; }
#subnav .link-car a:hover, #subnav .link-car-on span { background-position:0 -950px; }
#subnav .link-car-on em { background-position:0 -1100px; }
#subnav .link-car-on a { background-position:0 -1100px; color:#ed46d1; padding: 0; }
#subnav .link-top20 a { background-position:0 -1000px; }


/* Hotel Detail */
.detail-hotel-title li { float:left; display:inline; font-size:20px; list-style:none; }
.detail-hotel-title em { color:#ed46d1; font-style:normal; }

/* Profile Blog / Plan Headers */
.private h1, .tabs h2.h1 {font-size:24px;}

/* Profile 'Status' - Current I am in... */
.currently { margin:0 0 5px; padding:3px 0 0; font-size:12px; }
.currently h2 { margin:0 0 5px; }
.currently .arrow { font-size:12px; }

.filter { padding:0; color:#707070; float:right; }
.filter span {padding:0 10px 0 0;}
.filter strong { padding:0 10px 0 0; color:#ed46d1; font-size:12px; font-weight:normal; }
.filter a, #breadcrumb .filter a { padding:0 10px 0 0; font-size:12px; color:#0184FF; background: none;}

.profile-thumb { margin:0 0 5px; }
.profile-thumb img { border:2px solid #fff; }

.userinfo { margin:0 0 8px; padding:0 0 15px; border-bottom:1px solid #d2d2d2; }
.userinfo h3 { margin:0 0 2px; }
.userinfo .btn2 { margin:6px 0; }
.userinfo .arrow { font-size:12px; }

/* Hide Share / Decide Options */
.share-decide {display:none;}

/* OVERLAY PAGES STYLES
------------------------------------------------------------------------------------- */
#overlay .btn2 { padding:0 3px 0 0 !important; display:inline-block; clear:both; }
#overlay .btn2 input { margin:0 0 0 -2px; padding:0 6px 2px 8px; min-height:26px; }

#overlay .list-decide { margin:22px 0 0 118px; }

/* 'Basic' overlay styles */
.overlay-basic { padding:20px; }
.overlay-basic .input { margin:10px 0 20px; width:530px; font-size:20px; }

/* 'Page' overlay styles */
#overlay-header { background:#646363 url(../images/bg-overlay-header.png) repeat-x 0 0; }
#overlay-header .inner { position:relative; padding:5px 0 0; width:600px; height:33px; overflow:hidden; }
#overlay-header h1 { padding:2px 0 0 19px; width:305px; float:left; display:inline; color:#fff; font-size:20px; line-height:20px; }
#overlay-header form { margin:1px 0 0; float:left; display:inline; }
#overlay-header form #header-search { float:left; display:inline; background:url(../images/bg-sprite-x.png) no-repeat -340px -78px; }
#overlay-header form div input { margin:5px 0 0 6px; padding:1px 0 0 1px; width:153px; border:0; }
#overlay-header form div .btn { margin:0; width:20px; background:#ccc; opacity:0; }

#overlay-header #nav { position:absolute; bottom:0; left:20px; margin:0; }
#overlay-header #nav li { margin:0 2px 0 0; }
#overlay-header #nav li a { margin:0; background:url(../images/bg-btn.png) no-repeat 100% -568px; }
#overlay-header #nav li a span { margin:0;background:url(../images/bg-btn.png) no-repeat 0 -568px; }
#overlay-header #nav li a:hover { background-position:100% -606px; }
#overlay-header #nav li a:hover span { background-position:0 -606px; }
#overlay-header #nav li div { padding:0 3px 0 0; display:block; color:#fff; text-decoration:none; background:url(../images/bg-btn.png) no-repeat 100% -644px; }
#overlay-header #nav li div span { margin:0; padding:3px 9px 5px 11px; display:block; color:#ed46d1; background:url(../images/bg-btn.png) no-repeat 0 -644px; }


.overlay-content { padding:10px 0 10px 30px; width:540px; height:392px; overflow:hidden; }
#o-friends .overlay-content { position:relative; padding-left:20px; width:580px; height:347px; overflow:auto; }

.overlay-content h1.line { margin:10px 0 0; }
.overlay-content h3.line { margin:10px 0 0; }
.overlay-content form { margin:0; padding:0; }
.overlay-content table { margin:10px 0 0; width:100%; }
.overlay-content .tbl-generic th { padding:4px 9px 4px 0; }
.overlay-content .tbl-generic td { padding:4px 0; }
.overlay-content .tbl-generic .input { width:228px; }
.overlay-content .tbl-generic .select { width:228px; }
.overlay-content .tbl-alt th { text-align:left; }
.overlay-content .tbl-alt .radio, .overlay-content .tbl-alt .checkbox { margin:3px 4px 0 0; }
.overlay-content .tbl-alt h2 { margin:0 0 5px; color:#ef5fd7; font-size:16px; }
.overlay-content .list-radios { margin:0 0 20px; }
.overlay-content .topline { width:540px; text-align:right; }
.overlay-content .photo { margin:10px 0 20px; }
.overlay-content .file { margin:0; padding:0 0 20px; vertical-align:top; }
.overlay-content .file .input { width:400px; display:inline-block; }
.overlay-content .file .btn2 { margin:0 0 0 10px; float:none; }

#o-friends p { width:550px; text-align:right; font-size:16px; }

#o-friends .list-choose-friends { width:550px; }
#o-friends .list-choose-friends div { width:370px; }
#o-friends .list-choose-friends h3 { margin:0; }

.overlay-footer { background:#e8e8e8; }
.overlay-footer .inner { padding:9px 0 0; width:600px; height:36px; overflow:hidden; }
.overlay-footer table { width:100%; }

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { position:relative; margin:60px 0 0; padding:5px 0 15px; color:#a9a9a9; font-size:12px; border:1px solid #d2d2d2; border-width:1px 0 0; }
#footer li { margin:0 14px 0 0; float:left; display:inline; }
#footer p { position:absolute; top:5px; right:0; color:#333333; }


/* LINK ICONS
------------------------------------------------------------------------------------- */
.link-prev { background:url(../images/bg-sprite-y.png) no-repeat 0 -340px !important; }
.link-next { background:url(../images/bg-sprite-y.png) no-repeat 100% -440px !important; }
.link-map { padding:0 0 3px 38px; background:url(../images/bg-sprite-y.png) no-repeat 0 -1580px !important; }
.link-comment { padding:0 0 0 18px; background:url(../images/bg-sprite-y.png) no-repeat 0 -1633px; }
.link-delete { padding:0 0 0 17px; background:url(../images/bg-sprite-y.png) no-repeat 0 -1734px; }
.link-comments { margin:0 0 1px; padding:4px 5px 5px 28px; font-size:12px; display:block; background:#f3f3f2 url(../images/bg-sprite-y.png) no-repeat 5px -1676px; }
.link-facebook-lrg { padding:0 0 0 47px; background:url(../images/bg-sprite-y.png) no-repeat 0 -2096px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block !important; }
.label-show, .select-show { display:inline-block !important; }
.hide, .label-hide, .select-hide { display:none !important; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }
.btn { cursor:pointer; }
.arrow { padding-left:7px; background:url(../images/bg-sprite-y.png) no-repeat 0 -197px; }
.highlight { color:#ed46d1; font-size:20px; line-height:26px; }
.color1 { color:#ed46d1; font-size: 13px; }
.color2 { color:#aaaaaa; }
.line { padding:0 0 8px; border-bottom:1px solid #d2d2d2; }
.line1 { padding:10px 0; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
.googlemap { margin:30px 0 0; }
.topline { margin:10px 0 0; padding:10px 0 0; background:#fff url(../images/bg-dots-x.png) repeat-x 0 0; }
.auto { width:auto !important; }
.auto td { padding:0 20px 0 0 !important; }
.emphasis { color:#ed46d1 !important; }

/* CLEARFIX - Clear floated elements */
.clearfix:after, #content:after, .component-deals:after, #deals-full ul:after, .component-coupon:after, .component-togglebox div:after, .component-traveldeals li:after, .list-blog li.item:after,
.friends ul:after, .tab-links:after, .list-thumb:after, .list-inline:after, .list-add:after, .list-box li:after, .list-comments li:after, .list-trips li:after, 
.list-friends li:after, .list-choose-friends li:after, .list-rank li:after, #footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #content, .component-deals, #deals-full ul, .component-coupon, .component-togglebox div, .component-traveldeals li, .list-blog li.item, .friends ul, .tab-links, .list-thumb, 
.list-inline, .list-add, .list-box li, .list-comments li, .list-trips li, .list-friends li, .list-choose-friends li, .list-rank li, #footer { display:inline-block; }
.clearfix, #content, .component-deals, #deals-full ul, .component-coupon, .component-togglebox div, .component-traveldeals li, .list-blog li.item, .friends ul, .tab-links, .list-thumb, 
.list-inline, .list-add, .list-box li, .list-comments li, .list-trips li, .list-friends li, .list-choose-friends li, .list-rank li, #footer { /*\*/display:block;/**/ }

/* COLORBOX (JQUERY) OVERLAY CONTROL
------------------------------------------------------------------------------------- */
/* ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background:#a1a1a1; }

#colorbox{}

#cboxContent{ margin:18px; padding:0; z-index:100; }

#cboxTopLeft { position:absolute; top:0; left:0; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 0; }
#cboxTopCenter { position:absolute; top:0; left:18px; height:18px; background:url(../images/bg-colorbox-x.png) repeat-x 0 -60px; }
#cboxTopRight { position:absolute; top:0; right:36px; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -30px; }

#cboxMiddleLeft { position:absolute; top:18px; left:0; width:18px; background:url(../images/bg-colorbox-y.png) repeat-y 0 0; }
#cboxMiddleRight { position:absolute; top:18px; right:36px; width:18px; background:url(../images/bg-colorbox-y.png) repeat-y -20px 0; }

#cboxBottomLeft { position:absolute; bottom:36px; left:0; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -100px; }
#cboxBottomCenter { position:absolute; bottom:36px; left:18px; height:18px; background:url(../images/bg-colorbox-x.png) repeat-x 0 -160px; }
#cboxBottomRight { position:absolute; bottom:36px; right:36px; width:18px; height:18px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -130px; }

#cboxLoadingOverlay { background:#fff; }

#cboxLoadedContent { padding:0; background:#fff; }

#cboxTitle { position:absolute; top:-20px; left:0; color:#ccc; }
#cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
#cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }

#cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px; }
#cboxNext.hover { background-position:bottom right; }
#cboxLoadingOverlay { background:#fff; }
/*#cboxLoadingGraphic { background:url(images/loading.gif) center center no-repeat; }*/
#cboxClose { position:absolute; top:2px; right:3px; padding:6px 40px 0 0; height:32px; display:block; color:#aaa8a8; font-size:15px; background:url(../images/bg-close.png) no-repeat 100% 0; }
#cboxClose.hover {}


/* SAFARI MAC STYLES */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn2 input { padding:0 0 0 3px; min-height:26px; }
    .file .btn2 input { padding-left:10px; padding-right:5px; }
    .btn5 input { padding-bottom:2px; }
    #nav li input { margin:0; }
    .overlay-content .file .btn2 {margin-top:3px; }
    .component-header { background-color:#d156cd; }
}