@charset "utf-8";

.WRU {
	margin: 0;
	color:#333;
}

.WRU img {
	border: none;
}

.WRU h1, h2, h3 {
	margin: 0 0 10px;
}
.WRU h1 {
	color:#B51520;
	margin-bottom:4px;
	padding-bottom:0px;
}

.WRU div.container_fix_width {
	width:994px;
	margin:auto;
	padding-top:12px;
}
.WRU div.container_resp_width {
	/* see end */
}
.WRU .dims {
	font-size:10px;
}
.WRU .half {
	width:49%;
	float:left;
}
.WRU .right {
	float:right;
}
.WRU .shadow_btm {
	-webkit-box-shadow: 0 2px 4px black;
	   -moz-box-shadow: 0 2px 4px black;
	        box-shadow: 0 2px 4px black;
}

.WRU div.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25;
	width: 100%;
	height: 120px;
	margin: 0 auto;
	background-image: url(../images/menu_back.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.WRU nav
{
	position:relative;
	background-image:url(../images/head_stripe.png);
	background-position:66px 0px;
	background-repeat: no-repeat;
	width: 994px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
}
.WRU nav img.logo
{
	margin-top:5px;
	width:70px;
	height:70px;
}
.WRU nav ul.login_state {	
	text-transform:uppercase;
	position:absolute;
	right:20px;
	top:38px;
	color:white;
}
.WRU nav ul.primary {
	position:absolute;
	bottom:0px;
	font-size:16px;
}
.WRU nav ul.primary li.fst {
	text-align:left;
	padding-left:16px;
}
.WRU nav ul.login_state li {
	width:auto;
}
.WRU nav li:first-child {
}
.WRU nav li {
	display: inline-block;
	width: 90px;
	height: 27px;
	text-align: center;
}
.WRU nav li img {
	margin: 8px 0 15px;
}
.WRU nav li {
	color: white;
	font-size: 0.8em;
	font-weight: bold;
}
.WRU nav li a {
	color: white;
	text-decoration: none;
}
.WRU nav li#menu_search {
	float: right;
	padding-top: 95px;
	cursor: pointer;
	height: 20px;
}
.WRU nav div.search_box {
	z-index:20;
	position:absolute;
	width: 230px;
	border-radius:5px;
	background-color:#A8A9AD;
	line-height:15px;
	border-left:5px solid white;
	overflow:hidden;
	bottom:11px;
	right:0px;
}
.WRU nav div.search_box a {
	text-decoration: none;
	color:#BEDCFF;
	display:inline-block;
}
.WRU nav div.search_box a:hover {
	color:white;
}

.WRU nav div.search_box input
{
	display:inline-block;
	font-size:14px;
	width: 160px;
	background-color:white;
	border:none;
	height:18px;
}
.WRU nav div.search_box span
{
	font-size:10px;
	display:inline-block;
	color:#58585A;
	margin-left:2px;
}
.WRU nav div.search_box img
{
	vertical-align:text-bottom;
	cursor:pointer;
}

.WRU div.help_text{
	font-size:1.1em;
	padding:10px;
	color:white;
	background-color:#007E45;
	border-radius:5px;
}

.WRU hr {
    margin-top: 15px;
    height: 1px;
    border: none;
    background: #ededed;
    width: 100%;
    background: -webkit-gradient(
                linear,
                0 0,
                100% 0,  
                from(rgba(50,50,50,0.01)),
                to(rgba(80,80,80,0.01)),
                color-stop(.5,#c9c9c9)
                );
    background: -moz-linear-gradient(
                left,
                rgba(0,0,0,0.001) 0%,
                rgba(201,201,201,1) 50%,
                rgba(0,0,0,0.001) 100%
                );
    
    background:-ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:-o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    
    box-shadow: -0px 7px 13px 1px #d5d5d5;
}
.WRU hr.dotty {
	border-top:2px dotted black;
   	width:auto;
}
.WRU h1 + hr.dotty {
	margin-top:0px;
}

.WRU table {
	width: 100%;
	border-collapse: collapse;
}
.WRU tr.lined {
	border-top: solid 1px #d5d5d5;
}
.WRU th {
	padding: 5px;
	vertical-align: top;
	color: white;
	background-color:  #bfb8ae;
	text-align: left;
}
.WRU td {
	padding: 3px;
	vertical-align: top;
}
.WRU .registration td {
	width: 250px;
}

.WRU input[type='text'], input[type='password'], select, textarea {
	width: 150px;
	border: solid 1px #d5d5d5;
}
.WRU input.double {
	width: 510px;
}
.WRU input::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}
 
