/*
 * This is a cut down version of BASE.css which includes header styles for the landing pages
 */

HTML
{
background: #F7F7F7 url(/images/backgrounds/bg_simple.gif) center 0 repeat-y;/*Winter theme*/
}

body {
	background: transparent url(/images/backgrounds/bg-body-winter.png) repeat-y center top;
	color: #666;
	margin: 0;
	padding: 0;	
}

.header {
	text-align:left;
}

.header-top {
	height: 117px;
	position: relative;
	margin: 0;
}

#logo {
	float: left;
	height: 97px;
	width: 180px;
	margin: 13px 0 0 38px;
}

#top-links {
	float:right;
	width:70%;
}

.header a:link, .header  a:hover, .header  a:active, .header  a:visited, #advanced-filter-manufacturer .heading {
	color:#020202;
}

.header a {
	text-decoration:none;
}

#top-links {
	float:right;
	width:70%;
}

#quick-access {
	float:right;
	height:38px;
	margin:0 10px 8px 25px;
	padding:0;
}

#quick-access .left
{
	background: url(/media/bg_quick_access_left.png) no-repeat left bottom;
	float: left;
	height: 35px;
	width: 4px;
}
#quick-access .right
{
	background: url(/media/bg_quick_access_right.png) no-repeat right bottom;
	float: left;
	height: 35px;
	padding-right: 8px;
}

#quick-access ul, #tabs .bottom-content table p {
margin:5px;
}

#quick-access li:first-child {
border-left:medium none;
margin-left:0;
}

#quick-access LI
{
	color: #666;
	display: inline;
	margin-left: 0.5em;
	padding-left: 0.5em;
	font-size: 10px;
}
#quick-access .login A
{
	color: #069;
}
#quick-access UL
{
	margin: 8px 5px 0 0;
}

.header li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.phone-text {
color:#006699;
font-size:15px;
margin-top:5px;
text-align:center;
text-transform:uppercase;
width:310px;
}

.phone-text strong {
color:#FF0000;
}

.phone-number {
color:#FF0000;
font-size:21px;
font-weight:bold;
}

div.open-hours {
color:#333333;
font-size:11px;
text-align:center;
width:310px;
}

#topSearch
{
	float: left;
	font-size: 11px;
	margin: 2px 0 0 80px;
	_margin-left: 40px;
	text-align: center;
	padding: 5px 0 0 30px;
	width: 320px;
	background: url(/media/bg_topsearch.png) no-repeat top left;
	height: 31px;
	text-align: left;
}
#topSearch FIELDSET
{
	border: 0 none #000000;
	margin: 0;
	padding: 0;
}
#topSearch INPUT
{
	vertical-align: middle;
}
#topSearch INPUT.searchField
{
	border: 0 none #000000;
	background: transparent none;
	padding: 3px;
	width: 220px;
	float: left;
	margin: 3px 30px 0 0;
}

#shop-access A
{
	color: #066;
	font-size: 11px;
	font-weight: 400;
}
LI.login A.register
{
	margin-right: 10px;
}
#shop-access UL
{
	float: left;
	width: auto;
	margin: 10px 5px 0;
	line-height: 19px;
}
#shop-access LI
{
	float: left;
	padding: 0 5px;
}
#shop-access .link-img IMG
{
	vertical-align: top;
}
#shop-access .divide
{
	border-left: 1px solid #EEE;
	color: #066;
	font-size: 11px;
	padding: 0 5px;
}
.first
{
	/*[disabled]margin-left:5px;*/
}

#shop-access {
float:right;
height:38px;
margin-right:10px;
margin-top:0;
padding-top:0;
}

#shop-access .left
{
	background: url(/media/bg_shop_access_left.png) no-repeat 0 0;
	float: left;
	height: 38px;
	width: 4px;
}
#shop-access .main, #shop-access .main-div
{
	background: url(/media/bg_shop_access_right.png) no-repeat right 0;
	float: left;
	height: 38px;
	padding: 0;
}

#shop-access UL
{
	float: left;
	width: auto;
	margin: 10px 5px 0;
	line-height: 19px;
}

#shop-access .login, #checkout-address span.invalid {
color:#FF0000;
font-weight:700;
}


#shop-access .login, #checkout-address span.invalid {
color:#FF0000;
font-weight:700;
}

#shop-access A
{
	color: #066;
	font-size: 11px;
	font-weight: 400;
}

li.login a.register {
margin-right:10px;
}


#shop-access li {
display:inline;
float:left;
}

a.grid-link, #shop-access .basket-link, #products-container p, #manufacturer-container a {
font-size:11px;
}

#shop-access li {
display:inline;
float:left;
}


#shop-access .link-img {
margin-left:2px;
}

#shop-access .right {
background:transparent url(/images/sprites/sprite_vert.gif) no-repeat scroll 0 -1477px;
float:left;
height:42px;
width:14px;
}

.header-nav {
margin:0;
max-width:1024px;
min-width:1024px;
}

.inline-clear, .clear-both {
clear:both;
}

#top-menu {
background-image:url(/images/navigation/tile.gif);
background-position:left bottom;
background-repeat:repeat-x;
height:31px;
margin:0;
max-width:1024px;
min-width:1024px;
}

#top-menu a:link, #top-menu a:active, #top-menu a:hover, #top-menu a:visited {
color:#FFFFFF;
font-weight:700;
text-decoration:none;
}

