@charset "UTF-8"; 

.zoomPopup
{
    position: fixed;      
    z-index: 99999;
	background-color: #EFEFEF;
    border: 1px solid #666;    
    text-align: left;
    width: 730px;
    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: #8B8E85; 
    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;
}

.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 #fff solid;
    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 .scroll
{
    height: 400px;
    max-height: 400px;
    overflow: scroll;
	overflow-x: hidden;
}

.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;      
}

div#blackout
{
	top:0 !important;
	left:0 !important;
	width:100%;
	height:100%;
	background-color: #C0C0C0;
	opacity:1.50;
	position: fixed;
	z-index:9999;
}

.msgPopupNew
{
	top:0 !important;
	left:0 !important;
	width:100%;
	height:100%;
	background-color: #C0C0C0;
	opacity:1.50;
	position: fixed;
	z-index:999999;
}

.msgPopupInside
{
	position: relative;
    z-index: 99999;
	opacity: 1;
	margin: 50px auto;
	width:450px;
	border: 1px Solid #444444;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 0px #111111;
	-khtml-box-shadow: 0px 0px 0px #111111;
	-moz-box-shadow: 0px 0px 0px #111111;
	box-shadow: 0px 0px 0px #111111;
	color: #333333;
	background-color:#FFFF99;
}

.msgPopupInside .msgPopup_title,
.msgPopupInside .msgPopup_menu,
.msgPopupInside .msgPopup_content,
.msgPopupInside .msgPopup_list
{
	background: none;   
}

.msgPopupInside .button {
	width:75px;
}

.msgPopupInside .msgPopup_title {
	cursor:inherit;
	margin: 10px;
    background: none;
    text-align: center;
    color: #333333;
	font-weight: bold;
	font-size: 22px;
}

.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;
	text-align:left;
}

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

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

.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;
}
#pagelogo{
	height:59px !important;
}
body.popup div#itemPopupWrapper div#actions ul li a{
    display:block;
    padding-bottom:5px;
    padding-left:24px;
}




div.picturePanel{height:30px;}
div.breakdown{font-size:12px;width:500px;}
.autozoom{
-webkit-box-shadow: 0px 0px 10px ;
-moz-box-shadow: 0px 0px 10px ;
box-shadow: 0px 0px 10px ; 
}

.autozoom .icos {
margin: 0 8px 0 0;
}
div.pictureBox_img .autozoom img:hover {
border:0;
}
div.pictureBox_img .autozoom a:hover {
border:0;
}
div.pictureBox_img .autozoom a:hover img{
border:0;
}
div.pictureBox_img .autozoom .icos  a {
width: auto;
min-height:1px;
padding:0;
display:block; 
font-dize:11px;
line-height:1em;
margin:0;
text-decoration:none;
float:left;
}

div.pictureBox_img .autozoom .icos a img {
float:left;
magin: 0 auto;
padding-right:6px;
position:static;
border:0px;
}
.autozoom p {
clear:left;
}
body .autozoom img:hover{
border:0px;
}
div#mainContent {
	height:auto !important;
	overflow:none;
	padding-top:21px;
}

.container_12, .container_16 {
margin:0;
width:100%;
}
*{
    margin:0;
    padding:0;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
margin-left:1%;
margin-right:1%;
}
.container_12 .grid_3, .container_16 .grid_4 {
width:23%;
}
.container_12 .grid_6, .container_16 .grid_8 {
width:48%;
}
.container_12 .grid_9, .container_16 .grid_12 {
width:73%;
}
.container_12 .grid_12, .container_16 .grid_16 {
width:98%;
}
.alpha {
margin-left:0;
}
.omega {
margin-right:0;
}
.container_12 .grid_1 {
width:6.333%;
}
.container_12 .grid_2 {
width:14.666%;
}
.container_12 .grid_4 {
width:31.333%;
}
.container_12 .grid_5 {
width:39.666%;
}
.container_12 .grid_7 {
width:56.333%;
}
.container_12 .grid_8 {
width:64.666%;
}
.container_12 .grid_10 {
width:81.333%;
}
.container_12 .grid_11 {
width:89.666%;
}
.container_16 .grid_1 {
width:4.25%;
}
.container_16 .grid_2 {
width:10.5%;
}
.container_16 .grid_3 {
width:16.75%;
}
.container_16 .grid_5 {
width:29.25%;
}
.container_16 .grid_6 {
width:35.5%;
}
.container_16 .grid_7 {
width:41.75%;
}
.container_16 .grid_9 {
width:54.25%;
}
.container_16 .grid_10 {
width:60.5%;
}
.container_16 .grid_11 {
width:66.75%;
}
.container_16 .grid_13 {
width:79.25%;
}
.container_16 .grid_14 {
width:85.5%;
}
.container_16 .grid_15 {
width:91.75%;
}
.container_12 .prefix_3, .container_16 .prefix_4 {
padding-left:25%;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
padding-left:50%;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
padding-left:75%;
}
.container_12 .prefix_1 {
padding-left:8.333%;
}
.container_12 .prefix_2 {
padding-left:16.666%;
}
.container_12 .prefix_4 {
padding-left:33.333%;
}
.container_12 .prefix_5 {
padding-left:41.666%;
}
.container_12 .prefix_7 {
padding-left:58.333%;
}
.container_12 .prefix_8 {
padding-left:66.666%;
}
.container_12 .prefix_10 {
padding-left:83.333%;
}
.container_12 .prefix_11 {
padding-left:91.666%;
}
.container_16 .prefix_1 {
padding-left:6.25%;
}
.container_16 .prefix_2 {
padding-left:12.5%;
}
.container_16 .prefix_3 {
padding-left:18.75%;
}
.container_16 .prefix_5 {
padding-left:31.25%;
}
.container_16 .prefix_6 {
padding-left:37.5%;
}
.container_16 .prefix_7 {
padding-left:43.75%;
}
.container_16 .prefix_9 {
padding-left:56.25%;
}
.container_16 .prefix_10 {
padding-left:62.5%;
}
.container_16 .prefix_11 {
padding-left:68.75%;
}
.container_16 .prefix_13 {
padding-left:81.25%;
}
.container_16 .prefix_14 {
padding-left:87.5%;
}
.container_16 .prefix_15 {
padding-left:93.75%;
}
.container_12 .suffix_3, .container_16 .suffix_4 {
padding-right:25%;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
padding-right:50%;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
padding-right:75%;
}
.container_12 .suffix_1 {
padding-right:8.333%;
}
.container_12 .suffix_2 {
padding-right:16.666%;
}
.container_12 .suffix_4 {
padding-right:33.333%;
}
.container_12 .suffix_5 {
padding-right:41.666%;
}
.container_12 .suffix_7 {
padding-right:58.333%;
}
.container_12 .suffix_8 {
padding-right:66.666%;
}
.container_12 .suffix_10 {
padding-right:83.333%;
}
.container_12 .suffix_11 {
padding-right:91.666%;
}
.container_16 .suffix_1 {
padding-right:6.25%;
}
.container_16 .suffix_2 {
padding-right:16.5%;
}
.container_16 .suffix_3 {
padding-right:18.75%;
}
.container_16 .suffix_5 {
padding-right:31.25%;
}
.container_16 .suffix_6 {
padding-right:37.5%;
}
.container_16 .suffix_7 {
padding-right:43.75%;
}
.container_16 .suffix_9 {
padding-right:56.25%;
}
.container_16 .suffix_10 {
padding-right:62.5%;
}
.container_16 .suffix_11 {
padding-right:68.75%;
}
.container_16 .suffix_13 {
padding-right:81.25%;
}
.container_16 .suffix_14 {
padding-right:87.5%;
}
.container_16 .suffix_15 {
padding-right:93.75%;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
background:none repeat scroll 0 0 transparent;
border:0 none;
clear:both;
display:block;
float:none;
font-size:0;
height:0;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
visibility:hidden;
width:0;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}