.WRU textarea {
	height: 150px;
    resize: none;
}

.WRU iframe.cvw {
	border: none;
	overflow: hidden;
	width: 190px;
	height: 65px;
}

.WRU fieldset {
	text-align: left;
	border: none;
}
.WRU fieldset input {
	margin-bottom: 5px;
}
.WRU label {
	display: block;
	width: 120px;
	overflow: hidden;
	float: left;
	margin: 0 15px 5px 0;
}
.WRU label.double {
	width: 620px;
}
.WRU label input {
	margin: 5px;
}

.WRU .mz {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.WRU #lightbox_toolbar {
	width: 100%;
	bottom: -45px;
	left: 0;
	position: fixed;
	height: 45px;
	z-index: 50;
	background: -webkit-gradient(linear, left top, right top, from(#e11b27), to(#a4141d));
	background-image: linear-gradient(to right, #e11b27 0%, #a4141d 100%);
	min-width:990px;
}

.WRU #lightbox_toolbar select, 
.WRU #lightbox_toolbar input {
	display:inline-block;
	margin-top:5px
}

.WRU #lightbox_toolbar .icon {
	margin-left:5px;
}

.WRU #lightbox_toolbar div {
	color: white;
	margin: 5px 0 0 5px;
	float: left;
}
.WRU #lightbox_toolbar .lb_image {
	height: 30px;
	margin: 0 0 0 5px;
}

.WRU #error, .WRU .error, .WRU #error li, .WRU .error li { 
	color: #990000;
	list-style-type: none;
	font-weight: bold;
}
.WRU .bulletless {
	list-style:none;
}

.WRU .error ul { 
	padding: 0;
	margin: 0;
}

.WRU .icon {
	margin-right: 5px;
	cursor: pointer;
}

.WRU #accept_warning {
	font-size: 9px;
}

.WRU .purchase_supplemental { 
	color: #990000;
	margin-bottom: 10px;
	font-size: 14px;
}

.WRU .purchase_normal { 
	margin-bottom: 10px;
	font-size: 14px;
}

.WRU #ie6_warning {
	clear: both;
	height: 59px;
	padding:0 0 0 15px;
	position: relative;
	display: none;
	z-index:999;
}

.WRU #container {
	margin-top: 125px;
	margin-bottom:40px;
	min-height:500px;
}


.WRU section {
	position: relative;
	overflow: hidden;
	padding: 10px;
	float: left;
	border: 1px solid #666;
	margin: 10px;
	-webkit-box-shadow: 0 2px 4px black;
	   -moz-box-shadow: 0 2px 4px black;
	        box-shadow: 0 2px 4px black;
	width: 624px;
}

.WRU section h1 {
	text-transform: uppercase;
	font-size: 1.5em;
}
.WRU section h2 {
	text-transform: uppercase;
	font-size: 1.2em;
}
.WRU section h3 {
	font-size: 1.2em;
	margin-bottom:3px;
}

.WRU section#gallery_detail {
	height: 402px;
}
.WRU section#latest_galleries {
	float: right;
	margin-right: 0;
	width: auto;
}
.WRU section#image_week {
	width: auto;
}
.WRU section#image_detail {
	width: 29%;
}
.WRU section#lightbox {
	width: 402px;
	height: 180px;
}

.WRU div.search_drop {
	position: absolute;
	right:-10px;
	top:112px;
	width:190px;
	border: solid 1px #333;
	margin: 0 15px 15px 0;
	padding: 15px;
    box-shadow: 0px 1px 4px #333;
	background-color: white;
	display:none;
}

