/*-------------------------------------------

            Project:  Filmipood
            Usage:  Global Layout
            Author:  QualityXHTML, LLC
            Updated:  2008-10-30

---------------------------------------------*/


/*====================TOC====================

                1. Reset
                2. Containers
                3. Skip Links
                4. Header
                5. Calendar
                6. Film Navigation
                7. Content
                8. Format
                9. Site Search
               10. Site Navigation
               11. Footer

=============================================*/



/* 1. Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

* html {
	border-width: 2px 0 0;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

a, a:visited {
	text-decoration: none;
	color: #BBD9FF;
	}

a:hover {
	text-decoration: underline;
	}

img, fieldset {
	border: none;
	}

img {
	vertical-align: top;
	}

legend {
	display: none;
	}

div, p, td, span
{
    color: #dddddd;
}

/* 2. Containers
---------------------------------------------*/
html {
	display: inline;
	background: #143264 url(../images/html_bg.png) repeat-x top left;
	}

body {
	position: relative;
	margin: 0 auto;
	padding-top: 73px;
	width: 940px;
	background: url(../images/body_bg.jpg) no-repeat top left;
	font-family: Verdana, sans-serif;
	}

td 
{
    color: #DDDDDD;
    padding: 2px;
    font-size: 11px;
}


/* 3. Skip Links
---------------------------------------------*/
#skip-links {
	position: absolute;
	left: -500em;
	}


/* 4. Header
---------------------------------------------*/
#header {
	position: absolute;
	top: 9px;
	left: 49px;
	width: 150px;
	height: 52px;
	}

#header h1 a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -500em;
	}


/* 5. Calendar
---------------------------------------------*/
#calendar {
	position: absolute;
	top: 107px;
	left: 28px;
	color: #F9DC6D;
	font-size: 0.7em;
	}


/* 6. Film Navigation
---------------------------------------------*/
#film-nav {
	height: 22px;
	}

#film-nav h3 {
	position: absolute;
	left: -500em;;
	}

#film-nav ul {
	height: 100%;
	}

#film-nav ul li {
	float: left;
	display: inline;
	margin-right: -7px;
	height: 100%;
	background: url(../images/film-nav_li_bg.png) no-repeat top right;
	}

#film-nav ul li a {
	float: left;
	display: inline;
	margin-right: 7px;
	padding: 0 20px;
	height: 100%;
	background: url(../images/film-nav_a_bg.gif) no-repeat 0 -22px;
	color: white;
	font-size: 0.7em;
	line-height: 22px;
	}

html:not(:first-of-type) #film-nav ul li a {
	line-height: 23px;
	}

#film-nav ul li:first-child a {
	background-position: 0 0;
	}

#film-nav ul li:first-child + li + li + li + li + li a {
	margin: 0;
	}

#film-nav ul li a:hover {
	text-decoration: none;
	}


/* 7. Content
---------------------------------------------*/
#content {
	display: inline-block;
	position: relative;
	margin: 35px auto 0;
	background: url(../images/content_bg.gif) repeat-y top left;
	visibility: hidden;
	}

:root #content {   /* for modern browsers except IE */
	display: block;
	}

#content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

#content-left {
	float: left;
	width: 815px;
	overflow: hidden;
	}

#main {
	float: right;
	width: 623px;
	}

#sub {
	float: left;
	padding-bottom: 10px;
	width: 192px;
	text-shadow: #252525 0 1px 1px;
	}

#sub #cart, #sub #coupon {
	padding: 18px 10px 13px;
	background: url(../images/sep_bg.png) no-repeat -940px 100%;
	}

#sub #cart h3, #sub #coupon h3 {
	margin-bottom: 25px;
	color: white;
	font-size: 0.9em;
	}

#sub #cart ul li {
	margin-bottom: 9px;
	color: #9F9F9F;
	font-size: 0.7em;
	}

#sub #cart ul li span {
	float: right;
	width: 56px;
	color: white;
	}

* html #sub #cart ul li span {
	margin-top: -11px;
	}

* + html #sub #cart ul li span {
	margin-top: -11px;
	}