/* New Basket Styles */
body#basket-page a.basketItem {
    width:150px;
    margin:5px auto;
    display:block;
    background:#ddd;
    padding:5px;
    -moz-border-radius:5px;
    color:#000;
}
body#basket-page a.selected {
    background:#aaa;
}
body#basket-page a.basketItem:hover {
    text-decoration:none;
    cursor:pointer;    
    background:#bbb;
}
body#basket-page a.basketItem strong {
    color:#000;
    font-weight:bold;
    font-size:1.1em;    
}
body#basket-page a.basketItem em {
    color:#000;
    width:30px;
    float:right;  
}

body#basket-page h1.grid_5 {
    margin:0;
}

body#basket-page div.basketContent {
 width:720px;
 margin:0;   
}
body#basket-page div.itemList {
 width:720px;
 margin:0;
 padding:5px;  
 border:#333 1px solid; 
 background:#eee;
}
body#basket-page div.delivery {
 width:720px;
 margin:0;
 padding:5px;  
 border:#333 1px solid; 
 background:#eee;
}
body#basket-page div.confirm {
 width:720px;
 margin:0;
 padding:5px;  
 border:#333 1px solid; 
 background:#eee;
}
body#basket-page h2.grid_12 {
    margin:0;
    margin-top:5px;
    width:722px;
    background:#333;
    color:#eee;
    padding:5px;
    background:#333 url('/images/hlp_minus.gif') no-repeat 712px 12px;
    cursor:pointer;
}
body#basket-page div.basketItem {
    border:1px solid black;
    -moz-border-radius:15px;
    margin-bottom:20px;
    padding:5px;
    background:#fff;
}


body#basket-page div.basketItem input.itemCheck{
    margin: -50px 0 0 4px;
    padding: 0pt;
}

body#basket-page div.basketItem div.grid_4{
    margin-right:0px;
    width:178px;
}

body#basket-page div.basketItem div.grid_4 label{
    display:block;
    float:left;
    height:61px;
    margin:0 3px 0 -11px;
    padding:60px 0 0;
    width:18px;
}

body#basket-page div.basketItem div.grid_4 a img {
  min-height:100px;  
  max-width:178px;
}
body#basket-page div.basketItem div.grid_4 div a img {
  min-height:0px;  
}
body#basket-page div.basketItem div.grid_4 div.picturePanel{
    margin-left:17px;
    margin-top:0px;
}
body#basket-page div.basketItem div.mdFields{
    margin-left: 0px; margin-right: 0px;
    padding-left:3px;
}
body#basket-page div.basketItem div.pricing{
    width: 150px;
}
body#basket-page div.basketItem div.pricing div.grid_1{
    width: 90px;
    margin-left:0px;
}
body#basket-page div.basketItem div.pricing strong.grid_1{
    width: 50px;
    margin:0;
    text-align:right;
}
body#basket-page div.basketItem div.moreinfo label{
    font-size:1.0em;
    line-height:1.2em;
}
body#basket-page div.basketItem div.moreinfo input{
    padding:0px;
}


/* miniList */
body#basket-page div.miniList div.basketItem{
    margin-right: 10px; height: 143px; width: 338px;float:left;
}
body#basket-page div.miniList div.basketItem div.picturePanel{
 display:none;  
}
body#basket-page div.miniList div.basketItem a.basketThumbnail{
 display:inline-block;
 height:120px;   
}
body#basket-page div.miniList div.basketItem div.grid_4 div.picturePanel:hover,
body#basket-page div.miniList div.basketItem div.grid_4.hover  div.picturePanel,
body#basket-page div.miniList div.basketItem div.grid_4:hover  div.picturePanel{
    background:#CCCCCC none repeat scroll 0 0;
    display:block;
    left:1px;
    margin-left:9px;
    margin-top:-25px;
    position:absolute;
    width:160px;
    height:25px; 
}

body#basket-page div.miniList div.basketItem div.picturePanel p {
    margin-top:3px;
    opacity:1;
}

body#basket-page div.miniList div.basketItem div.mdFields{
 display:none;  
}
body#basket-page div.miniList div.basketItem div.grid_4.hover + div.mdFields,
body#basket-page div.miniList div.basketItem div.grid_4:hover + div.mdFields{
    display:block;
    margin-left:5px;
    margin-right:5px;
    position:relative;
    width:126px;
}

body#basket-page div.miniList div.basketItem div.grid_4.hover + div.mdFields + div.pricing + div.moreinfo,
body#basket-page div.miniList div.basketItem div.grid_4:hover + div.mdFields + div.pricing + div.moreinfo{
display:none;
}
body#basket-page div.miniList div.basketItem div.grid_4.hover + div.mdFields + div.pricing ,
body#basket-page div.miniList div.basketItem div.grid_4:hover + div.mdFields + div.pricing {
top:80px;
}
body#basket-page div.miniList div.basketItem div.pricing{
    height:30px;
    left:-184px;
    margin-left:5px;
    margin-right:5px;
    overflow:hidden;
    position:relative;
    top:120px;
    width:133px;
}
body#basket-page div.miniList div.basketItem div.pricing h3{
    display:none;
}
body#basket-page div.miniList div.basketItem div.moreinfo{
    position: relative; left: 180px; top: -122px;
}
body#basket-page div.miniList div.basketItem div.moreinfo input{
    max-width:122px;
}
body#basket-page div.miniList div.basketItem div.usageDesc{
    display:none;
}
body#basket-page div.miniList div.basketItem div.usageDesc:hover,
body#basket-page div.miniList div.basketItem div.pricing.hover + div.moreinfo + div.usageDesc,
body#basket-page div.miniList div.basketItem div.pricing:hover + div.moreinfo + div.usageDesc{
    background:white none repeat scroll 0 0;
    border:1px solid black;
    display:block;
    left:19px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    position:relative;
    top:-110px;
    width:300px;
    z-index:300;
}


div.panelActionMenu {
	background-color:#ccc;
	color: black;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height:70px;
	width:64px;
	z-index:999999;
	opacity:0.75;
    filter: alpha(opacity = 75);
    zoom:1;
    font-size: 10px;
}
div.panelActionMenu a{
	color: blue !important;
    font-size: 10px;
}

div.panelActionMenu ul
{
margin:2px;
padding:0;
list-style:none;
text-align: left;
}
div.panelActionMenu ul li
{
font-size: 10px;
margin:0;
padding:0;
list-style:none;
}

