html {
height: 100%;
}
body {
	margin: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-image: url(http://www.iseacanvasart.co.uk/images/bg.jpg);
	background-repeat: repeat-x;
	color: #333333;
}

* { padding: 0; margin: 0; }

td {
	padding: 2px;
}

#outta {
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	background-image: url(http://www.iseacanvasart.co.uk/images/main_bg_repeat.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#center_container {
	width: 100%;
	position: relative;
	background-image: url(http://www.iseacanvasart.co.uk/images/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

#main_container {
	position: relative;
	text-align: center;
	width: 935px;
	margin-right: auto;
	margin-left: auto;
}

#opac_layer {
	background-color:#000000;
	filter:alpha(opacity=95);

	-moz-opacity: 0.95;
	opacity: 0.95;
	position: absolute;
	width: 896px;
	top: 0px;
	left: 0px;
	height: 100%;
	}



#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 935px;
	background-image: url(http://www.iseacanvasart.co.uk/images/logo.png);
	background-repeat: no-repeat;
	background-position: 30px 27px;
}



#logo_button {
	position: absolute;
	z-index: 50;
	height: 40px;
	width: 300px;
	left: 10px;
	top: 30px;
}

#logo_button a {
	width: 300px;
	height: 50px;
	display: block;
}

#logo_button a:hover {
	background-image:url(images/homelink.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 300px;
	height: 40px;
	display: block;
}

#contact_details {
	padding-top: 2px;
	padding-left: 0px;
	position: relative;
	width: 100%;
	padding-bottom: 45px;
	text-align: right;
}

#contact_details p {
	color:#CCCCCC;
	font-size: 130%;
	font-weight: bold;
}

#contact_details a {
	color: #999;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
}

#contact_details a:hover {
	color: #CE2485;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
}

#top_nav {
	position: relative;
	float: none;
	padding: 0px;
	background-image: url(http://www.iseacanvasart.co.uk/images/navs.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 935px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#top_nav li {
	float: left;
	padding: 0px;
	text-align: center;
	font-size: 95%;
	width: 128px;
	height: 47px;
	margin: 0px;
	text-align: center;
}

#top_nav li a {
	display: block;
		margin: 0px;
	padding: 0px;
		width: 128px;
	height: 47px;
	text-decoration: none;
}

#top_nav li a:hover {
	
}

#top_nav li span {
	filter:alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
	color: #595444;
	font-weight: bold;
}

.top_nav_right {
	width: 5px;
	height: 15px;
	background-image:url(http://www.iseacanvasart.co.uk/images/top_nav_right.gif);
	background-position:right top;
	background-repeat: no-repeat;
	float: right;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#long_bar {
	background-image: url(http://www.iseacanvasart.co.uk/images/bar.gif);
	background-repeat: repeat-x;
	width: 100%;
	float: left;
	height: 20px;
	clear: both;
}
#middle {
	padding-top: 130px;
	margin-bottom: 20px;
	position: relative;
	margin-right: auto;
	margin-left: auto;


}
#middle_pad {
	margin: 0px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#banners {
	width: 100%;
	float: left;
	clear: both;
}
#banner_left {
	float: left;
	height: 300px;
	width: 500px;
	position: relative;
	border: 1px solid #DB0577;
	background-color: #FFF;
	bottom:6px;
	right: 6px;
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px;
	overflow: hidden;
}