html:not([lang*=""]) #sub #cart ul li span {
	margin-top: 0px;
	}

#sub #cart input, .wf_button {
	display: block;
	margin: 17px auto 15px;
	width: 76px;
	height: 23px;
	border: 1px solid #AFAFAF;
	background: #E27C00 url(../images/botton_bg.gif) repeat-x bottom left;
	color: white;
	font-size: 0.7em;
	font-family: Verdana, sans-serif;
	line-height: 17px;
	}

#sub > /**/ #cart input, .wf_button {
	height: 21px;
	text-shadow: #E27C00 0 1px 1px;
	}

html:not([lang*=""]) #sub > /**/ #cart input, .wf_button {
	padding-bottom: 3px;
	}

 .wf_button 
 {
    font-size: 11px;
 }

.padd5 { padding: 5px; }

#sub #cart a {
	color: #BBD9FF;
	font-size: 0.65em;
	border-bottom: 1px solid;
	}

#sub #cart a:hover {
	text-decoration: none;
	}

#sub #masksev {
	padding: 10px 10px 12px;
	}

#sub #masksev h4 {
	margin-bottom: 8px;
	color: #9F9F9F;
	font-weight: normal;
	font-size: 0.7em;
	}

#sub #masksev ul li {
	display: block;
	margin-right: 5px;
  margin-bottom: 8px;
	}

#sub #masksev ul li a {
	color: #BBD9FF;
	font-size: 0.65em;
	}

#sub #masksev a:hover {
	text-decoration: none;
	}

#sub #featured {
	padding-top: 8px;
	border-top: 2px solid black;
	}

#sub #featured h4 {
	position: absolute;
	left: -500em;
	}

#sub #featured a {
	display: block;
	margin: 0 auto;
	padding-bottom: 0px;
	width: 180px;
	border: 1px solid #3D3D3D;
	background: #1C1C1C;
	color: #F9DC6D;
	font-size: 0.7em;
	text-align: center;
	margin-bottom: 10px;
	}

#sub #featured a:hover {
	text-decoration: none;
	}

#sub #featured a img {
	float: left;
	margin-bottom: 0px;
  width: 180px;
	}

#ad {
	float: right;
	padding: 5px 2px 5px 3px;
	width: 120px;
	}

#ad h5 {
	position: absolute;
	left: -500em;
	}


/* 8. Format
---------------------------------------------*/
#format {
	position: absolute;
	top: 57px;
	right: 10px;
	height: 27px;
	background: url(../images/format_bg.png) no-repeat 90px 8px;
	}

#format h4 {
	position: relative;
	top: 2px;
	display: inline;
	margin-right: 12px;
	color: #BBD9FF;
	font-weight: normal;
	font-size: 0.7em;
	}

#format > /**/ h4 {
	top: 0;
	margin-right: 6px;
	}

html[xmlns^="HTTP"] #format h4 {
	float: left;
	margin: 11px 16px 0 0;
	}

html:not(:first-of-type) #format h4 {   /* for WebKit */
	top: 5px;
	}

#format ul {
	display: inline;
	width: 89px;
	height: 25px;
	cursor: default;
	}

#format ul li {
	display: inline;
	margin-right: 6px;
	}

#format ul li a {
	position: relative;
	top: 6px;
	left: 1px;
	display: inline-block;
	width: 40px;
	height: 21px;
	overflow: hidden;
	text-indent: -500em;
	}

html[xmlns^="HTTP"] #format ul li a {
	float: left;
	margin: 0 16px 0 -4px;
	}


/* 9. Site Search
---------------------------------------------*/
#site-search {
	position: absolute;
	top: 102px;
	right: 36px;
	}

#site-search h4 {
	position: absolute;
	left: -500em;
	}

#site-search form {
	display: inline;
	}

#site-search form div {
	display: inline;
	}

#site-search form div label {
	position: absolute;
	left: -500em;
	}

#site-search form #ss-txt, .wf_string_check, .wf_string, .wf_select_check, .wf_disabled_check {
	margin-top: -2px;
	padding: 1px 1px 0;
	width: 224px;
	height: 20px;
	border: none;
	background: #CDCDCD url(../images/form_ele_bg.png) no-repeat 0 0;
	color: black;
	font: 0.9em Verdana, sans-serif;
	text-shadow: #CDCDCD 0 1px 1px;
	}