#tab {
	position: absolute;
	height: 20px;
	width: 300px;
	left: 50%;
	top: 27px;
	text-align: center;
	margin-left: -150px;
}
#action {
	position: relative;
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 10px;
	width: 188px;
	margin-top: 68px;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #FFFFFF;
}
#nav #textfield {
	text-align: center;
	width: 30px;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
}
#nav {
	position: absolute;
	top: 24px;
	right: 20px;
}
#action img {
	vertical-align: middle;
	margin-right: 6px;
}
#action p {
	line-height: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#details {
	position: absolute;
	width: 600px;
	left: 300px;
	top: 600px;
}
#info {
	position: relative;
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 10px;
	width: 188px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#info p {
	line-height: 11px;
	padding: 0px;
	color: #666666;
	font-size: 10px;
	margin: 3px;
}
#info a {
	color: #0066CC;
}
.detailHead {
	color: #000000;
	font-size: 10px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	padding-right: 3px;
}
#logo {
	position: absolute;
	left: 22px;
	top: 24px;
}
.alert {color: #FF0000}
#nav #form1 {
	margin: 0px;
	padding: 0px;
}
#similars #similarsearch #attributes .field {
	text-align: center;
}
#preview {
	position: absolute;
	width: 545px;
	top: 68px;
	text-align: center;
	display: block;
	left: 250px;
}
#preview p {
	text-align: justify;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 10px;
	color: #666666;
}
#preview #picture {
	margin-bottom: 4px;
	z-index: 100;
}
#preview .headline {
	color: #333333;
	font-weight: bold;
}
#preview #thumbnail {
	float: right;
	-webkit-box-shadow: 0px 0px 15px #777;
}
#variations {
	position: relative;
	border: 1px solid #999999;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	display:block;
	width: 196px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	vertical-align: bottom;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 4px;
	overflow-y:hidden;
	overflow-X:auto;
	white-space: nowrap;
}
.vari    img {
	outline: 1px solid #FFFFFF;
}
.vari   img:hover {
	outline: 1px solid #FF0000;
}
#similars {
	position: absolute;
	width: 545px;
	left: 250px;
	top: 68px;
}
#similars #similarsearch {
	margin: 0px;
	padding: 0px;
}
#similars #similarsearch table th {
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
}
#similars #similarsearch fieldset {
	color: #333333;
	border: 1px solid #999999;
	padding: 14px;
	margin-bottom: 15px;
}
#similars #similarsearch legend {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#similars #similarsearch a {
	color: #0066CC;
}
#similars #similarsearch #attributes input {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#similars #similarsearch #attributes td {
	height: 20px;
}
#similars #similarsearch #keywords td {
	height: 20px;
	text-align: left;
}
#similars #similarsearch #attributes label {
	margin: 0px;
	padding: 0px;
}
#similars #similarsearch #keywords label {
	margin-right: 12px;
}
.hide {
	visibility: hidden;
}
#similars h1 {
	font-size: 11px;
	line-height: normal;
	color: #666666;
	margin-top: 0px;
	font-weight: normal;
	margin-bottom: 18px;
}
.variSelect  {
	border: 2px solid #FF0000;
	margin: 1px;
}
#similars #similarsearch #concepts td {
	height: 20px;
	text-align: left;
}
#similars #similarsearch #concepts label {
	margin-right: 12px;
}
#preview #cropped {
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 30px #999;
}
#similars #similarsearch input {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#annotation {
	position: relative;
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width: 196px;
	background-color: #FFFF99;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	vertical-align: bottom;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 4px;
	overflow-y:auto;
	overflow-X:auto;
}
#annotation p {
	color: #191919;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#annotation a {
	color: #191919;
}
#annotation a:hover {
	color: #0066CC;
}



/*
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: #9F9F9F;
	text-align: center;
	color: #000;
    margin: 0px;
    padding-left:52px;
    padding-top: 30px;
	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: #4a5f6e; margin-bottom: 5px;}*/
/*h1 {font-size: 2.4em; font-weight: bold; color:#B05A32 ; margin-bottom: 5px;}*/
h1 {font-size: 1.6em; font-weight: bold; margin-top: 15px; margin-bottom: 10px; text-align: left; color:#4a5f6e;}
h2 {font-size: 1.6em; font-weight: bold; margin-top: 15px; margin-bottom: 10px; text-align: left; color:#a4a5a7;}
/*h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #4a5f6e;}*/
h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color:#92A163 ;}
h4 {font-size: 1.6em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #4a5f6e;}
h5 {font-size: 2em;	font-weight: bold; margin-bottom: 10px; color: #4a5f6e;}

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

p {line-height: 1.5em;}

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

/*a {color: #000 font-weight: normal; text-decoration: none;}*/
a {color:#0000CC;font-weight: normal; text-decoration: none;}
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: none;}

.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
{
   vertical-align: middle;
}

input.text
{
   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
{
	border: 1px solid #000000;
	color: #000000;
	padding: 0px;
	cursor: pointer;
	background:#FFFFFF;
}

.btn:hover
{
	color: #000000;
	background:#fff;
}

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

input.advanced_spaced
{
	margin-bottom: 5px;
}

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

#wrapper {
	background-color: #fff;
    min-height: 100%;
    margin:0;
    margin-left:0;
}
#lightbox_content #wrapper
{
  margin:0 auto;
  width:926px;
}
#topContent
{
	height: 1%; /* KLUDE for IE7 */
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 30px;
	/*background-color: #8B8E85; temporary hardcode*/
	height:101px;
	/*background:#92A163 url(/images/header-imagesOnline.gif) no-repeat scroll left top;*/
	/*background:#FFFFFF url(/images/header_bg.jpg) no-repeat scroll 54px 0px;*/
}

#search_bar
{
  height:32px;
  background:url(/images/nav_bg.jpg) repeat;
  padding-top:2px;
  text-align:left;
  min-width:1002px;
}
.search_bar_text_bold
{
font-weight:bold;
  font-size:14px;
  color:#000 !important;
  vertical-align:top;
  padding-left:13px;
  padding-right:8px;
}
.search_bar_text_normal
{
  font-size:14px;
  vertical-align:top;
  color:#000;
  padding-left:7px;
  padding-right:8px;
}

.search_bar_input_text
{
border:0px;
margin-top: 4px; margin-left: 16px; margin-right: 5px; height: 21px; width: 241px;
}

#mainNav
{
	height: 1%; /* KLUDE for IE7 */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	color: #fff;
	padding-left: 55px;
	/* padding-bottom: 15px; */ /* Activate if need height */
	border:0;
}

#mainNav ul
{
 margin-bottom: -3px; 
 margin-right: 2px; 
 padding-right: 0px;
 background:none repeat scroll 0 0 white;
display:block;
height:31px;
list-style:none outside none;
margin:0px 0px 0px 20px;
padding:0;   

}
    
#bottomNav
{
	padding-left: 53px;
    padding-right:10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
	background-color: #FFFFFF;
	color: #fff;
	border-top: 1px solid #fff;
	margin:0;
}

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

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

#mainContent
{
	text-align: justify;
	margin-left: 0;
	margin-right: 0;
	padding-top: 15px;
	padding-left:55px;
	padding-right:20px;
}

#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;
}

#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: #a4a5a7;
}
#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; temporary */
	color:#000;
	background: #fff;
}

#lightbox_preview_panel a, #basket_preview_panel a
{
	/*color: #000;*/
	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;
/*background:transparent url(/images/bl-br.jpg) no-repeat scroll center center;*/
border:0 none;
clear:both;
display:block;
/*height:4px;
margin:3px 0;*/
padding:0;
width:100%;}
.line2
{
	clear: both;
/*background:transparent url(/images/bl-br.jpg) no-repeat scroll 0 0;*/
border:0 none;
clear:both;
display:block;
/*
height:4px;
margin:3px 0;*/
padding:0;
width:100%;}

.line3
{
	clear: both;
	margin-bottom: 5px;
}
.line_custom
{
    clear: both;
background:transparent url(/images/bl-br.jpg) no-repeat scroll center center;
border:0 none;
clear:both;
display:block;
height:4px;
margin:3px 0;
padding:0;
width:100%;
}
.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
{
	float: left;
	height: 496px;
	width: 590px;
}

/* <!------------ 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;}
#topContent .secondaryContent_Left .searchForm {text-align: left; padding-top: 5px;}

#topContent .bottomLine {border-bottom: 0px solid #8B8E85;}
div#topContent div.secondaryContent_Right div.advanced_grid 
{
	text-align:right; 
	width: 360px;
	margin-top:
	20px;;
}

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

.secondaryContent
{
	width: 100%
}

.secondaryContent_Left
{
	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;
    width:190px;
}

.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: 70px;
    width: 147px;
    background: #fff;
    margin-right: 3px;
    margin-bottom: 3px;
	border: 1px solid #a4a5a7;
}

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

.previewBox_img
{
    background: transparent !important;
}

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

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

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

div.pictureBox
{
	text-align: left;
	float: left;
	margin-bottom: 3px;
    margin-right: 3px;
}
div.pictureBox_img {
    min-width: 1px;
    min-height: 1px; 
    position: relative;
}
div.pictureBox a
{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
}

div.picturePanel:after,
div.pictureBox_img a:after,
div.pictureBox_img a img:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.pictureBox_img a:active,
div.pictureBox_img a:focus {
    border:0;
    outline:0;
    }
div.pictureBox_img a
{
	margin:0 auto;
	width:100%;
	min-height:70px;
	display:block;
    cursor:default;
}

.picturePanel
{
 
}

div.picturePanel
{
	margin: 6px 8px 0px 0px;
}
div.picturePanel a
{
	line-height:1em;
    float:left;
	font-size:11px;
	padding:0 3px;
	display:block;
}
div.picturePanel a:hover
{
color:white;
background:black;
}
div.picturePanel img
{
	float:left;
	margin:0 auto;
}
#basket-page div.picturePanel p,
div.picturePanel p
{
	margin-bottom: 0px;
}

.pictureBox_img
{
	margin: 3px;
    margin-right: 0px;
}

div.pictureBox_img img
{
	cursor: move;
	bottom:0;
	left:0;
	margin:2px;
	border:1px solid white;
	z-index:1;
    display:block;
}
 
.pictureBox_img table
{
	width: 160px;
	height: 160px;
}
 

.previewBox .pictureBox_img img, #basket-page .pictureBox_img img, #sets-page .pictureBox_img img, #categories-page .pictureBox_img img
{
	cursor: pointer;
}
div.popmenuwrapper
{
	position: absolute;
	margin-top: -204px;
    margin-left: 4px;
	height: 192px;
	width: 100px;
}
div.picturepopmenuback
{
	background-color:#ccc;
	display:block;
	height:90px;
	bottom:0;
	margin:2px;
	position:absolute;
	left: 0px;
	width:193px;
	z-index:10002;
	opacity:0.75;
    filter: alpha(opacity = 75);
    margin-bottom:-7px;
    margin-left:-1px;
    *margin-left:-156px;
}
div.picturepopmenu
{
	display:block;
	height:90px;
	bottom:-1px;
	position:absolute;
	left: 0px;
	width:193px;
	z-index:10003;
	margin:2px;
    margin-bottom:-7px;
    margin-left:-1px; 
    *margin-left:-156px;   
}
div.picturepopmenu ul
{
margin:0;
padding:0;
list-style:none;
}
div.picturepopmenu ul li
{
margin:0;
padding:0;
list-style:none;
}




div.picturepopmenu a.close
{
float:right;
}
.pictureBox_desc
{
	padding: 3px;
  	clear:both;
    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;
}

#mainNav ul li
{
	float: left;
	font-size: 12px;
	padding-right: 0.3em;
	margin-right: 0.2em;
	margin-top: 4px;
	margin-bottom: 4px;
	border-right: 0px dotted #fff;
}
#mainNav ul a
{
	padding-left: 0px;
	padding-right: 10px;
	line-height: 1.7em;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}

#mainNav ul a:hover
{
	text-decoration: underline;
	color: #ff0000;
}

#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: #000000;
	text-decoration: none;
	font-weight:bold;
}

#bottomNav span a:hover
{
	color: #ff0000;
	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
{
	
	float: left;
    text-align: left;
    
}

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

/* 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;
}

input,select{
}
input:hover{
	cursor:pointer;
}
a:hover{
	color:#CF0303;
}
.header_logo{
	width: 55.5%;
	float: left;

}
.pageSelectorText a {
	color:#B05A32;
}
.pageSelectorText a:hover{
	color:#CF0303;
}

.link_box, .link_box:hover
{
  width:204px;
  height:153px;
  background:url(/images/link_box.gif) no-repeat;
  position:relative;
  margin-top:-140px;
  font-size:1.8em;
  font-weight:bold;
  color:#FFF;
  text-align:center;
  text-decoration:none;
}

#location_bar
{
  text-align:left;
  color:#000;
  margin-top:-2px;
  height:22px;
}

.spotlight_text{
  width:60%;
}
div#mainNavInfo{
    display: block; clear: both;
    }
hr.bl {
    background:transparent url(/images/bl-br.jpg) no-repeat scroll center center;
    border:0 none;
    clear:both;
    display:block;
    height:4px;
    margin:3px 0;
    padding:0;
    width:100%;
}
div#bootnote {
    width: 800px;
    font-size: 1.4em; 
    line-height: 1.4em; 
    margin: -3px 0px 40px 0px;
    }
    
#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.vvc-control {
	float:right;
}
div.vvc-control img {
	float:right;
	padding:0;
	margin:0;
}
div.vvc-control a {
margin:0;
padding:0;
display:inline;
}
div.vvc-control span {
	display:block;
	width:15px;
	/*float:right;*/
	line-height:1em;
	text-align:center;
}

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


