@charset "utf-8";
/* 
Layout for default CSS table
==================================
@author: Daniil Krymov <daniil@capture.co.uk>
@date: 24 Jan 2008
@revised: 08 Feb 2008
@version: 1.5
================================== 
*/

* 
{
	margin: 0;
	padding: 0;
}

html, body 
{
	height: 100%;
}

#wrapper 
{
	width: 100%; 
	margin: 0px;
    min-width: 900px;    
}



/*
Main CSS table
==================================
@author: Daniil Krymov <daniil@capture.co.uk>
@date: 24 Jan 2008
@revised: 08 Feb 2008
@revised: 14 Mar 2008
@revised: 11 June 2008
@version: 2.0
==================================
*/

/* <!------------ Elements ------------> */

body
{
	font: 62.5%/1.6  Arial, Helvetica, Sans-Serif ;
	background-color: #F0F0F0;
	text-align: center;
	color: #000;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
	background: url('images/pix.gif') no-repeat; /* Prevents #fixed div from shaking in IE5.5+ */
    background-attachment: fixed; /* Prevents #fixed div from shaking in IE5.5+ */
}

h1 {font-size: 2.4em; font-weight: bold; color: #363833; margin-bottom: 5px;}
h2 {font-size: 1.6em; font-weight: bold; margin-top: 15px; margin-bottom: 10px; text-align: left;}
h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #000000;}
h4 {font-size: 1.6em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #8B8E85;}
h5 {font-size: 2em;	font-weight: bold; margin-bottom: 10px; color: #99FF33;}

p, li {font-size: 1.4em;}

p {line-height: 1.5em;}

/* <!------------ Links ------------> */

a {color: #000000; font-weight: normal; text-decoration: underline;}
a:hover {text-decoration: none}
a img {border: none;}

a.service {font-size: 1.6em; font-weight: bold; text-decoration: none;}
a.service:hover {text-decoration: underline;}

.big {font-size: 1.4em; font-weight: bold; margin-right: 10px; text-decoration: none;}

.basketNav {font-size: 1.2em; font-weight: bold; color: #000; background: url(images/ok.gif) no-repeat top right; padding-right: 25px;}

.basketNav2 {font-size: 1.2em; font-weight: bold; color: #000; background: url(images/ok.gif) no-repeat top right; margin: 0px; padding: 0px;}

.basketNav span {text-decoration: none; color: #000;}

.error {color: Red;}

/* <!------------ Elements ------------> */

option {margin-right: 0.5em;}

input
{
   background: #fff;
   vertical-align: middle;
   padding: 2px;
}

label
{
	float: left;
	display: block;
	width: 200px;
	padding-right: 20px;
    font-size: 1.2em;
	line-height: 1.9em;
    font-weight: bold;
    text-align: left;
}

em
{
	margin-left: 10px;
    font-size: 1.2em;
    color: Red;
	font-style: italic;
}

.txt
{
    border: 1px solid #000;
    margin-right: 5px;
    float: left;
    display: block;
}

.btn
{
	background: #fff;
	border: 1px solid #666;
	color: #000;
	padding: 0px;
    cursor: pointer;
}

#table span
{
	width: 150px;
    display: inline-block;
    margin-right: 5px;
	padding-bottom: 2px;
    font-size: 1.2em;
}

/* <!------------ IDs ------------> */

#wrapper
{
	background-color: #FFFFFF;
    min-height: 1px;
    width:100%
}
#home-page #wrapper
{
	width:960px;
	margin:0 auto;
}

#topContent
{
  font-size: 1.2em;
	height: 1%; /* KLUDE for IE7 */
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
  background-color: #363833;
}

div#topContent div.secondaryContent_Left
{
	width: 59%;
}

div#topContent div.secondaryContent_Right
{
	width: 31%;
}

div#topContent input
{
	border:none;
}


#mainNav
{
	height: 1%; /* KLUDE for IE7 */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	color: #fff;
	background-color: #363833;
	padding-left: 0px;
	padding-right: 0px;
	/* padding-bottom: 15px; */ /* Activate if need height */
	border-bottom: 0px solid #000;
	width:100%
}
#mainNavParent
{
  background-color:#8AEC33 ;
  text-align:left;
  padding-left:30px;
}
#mainNavInfo
{
	float:right;
	padding-top: 5px;
	font-size: 1.1em;
	color: #000000;
}

#bottomNav
{
	padding-left: 0px;
	padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
	background-color: #363833;
    bottom: 0px;
    width:100%;
    margin:0 auto;
	color: #fff;
	position:relative;
	border-top: 0px solid #000000;
}

#home-page #bottomNav
{
	width:960px;
}

#bottomNav em, #bottomNav em a
{
	color: #fff;
    font-style: normal;
}

#bottomNav em
{
	font-size: 1.1em;
    float: right;
    margin-right:10px;
}

#mainContent
{
  
	text-align: justify;
	margin-left: 30px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#home-page #mainContent
{
  margin-left: 0px;
}
#fixed
{
  	position: fixed;
	padding: 10px;
	left: 0px;
  	bottom: 0px;
	text-align: left;
    height: 130px;
   	z-index: 999;
}
html>body div#fixed{position: fixed;}

#fixedRight
{
  	position: fixed;
	padding: 10px;
	right: 0px;
  	bottom: 0px;
	text-align: left;
    height: 130px;
   	z-index: 999;
}
html>body div#fixedRight{position: fixed;}

#fixedRight .preview
{
	margin-top: 10px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 0px;
    background: #F0F0F0;
    height: 95px;
    overflow: scroll;
	overflow-x: hidden;
    z-index: 999;

    scrollbar-base-color: #F0F0F0;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #F0F0F0;
    scrollbar-shadow-color: #F0F0F0;
    scrollbar-lightshadow-color: #F0F0F0;
    scrollbar-darkshadow-color: #F0F0F0;
    scrollbar-highlight-color: #F0F0F0;
    scrollbar-3dlight-color: #F0F0F0;
}

#fixedRight .plus
{
	text-align: center;
    float:left;
    padding: 1px;
    background: #CCCCCC;
}
#fixedRight .plus a
{
    color: #fff;
    font-size: 2.5em;
    font-weight: bold;
    text-decoration: none;
}
.collapse
{
	width: 1%;
    background: transparent;
}
.expand
{
	width: 99%;
    background: #fff;
}

#lightbox_preview_panel a, #basket_preview_panel a
{
	color: #000;
}

/* <!------------ Common ------------> */

.h {padding-bottom: 10px;}
.hh {padding-bottom: 75px;}
.left {text-align: left;}
.centered {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.line
{
	clear: both;
	margin-bottom: 10px;
	height: 10px;
	border-bottom: 1px dashed #EAECEA;
}
.line2
{
	clear: both;
	margin-bottom: 20px;
	border-top: 1px dashed #EAECEA;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.columnA
{
    display: inline-block;
    width: 250px;
    margin-right: 2px;
    margin-bottom: 0px;
}

.columnB
{
    float: left;
    width: 150px;
	padding-bottom: 2px;
}

.slideshowBigBox
{
	
}

/* <!------------ Classes ------------> */

#topContent .brandingText {float: left; margin-right: 10px; font-size: 2.3em; font-weight: bold; margin-top: 0px;}
#topContent .silvertext {color: #5f5f5f; font-weight: normal; z-index: 1;} /* zoom for Opera 5 and 6 */
#topContent a.langBlock {color: #fff; float: right; margin-left: 5px; margin-top: 25px; text-transform: uppercase;}
#topContent a.langBlockSelected {color: #fff; float: right; margin-left: 5px; margin-top: 25px; border-bottom: 1px dotted; text-decoration: none; text-transform: uppercase;}
#topContent .searchForm {text-align: right; padding-top: 5px;vertical-align:middle;}
#topContent .bottomLine {border-bottom: 0px solid #8B8E85;}

.serviceNav
{
    font-size: 1.2em;
    font-weight: normal;
    color: #363833;
}
.serviceNav a
{
    color: #363833;
    padding-right: 5px;
}
.serviceNav span
{
   font-size: 1.2em;
   font-weight: bold;
   color: #000;
   padding-right: 5px;
}

.secondaryContent
{
	width: 100%;
	/*background-color:#8aec33;*/
}

.secondaryContent_Left
{
	width: 65.5%;
	float: left;
	padding-left:30px;
	min-height:100%
}

.secondaryContent_HeaderLeft{
  width: 65.5%;
	float: left;
}
.secondaryContent_Right
{
	width: 30%;
	float: right;
    text-align: left;
}

.secondaryContent_LeftRev
{
	width: 30%;
	float: left;
}

.secondaryContent_RightRev
{
	width: 65%;
	float: right;
}

.secondaryContent_Left50
{
	width: 45%;
	float: left;
}

.secondaryContent_Right50
{
	width: 48%;
	float: right;
}

.secondaryContent_Left20
{
	line-height: 2em;
	width: 25%;
	float: left;
}

.secondaryContent_Right80
{
	width: 70%;
	float: right;
}

.secondaryContent_Left_F
{
	width: 65%;
	float: left;
    background-color: transparent !important;
    margin-right: 25px;
}

.secondaryContent_Right_F
{
	float: right;
	width: 30%;
    background-color: transparent !important;
    font-size: 1.2em;
}

.secondaryContent_Left33
{
	width: 34%;
	float: left;
    margin-right: 5px;
}

.secondaryContent_Right33
{
	width: 30%;
	float: right;
    font-size: 1.2em;
	padding-top: 10px;
}

.blockLeft
{
	float: left;
	display: inline;
}

.box
{
	text-align: center;
	padding: 10px;
	float: left;
}

.floatingBox
{
	float: left;
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
    height: 200px;
}

.container
{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.container img, .container a img
{
	float: left;
}

.container .blockRight
{
	margin-left: 190px;
}

.arrow
{
	font-size: 1.0em;
	text-decoration: none;
}

.arrow:hover
{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.previewBox
{
    padding: 5px;
    float: left;
	display: block;
    height: 85px;
    width: 150px;
    background: #fff;
    margin-right: 3px;
    margin-bottom: 3px;
	border: 1px solid #cccccc;
}

* html .previewBox 
{
	padding-bottom:0;
}

.previewBox_img
{
    background: transparent !important;
}

.previewBox_img img
{
	border: 1px solid #ccc;
    padding: 2px;
}

.previewBoxPanel
{
    float: right;
	width: 19px;
    background: transparent !important;
}

.previewBoxPanel p
{
	margin-bottom: 0px;
}

.pictureBox
{
	text-align: left;
	float: left;
	margin-bottom: 3px;
    margin-right: 3px;
	width: 190px;
    height: 250px;
  	border: 1px solid #cccccc;
}

.picturePanel
{
	margin: 3px;
    float: right;
	width: 19px;
}

.picturePanel p
{
	margin-bottom: 0px;
}

.pictureBox_img
{
	margin: 3px;
    margin-right: 0px;
    float: left;
	height: 160px;
}

.pictureBox_img table
{
	width: 160px;
	height: 160px;
}

/* Dragable cursor */
.pictureBox_img img
{
	cursor: pointer;
}

/* Disable dragable cursor where appropriate */
.previewBox .pictureBox_img img, #basket-page .pictureBox_img img, #sets-page .pictureBox_img img, #categories-page .pictureBox_img img
{
	cursor: pointer;
}

.pictureBox_desc
{
	padding: 3px;
  	border-top: 1px solid #cccccc;
    font-size: 1.1em;
    text-align: left;
}
.keyword_column
{
	float:left;
	width:200px;
	font-size:1.2em;
	text-align:left;
}
.keyword_box
{
	width: 100%;
	text-align: center;
}

/* <!------------ mainNav ------------> */
#location, #location a
{
	font-size:1.2em;
}
#location a:hover
{
	color:#333333;
}

#mainNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float:right;
	
}

#mainNav ul li
{
	float: left;
	font-size: 1.1em;
	padding-right: 0.3em;
	margin-right: 0.2em;
	margin-top: 4px;
	margin-bottom: 4px;
	border-right: 0px dotted #fff;
}
#mainNav ul a
{
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.7em;
	color: #fff;
	background-color: #363833;
	text-decoration: none;
}

#mainNav ul a:hover
{
	color:#000;
	background-color: #99FF33;
	text-decoration: none;
	border: 0px solid #fff;
}

#home-page #mainNav ul a.home, #details-page #mainNav ul a.details, #news-page #mainNav ul a.news, #basket-page #mainNav ul a.basket, #categorySearch-page #mainNav ul a.categorySearch, #advancedSearch-page #mainNav ul a.advancedSearch, #lightbox-page #mainNav ul a.lightbox, #contactUs-page #mainNav ul a.contactUs, #help-page #mainNav ul a.help, #signIn-page #mainNav ul a.signIn
{
	font-weight: bold;
	color: #000;
	background-color: #C1DA67;
}

/* <!------------ bottomNav ------------> */

#bottomNav span
{
	font-size: 1.1em;
	border-right: 1px solid #fff;
	padding-right: 0.3em;
	padding-left: 0.3em;
	margin-right: 0.3em;
}

#bottomNav span a
{
	color: #fff;
	text-decoration: none;
	background-color: #363833;
}

#bottomNav span a:hover
{
	background-color: #363833;
	color: #fff;
	text-decoration: underline;
}

#mainNav .last, #bottomNav .last {border-right: 0px;}

/* <!------------ Special Styles ------------> */

#help-page .secondaryContent_Right a
{
	font-size: 1.2em;
}

#lightbox-page .picturePanel p
{
	margin-bottom: 5px;
}

#home-page #mainContent .secondaryContent_Left
{
	width: 50%;
	float: left;
  text-align: left;
  background-color:#8aec33;
  min-height:1px;
}

#home-page #mainContent .secondaryContent_Right
{
	width: 55%;
	float: right;
  text-align: left;
}

/* Labels */
#basket-page label {width: 150px;}
#registration-page label {width: 150px;}
#signIn-page label {width: 150px;}
#lightbox-page label {font-weight: normal;}

#basket-page p {padding-top: 3px;}

#home-page .slideshowBox
{
	float: left;
	padding: 0px;
    padding: 10px;
    border: 1px #ccc solid;
    margin-right: 5px;
}

/* <!------------ JS pop-ups ------------> */

#popup-page #wrap
{
    width: 100%;
}

#popup-page #mainContent
{
	background: #fff;
    padding: 10px;
    margin: 0px;
}

#popup-page td
{
	text-align: left;
    font-size: 1.1em;
}

#popup-page span
{
    font-size: 0.8em;
}

#feature-right
{
	float: left;
	width: 45%;
	padding: 0 15px;
}

#feature-left
{
	width: 49%;
	max-width: 500px;
	float: left;
	overflow: hidden;
}

#feature-left img
{
	width: 100%;
	max-width: 500px;
}

#feature-left h2
{
	margin: 0;	
}

div #assetZoomWindow div.left
{
	padding-top: 5px; 
}

div #textPreview 
{
	width: 450px;
	height: 460px;
	padding: 0px;
	overflow-x: auto;
	overflow-y: scroll;
	font-family: "Courier New" Courier monospace;
	font-size: 8pt;
}

div #link_logos
{
  float:right;
  margin-top:20px;
  text-align:right; 
}



.zoomPopup
{
    position: fixed;      
    z-index: 1000;
	background-color: #EFEFEF;
    border: 1px solid #666;    
    text-align: left;
    width: 800px;
    padding: 10px;
}

.autozoomPopup
{
    position: fixed;      
    z-index: 1000;
	background-color: #fff;
    border: 1px solid #666;   
    text-align: left;
    padding: 10px;
}

.zoomPopup p
{
	margin: 0px;
    font-size: 1.1em;
}

.zoomPopup hr
{
	height: 1px;
	border: 1px solid #ccc;     
}

.zoomPopup a {color: #0033FF; font-weight: normal; text-decoration: none;}
.zoomPopup a:visited {text-decoration: none; color: #CC6600;}
.zoomPopup a:hover {text-decoration: underline; color: #CC6600;}
.zoomPopup a:active {text-decoration: none;}

.zoomPopup_title
{  
	width: auto;
	padding: 5px;
    cursor: move;
    background: #363833; 
    color: #fff;
	font-weight: bold; 
    text-align: center;    
}

.zoomPopup_menu
{
	width: auto;
	height: 35px;
    background-color: #fff;
    padding: 0px;
}

.zoomPopup_menuLeft
{
	float: left;
	text-align: left;
	padding: 5px 5px 0px 10px;
}

.zoomPopup_menuRight
{
	float: right;
	text-align: right;
	padding: 5px 10px 0px 5px;
}

#externalLink_top
{
	height: 91px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
    background-color: #363833;
}
#externalLink_top a{
    color:#FFF;    
}
.zoomPopup_content
{
	width: auto;
	background-color: #fff;
	padding: 10px;
}

.zoomPopup_content .secondaryContent_Left
{ 
	width: 460px;
	height: 460px;
}

.zoomPopup_content .secondaryContent_Left table
{
	width: 460px;
	height: 450px;
	padding: 0px;
	margin: 0px;
}

.zoomPopup_content .secondaryContent_Right
{ 
	float: right;
	width: 230px;
	height: 460px;
	overflow: scroll;
	overflow-x: hidden;	
}

.similars
{ 
	border: 1px #ccc solid;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 5px;    
    float: left;
}

.zoomPopup_content .secondaryContent_LeftRev
{ 
	float: left;
	width: 193px;   
	padding: 5px;         
}

.zoomPopup_content .secondaryContent_RightRev
{ 
	float: right;
	width: 365px;            
}

.zoomPopup_footer .secondaryContent_Left
{ 
	float: left;
    width: 315px;   
    padding: 0px;
    padding-top: 10px;    
}

.zoomPopup_footer .secondaryContent_Right
{ 
	float: right;
	width: 233px;
    padding: 0px; 
    padding-top: 10px;        
}

.zoomPopup_content .border
{
	border: 1px solid #666; 
}

.zoomPopup_content .box
{
    margin-bottom: 10px;
}

.floatRight
{
	float: right;
}

.floatLeft
{
	margin-right: 10px;
	float: left;
}
.floatLeft p
{
	margin-bottom: 20px;
}

.right
{
	text-align: right;
}

.msgPopup
{
    position: fixed;      
    z-index: 1000;
	background-color: #ccc;
    border: 1px solid #666;
	padding: 10px;    
    text-align: left;
    width: 420px;
    font-size: 11px;  
    font-family: Arial;      
}

.msgPopup_title
{
    cursor: move;
	padding: 10px;
    background: #8B8E85;
    text-align: center;
    color: #fff;
	font-weight: bold;
}

.msgPopup_menu
{
	padding: 10px;
	background-color: #fff;   
}

.msgPopup_content
{
	padding: 10px;
	background-color: #fff;   
}

.msgPopup_list
{
	height: 300px;
    overflow: scroll;
	overflow-x: hidden;
	padding: 10px;
	background-color: #fff;   
}

.msgPopup_content .floatLeft
{
    width: 280px;
	float: left;  
}

.msgPopup_content .floatRight
{
    width: 100px;
	float: right;  
}

.form {padding-top: 15px; padding-bottom: 15px; text-align: left;}
.label {padding-top: 20px; padding-bottom: 20px; text-align: center;}

.button1
{
    border: #ccc 1px solid;
    padding: 5px;
    cursor: hand;
    color: #000;
    background-color: #fff;
    text-align: center;
}
.button2
{
    margin-top: 5px;
    border: #ccc 1px solid;
    padding: 5px;
    cursor: hand;
    color: #000;
    background-color: #eaeaea;
    text-align: center;    
}

.button3
{
    border: #ccc 1px solid;
    padding: 5px;
    cursor: hand;
    color: #000;
    background-color: #fff;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.button1:hover, .button2:hover, .button3:hover
{
    border: #000 1px solid;
    cursor: pointer;
}