.banner_right {
	bottom:6px;
	right: 6px;
	padding: 0px;
	text-align: left;
	border: 1px solid #BD0069;
	background-color: #FFF;
	position: relative;
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px;
	width: 385px;
}
.banner_left_shadow {
	float:left;
	background: url(http://www.iseacanvasart.co.uk/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://www.iseacanvasart.co.uk/images/shadow.gif) no-repeat bottom right;
	width: 500px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.banner_right_shadow {
	float:left;
	background: url(http://www.iseacanvasart.co.uk/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://www.iseacanvasart.co.uk/images/shadow.gif) no-repeat bottom right;
	width: 387px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;

}






.banner_your_photos {
	padding-right: 130px;
	padding-top: 0px;
 }

#camera {
	background-image: url(http://www.iseacanvasart.co.uk/images/camera.png);
	background-repeat: no-repeat;
	height: 128px;
	width: 137px;
	position: absolute;
	z-index: 30;
	left: 249px;
	top: -2px;
}

#banner_sofa {
	background-image: url(http://www.iseacanvasart.co.uk/images/sofa.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 260px;
	top: 250px;
	z-index: 50;
	height: 125px;
	width: 270px;
}
#left_content {
	position: relative;
	margin-right: 15px;
	border: 1px solid #DB0577;
	background-color: #FFF;
	bottom:6px;
	right: 6px;
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px;
	text-align: left;
}
#full_content {
	float: left;
	text-align: left;
	width: 910px;
	background-color: #FFFFFF;
	border: 1px solid #CE2485;
	padding: 0px;
}

.full_pad {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#right_content {
	float: left;
	width: 370px;
	text-align: left;
	padding: 0px;
	border: 1px solid #DB0577;
}
h1 {
	font-size: 220%;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	background-color: #999;
	padding: 5px;
}

h2{
	font-size: 180%;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999;
	display: block;
	padding: 5px;
}
 p {
	line-height: 150%;
	margin-bottom: 15px;
	color: #333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
		font-size: 110%;
}
.larger {
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	color: #D10172;
	line-height: 150%;
}
h3 {
	font-size: 180%;
	font-weight: normal;
	color: #D10172;
	margin-bottom: 10px;
}

a.larger {
	text-decoration: none;
}

.news_img {
	float: left;
	width: 100px;
	margin-right: 20px;
	padding-left: 10px;
}
.news_pad {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 360px;
	float: left;
	clear: both;
}

.news_body {
	float: left;
	width: 220px;
	height: 7em;
	margin: 0px;
	padding: 0px;
}

a {
	color:#D40174;
}
form {
	margin: 0px;
	padding: 0px;
}
select,input {
	color: #333333;
	background-color: #DCBDA7;
	padding: 3px;
	border: none;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 3px;
}

textarea {
   font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #DCBDA7;
	padding: 2px;
	border: none;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 3px;
}	

	
.big_button {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #98644D;
	height: 20px;
	width: 60px;
	font-weight: bold;
	padding: 2px 2px 3px;
	margin: 4px 0px 0px;
	display: block;
	float: right;
}
label {
	float: left;
	width: 100px;
	clear: left;
	height: 2em;
	color: #333333;
}
.option_style {
	color: #333333;
	font-weight: bold;
}

#bottom_container {
	width: 935px;
	background-color: #000000;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#bottom_container ul {
	list-style-type: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#bottom_container li {
	margin-right: 20px;
	display: inline;
}

#bottom_container li a {
	color: #999;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
}

#bottom_container li a:hover {
	color: #CE2485;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
}

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

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}


#loading {
	margin-left: 10px;
	height: 25px;
	width: 140px;
	background-image: url(http://www.iseacanvasart.co.uk/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50px 4px;
	float: left;
	display: none;
}
#top_right_floater {
	float: right;
	width: 300px;
	margin-left: 20px;
}
.full_clear {
	clear: both;
	float: none;
	width: 100%;
}


.artist_con {
	float: left;	
	height: 210px;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align:bottom;
}

.artists_item {
	width: 100px;
	height: 150px;
	float: left;
	margin-right: 10px;
}

#artists_work {
	float: left;
	width: 570px;
	padding-bottom: 20px;
}

.gallery_item {
	height: 190px;
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align:bottom;
	border: 1px solid #000;
	visibility: hidden;
}

.gallery_info {
	padding: 3px;
	margin-top: auto;
	margin-bottom: auto;
		clear: both;
}