/* START: preview panel */

/* reset CSS */

.previewPanel label
{
	display: inline;
	float: none;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.0em;
	padding: 0px;
	margin: 0px;
}

/* */

.previewPanel
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	font-family: Lucida Grande, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EEEEEE;

	text-align:left;

	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	z-index: 999;
}

.previewPanel a:link
{
	text-decoration: none;
	color: #333333;
}

.previewPanel a:visited
{
	text-decoration: none;
	color: #333333;
}

.previewPanel a:hover
{
	text-decoration: underline;
	color: #0066CC;
}

.previewPanel .shadow
{
	background-image: url(/images/bottom-shadow.png);
	background-repeat: repeat-x;
	overflow: hidden;
	position: absolute;
	height: 14px;
	width: 100%;
	bottom: 26px;
}

.pulltab
{
	cursor: pointer;
	background-image: url(/images/bottom-pane-handle.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	height: 18px;
	overflow: visible;
	background-position: center;
	z-index: 100;
	display: none;
}

.pulltrack
{
	position: fixed;
	width: 0px;
	top: 100px;
	left: 0px;
	bottom: 140px;
}

.previewPanel .container
{
	position: absolute;
	display: block;
	width: 100%;
	height: 140px;
	bottom: 0px;
	background-color: #333333;
	overflow: hidden;
	color: #CCCCCC;
	margin:0px;

	/* border: 1px solid red; */
}

.previewPanel .leftBlock
{
	float: left;
	width:33%;
	padding: 6px 0px 5px 4px;

	/* border: 1px solid red; */
}

.previewPanel .centerBlock
{
	float: left;
	text-align: right;
	width: auto;
	padding: 4px 0px 0px 0px;

	/* border: 1px solid yellow; */
}

.previewPanel .rightBlock
{
	float: left;
	width: auto;
	padding: 4px 0px 5px 11px;

	/* border: 1px solid blue; */
}

.previewPanel .imgBlock
{
	float: right;
	width: auto;
	padding: 6px 7px 0px 0px;
}

.previewPanel .container a
{
	color: #CCCCCC;
}

.previewPanel .lightboxSelector
{
	width: 150px;
}

.previewPanel .actionSelector
{
	width: 182px;
}

.previewPanel .thumbBlock
{
	overflow: auto;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #7b7b7b;
	height: 113px;
}

.previewPanel .placeholder
{
	color: #7B7B7B;
	float: left;
	margin-left:10px;
	position: relative;
	width: 70px;
	height: 100px;
	display: block;

	/* border: 1px solid red; */
}



.previewPanel .placeholder .tlink
{
	padding: 0px;
	max-width: 64px;
	max-height:60px;
	position: absolute;
	bottom: 30px;
	display: block;
	overflow:hidden;
}
.previewPanel .placeholder .tlink img
{
	border: 1px solid #a9a9a9;
}

.tlink
{
	width: 64px !important;
	max-height:64px;
}

.previewPanel .placeholder .thumbnail
{
	margin: 0px;
	padding: 0px;
	border: 2px solid #f0f0f0;
	width:60px;
	max-height: 56px;
	clear: both;
	display: block;
}

.previewPanel .thumbnail-selected
{
	margin: 0px;
	padding: 0px;
	border: 2px solid #FF0000 !important;
	clear: both;
	display: block;
}

.previewPanel .placeholder .tlink img:hover
{
	border: 1px solid #FF0000;
}

.previewPanel .menu
{
	position: absolute;
	bottom: 0px;
	clear: both;
	height: 29px;
	padding-left: 2px;

	/* border: 1px solid red; */
}

.previewPanel .icon
{
	height: 14px;
	border: 0px;
	margin: 1px;

	/* border: 1px solid red; */
}

.previewPanel .text
{
	margin-top: 0px;
	padding: 0px 1px 0px 1px;

	/* border: 1px solid red; */
}

/* END: preview panel */

/* START: arranger panel */
.arrangerPanel label
{
	display: inline;
	float: none;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.0em;
	padding: 0px;
	margin: 0px;
}



.arrangerPanel
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Lucida Grande, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EEEEEE;
	text-align:left;
	width: 100%;
	top:0px;
	overflow: auto;
	clear: both;
	
}

