/* GLS LOGIN CSS 

	Table of Contents:
	Reset
	Typography
	Positioning
	IE Fixes
	Seasonal Variations
			
*/

/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {
	margin: 0;
	padding: 0;
}

/* now I'm working with a clean slate! */


/* Typography
---------------------------------------------------------------------------------------- */

body {
	font-family: Helvetica, Arial, sans serif;
	font-size: 14px;
	color: black;
	line-height: 1.5em;
}

a {
	color: #267cdc;	
}

a:hover {
	color: #003366;	
}

p.copyright, p.freedial, ul.footer_links li a:hover, a.button.action:hover, ul.navigation li a:hover, ul.navigation li.action a:hover, a.button:hover, span.global_free_delivery {
	color: white;	
}

a.action.button, ul.navigation li.action a {
	color: #eddded;	
}

ul.footer_links li a{
	color: #999;	
}

.price {
	color: #660066 !important;	
}

a.button, ul.navigation li a {
	color: #CCC;	
}

ul.navigation li.current a, ul.navigation li.current a:hover {
	color: #333;	
}

ul.navigation li a, a.button, div.footer a {
	text-decoration: none;	
}

ul.navigation, a.button {
	font-weight: bold;	
}

ul.footer_links {
	font-size: 11px;	
}

div.footer, ul.navigation {
	font-size: 12px;	
}

a.button.small, span.global_free_delivery {
	font-size: 14px;	
}

a.button {
	font-size: 18px;	
}

div.footer, ul.navigation {
	line-height: 30px;	
}

a.button {
	line-height: 40px;	
}

a.button.small {
	line-height: 25px;	
}

ul.navigation {
	letter-spacing: 2px;	
}

/* Positioning
---------------------------------------------------------------------------------------- */    

html, body {
	height: 100%;
	background: #000;
}

div.main_container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
	background: #f8f8f8 url(/public/images/UI/drop_shadow_back.gif) center top repeat-y;	
}

div.footer, div.push {
	height: 30px; /* .push must be the same height as .footer */
}

div.center_box {
	width: 990px;
	margin: 0 auto;	
	position: relative;
}

div.header {
	position: relative;	
	background: black url(/public/images/UI/new_header_back.jpg) top left repeat-x;	
	height: 86px;
}

h1.logo {
	padding-top: 8px;
	margin-left: 5px;	
}

h1.logo, h1.logo a {
	display: block;
	width: 290px;
	height: 79px;
}

h1.logo a {
	text-indent: -500px;
	overflow: hidden;	
	background: transparent url(/public/images/UI/logo_default_transparent.gif) no-repeat;	
}

ul.navigation {
	position: absolute;
	bottom: 1px;	
	right: 0;
}

ul.navigation li.tab, ul.navigation li.tab a {
	float: left;	
}

ul.navigation li.tab {
	margin-left: 1px;
	position: relative;	
}

ul.navigation li.basket img {
	float: left;
	margin: 8px 8px 0 0;
}

ul.navigation li.basket a {
	padding-left: 10px;	
}

ul.navigation li.tab a {
	height: 30px;	
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	padding: 2px 12px 2px 12px;
	position: relative;
	background: #444 url(/public/images/UI/nav_dither_off.gif) top left repeat-x;
}

ul.navigation li.current a, ul.navigation li.action.current a {
	background: #FFF;	
}

ul.navigation li.action a {
	background: #010101 url(/public/images/UI/nav_action.gif) top left repeat-x;	
}

ul.navigation li.tab ul.navigation_submenu {
	position: absolute;
	top: 34px;
	margin-left: -1px;	
	z-index: 2000;
	border: 1px solid #CCC;
	border-top: none;
	border-bottom: none;
	width: 250px;
	background: white;
	padding: 0;
	display: none;
}

ul.navigation li.tab ul.navigation_submenu li a {
	background: white;
	margin: 0;
	color: #000;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-bottom: 1px solid #CCC;
	display: block;
	float: none;
	height: auto !important;
	line-height: 1.5em !important;
	padding: 10px 18px;
}