a.gallery_info > hover { display: block;	}
a.gallery_info:hover { display: block; }
.gallery_info p {
	background-color: #000;	
	color: #fff;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
	display: block;
	font-size: 100%;
	clear: both;
	height: 3em;
}


.gallery_item:hover {
	border: 1px solid #D40174;
	cursor:pointer;
}
#gallery_search {
	margin-bottom: 10px;
	padding: 5px;
	height: 2em;

}

#gallery_search_left {
	float: left;
	width: 300px;
}
#gallery_search_right {
	float: right;
	padding-right: 10px;
	width: 450px;
}

.img_right {
	float: right;
	margin-left: 20px;
}
#show_canvas {
	text-align: center;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 30px;
}
#show_canvas_type {
	text-align: center;
	vertical-align: middle;
	width: 132px;
	float: left;
}

#show_width {
	text-align: center;
	display: block;
	height: 40%;
}
#show_height {
	float: left;
	width: 50px;
	text-align: left;
}
.button_pink {
	color: #FFFFFF;
	background-color: #CE2485;
	font-weight: bold;
	padding: 5px;
}
.basket td{
	padding: 5px;
}
img {
	border: none;
	
}
.img_right {
	float: right;
	margin-left: 15px;
}
.artist_img {
	float: left;
	margin-right: 20px;
	width: 120px;
}
.artist_body {
	float: left;
	width: 210px;
}
.blog_container {
	width: 100%;
	margin-bottom: 15px;
	height: 150px;
}
.blog_img {
	float: left;
	margin-right: 15px;
	width: 100px;
}
.blog_body {
	float: left;
	width: 730px;
}

#right_crop {
	float: left;
	width: 80px;
	margin-left: 10px;
}
#resizeImage {
	float: left;
	padding-bottom: 20px;
	width: 500px;
	text-align: center;
}

#theImage {
	text-align: center;
	float: none;
}

#resize_save {
	float: left;
	width: 300px;
	clear: right;
}
#rotate_options {
	float: left;
	width: 280px;
	clear: right;
}
.rotate_left {
	background-image: url(http://www.iseacanvasart.co.uk/images/rotate_left.gif);
	background-repeat: no-repeat;
	float: left;
	width: 30px;
	height: 30px;
	border: none;
	text-indent: -999px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.rotate_right {
	background-image: url(http://www.iseacanvasart.co.uk/images/rotate_right.gif);
	background-repeat: no-repeat;
	float: left;
	width: 30px;
	height: 30px;
	border: none;	
	text-indent: -999px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.rotate_reset {
	background-image: url(http://www.iseacanvasart.co.uk/images/reset_rotate.gif);
	background-repeat: no-repeat;
	float: left;
	width: 30px;
	height: 30px;
	border: none;	
	text-indent: -999px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.rotate_text {
	margin-left: 20px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;

}
#payment_buttons {
	float: right;
	width: 200px;
	margin-top: 20px;
}
#gift_voucher_bg {
	background-color: #000000;
	background-image: url(http://www.iseacanvasart.co.uk/images/gift_voucher.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	height: 400px;
	margin-bottom: 10px;
}
#gift_voucher_text {
	float: right;
	width: 300px;
	color: #CCCCCC;
	padding-right: 10px;
	padding-top: 10px;
}

#gift_voucher_text p {
	color: #cccccc;
}

#gift_voucher_text label {
	color: #cccccc;
}	

#resize_options {
	display: block;
}
#skip_crop {
	display: none;
}

#unstretched_attr, #stretched_attr, #perspex_attr, #metallic_attr {
	display: none;	
}
#hr {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.nav_but {
	background-color: #999999;
	display: block;
	padding: 5px;
	width: 70px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.hotline {
	color: #ffffff;
	font-size: 130%;
}











/* generic contactpopup */

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#contactArea {
	text-align: left;
}

#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block; 
cursor: pointer; 
}  
.hidden {
	display: none;
}