.arrangerPanel a:link
{
	text-decoration: none;
	color: #333333;
}

.arrangerPanel a:visited
{
	text-decoration: none;
	color: #333333;
}

.arrangerPanel a:hover
{
	text-decoration: underline;
	color: #0066CC;
}

.arrangerPanel .shadow
{
	background-image: url(/images/bottom-shadow.png);
	background-repeat: repeat-x;
	overflow: hidden;
	height: 14px;
	width: 100%;
	bottom: 26px;
}

.arrangerPanel .pulltab
{
	cursor: pointer;
	background-image: url(/images/bottom-pane-handle.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	height: 18px;
	overflow: visible;
	background-position: center;
	z-index: 1001;
}

.arrangerPanel .pulltrack
{
	position: fixed;
	width: 0px;
	top: 100px;
	bottom: 140px;
}

.arrangerPanel .container
{

	height: 180px;
	
	top:0px;
	left:0px;
	
	background-color: #CCBBAB;
	
	color: #CCCCCC;
	margin:0px;
	overflow: auto;
	width:100%;
	clear: both;

}

.arrangerPanel .divcontainer
{
	 
	width: 100%;
	position:static !important;
	background:#FFFFFF;
	z-index: 100;
	overflow-y:scroll;
	
}

.arrangerPanel .maincontainer
{
	
	height: 80px;
	
	top:0px;
	left:0px;
	background-color: #CCBBAB;
	overflow: hidden;
	
	margin:0px;
	overflow: auto;
	width:100%;
	clear: both;

}

.arrangerPanel .pagecontainer
{
	left:0px; */
	margin:0px;
	overflow: auto;
	width:100%;
	clear: both;
	background:#FFFFFF;
	position:absolute;
	z-index: 99;
}

.arrangerPanel .imgBlock
{
	float: right;
	width: auto;
	padding: 6px 7px 0px 0px;
}

.arrangerPanel .container a
{
	color: #CCCCCC;
}

.arrangerPanel .lightboxSelector
{
	width: 150px;
}

.arrangerPanel .actionSelector
{
	width: 182px;
}

.arrangerPanel .thumbBlock
{
	/*overflow: auto;*/
	width:100%;
	/* clear: both;	*/
	float: left;
	position:static !important;
	color: #7b7b7b;
	background: ;
	/*position:relative;*/
	z-index: 100;
}

.arrangerPanel .placeholder
{
	color: #7B7B7B;
	float: left;
	margin-left:10px;
	/*width: 70px;*/
	min-width:110px;
	min-height: 110px;
	display: block;
	position:relative;
	top:10px;
	z-index: 101;
	
}

.arrangerPanel .placeholder .tlink
{
	z-index: 101;
}

.arrangerPanel .placeholder .thumbnail:hover
{
	border: 1px solid #FF0000;
}

.arrangerPanel .menu
{
	position: absolute;
	bottom: 0px;
	clear: both;
	height: 29px;
	padding-left: 2px;

}

.arrangerPanel .icon
{
	height: 14px;
	border: 0px;
	margin: 1px;

}

.arrangerPanel .text
{
	margin-top: 0px;
	padding: 0px 1px 0px 1px;

}

/*END: arranger panel */



/* START: print-options-window */

#print-options-window
{
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	background-color: #E6E6E6;
	border: 1px solid #424242;
	color: #333333;
	height: 400px;
	left: 50%;
	margin-left: -250px;
	margin-top: -200px;
	position: absolute;
	top: 50%;
	width: 500px;
}


#print-options-window .content
{
	height: 260px;
	left: 20px;
	position: relative;
	top: 20px;
	width: 460px;
}

#print-options-window .title
{
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0;
}

#print-options-window .controls
{
	bottom: 20px;
	position: absolute;
	right: 20px;
	white-space: nowrap;
}

#print-options-window .printLayout
{
	text-align: center;
}

#print-options-window .layoutSelector
{
	margin: 0 auto;
	padding-top:10px;
	width: 200px;
}

/* END: print-options-window */


/* START: print-page */

#print-page body, td, th
{
	font-family: Lucida Grande,Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
}

#print-page .page
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#print-page .printHeader
{
	margin-bottom: 30px;
	position: relative;
	text-align: left;
	width: 100%;
}

#print-page .printHeader p
{
	color: #666666;
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 0px;
}

#print-page .printHeader img
{
	margin-right: 100px;
	vertical-align: text-bottom;
}

#print-page .printHeader p span
{
	color:#000000;
}

#print-page .printItem img
{
	margin-bottom: 10px;
}

/* annotation on the print page [CB] */
#print-page p#printAnnotation {
    font-size:12px;
}

/* END: print-page */

/* <!------------ New CSS ------------> */
/* Any New CSS rules should be added below, If editing an old one, update it correctly and move it below */
/* DO NOT USE margin-side or padding-side */
/* All elements should be defined (i.e. DO NOT USE .class or #id ALWAYS use element.class or element#id) */
/* Be specific enugh to get the job done, but not too specific */
/* Below is an example declaration, use the order within it, if you need to add more properties, add them logically and in groups */
/* CSS bracket should be on the same line as the element*/
/* Properties are seperated by a line break and a Tab */
/* DO NOT USE HACKS, Use conditional statements in the html to add a new stylesheet */
/* DO NOT USE measuements on zero values (i.e. use top:0; not top:0px;*/
/* Always use full margin / padding properties (i.e. margin: 1px 1px 1px 1px)*/
/* Use easy Clearing (Ask Matt if you do not know what this is) */
/* Avoid Div#id div#id selectors, div#id div.class is acceptiable */
/* If it has an ID, just use the ID */
/* If you dont need a class to target it, then dont use a class, just use the element */
/* If we stick to the above, we should see some rending time improvements */
/*
element#id,
element.class {
	display:block;

	float:left;
	position:relative;
	top:0;
	right:0;
	bottom:0;
	left:0;

	width:0;
	min-width:0; (not supported in IE<7)
	max-width:0; (not supported in IE<7)

	height:0;
	min-height:0; (not supported in IE<7)
	max-height:0; (not supported in IE<7)

	margin: top right left bottom;
	paddding: top right left bottom;
	border: top right left bottom;
	outline: top right left bottom; (Not supported in All browsers)

	background:;

	font-*:;
	line-height:;
}
*/

