﻿/* *********************** GENERAL SETTINGS     *********************** */
html, body { height: 100%; }

body { margin:auto; padding:0px; font-family:Calibri, MS Sans Serif, Arial; font-size:12px; line-height:1.4em; color:#2f2f2f; background-color:#ffffff; }


/* Clearfix */
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfix { display:inline-block; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clear { clear:both; }



img {
   /*behavior: url("pngbehavior.htc");*/
   border:none;
}

form {
	margin:0px;
}


table {								 	  	  
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	border-collapse:collapse;			 	 
	padding:0px 0px 0px 0px;
	}
									   
input, textarea, select{padding:1px 0px 0px 1px;vertical-align:top;	color:#202020;}
		
ul li {list-style:none;}

img {border:0px;}	

/* CSS global reset for all browsers  */
* { padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}

dd {margin-bottom:3px;}
dd.left{float:left; width:49%;}
dd.right{float:right}

/*  Global Formatting */
h1 {font-weight: bold; font-size: 150%; }
h2 {font-weight: bold; font-size: 140%; }
h3 {font-weight: bold; font-size: 120%; }
h4 {font-weight: bold; font-size: 110%; }
h5 {font-weight: bold; font-size: 100%; }
h6 {font-weight: bold; font-size: 90%; }
h1,h2,h3,h4,h5,h6 {padding: 5px 0px 5px 0px;}

a {text-decoration:none;color:#221E1F;}
a:hover {text-decoration:underline;}
a img {border-style: none;}
p {padding:0px 0px 5px 0px;}
br {line-height:12px;}

li {list-style:none; line-height:14px; margin:0px 0px 6px 0px;}
li a {padding:0px 0px 0px 16px;}

.clear-both {clear:both;width:100%;margin: 0px auto;padding: 0px;}

.image-left{float:left;	margin:10px 20px 5px 0px;}

.image-right {float:right;margin:10px 0 5px 20px}


#header-container {clear: both;width:100%;background:#ffffff;height:140px; margin: 0 auto;position:fixed; top:0;}
.header-top {background:#006600;width:990px;height:26px;padding:5px; margin:0px auto;}
.header {background:transparent;width:1000px;height:140px;padding:0px; margin:0px auto 10px auto;}
.logo {float:left; width:350px;height:100px; text-align:left;padding:0px;}
.logo a {text-decoration:none;}
.header-search{float:left; width:375px; text-align:left; padding:20px 0px 5px 20px;}
.header-basket{float:right; width:250px; text-align:right; padding:20px 0px 5px 0;}
.header-contact {float:right; width:55%; text-align:right; padding:5px 10px 5px 0;}
.header-tel {text-align:left;height:35px;font-size:120%;}
.header-tel a{}
.header-text {font-size:120%;background:#006600;font-weight:bold;padding-left:10px;padding-right:10px;}
.header-customer{float:left; width:40%; text-align:left; padding:5px 10px 5px 10px;height: 25px;}

.menuz{background:#57aa25;width:1000px;padding:0px; margin:0px auto;	
	  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.menuz-nav {float:left;margin:5px;font-size:120%;color:#ffffff;font-weight:bold;float:left;width:60%; height:30px;text-align:left; padding:5px; overflow:hidden; vertical-align:middle;}


/* --------------- MENU ------------------ */

.hideSkiplink
{
	float:left;
	background-color:#006600;
	width:100%;
	height:30px;
	margin: 2px 0 2px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.menu
{
	padding: 5px;
	height:20px;
}

.ALinks {font-family:Verdana;font-size:10pt;color:#ffffff;font-weight:normal;text-decoration:none;padding:10px;}
.ALinks a:hover {color:#ffff00;text-decoration:underline;}
.Alinks_selected{font-family:Verdana;font-size:10pt;color:#ffff00;font-weight:normal;text-decoration:none;padding:10px;}

.top_links_dvd {font-family:Verdana;font-size:11pt;color:#ffffff;font-weight:normal;padding-left:1px;padding-right:1px;}


.basket{float:right; width:35%; text-align:left; margin:0; padding:5px;}

#main-container {width:100%;margin: 175px auto;padding: 0px;}

#banner-container {clear: both;background:#ffffff;height:260px;width:100%;}
.banner {background:#00B050; color:#ffffff;font-size:36px;width:980px; height:240px;margin:20px auto;padding:10px;text-align:center;line-height:1.4em;}
.banner-main {clear: both;width:1000px; height:240px;margin:0px auto;padding:0px; }

#content-container {clear: both;background:#ffffff;width:100%; height:auto;}
.content {background:transparent;width:1000px; margin:0 auto;padding:0px;font-size:100%;}
.content ul li {padding:3px 0px 5px 20px;margin:0px 0px 0px 0px;overflow:hidden; height:100%;line-height:1.4em;background:url(../images/li_img.png) no-repeat 0 6px;font-size:100%;}							        
.col-left {float:left;width:200px; margin:auto;padding:10px;font-size:100%;}
.col-main { float:right;width:1000px; margin:0 auto;padding:0px;font-size:100%;}
.col-right { float:right;width:200px; margin:auto;padding:0px;font-size:100%; }
.heading-1 {font-family:"Trebuchet MS";	font-size:18px;	font-weight:normal;	color:#2459A4;	padding-bottom:5px;}
.shopping_basket_back {background:transparent; text-align:right;}
.shopping_basket_header{font-family:Tahoma;font-size:11px;font-weight:bold;color:#ffffff;}
.shopping_basket_text{font-family:Tahoma;font-size:11px;font-weight:bold;color:#ffffff;}

.category_menu{font-family:Tahoma;font-size:11px;font-weight:bold;color:#555555;padding: 0 0 8px 0;vertical-align: top;}
.menulink{cursor:hand;text-decoration:none;}
.main-content{padding:0px;}

.featured_main {border:thin solid #f7f7f7; width:100% ;height:220px; padding:10px 0px 10px 0px;}
.featured_others {width:100%; padding:10px 0px 10px 0px;border:0px solid #f7f7f7;}
.featured_other {float:left;border:thin solid #f7f7f7; height:150px; padding:10px 10px 10px 10px; margin-right:10px;}
.featured_other_last {float:right;border:thin solid #f7f7f7; width:300px; height:150px; padding:10px 10px 10px 10px;}
.product {border:thin solid #f7f7f7; width:99%; padding:10px 0px 10px 0px;}
.product_image{float:left; width:45%; height:220px;  padding:10px 10px 10px 10px; margin-right:10px; vertical-align:top;}
.product_description{float:right;width:45%; height:220px; padding:10px 10px 10px 0px;vertical-align:top;text-align:left;}
.product_prices{float:left; height:50px; vertical-align:middle;text-align:left;}
.product_footer{float:left;width:730px;height:25px; padding:10px 10px 10px 0px;margin-right:10px; margin-top:10px;vertical-align:middle; text-align:right;}
.product_basket{float:left;width:25%; height:25px; padding:10px 10px 10px 10px;margin-top:10px;vertical-align:middle;}
.product_sizes{float:left; vertical-align:middle;text-align:left;padding:10px 0px 10px 0px;}
.product_qty{float:right;width:25%; height:25px;vertical-align:middle;text-align:right;}
.dvd {margin-top:5px; text-align:left;}
.customer {width:770px;padding:10px 0px;}
.category_name{	background-color: #2459A5;color: #ffffff;font-size: 12pt;font-weight:bold;}

#footer-container {background:#ffffff;height:30px; width:100%;}
.footer {background:transparent;width:1000px; margin:0 auto;padding:5px 0 5px 0;font-size:90%;}
.footer-left {width:39%;float:left;}
.footer-right{width:59%;float:right;text-align:right;}
.footer-right a {text-decoration:none;color:#AED159;}
.footer-right a:hover {text-decoration:underline;}

	
.modalBackground        
{            
	position: absolute;            
	z-index: 100;            
	top: 0px;            
	left: 0px;            
	background-color: #000;            
	filter: alpha(opacity=60);            
	-moz-opacity: 0.6;            
	opacity: 0.6;       
}    

#atoz {	margin: 10px auto 10px auto;color:#006600; text-align:center;}

.textboxa2z 
{
	color:#006600 !important;
	font-family: Verdana;
	font-size: 10pt;
	font-weight:bold;
	border: 1px solid #dddddd !important;
	text-align:center;
	margin-bottom: 0px;
	text-transform:none;
	padding:4px 5px 4px 4px;
}
.textboxa2z_selected 
{
	background:#006600;
	color:#ffffff !important;
	font-family: Verdana;
	font-size: 10pt;
	font-weight:bold;
	border: 1px solid #dddddd !important;
	text-align:center;
	margin-bottom: 0px;
	text-transform:none;
	padding:4px 5px 4px 4px;
}
.prompt  {color: #006600; font-weight:normal;padding:3px;font-size:100%;}
.promptb { color: #006600; font-weight:bold;padding:3px;font-size:100%;}
.prompth {color: #006600; font-weight:bold;padding:3px;font-size:150%; }
.promptw {background:#006600;color: #ffffff; font-weight:normal;padding:3px;font-size:100%; border-bottom:1px solid #c7c7c7;}
.promptwb {background:#006600;color: #ffffff; font-weight:bold;padding:3px;font-size:120%; border-bottom:1px solid #c7c7c7;}
.promptwh {background:#006600;color: #ffffff; font-weight:bold;padding:3px;font-size:150%; }

.hlink  {color: #444444 !important;padding:3px;cursor:pointer;font-style:italic; text-decoration:underline;}
.hlinkb {color: #444444 !important;font-weight:bold; padding:3px; cursor:pointer;font-style:italic; text-decoration:underline;}
.hlinkw {color: #ffffff;  padding:3px;cursor:pointer;font-style:italic; text-decoration:underline;}
.hlinkp  {color: #006600 !important;padding:3px;cursor:pointer;font-style:italic; text-decoration:underline;
	background-color: #ffffff;
	font-size: 100%;
	font-weight:normal;
	border: 1px solid #dddddd;
	text-align:left;
	margin-bottom: 0px;
	padding:2px;
}
.input {background-color: transparent;font-weight:normal;border-width:0px;padding:3px;}

.rounded-box {background: #f7f7f7;border:1px solid #dddddd;padding:10px;margin-bottom:0px;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.headerrow {background: #006600;color: #ffffff; font-weight:bold;padding:3px;font-size:120%; border-right:1px solid #ffffff; }
.evenrow{background: #f7f7f7;border:0px solid #dddddd;padding:3px;margin-bottom:0px;}
.oddrow{background: #ffffff;border:0px solid #dddddd;padding:3px;margin-bottom:0px;}