.WRU .tile_outer {
	width: 200px;
	height: 200px;
	padding: 0;
	position: relative;
	z-index: 1;
	perspective: 1000px;
	overflow: hidden;
	background-color: #ddd;
	border:none;
}
.WRU .tile_outer .toolbar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 180px;
	padding: 0px 10px 10px 10px;
	background-color: white;
}
.WRU .tile_outer .toolbar .download {
	display: none;
	margin-top: 5px;
}
/* .tile_outer:hover .article,  */
.WRU .tile_outer.hover_effect .article {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.WRU .tile_outer .article {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 1.0s linear;
	transition: all 1.0s linear;
}
.WRU .tile_outer .article .face {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;	
	backface-visibility: hidden;
	background-color: white;
}
.WRU .tile_outer .article .face.front {
	padding: 5px;
	width: 190px;
	text-align: center;
}
.WRU .tile_outer .article .face.front img {
	width: 85%;
}
.WRU .tile_outer .article .face.front img.full {
	width: 100%;
}
.WRU .tile_outer .article .face.back {
	display: block;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	box-sizing: border-box;
	overflow: hidden;
}
.WRU .tile_outer .article .face.back h3 {
	display: block;
	margin: 0;
	overflow: hidden;
	width: 180px;
	height: 20px;
}
.WRU .tile_outer .article .face.back div {
	height: 20px;
	overflow: hidden;
}
.WRU .tile_outer .article .face.back img {
	width: 26%;
	float: left;
	margin: 5px;
}

.WRU .tile_outer .article h3 {
	font-weight:normal;
	font-size:10px;
	margin:2px 0px 0px 0px;
	text-align:left;
}

.WRU #search {
	float: right;
	margin: 2px;
}
.WRU #search iframe {
	width: 240px;
	height: 26px;
}

.WRU .button {
	display: inline-block;
	background: url(../images/button_back.png) repeat-x;
	color: white;
	height: 26px;
	line-height: 26px;
	border: none;
	text-align: center;
	cursor: pointer;
	width: auto;
	border-radius: 3px;
	padding: 0 10px;
	text-decoration: none;
}
.WRU .button:hover {
	opacity: 0.8;
}
.WRU a .button, .WRU a:hover .button  {
	text-decoration: none;
}
.WRU .button.inverse {
	background-image: none;
	background-color: white;
	color: #a1141c;
}

.WRU .download_choices {
	width: 200px;
	text-align: center;
}
.WRU .save_lightbox {
	width: 300px;
}

.WRU .jq_add_to_basket {
	margin-top: 5px;
}

.WRU .close_button {
	background: url(../images/close_button.png);
	width: 25px;
	height: 25px;
	border: none;
	cursor: pointer;
}

.WRU #response {
	float: right;
	font-size: 11px;
}

.WRU .disabled { 
	color: #afafaf;
}
.WRU a.plain:hover {
	color: black;
}

.WRU .enlarge {
	cursor: pointer;
}

.WRU .breadcrumbs {
	min-height: 20px;
	margin: 0;
	padding-left: 15px;
	border: 1px solid #333;
	color: #333;
}
.WRU .breadcrumbs img {
	vertical-align: middle;
	margin-right: 5px;
}
.WRU .breadcrumbs a {
	color: #333;
}

.WRU .page_options {
	background-color: rgb(0,105,57);
	height: 30px;
	overflow: hidden;
	margin-bottom: 15px;
}
.WRU .page_options div {
	float: left;
	margin: 5px 0;
	height: 26px;
	overflow: hidden;
}
.WRU .page_options div select {
	width: auto;
}
.WRU .page_options div input {
	width: 30px;
	margin: 0px;
}
.WRU .page_options div form {
	margin:0;
	padding:0;
	display:inline;
}
.WRU .page_options div:first-child {
	width: 190px;
	margin-left: 15px;
}
.WRU .page_options #UpperPagination, .WRU .page_options #LowerPagination {
	width: 310px;
	margin: 0;
	padding: 0;
}
.WRU .page_options .pagination {
	width: auto !important;
	float: right;
	margin-right: 0;
	margin-left: 0;
}
.WRU .page_options .pagination a, .WRU .page_options .pagination span {
    display: block;
    float: left;
    margin-right: 10px;
}
.WRU .page_options .pagination img {
	margin-top: 3px;
}
.WRU .page_options .pagination .current {
	font-weight: bold;
}

.WRU .filter_choices {
	float: right;
	color: #7a7a7a;
	padding-right: 10px;
	line-height: 15px;
	margin: 3px 0 5px 0;
}
.WRU .filter_choices a {
	color: #7a7a7a;
	text-decoration: underline !important;
	margin: 0 10px;
}

.WRU .filter_option {
	padding-left: 10px;
	cursor: pointer;
}
.WRU .filter_option a {
	color: #333333;
}
.WRU .filter_option:hover a {
	color: #a1141c;
}