/*PullOver Menu*/
div#pulloverMenu {
	position:absolute;
	right:-30px;
	top: 0px;
	height:64px;
	z-index:10002;
	/*margin-right: -1px;*/
}

div#pulloverMenu div.handle {
	display:inline;
	float:right;
	height:100%;
}

div#pulloverMenu div.handle a:active,
div#pulloverMenu div.handle a:focus,
div#pulloverMenu div.handle a:active img,
div#pulloverMenu div.handle a:focus img {
	border:none;
	outline:none;
}
div#pulloverMenu div.blocker {
	float:right;
	width:0px;
	margin:0px;
}

div#pulloverContent {
	float:right;
	overflow:hidden;
	width: 450px;
	height:100%;
	background:url(/images/tab-bg.png) repeat-x;
}
div#pulloverContent div.item {
	float:left;
	height:55px;
	margin:0 10px 0 0;
	padding:8px 0 0 10px;
	text-align: left;
	font-size: 9px;
        max-width:100px;
}
div#pulloverContent div.dropdown {
	margin-top: 3px;
}
div#pulloverContent div.item label {
	width:120px;
	padding:3px 0 0 0;
	font-size: 11px;
	color: #3C3C3C;
	font-weight:normal;
	line-height:1em;
    margin:0;


}
div#pulloverContent div.item label input {
	margin:0;
    padding:0;
}

div#pulloverMenu:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
select.gotoMenu {
	margin: 0 25px 0 0;
}

body.popup {
	margin:0;
	padding:0;
	font-size:11px;
	text-align:left;
	background:#CCCCCC;
}
body.popup p {
margin-top:25px;
font-size:1em;
line-height:1em;
}
div#itemPopupWrapper {
	width:840px;
}
div#top {
	height:130px;
	margin:0;
	padding:0;
	background:url(/images/toolbar-background.gif) repeat-x;
}
div#main div#left {
	width:250px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
div#main div.right {
	width:587px;
	margin:0;
	padding:0;
	display:block;
	float:right;
	text-align:left;
}
div#image {
	text-align:center;
}
div#image img {
	-webkit-box-shadow: rgb(153, 153, 153) 0px 0px 30px;
	-moz-box-shadow: rgb(153, 153, 153) 0px 0px 30px;
	margin:0 auto;
}

div#top div#pagelogo{
	padding-top:15px;
	width:33%;
	float:left;
	font-size:11px;
	
}
div#top div#pagelogo a img{
	margin-left:10px;
	border:0;
}
div#top div#pagelinks{
	width:30%;
	float:right;
	font-size:11px;
	margin-top:27px;
}
div#top div#pagenav{
	width:36%;
	float:right;
	font-size:11px;
	margin-top:27px;
}


div#actions {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*Put htc border stuff here for IE*/
	background-color:#FFFFFF;
	border:1px solid #999999;
	display:block;
	margin:0px 20px 20px;
	padding:10px;
	position:relative;
	width:188px;
}

div#actions ul {
	list-style:none;
	margin:0;
	padding:0;
}

div#actions ul li{
	list-style:none;
	margin:0;
	padding:0;
}

div#actions ul li a {
	font-size:11px;
	text-decoration: none;

}

div#notes {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*Put htc border stuff here for IE*/
	background-color:#FFFF99;
	border:1px solid #999999;
	display:block;
	margin:10px 20px 20px;
	padding:10px;
	position:relative;
	width:188px;
}
div#similars {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*Put htc border stuff here for IE*/
	background-color:#FFFFFF;
	border:1px solid #999999;
	display:block;
	margin:10px 20px 20px;
	padding:10px;
	position:relative;
	width:188px;
	left:0;
	top:0;
}
div#info {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*Put htc border stuff here for IE*/
	background-color:#FFFFFF;
	border:1px solid #999999;
	display:block;
	margin:10px 20px 20px;
	padding:10px;
	position:relative;
	width:188px;
}
div#info dl {
	padding:0;
	margin:0;
}
div#info dl dt {
	width:75px;
	float:left;
	clear:both;
	display:block;
	margin:0;
	color:#000000;
	padding:0px 3px 0px 0px;
	text-align:right;
	margin-right:3px;
}
div#info dl dd {
	float:left;
	width:100px;
	display:block;
	margin:0;
	padding:0;
	color:#666666;
	line-height:11px;
	margin: 3px 0;
}


/*Float Clearing */
div#itemPopupWrapper:after,
div#info dl:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/* Min-Heights */
div#info dl {
	min-height:1px;
}
/*IE6 min-heights */
* html div#info dl {
	height:1px;
}
/* Icons */
a.iconPreview {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;
}
a.iconPreviewOnly {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconFrontLightbox {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconAnnotate {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}

a.iconBackLightbox {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconCart {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconPrints {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconPrice {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconEmail {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconPreviewSimilars {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconPreviewPrint {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconDownloadComp {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
a.iconDownloadHires {
	padding-left:15px;
	background:url('/images/icons/preview_hover.png') no-repeat top left;

}
@charset "UTF-8";
/* CSS Document */

#modal {
	overflow: visible;
	visibility: hidden;
	z-index: 3000;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	background-image: url(../img/sr/overlay.png);
	background-repeat: repeat;
}
#modal #saveSearchDialog {
	height: 400px;
	width: 500px;
	margin-top: -200px;
	margin-left: -250px;
	position: absolute;
	z-index: 3001;
	left: 50%;
	top: 50%;
	border: 1px solid #424242;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 12px #111;
	-khtml-box-shadow: 0px 0px 12px #111;
	-moz-box-shadow: 0px 0px 12px #111;
	box-shadow: 0px 0px 12px #111;
	visibility: inherit;
	color: #333333;
	background-color:#FFFF99;
	opacity: .88;
}
#modal .title {
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#modal #saveSearchDialog #saveSearchDialogInterior {
	position: relative;
	height: 260px;
	width: 460px;
	left: 20px;
	top: 20px;
	visibility: inherit;
}
#modal #exit {
	position: absolute;
	right: 20px;
	bottom: 20px;
	white-space: nowrap;
	visibility: inherit;
}
#modal #tokenTTL {
	position: absolute;
	left: 28px;
	bottom: 20px;
}
#modal #exit input {
	width: 70px;
	margin-left: 10px;
	visibility: inherit;
}
#saveSearchDialogInterior td {
	color: #333333;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
#modal a {
	color: #0066CC;
}
#modal #printDialog {
	height: 400px;
	width: 500px;
	margin-top: -200px;
	margin-left: -250px;
	position: absolute;
	z-index: 3001;
	left: 50%;
	top: 50%;
	border: 1px solid #424242;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 12px #111;
	-khtml-box-shadow: 0px 0px 12px #111;
	-moz-box-shadow: 0px 0px 12px #111;
	box-shadow: 0px 0px 12px #111;
	visibility: inherit;
	color: #333333;
	background-color: #E6E6E6;
}
#printDialogInterior td {
	color: #333333;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
#modal #printDialog #printDialogInterior {
	position: relative;
	height: 260px;
	width: 460px;
	left: 20px;
	top: 20px;
	visibility: inherit;
}
#modal #printDialog #printDialogInterior #saveSearch textarea {
	width: 380px;
}
form.downloadform  p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
form.downloadform  ul  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 16px;
	white-space: nowrap;
}
form.downloadform li  {
	margin: 0px;
	padding: 0px;
}
form.downloadform .redCheck {
	list-style-image: url(img/download/redCheck.png);
	color: #FF0000;
}
form.downloadform .itembox {
	-webkit-border-radius: 9px;
	/* -webkit-box-shadow: 3px 3px 20px #cccccc; */
	border: 1px solid #DDDDDD;
	position: relative;
	width: 662px;
	display: table;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
form.downloadform .thumbnail {
	-webkit-box-shadow: 3px 3px 8px #999999;
	margin-bottom: 12px;
}
form.downloadform .redDot {
	list-style-image: url(img/download/reddot.png);
}
form.downloadform  #select  {
	margin-top: 12px;
	margin-bottom: 3px;
}
form.downloadform h1 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form.downloadform .style3 {color: #000000; font-weight: bold; }
form.downloadform .thumbnail1 {	-webkit-box-shadow: 3px 3px 8px #999999;
	margin-bottom: 12px;
}
form.downloadform .thumbnail2 {	-webkit-box-shadow: 3px 3px 8px #999999;
	margin-bottom: 12px;
}
form.downloadform .transCheck {
	list-style-image: url(img/download/transCheck.png);
}
form.downloadform ul {
	list-style:none;
}
form.downloadform ul li {
	list-style:none;
}



.round_panel{display:block}
.round_panel *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#666666}
.round_panel1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #484848;
  border-right:1px solid #484848;
  background:#595959}
.round_panel2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #383838;
  border-right:1px solid #383838;
  background:#5c5c5c}
.round_panel3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #5c5c5c;
  border-right:1px solid #5c5c5c;}
.round_panel4{
  border-left:1px solid #484848;
  border-right:1px solid #484848}
.round_panel5{
  border-left:1px solid #595959;
  border-right:1px solid #595959}
.round_panelfg{
  padding:5px 12px 5px 12px;
  background:#666666;
  text-align:left}
  
.pannel_right{
	float:right;
	width:277px;
	margin-bottom:17px;
	box-shadow: 0px 5px 5px #262626;
}
.copy_info{
	margin-top: 5px;
	font-size: 9px;
	color: #9C9C9C;
}

div#bottomNav div.powered {
    float:right;
    padding-right:15px;
}

div#bottomNav div.powered a {
	font-weight:bold;
    font-style:italic; 
}

div.pictureBox_img:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div.pannel_right {
box-shadow: 0px 5px 5px #262626;
     -moz-box-shadow: 0px 5px 5px #262626;
    -webkit-box-shadow: 0px 5px 5px #262626;

    }

div#topContent form#search_form input#q, div#topContent form#search_form input#qw {
    border:1px solid #999999;
    color:#999999;
    height:15px;
    left:170px;
    padding:1px 0 0 3px;
    margin: 0 0 0 21px;
    width: 178px;
}
div#topContent form#search_form input.btn {
    margin-right:8px;
    width:70px;
}
div.breakdown {
 color:#7b7b7b;
 font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;   
}