.wf_string_check, .wf_string, .wf_select_check, .wf_disabled_check
{
    font-size: 1.3em;
}

* html #site-search form #ss-txt {
	background-attachment: fixed;
	}

#site-search form #ss-submit, #basket-submit, .bbbb {
	width: 46px;
	height: 21px;
	border: 1px solid #AFAFAF;
	background: #E27C00 url(../images/botton_bg.gif) repeat-x bottom left;
	color: white;
	font-size: 0.7em;
	font-family: Verdana, sans-serif;
	line-height: 17px;
	vertical-align: -1px;
	}

#basket-submit {
  fost-size: 12px;
  width: 100px;
}

} .bbbb {
  width: 220px;
}

#site-search > /**/ form #ss-submit {
	vertical-align: bottom;
	}

:root #site-search form #ss-submit {
	vertical-align: middle;
	}

html:not([lang*=""]) #site-search form #ss-submit {
	padding-bottom: 3px;
	}

html:not(:first-of-type) #site-search form #ss-submit {
	vertical-align: 1px;
	text-shadow: #E27C00 0 1px 1px;
	}

#site-search a {
	color: #BBD9FF;
	font-size: 0.65em;
	border-bottom: 1px solid;
	vertical-align: 4px;
	}

#site-search > /**/ a {
	vertical-align: 1px;
	}

#site-search a:hover {
	text-decoration: none;
	}


/* 8. Site Navigation
---------------------------------------------*/
#site-nav {
	position: absolute;
	top: 0;
	right: 0;
	height: 22px;
	}

#site-nav h4 {
	position: absolute;
	left: -500em;
	}

#site-nav ul {
	float: left;
	height: 100%;
	cursor: default;
	}

#site-nav ul li {
	position: relative;
	float: left;
	display: inline;
	margin-left: -23px;
	height: 100%;
	background-image: url(../images/site-nav_li_bg.png) !important;
	background: url(../images/site-nav_li_bg_ie6.jpg) no-repeat top left;
	}

#site-nav ul #site-nav-1 { z-index: 5; }
#site-nav ul #site-nav-2 { z-index: 4; }
#site-nav ul #site-nav-3 { z-index: 3; }
#site-nav ul #site-nav-4 { z-index: 2; }
#site-nav ul #site-nav-5 { z-index: 1; }

#site-nav ul li span {
	position: relative;
	z-index: 5;
	float: left;
	margin-left: 23px;
	background: url(../images/site-nav_span_bg.gif) no-repeat 100% 0;
	}

#site-nav ul #site-nav-1 span {
	margin: 0;
	}

#site-nav ul #site-nav-5 span {
	background-position: 100% -22px;
	}

#site-nav ul li a {
	position: relative;
	z-index: 100;
	float: left;
	display: block;
	padding: 5px 24px 0;
	height: 17px;
	color: white;
	font-size: 0.7em;
	text-shadow: #666 0 1px 1px;
	}

#site-nav ul li a:hover {
	text-decoration: none;
	}


/* 9. Footer
---------------------------------------------*/
#footer {
	position: relative;
	padding-left: 28px;
	height: 29px;
	background: url(../images/sep_bg.png) no-repeat top left;
	color: #BBD9FF;
	font-size: 0.65em;
	line-height: 25px;
	text-shadow: #143264 0 1px 1px;
	}

@media all and (min-width: 0) {   /* for WebKit and Opera */
	#footer {
		line-height: 26px;
		}
	}

#footer span strong {
	font-weight: normal;
	}

#footer span + a {
	outline: none;
	}

#footer_logos {
	position: absolute;
	top: 0;
	right: 180px;
	}
  
#footer #adm {
	position: absolute;
	top: 6px;
	right: 31px;
	color: #356C9E;
	line-height: 1.2em;
	}
	
#wa_basket_cont_browse 
{
    display: none;
}
#wa_basket_cont_browse a 
{
    color: Black;
}