ul.navigation li.tab.dropdown_tab a {
	padding-right: 30px;	
}

img.nav_pointer {
	position: absolute;
	top: 14px;
	right: 13px;
}

li.dropdown_tab.current img.nav_pointer.on {
	display: block;	
}

li.dropdown_tab.current img.nav_pointer.off {
	display: none;	
}

ul.navigation li.tab ul.navigation_submenu li a:hover {
	background: #f8f8f8;	
}

a.button {
	float: left;
	height: 40px;	
	background: #e0e0e0 url(/public/images/UI/button_large_right.gif) top right no-repeat;
	padding-right: 60px;
	cursor: pointer;
	/*display: inline !important;*/
}

a.button.small {
	height: 25px;	
	background: #e0e0e0 url(/public/images/UI/button_small_right.gif) top right no-repeat;
	padding-right: 30px;	
}

a.button.action {
	background: #e0e0e0 url(/public/images/UI/button_large_action_right.gif) top right no-repeat;
}

a.button span {
	height: 40px;	
	float: left;
	background: url(/public/images/UI/button_large_left.gif) top left no-repeat;	
	padding-left: 60px;	
}

a.button.small span {
	height: 25px;	
	background: url(/public/images/UI/button_small_left.gif) top left no-repeat;	
	padding-left: 30px;	
}

a.button.action span {
	background: url(/public/images/UI/button_large_action_left.gif) top left no-repeat;	
}

div.content_container {
	background: white;
	padding-bottom: 0;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	padding-bottom: 1px;
	/*
	-moz-box-shadow: 0 0 8px #333;
	-webkit-box-shadow: 0 0 8px #333;
	*/
}

div.content_container_footer {
	background: transparent;
	border-top: 3px solid #d0d0d0;
	height: 50px;
	width: 984px;
	margin: 0 auto;	
	display: none;
}

div.clear {
	clear: both;	
}

div.footer {
	z-index: 1000;
	height: 30px;
	background: url(/public/images/UI/footer_back.jpg) top left repeat-x;	
}

p.copyright, ul.footer_links, p.freedial {
	float: left;	
}

p.copyright {
	width: 150px;
}

ul.footer_links {
	width: 725px;
	text-align: center;
}

p.freedial {
	width: 79px;	
	background: url(/public/images/UI/footer_freedial.gif) 0 9px no-repeat;	
	padding-left: 25px;
}

ul.footer_links li {
	display: inline;	
	margin-right: 13px;
}

p.member_info {
	position: absolute;
	top: 15px;
	right: 0;	
	color: #696969;
	font-size: 11px;
	line-height: 1.4em;
}

p.member_info a {
	color: #999;
	padding-left: 10px;	
}

p.member_info a:hover {
	color: white;	
}

span.vip_member {
	background: #000;	
	padding: 4px 5px;
	margin-right: 10px;
	border: 1px solid #222;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a.switch_button {
	height: 27px;
	display: block;
	background: url(/public/images/UI/toggle_on_off.gif) bottom right;
	width: 94px;	
}

a.switch_button.off {
	background: url(/public/images/UI/toggle_on_off.gif) bottom left;
}

a#member_invite_button {
	float: left;
	width: 156px;
	height: 22px;
	background: url(/public/images/UI/invite-friends-button.gif) no-repeat;
	margin-top: -3px;
}

span.global_free_delivery {
	float: left;
	margin: 1px 12px 0 0;
}

/* IE Fixes
---------------------------------------------------------------------------------------- */


/* Seasonal Variations
---------------------------------------------------------------------------------------- */

/* div.main_container {
	background: #e0d7e3 url(/public/images/UI/sakura_background.jpg) top center no-repeat;
}
*/

/* div.main_container {
	background: #ffe9ff url(/public/images/UI/GLS-Background-mother.jpg) top center no-repeat;
}
*/