body#advanced-search,
body#advanced-search div#attributes1,
body#advanced-search div#attributes1 p,
body#advanced-search div#attributes2,
body#advanced-search div#attributes2 p {
    font-size:11px !important;
}

body#advanced-search div#topSpacer {
    height:65px;
}

body#advanced-search div#mainContent {
    padding-left:0px;
    margin-top:-2px;
    
}

#homeslideshow{
    margin-right:12px;
}
.zoomPopup
{
    position: fixed;      
	background-color: #FFFFFF;
    border: 1px solid #a4a5a7;    
    text-align: left;
    width: 700px;
    padding: 10px;
}

.autozoomPopup
{
    position: fixed;      
    z-index: 1000;
    background-color: #a4a5a7;
    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: #000000; font-weight: normal; text-decoration: none;}
.zoomPopup a:visited {text-decoration: none; color: #000000;}
.zoomPopup a:hover {text-decoration: underline; color: #FF0000;}
.zoomPopup a:active {text-decoration: none;}

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

.zoomPopup_menu
{
	padding: 10px;
    padding-bottom: 0px;
	background-color: #fff;   
}

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

.zoomPopup_content .secondaryContent_Left
{ 
	float: left;     
}

.zoomPopup_content .secondaryContent_Right
{ 
	float: right;
    height: 300px;    
}

.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 .scroll
{
    height: 400px;
    max-height: 400px;
    overflow: scroll;
	overflow-x: hidden;
}

.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: 20000;
	background-color: #FFFFFF;
    border: 1px solid #a4a5a7;
	padding: 10px;    
    text-align: left;
    width: 420px;
    font-size: 11px;  
    font-family: Arial;      
}

.msgPopup_title
{
    cursor: move;  
	padding: 10px;       
    background: #a4a5a7; 
    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: #DEE3D3 1px solid;
    padding: 5px;
    cursor: hand;
    color: #000;
    background-color: #fff;
    text-align: center;
}
.button2
{
    margin-top: 5px;
    border: #DEE3D3 1px solid;
    padding: 5px;
    cursor: hand;
    color: #000;
    background-color: #FFFFFF;
    text-align: center;    
}

.button3
{
    border: #a4a5a7 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: #a4a5a7 1px solid;
    cursor: pointer;
}

.asset_preview
{
  max-width:451px;
  max-height:451px;
}

#userWelcome{
width:200px;text-align:right;margin-right:20px; font-weight:bold;
}

div#mainContent {
clear:both;
}

/* intra-overlay drag/drop styles */
#basket-preview-panel .dragGhost, #lightbox-preview-panel .dragGhost {  
    /* added by Chris - styles for the ghost when dragging thumbnails */
    top:0 !important;
    left:0 !important;
    position:relative !important;
}

#basket-preview-panel .placeholder, #lightbox-preview-panel .placeholder {    
    /* added by Chris - essential for safari thumbs when dragging */
    top:0;      
    left:0;
}

/* fixing IE7 up/down thumbnails problem */
div.pictureBox a {
    display:block;
    width:auto;
    height:auto;
}
div.pictureBox_img a {
    height:auto !important;
    margin-left:0 !important;
}

/* make menu go behind autozoom */
/* tried just changing z-index, but there seems to be a bug in IE7 */
div#pulloverMenu {
    position:static !important;
}        

@charset "utf-8";
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	width: 100%; *width: 99.2%;
	margin: 0px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 6.333%;
}

.container_12 .grid_2
{
	width: 14.666%;
}

.container_12 .grid_4
{
	width: 31.333%;
}

.container_12 .grid_5
{
	width: 39.666%;
}

.container_12 .grid_7
{
	width: 56.333%;
}

.container_12 .grid_8
{
	width: 64.666%;
}

.container_12 .grid_10
{
	width: 81.333%;
}

.container_12 .grid_11
{
	width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 4.25%;
}

.container_16 .grid_2
{
	width: 10.5%;
}

.container_16 .grid_3
{
	width: 16.75%;
}

.container_16 .grid_5
{
	width: 29.25%;
}

.container_16 .grid_6
{
	width: 35.5%;
}

.container_16 .grid_7
{
	width: 41.75%;
}

.container_16 .grid_9
{
	width: 54.25%;
}

.container_16 .grid_10
{
	width: 60.5%;
}

.container_16 .grid_11
{
	width: 66.75%;
}

.container_16 .grid_13
{
	width: 79.25%;
}

.container_16 .grid_14
{
	width: 85.5%;
}

.container_16 .grid_15
{
	width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 8.333%;
}

.container_12 .prefix_2
{
	padding-left: 16.666%;
}

.container_12 .prefix_4
{
	padding-left: 33.333%;
}

.container_12 .prefix_5
{
	padding-left: 41.666%;
}

.container_12 .prefix_7
{
	padding-left: 58.333%;
}

.container_12 .prefix_8
{
	padding-left: 66.666%;
}

.container_12 .prefix_10
{
	padding-left: 83.333%;
}

.container_12 .prefix_11
{
	padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 6.25%;
}

.container_16 .prefix_2
{
	padding-left: 12.5%;
}

.container_16 .prefix_3
{
	padding-left: 18.75%;
}

.container_16 .prefix_5
{
	padding-left: 31.25%;
}

.container_16 .prefix_6
{
	padding-left: 37.5%;
}

