/* START OF GLOBAL STYLES */
body { margin:0; padding:0; font:12px verdana; background:url(../images/page_structure/global_background.gif) #FFFFFF top repeat-x; }

.no_background { margin:0; padding:0; font:12px verdana; background:none; margin-top:40px; }
.logistic_header { margin:0; background:url(../images/page_structure/header_background.gif) repeat-x; text-align:center;}

p {	margin-top:0; margin-bottom:0; padding-bottom:15px; font:12px verdana; }
h1 { margin-top:15px; margin-bottom:3px; }
ul { margin:5px 0 15px 17px; padding-left:0; }
form { padding:0; margin:0; } /* IE 6 Spacing fix */
a img { border:0; }
.no_img_border { border:0; }
.hiddenPic { display:none; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
.clear_float { clear:both; }

a:link, a:active, a:visited { text-decoration:none; color:#030000; } 
a:hover{ }

/* Start of page styles */

#page { position:relative; margin:0 auto; width:960px; border:none; border-top:0px; }
#body { margin:0; }
#header { margin:0; }
#footer { margin:0 auto; padding:10px 0; width:951px; font:13px verdana; color:#333333; text-align:center; line-height:20px; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { text-decoration:none; color:#FF6402; }
#footer a:hover { text-decoration:underline; }

/* TOP BLACK NAVIGATION */

.top_navigation { margin-left:388px; margin-top:15px; display:block; position:relative; }
.top_navigation ul { margin:0; padding:0; }
.top_navigation ul li { float:left; list-style:none; list-style-type:none; }

.black_divider { background-image:url(../images/black_navigation/black_divider_link.gif); width:11px; height:20px; }

/* cocktails | mocktails  - nav item */

a#nav_cocktails_mocktails { background-image:url(../images/black_navigation/cocktails_mocktails_link.gif); width:175px; height:20px; display:block; }
a#nav_cocktails_mocktails span, a#nav_cocktails_mocktails.active span { display:none; }
a#nav_cocktails_mocktails:hover { background-image:url(../images/black_navigation/cocktails_mocktails_hover.gif); }

a#nav_cocktails_mocktails.active { background-image:url(../images/black_navigation/cocktails_mocktails_hover.gif); width:175px; height:20px; display:block; }

/* smoothies | frappés  - nav item */

a#nav_smoothies_frappes { background-image:url(../images/black_navigation/smoothies_frappes_link.gif); width:173px; height:20px; display:block; }
a#nav_smoothies_frappes span, a#nav_smoothies_frappes.active span { display:none; }
a#nav_smoothies_frappes:hover { background-image:url(../images/black_navigation/smoothies_frappes_hover.gif); }

a#nav_smoothies_frappes.active { background-image:url(../images/black_navigation/smoothies_frappes_hover.gif); width:173px; height:20px; display:block; }

/* logistics  - nav item */

a#nav_logistics { background-image:url(../images/black_navigation/logistics_link.gif); width:70px; height:20px; display:block; }
a#nav_logistics span, a#nav_logistics.active span { display:none; }
a#nav_logistics:hover { background-image:url(../images/black_navigation/logistics_hover.gif); }

a#nav_logistics.active { background-image:url(../images/black_navigation/logistics_hover.gif); width:70px; height:20px; display:block; }

/* contact us - nav item */

a#nav_contact_us { background-image:url(../images/black_navigation/contact_us_link.gif); width:95px; height:20px; display:block; }
a#nav_contact_us span, a#nav_contact_us.active span { display:none; }
a#nav_contact_us:hover { background-image:url(../images/black_navigation/contact_us_hover.gif); }

a#nav_contact_us.active { background-image:url(../images/black_navigation/contact_us_hover.gif); width:95px; height:20px; display:block; }

/* TOP WHITE NAVIGATION */
.white_links .white_divider { background-image:url(../images/white_navigation/white_divider.gif); width:11px; height:20px; }

/* cocktails | mocktails  - nav item */

.white_links a#nav_cocktails_mocktails { background-image:url(../images/white_navigation/cocktails_mocktails_link.gif); width:175px; height:20px; display:block; }
.white_links a#nav_cocktails_mocktails span, .white_links a#nav_cocktails_mocktails.active span { display:none; }
.white_links a#nav_cocktails_mocktails:hover { background-image:url(../images/white_navigation/cocktails_mocktails_hover.gif); }

.white_links a#nav_cocktails_mocktails.active { background-image:url(../images/white_navigation/cocktails_mocktails_hover.gif); width:175px; height:20px; display:block; }

/* smoothies | frappés  - nav item */

.white_links a#nav_smoothies_frappes { background-image:url(../images/white_navigation/smoothies_frappes_link.gif); width:173px; height:20px; display:block; }
.white_links a#nav_smoothies_frappes span, .white_links a#nav_smoothies_frappes.active span { display:none; }
.white_links a#nav_smoothies_frappes:hover { background-image:url(../images/white_navigation/smoothies_frappes_hover.gif); }

.white_links a#nav_smoothies_frappes.active { background-image:url(../images/white_navigation/smoothies_frappes_hover.gif); width:173px; height:20px; display:block; }

/* logistics  - nav item */

.white_links a#nav_logistics { background-image:url(../images/white_navigation/logistics_link.gif); width:70px; height:20px; display:block; }
.white_links a#nav_logistics span, .white_links a#nav_logistics.active span { display:none; }
.white_links a#nav_logistics:hover { background-image:url(../images/white_navigation/logistics_hover.gif); }

.white_links a#nav_logistics.active { background-image:url(../images/white_navigation/logistics_hover.gif); width:70px; height:20px; display:block; }

/* contact us - nav item */

.white_links a#nav_contact_us { background-image:url(../images/white_navigation/contact_us_link.gif); width:95px; height:20px; display:block; }
.white_links a#nav_contact_us span, .white_links a#nav_contact_us.active span { display:none; }
.white_links a#nav_contact_us:hover { background-image:url(../images/white_navigation/contact_us_hover.gif); }

.white_links a#nav_contact_us.active { background-image:url(../images/white_navigation/contact_us_hover.gif); width:95px; height:20px; display:block; }


/* Home Styles */

.tropix_home_bg { background:url(../images/page_structure/home_background.jpg) #000000 top; height:1018px; }

.logo { position:relative; padding-top:10px; margin-left:385px; }
.home_into_text { position:absolute; left:25px; bottom:50px; }

/* Cocktails Mocktails */

.cocktails_mocktails_bg { background:url(../images/page_structure/cocktails_mocktails_bg.jpg) #000000 left top no-repeat; }

.cocktail_images { padding-top:40px; margin-left:380px; text-align:center; }
.cocktail_images img { margin:0 7px; }
.cocktails_box { margin-left:380px; margin-bottom:50px; text-align:center; }
.cocktails_box p { font:13px verdana; color:#FFFFFF; line-height:26px; }

/* Smoothies frappés */

.smoothies_frappes_bg { background:url(../images/page_structure/smoothies_frappes_bg.jpg) left top no-repeat #FFFFFF; }

.smoothies_frappes_box { margin-top:40px; margin-left:380px; margin-bottom:80px; text-align:center; }
.smoothies_frappes_box p { font:13px verdana; color:#666666; line-height:26px; }

/* Logistics */

.logistics_bg { background:url(../images/page_structure/logistics_bg.jpg) left bottom no-repeat #000000; height:900px; }

#page.logistics_bg table { margin-top:0px; }

.logistics_box { margin-left:345px; } 
.logistics_box h1 { display:block; margin-top:30px; margin-bottom:-10px; padding:20px 0 0 43px; font:bold 15px verdana; color:#FFFFFF; }
.logistics_box table tr td { font:11px verdana; color:#999999; padding-bottom:20px; }
.logistics_box .li { margin-right:15px; }
.logistics_box .seeking, .logistics_box .seeking a, .logistics_box .seeking a:link, .logistics_box .seeking a:link:active { font:15px verdana; color:#66CC00; text-decoration:none; }
.logistics_box .seeking a:hover { text-decoration:underline; }

/* Contact Us */

.contact_us_bg { background:url(../images/page_structure/contact_us_bg.jpg) left top no-repeat #000000; height:900px; }
.contact_us_box { margin-top:193px; margin-left:570px; font:11px verdana; color:#999999; }
.contact_us_box p { font:11px verdana; color:#999999; }
.contact_us_box h1 { font:bold 11px verdana; color:#FF0000; }

table.contact_table tr td { font:11px verdana; color:#999999; text-align:right; padding-bottom:5px; }
table.contact_table tr td input { margin-left:10px; width:275px; border:1px solid #A3A3A3; font:11px verdana; color:#000000; padding:2px; }
table.contact_table tr td textarea { width:275px; height:93px; border:1px solid #A3A3A3; font:11px verdana; color:#000000; padding:2px; }
table.contact_table tr td a, table.contact_table tr td a:link, table.contact_table tr td a:active, table.contact_table tr td a:visited { text-decoration:underline; font:11px verdana; color:#999999; }
table.contact_table tr td a:hover { text-decoration:none; }
table.contact_table tr td.vtoppad { padding-top:3px; }

.contact_flash { margin-top:100px; }


table.contact_table tr td input.error_text { color:#FF0000; }
table.contact_table tr td textarea.error_text { color:#FF0000; }

/* Infocus */

#page.infocus_bg h2 { margin:0; padding:0; padding-bottom:15px; font:15px verdana; color:#33FF33; }
#page.infocus_bg p { font:11px verdana; color:#999999; }

#page.infocus_bg { background-color:#000000; height:900px; }
#page.infocus_bg #body { padding:0 27px 0 27px; }
.infocus_details { width:310px; text-align:center; }
.infocus_details p { font:11px verdana; color:#999999; }

table.infocus_table { margin-top:20px; }
#page.infocus_bg a, #page.infocus_bg a:link, #page.infocus_bg a:active, #page.infocus_bg a:visited { text-decoration:none; font:11px verdana; color:#999999; }
#page.infocus_bg a:hover { text-decoration:underline; }
