/* CSS for Hang-Up */

html, body, div, span, applet, object, iframe, h1, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 104%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus
{
	outline: 0;
}
font { font-size: 100% } 

ol, ul
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
#maincol td{ vertical-align:top;}
#maincol td h2{ margin-top:15px;}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
td { font-size:90%;}
/* Real CSS starts */

body
{
	background-color: black;
	color: black;
	font-family: Century Gothic,Arial,Geneva, Helvetica , sans-serif;
	font-size: 90%;
	line-height: 1.2em;
	padding-bottom: 20px;
	text-align:center;
}
strong
{
	font-weight: bold;
}


p
{
	margin-bottom: 10px;
}



.offscreen
{
	position: absolute;
	top: -1000px;
	left: -5000px;
}

.container
{
	width: 970px;
	margin: 0px auto;
	background-image: url(media/background.gif);
	background-repeat: repeat-y;
	margin-top: 20px;
	font-size: 11px;
	min-height:600px;
	text-align:left;
}

.header
{
	background-image: url(media/top.gif);
	background-repeat: no-repeat;
	height: 145px;
}

h2
{
	color: #cacaca;
	font-size: 18px;
}
h3
{
	color: #B50D19;
    text-transform:capitalize;
	font-size: 14px;
}

a{
	color:#b50d19;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


.colWrapper
{
float:left;
}

#maincol
{
	float: left;
	width: 412px;
	background-color: white;
	padding-left: 15px;
}
#maincol h2 { padding:0px;margin:0px; padding-bottom:10px;}
#maincol img { margin-top:15px; }
#maincollarge
{
	float: left;
	width: 660px;
	background-color: white;
	margin:0px; padding:0px;
	padding-left: 20px;
	padding-right:0px;
}
#maincollarge h2 { padding:0px;margin:0px; padding-bottom:10px;}
#maincol A
{
	color: #B50D19;
}
#maincol A:visited
{
	color: #B50D19;
}
#maincol A:hover
{
	color: black;
	text-decoration: none;
}
#maincol img {}
#rightcol
{
	float: right;
	margin-right: 35px;
	width: 234px;
	color: black;
	background-color: white;

}
#rightcol img { margin-top:15px;}
#rightcol h2 { padding:0px;margin:0px; padding-bottom:10px;}

#leftcol
{
	width: 224px;
	margin-left: 35px;
	float: left;
	background-color: #B50D19;
	padding-bottom: 200px;
}

.newsform
{
	float: left;
	width: 300px;
	text-align: right;
	margin-left: 50px;
}

.leftlist
{
	padding: 0px;
	margin: 0px;
}
.leftlist a
{
	font-size:178%;
	text-transform: uppercase;
	padding-top: 3px;
	margin: 0px;
	text-decoration: none;
	line-height:21px;
	font-weight:500;
}

.leftlist a:hover
{
	color: white;
	text-decoration: none;
	padding-top: 3px;
	margin: 0px;
}
.leftlist a:visited
{
	text-decoration: none;
	
	margin: 0px;
	padding-top:3px;
}
.subnav a
{
	font-size:106%;
	color:#000000;
	padding-left:10px;
}
.subnav a.selected{
	color:#FFFFFF;
}
.MenuSelected 
{
	color:White;
}
.NotSelMenu { color:Black;}

.footerborder
{
	background-image: url(media/bg-bottom.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-color: black;
}

.footer
{
	height: 40px;
	background-color: black;
	color: white;
}
.footer li
{
	line-height: 1.4em;
	display: inline;
	padding-right: 30px;
}
.footer li a
{
	color: White;
	text-decoration: none;
}
.clear
{
	clear: both;
}
.artists
{
}
.searchmenu
{
	float: left;
	width: 180px;
}
.searchlists
{
	width: 170px;
}
.artistshorizontal
{
	width: 111px;
	float: left;
	font-size: 11px;
	padding:12px 14px 0px 0px;
	margin:0px;
	
}
#buyLink:link , #wishLink:link, #buyLink2:link, #wishLink2:link, #buyLink:visited, #wishLink:visited, #buyLink2:visited, #wishLink2:visited
{
	text-decoration: underline;
	font-size: 11px;
	color: #B50D19;
	width:150px;
	font-weight:bold
}
#buylink:hover, #wishLink:hover { color: #000; }
#buylink2:hover, #wishLink2:hover { color: #fff; }
.artistshorizontal a
{
	text-decoration: none;
	color: black;
}
.artistshorizontal a:hover
{
	text-decoration: none;
	color: #B50D19;
}
.artistList
{
	line-height: 1.4em;
}
.artistMenu
{
	margin-bottom: 50px;
}
.artistMenu li
{
	float: left;
	display: inline;
	padding-right: 25px;
	font-size: 14px;
	text-transform:uppercase;
	font-weight:bold;
	color: #B50D19;
}
.artistMenu a
{
	color: #B50D19;
}
.artistMenu a:visited
{
	color: #B50D19;
}
.artistMenu a:hover
{
	color: black;
	text-decoration: none;
}



.detailMenu
{
	float: right;
	width: 160px;
}

.detailMenu li
{
	padding-right: 20px;
	margin: 0;
}
.detailMenu li a
{
	background: url(media/header_arrow.gif) no-repeat center left;
	padding-left: 15px;
}
.addtobasket
{
	color: yellow;
}
.artists
{
}
.artistNavButtons
{
	float: right;
	padding-top: 30px;
	padding-bottom:30px;
	text-transform: uppercase;
}
.artistNavButtons li a
{
	color: #b50d19;
	text-decoration: none;
}
.artistNavButtons li a:hover
{
	color: black;
}
.artistNavButtons li
{
	display: inline;
	padding-right: 20px;
}
.artistPortfolio
{
	float: left;
	
}
.portfolioThumb
{
	float: left;
	width: 125px;
	height: 125px;
	margin: 0 0px 5px 0;
	display: inline;
}
.portfolioThumb img
{
	border: 0px solid #ffffff;
	-ms-interpolation-mode: bicubic; 
}
.portfolioThumb a:hover img
{
	border: 0px solid #b50d19;
	z-index: 100;
}
.moreimages
{
	margin: 10px 12px 0px 0px;
}


.aboutusText
{
	width: 370px;
}
.aboutusText h2
{
	margin-bottom: 75px;
}
.portfolioDetail
{
	float: right;
	width: 280px;
}

.portfolioDetail ul
{
	width: 145px;
}
.portfolioDetail li
{
	padding-right: 15px;
	margin-bottom: 5px;
}
.imageLarge
{
	float: right;
}
.imageEnlarge
{
	float:left;
	width:100px;
	padding-left:90px;
	cursor:pointer;
}


.detailArrow
{
	background: url(media/header_arrow.gif) no-repeat center left;
	padding-left: 15px;
}

.biography
{
	float: left;
	width: 400px;
	padding-right: 20px;
}

.biography a
{
	text-decoration: underline;
}

.biography a:hover
{
	text-decoration: none;
}
.biography h3
{
	margin-bottom: 10px;

}

.news
{
	float: left;
	width: 360px;
	padding: 10px;
	background: #FFFFFF;
	color: #000000;
}
.news a
{
	color: #000000;
	text-decoration: underline;
}
.news a:hover
{
	text-decoration: none;
}
.news h2
{
	font-size: 100%;
	color: #000000;
	font-weight: bold;
}
.news h3
{
	font-size: 100%;
	color: #000000;
	margin-bottom: 10px;
	font-weight: normal;
}

.newsThumb
{
	float: left;
}

.newsList
{
	border-top: 2px solid black;
	margin-bottom: 20px;
}

.newsArrow
{
	background: url(media/news_arrow.gif) no-repeat center left;
	padding-left: 15px;
}

.archive
{
	float: right;
	width: 145px;
	border-top: 2px solid white;
}
.archive h4
{
	margin-bottom: 2px;
}
.archive li
{
	border-top: 2px solid white;
	margin-bottom: 2px;
}
.leftColumnWhite
{
	float: left;
	width: 360px;
	padding: 10px;
	background: #FFFFFF;
	color: #000000;
}

.leftColumnWhite a
{
	color: #000000;
	text-decoration: underline;
}
.leftColumnWhite a:hover
{
	text-decoration: none;
}
.printArrow
{
	background: url(media/news_arrow.gif) no-repeat center left;
	padding-left: 15px;
}
.printList
{
	border-top: 2px solid black;
	margin-bottom: 20px;
}

.printmakingNav
{
	float: right;
	width: 165px;
}

hr
{
	border: none 0;
	border-top: 2px solid #000000;
	height: 2px;
}

.printmakingNav li
{
	border-top: 2px solid white;
	margin-bottom: 2px;
	background: url(media/header_arrow.gif) no-repeat center left;
	padding-left: 15px;
}
.submitButton
{
	margin-top: 15px;
	margin-bottom: 15px;
}
.updateRow input
{
	margin-top: 15px;
	margin-bottom: 15px;
}
.checkout
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.basket
{
	margin-top: 15px;
}
.basket input
{
	border: 1px solid #000000;
}

.signIn_form
{
	margin-top: 15px;
}
.signIn_form input
{
	border: none;
}
.order_NEWcustomer input
{
	border: none;
}

.dataText
{
	border: 1px solid #000000;
	float: left;
	margin: 0 0 10px 10px;
	width: 240px;
}
.dataTextArea
{
	border: 1px solid #000000;
	margin-left: 10px;
	width: 240px;
}
.text
{
	margin-bottom: 10px;
	float: left;
	width: 110px;
}
.order_form_page
{
	margin-top: 15px;
}
.order_form_page label
{
	float: left;
	width: 110px;
	margin-bottom: 10px;
}
.inputText
{
	float: left;
	border: 1px solid #000000;
	margin-bottom: 10px;
}
.searchResults
{
	width: 231px;
	display: inline;
	float: left;
	margin-top: 15px;
}

.searchThumb
{
	float: left;
	margin-right: 10px;
}

.searchThumb img
{
	border: 2px solid #000000;
}
.searchThumb a:hover img
{
	border-color: #FFFFFF;
}

.homeMore
{
	clear: left;
	text-align: right;
}



/*---- sIFR ---*/
.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced
{
	visibility: visible !important;
}

.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/

.sIFR-active .artistMenu h2 .artistMenuBio h2
{
	visibility: hidden;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 1em;
	font-size: 100%;
	margin: 0;
	padding: 0;
}


.newsletter
{
}
.newsletterlabel, newsletterinput
{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.newsletterinput Input
{
	border: solid 1px #E4E4E4;
	width: 175px;
}
.newsletterinput Textarea
{
	border: solid 1px #E4E4E4;
}
.newsletterinput Select
{
	border: solid 1px #E4E4E4;
}
.newsletterlabel
{
	text-align: right;
	width: 175px;
	padding-right: 20px;
}

.spacer { clear: left; }
.caseStudyText { margin-top: 1em; }
.labelling { width: 160px; display: inline-block;font-size:90%;}
.formSubmitLogout { border-style: solid; border-width: 1px; font-size: 120%; float: right; color: #b50d19; background-color: #fff; }
.submitter { margin: 10px 0px 20px 162px; border-width: 1px; color: #000; background-color: #b50d19; font-size: 120%; }
.formSubmitLogout:hover, .submitter:hover { color: #fff; background-color: #b50d19; cursor: pointer; }
.imageEnlarge2 { float:left; cursor:pointer; }
.hokey { font-size: 100%; border-style: solid; font-family:Century Gothic,Arial,Geneva, Helvetica , sans-serif; border-width: 1px; font-weight: normal; color: #000; background-color: #fff; width: 360px; margin-bottom: 5px; }
.hokeylight { font-size: 100%; border-style: solid; font-family:Century Gothic,Arial,Geneva, Helvetica , sans-serif; border-width: 1px; font-weight: normal; color: #000; background-color: #fff; margin-bottom: 5px; }
.hokey2 {-moz-box-shadow:0 0 1px 1px #aaa;-webkit-box-shadow: 0 0 1px 1px #aaa;font-size:100%;border-style:solid;font-family:Century Gothic,Arial,Geneva,Helvetica,sans-serif;border-width:1px;color:#000;background-color: #fff;width: 360px;margin-bottom: 5px;}
textarea.hokey { font-weight: normal; font-size: 90%; font-family:Century Gothic,Arial,Geneva, Helvetica , sans-serif;}
.imgBox { float: left; padding: 10px; border: 2px solid #555; margin: 0px 10px 0px 0px; font-size: 85%; font-weight: bold; max-width: 110px; }
.imgBoxRight { float: right; padding: 10px; border: 2px solid #555; margin: 0px 10px 0px 0px; font-size: 85%; font-weight: bold; max-width: 110px; }
.imgBox:hover, imgBoxRight:hover { border: 2px solid #b50d19; }
.contMessage { font-style:italic;}
.strong { font-weight: bold; }
.title{position:absolute;color:#b50d19;width:185px;height:50px;margin:0;font-weight:900;padding:0;text-align:center;}
/*
#minitip { display:none; background:transparent url(media/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff;}
*/
#minitip { background-color:#000; border:1px solid #fff; padding:10px 15px; width:180px; display:none; color:#fff; text-align:left; font-size:12px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; }
#demotip { display:none; background:transparent url(media/black_arrow_big.png); font-size:12px; height:160px; width:320px; padding:25px; color:#fff; }
/* the overlayed element */ 
.simple_overlay { display:none; z-index:10000; background-color:#111; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
.simple_overlay .close, .simple_overlay2 .close { background-image:url(media/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.simple_overlay2 { display:none; z-index:10000; background-color:#111; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
.simple_overlaydetails li { font-size:11px; padding: 0px 10px 0px 10px; color: #ccc;} 
.simple_overlaydetails h3 { padding: 0px 10px 0px 10px;  }

table.styledup { color: #fff; background:#b50d19; border-collapse:collapse; width: 100%; border:5px solid #ccc; }
thead { }
thead th { padding:1em 1em .5em; border-bottom:1px dotted #ccc; font-size:120%; text-align:left; }
thead tr { }
td { padding:.5em 1em; }
tbody tr.odd td { background:transparent url(media/tr_bg.png) repeat top left; border-top: 1px solid #999; border-bottom: 1px solid #999;}
tfoot { }
tfoot td { padding-bottom:1.5em; }
tfoot tr { }
* html tr.odd td { background:#b50d19; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale'); }
#middle, #last { background-color: #333; }