#top-menu a {
background:transparent url(/images/navigation/navTabRight.gif) no-repeat scroll right bottom;
display:block;
float:left;
height:31px;
line-height:31px;
margin-left:5px;
padding-right:5px;
}



.artists ul.images, .col-main, .float-left, #hp-banner-container .banner1, .filter-float-left, #filter-container input, .left, .form-select, .heading-image-left, #product-large-image img, #product_alert {
float:left;
}

.float-right, .filter-float-right, .right, .heading-image-right, #product_share, #manufacturer-related-links {
float:right;
}

#top-menu ul {
margin:0 auto;
overflow:hidden;
width:1015px;
}

#top-menu li {
display:inline;
height:31px;
margin:0;
padding:0;
}

#section-links {
background:transparent url(/images/navigation/subNav/subtile.jpg) repeat-x scroll 0 50%;
height:26px;
margin:0 auto;
}

#section-links ul {
margin:0 auto;
width:885px;
}

#section-links li {
display:inline;
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#section-links a:link, #section-links a:active, #section-links a:hover, #section-links a:visited {
color:#666666;
font-weight:700;
text-decoration:none;
}

#section-links a {
background:transparent url(/images/navigation/subNav/navSubTabRight.gif) no-repeat scroll right bottom;
display:block;
float:left;
height:26px;
line-height:26px;
margin-left:15px;
padding-right:17px;
}

.footer-container
{
	clear: both;
	max-width: 1024px;
	min-width: 1024px;
}
.footer
{
	position: relative;
	margin: 0;
}

#footer-search
{
	background: url(/images/sprites/sprite_vert.gif) repeat-x;
	background-position: 0 -3344px;
	height: 33px;
	width: 100%;
	margin: 0;
}
#footer .footer-bottom
{
	background-image: url(/images/backgrounds/footerTile.jpg);
	background-repeat: repeat-x;
	height: 12px;
}
#footer-search FORM
{
	height: 100%;
	width: 350px;
	margin: 0 auto;
}
#footer-search LABEL
{
	float: left;
	font-weight: 700;
	margin: 10px 5px 0 0;
}
#footer-search .text
{
	border: 1px solid #7E9DB9;
	float: left;
	margin-right: 2px;
	margin-top: 5px;
	width: 125px;
	padding: 2px;
}
#footer-search .image
{
	margin-left: 2px;
	margin-top: 6px;
}
#footer .footer-box
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 125px;
}
#footer .footer-list
{
	padding: 12px 25px;
}
#footer .group
{
	float: left;
	width: 23%;
	margin: 0 1%;
}
#footer .footer-list H3
{
	color: #03718E;
	font-size: 13px;
	margin-bottom: 3px;
}
#footer .footer-list UL
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	margin: 0;
}
#footer .bottom-links UL
{
	margin: 5px 0 0 20px;
}
#footer .bottom-links LI
{
	border-left: 2px solid #CCC;
	display: inline;
	margin-left: 1em;
	padding-left: 1em;
}
#footer .bottom-links LI:first-child
{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
#footer .legal-container
{
	color: #999;
	font-size: 10px;
	line-height: 16px;
	margin: 12px 0 0 18px;
}
#footer .legal-container A
{
	color: #999;
	font-size: 10px;
	text-decoration: underline;
}

/* lightbox */
#jquery-overlay {
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
}

#jquery-lightbox
{
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}
#jquery-lightbox A IMG
{
	border: none;
}
#lightbox-container-image-box
{
	background-color: #FFF;
	height: 250px;
	position: relative;
	width: 250px;
	margin: 0 auto;
}
#lightbox-container-image
{
	padding: 10px;
}
#lightbox-loading
{
	height: 25%;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}
#lightbox-nav
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box>#lightbox-nav
{
	left: 0;
}
#lightbox-nav A
{
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	display: block;
	height: 100%;
	width: 49%;
	zoom: 1px;
}
#lightbox-nav-btnPrev
{
	float: left;
	left: 0;
}
#lightbox-nav-btnNext
{
	float: right;
	right: 0;
}
#lightbox-container-image-data-box
{
	background-color: #FFF;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
#lightbox-container-image-data
{
	color: #666;
	padding: 0 10px;
}
#lightbox-container-image-data #lightbox-image-details
{
	float: left;
	text-align: left;
	width: 70%;
}
#lightbox-image-details-currentNumber
{
	clear: left;
	display: block;
	padding-bottom: 1em;
}
#lightbox-secNav-btnClose
{
	float: right;
	padding-bottom: 0.7em;
	width: 66px;
}

/*
 * Locale Picker
 */

#localePicker {
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	}
#quick-access ul {position:relative;}
	#localePicker #currentLanguage {
	background:url(/media/localePicker/bg_picker.gif) 0 0 no-repeat;
	padding:5px 0 4px 5px;
	font-size:12px;
	}
	#currentLanguage img {
	vertical-align:bottom;	
	padding-right:10px;
	}
	#localePicker #currentLanguage:hover {
	background-position:0 -23px;
	}
#localePicker #flags {
	visibility:hidden;
	position:absolute;
	right:5px;
	top:16px;
	padding:5px;
	z-index:20;
	background:#fff;
	border:1px solid #ccc;
	}
#localePicker:hover #flags {
	visibility:visible;
	}