.container_16 .prefix_7
{
	padding-left: 43.75%;
}

.container_16 .prefix_9
{
	padding-left: 56.25%;
}

.container_16 .prefix_10
{
	padding-left: 62.5%;
}

.container_16 .prefix_11
{
	padding-left: 68.75%;
}

.container_16 .prefix_13
{
	padding-left: 81.25%;
}

.container_16 .prefix_14
{
	padding-left: 87.5%;
}

.container_16 .prefix_15
{
	padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 8.333%;
}

.container_12 .suffix_2
{
	padding-right: 16.666%;
}

.container_12 .suffix_4
{
	padding-right: 33.333%;
}

.container_12 .suffix_5
{
	padding-right: 41.666%;
}

.container_12 .suffix_7
{
	padding-right: 58.333%;
}

.container_12 .suffix_8
{
	padding-right: 66.666%;
}

.container_12 .suffix_10
{
	padding-right: 83.333%;
}

.container_12 .suffix_11
{
	padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 6.25%;
}

.container_16 .suffix_2
{
	padding-right: 16.5%;
}

.container_16 .suffix_3
{
	padding-right: 18.75%;
}

.container_16 .suffix_5
{
	padding-right: 31.25%;
}

.container_16 .suffix_6
{
	padding-right: 37.5%;
}

.container_16 .suffix_7
{
	padding-right: 43.75%;
}

.container_16 .suffix_9
{
	padding-right: 56.25%;
}

.container_16 .suffix_10
{
	padding-right: 62.5%;
}

.container_16 .suffix_11
{
	padding-right: 68.75%;
}

.container_16 .suffix_13
{
	padding-right: 81.25%;
}

.container_16 .suffix_14
{
	padding-right: 87.5%;
}

.container_16 .suffix_15
{
	padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

div.vvc-control span {width:14px;}

a.gridIco{
	height:19px;
	width:19px;
}
a.icoPrice {
	background: url('images/icons/Calculator.gif') no-repeat top left;
}
a.icoDownload {
	background: url('images/icons/download.gif') no-repeat top left;
}
a.icoBasket {
	background: url('images/icons/Cart78.gif') no-repeat top left;
}
a.icoLightbox {
	background: url('images/icons/Lightbox43.gif') no-repeat top left;
}
a.icoZoom {
	background: url('images/icons/PreviewJ.gif') no-repeat top left;
}


.msgPopupInside .button {
width:75px !important;
}
.previewPanel .placeholder .text {
color:#ccc;
}
.previewPanel .placeholder .thumbnail{
width:auto;
max-width:60px;
}


body#lightbox-page div#wrapper p {
color:black;

}


label {
	line-height:2.1em;
}

div#mainContent {
	height:auto !important;
	overflow-x:none;
	overflow-y:none;
	overflow:none;
	padding-top:21px;
}

div#info dl dd {
	-ms-word-wrap: break-word;
    word-wrap: break-word;
}

div.panel_hover {
	background: #555555;
}
div.pictureBox
{
	text-align: left;
	float: left;
	margin-bottom: 12px;
    margin-right: 0px;
    min-width: 160px;
    min-height: 160px; 
}
div.pictureBox_img {
    min-width: 1px;
    min-height: 1px; 
}
div.pictureBox a
{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
}

div.picturePanel:after,
div.pictureBox_img a:after,
div.pictureBox_img a img:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.pictureBox_img a:active,
div.pictureBox_img a:focus {
    border:0;
    outline:0;
    }
div.pictureBox_img a
{
	margin:0 auto;
height:100%;
    cursor:default;
    /*position:relative;*/
}

div.picturePanel
{
	margin: 0px 8px 0px 0px;
}
div.picturePanel a
{
	line-height:1em;
	font-size:11px;
	padding:0 3px;
	display:block;
}
div.picturePanel a:hover
{
color:white;
background:black;
}
div.picturePanel img
{
	float:left;
	padding-right:6px;
	margin:0 auto;
}
#basket-page div.picturePanel p,
div.picturePanel p
{
	margin-bottom: 0px;
	padding:0;
}

div.pictureBox_img
{
	margin: 8px 0px 2px 0px;
	position:relative;
}

div.pictureBox_img img
{
	cursor: move;
	position:absolute;
	bottom:0;
	left:0;
	margin:2px;
	border:1px solid white;
	z-index:1;
}
div.pictureBox_img img.clicked
{
	margin:0px;
	border:3px solid red;
}
div.pictureBox_img img.clicked:hover
{
	margin:0px;
	border:3px solid red;
}
div.pictureBox_img img:hover
{
	border:1px solid red;
	margin:2px;
}

div.previewPanel div.container {
    background: url(images/bottom-shadow.png) repeat-x right -3px;
    padding-top:6px;    
}
 
div.previewPanel div.container form{
    background:#333;
    height:29px;
    margin:0px;
}

div.previewPanel div.container div.thumbBlock{
    background:#333;
    margin:0px;
    margin-bottom:10px;
    }
    
div.picturePanel a {
	padding: 0;
}
    
div#pull-tab {
    background-position:center center;
    display:block;
    width:1280px;
    z-index:998;
    /*background-image:url("images/bottom-pane-handle-only.png");*/
    background-repeat:no-repeat;
    bottom:-8px !important;
    cursor:pointer;
    overflow:visible;
    position:absolute;
    /*width:38px !important;*/
    cursor:n-resize;
    background:#333;
    height:6px;
    display: none;
}
div#pull-track {
    z-index:9999;
}

div#basket-preview-panel select, div#lightbox-preview-panel select {
    margin-top:2px;   
}

div#pull-tab {
    z-index:9999;
}
 
.panel_hover {
	background: #555555 !important;
}

.panel_hover_override {
    background-color:#333 !important;
}

#topContainer{
    background-color:#FFF;
    padding-top:30px;
}
body#advanced-search div#mainContent{
    padding-left:40px;   
}
   
#search_form{
    line-height:2.5em;
}
#search_form a{
    color:#000 !important;
}
#search_form a:hover{
    color:#f00 !important;
    text-decoration:underline;
}
#location_bar{
    float:left;
    width:100%;    
}
#search_bar span,#search_bar input{
    float:left;
display:block;
    vertical-align:middle !important;    
}
h2.grid_4, h3{
    color:#333333;
}

div#top div#pagelogo a img{
    margin-left:20px;
}

body#basket-page div.basketItem div.grid_4 a img{
    min-height:inherit;
}
#topContainer{
    padding-top:0;
}
.columnB{
    text-align:left;
}
.grid_4 h2{
    color:#3F3F3F;
}
.grid_16 h2{
    color:#4a5f6e;
}
h2{
    color:#4a5f6e;
}
div.secondaryContent ul li, div.secondaryContent_Left ul li{
	list-style-image: none; 
	list-style-position: inside
}

div.secondaryContent_Left ul li p {
	display: inline;
}
input[type='button']{
   padding:0 .25em 0 .25em;
   width:auto !important;
   overflow:visible !important;
}

/* clearing up the similars options under thumbnails */

/* ... label for similars increased to allow for three figures */
div.vvc-control span {
    width:22px;   
}

/* ... tidying up image padding */
a#vvcPrev img {
    padding-right:0;    
}

/* fix download/view invoice screen in IE7 */
form.downloadform .itembox {
position:static;    
}

/* fix thumbnail icon displaying problems when thumbnails are of different heights */
div.picturePanel a {
    min-height:20px;
    margin-bottom:2px;   
}

/* image grid description height needs to be set, or there are gaps in the grid */
.pictureBox_desc {
    height:3em;
    overflow:hidden;
}

/* vvc Next image has too much padding */
a.vvcNextLink img {
    margin-right:0; 
    padding-right:0;  
}