.WRU #context_load, .WRU #order_value, .WRU #order_number, .WRU #href_lohi, .WRU #href_hilo, .WRU #end_date, .WRU .slide, .WRU #order_value, .WRU #order_number, .WRU #palate_feedback_high, .WRU .panel.lhs .closed_filter, .WRU #check_login, .WRU #accept_warning, .WRU .leftsize, .WRU .middlesize, .WRU .download_choices, .WRU .save_lightbox {
	display: none;
}

.WRU #memberships label {
	text-align: left;
	width: 250px;
}
.WRU #memberships input {
	width: auto;
}



.WRU #registered {
	position: absolute;
	background-color: white;
	padding: 30px;
	border: 3px solid black;
	width: 500px;
	height: 200px;
	left: 250px;
	top: -100px;
	display: none;
}

.WRU .image_album {
	float: left;
	width: 140px;
	padding: 10px;
	background-color: #e6e6e4;
	margin-right: 15px;
	text-align: center;
}

.WRU #partpage_rate table {
	width: auto;
}

.WRU .voucher {
	float: left;
	text-align: center;
	width: 134px;
	text-align: center;
	margin-right: 5px;
}

.WRU .more {
	color: #a1141c !important;
	margin-top: 5px;
	display: block;
}

.WRU .thumb {
	cursor: pointer;
}
.WRU .popup {
	position: absolute;
	margin-left: -124px;
	margin-top: -150px;
	display: none;
}

.WRU .crumb_name {
	font-weight: bold;
}

#pagepart_basket {
	background: transparent;
}
#pagepart_basket div {
	float: left;
	text-align: right;
	color: white;
}
#pagepart_basket img {
	margin: 5px 5px;
}

.WRU footer
{
	/*position:fixed;*/
	bottom:0px;
	left:0px;
	width:100%;
	background-color:black;
	height:150px;
	color:white;
	font-size: 10px;
	padding-top:10px;
	z-index:2;
}
.WRU footer div.foot_frame {
	width:994px;
	margin:auto;
}
.WRU footer div.foot_frame > div
{
	width: 285px;
	float:left;
	margin-right:15px;
}
.WRU footer div.foot_frame div.logo
{
	width: 70px;
	margin-right:0px;
}
.WRU footer h2
{
	font-size:12px;
	margin: 0 0 2px 0px;
}
.WRU footer a
{
	text-decoration:none;
	color:white;
}
.WRU footer div.sitemap ul.col
{
	list-style:none;
	float:left;
	width:130px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

/* -- */
.WRU #home_welcome h2 {
	border:none;
	padding:5px 10px;
	background-color:#B51520;
	font-size:12px;
	color:white;
}
.WRU #home_welcome div.img_frame li img { 
	/*fix to avoid page jump*/
	width: 994px;
	/* remove requested height:639px; */
}

.WRU #home_anonymous div.splash {
	width: 48%;
}
.WRU #home_anonymous div.splash.rhs {
	float:right;
}
.WRU #home_anonymous div.splash h3 {
	font-size:1.2em;
	margin: 0 0 2px 0;
}
.WRU #home_anonymous div.splash a {
	display:block;
	background-color:#008441;
	color:white;
	padding:5px 0px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:5px;
	margin-top:15px;
	font-weight:bold;
}

.WRU .list_carousel {
	margin: 0;
	width: 994px;
	height: 352px;
	overflow:hidden;
	position:relative;
}
.WRU .list_carousel .nav {
	position:absolute;
	top:0px;
	z-index:2;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */				
	cursor:pointer;
}			
.WRU .list_carousel .nav:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */				
}
.WRU .list_carousel .left {
	left:0px;
}
.WRU .list_carousel .right {
	right:0px;
}
.WRU .list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.WRU .list_carousel li {
	text-align: center;
	padding: 0;
	display: block;
	float: left;				
}

.WRU .img_small_carousel li {
	font-size: 40px;
	margin-right:20px;
	height: 240px;
}

.WRU .img_small_carousel img.cpic {
	width:320px;
}
.WRU .img_small_carousel img.nav {
	margin-top: 50px;
}

.WRU .img_thumb_carousel li {
}
.WRU .list_carousel div.car_frame {
	margin-left:35px;
}

.WRU .img_thumb_carousel img.cpic {
	width:160px;
	height:120px;
}
.WRU .img_thumb_carousel h4 {
	width:150px;
	height:1.1em;
	white-space:nowrap;
}


.WRU .thumb_carousel {
	margin: 0;
	overflow:hidden;
	position:relative;
	box-shadow: 0 0 5px #888;				
	width:160px;
}
.WRU .thumb_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.WRU .thumb_carousel li {
	font-size: 20px;
	text-align: center;
	height: 120px;
	width:160px;
	padding: 0;
	display: block;
	float: left;				
}
.WRU .list_carousel.img_thumb_carousel .nav {
}
	
.WRU #home_latest_images h2 {
	color:#B51520;
	text-transform:uppercase;
	margin-bottom:2px;
}
.WRU #thumbs_area_frame
{
	background-color:#DDD;
	padding-bottom:20px;
	margin: 20px 0 0 0;
}

.WRU #thumbs_area_frame h3
{
	margin: 15px 0px 3px 10px;
	text-transform:uppercase;
}
.WRU #thumbs_area_frame div.thumb_row {
	height: 180px;
	overflow:hidden;
}
.WRU #thumbs_area_frame div.thumb_row h4
{
	font-size:10px;
	overflow:hidden;
	text-align:center;
	margin:5px;
}

.WRU #thumbs_area_frame div.thumb_row ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.WRU #thumbs_area_frame div.thumb_row ul li img {
	box-shadow: 0 0 5px #888;	
}
.WRU #thumbs_area_frame div.thumb_row ul li {
	display: block;
	float: left;				
	margin-right:30px;
}
.WRU #thumbs_area_frame div.thumb_row ul li:last-child{
	margin-right:0px;
}

.WRU #container_side_bar_frame {
	background-color: #DDD;
	width: 211px;/*nice align with flow image boxes*/
	float:left;
	margin-right:10px;
	font-size:0.8em;
}
.WRU #container_side_bar_frame ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.WRU #container_side_bar_frame ul li {
	margin-bottom:5px;
}

.WRU #container_side_bar_frame > div {
	padding: 5px;
}

.WRU #container_side_bar_frame h3
{
	margin:2px 0px 5px 0px;
}
.WRU #container_side_bar_frame a {
	text-decoration:none;
}

.WRU #container_side_bar_frame #side_search_go {
	font-size:10px;
	text-transform:uppercase;
	color:black;
	display:inline-block;
	background-colour:#A8A9AD;
}
.WRU #container_side_bar_frame #side_search_go:hover {
	color:white;
}

.WRU #container_side_bar_frame ul.bullets li {
	list-style:inside;
	margin-bottom:2px;
}
.WRU #container_side_bar_frame ul.bullets li div.lb_action_response,
.WRU #container_side_bar_frame ul.bullets li div.lb_action_response div{
	display:inline;
	color:#900;
}

.WRU div.image_props_frame {
	margin-left:220px;
	width:770px;
}

.WRU div.image_props_frame img.primary{
	margin-bottom:10px;
}

.WRU div.image_props_frame div.actions_frame ul {
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.WRU div.image_props_frame h2 {
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
}
.WRU div.image_props_frame .metadata {
	font-size: 12px;
}

.WRU section.load_more  {
	background-color:white;
}
.WRU section.load_more > div {
	text-align:center;
	padding-top:20px;
	font-style:italic
}
.WRU section.load_more div.loading_indicator {
	padding-top:20px;
	font-weight:bold;
	font-size:1.2em;
}

@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* global styles */

#check_login {
	display:none;
}

#overlay {
	display: none;
	position: absolute;
	width: 50em;
	height: 40em;
	z-index: 999;
	background-color: #eee;
	border-radius: 6px;
	box-shadow: 0 0 3px 3px #cbc6be;
}
#overlay iframe {
	width: 100%;
	height: 100%;
}
.overlay {
	margin: 15px;
	height: 100%;
}
.overlay h2 {
	margin: 0 0 0.6em;
	font-size: 1.4em;
	margin-bottom: 20px;
	width:99%;
	display:block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;	
}
.overlay #scroll {
	height: 14em;
	overflow-x: hide;
	overflow-y: scroll;
}

#close {
	cursor: pointer;
}

.WRU #progress {
	width: 624px;
	height: 18px;
}
.WRU #progress .bar {
    height: 18px;
    background: #EC2922;
}

/* Mobile Layout: 480px and below. */

div.container_resp_width {
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	
div.container_resp_width {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

}

/* Desktop Layout: min 769px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	
div.container_resp_width {
	width: 95%;
	padding: 1%;
}

}	

