/* ------------------------------------ PAGE SETUP -------------------------------------- */
body {
	font-family: sans-serif, Arial, Myriad Pro, Helvetica, "Gill Sans MT";
	font-size: 10pt;
	background-color: #FFFFFF; 
	color: #000000;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	background-image: url('../images/tile_bg.jpg');
}


.frame {
	position: relative; 
	width: 795px; 
	margin: 0px auto;
}	
.frame .bodytext {  
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	width: 750px; 
	border: 1px solid #CCC;
	text-align: left;
}

#page {
	border-collapse: collapse;
}

#pageBorder {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* ------------------------------------ BORDER SETUP ------------------------------------ */

#pageBorder .top {
	background: url('../images/top_fadestrip.gif') repeat-x;
}
#pageBorder .right {
	background: url('../images/sh_r.png') repeat-y;
	width: 5px;
	align: left;
}
#pageBorder .bottom {
	background: url('../images/bot_fadestrip.gif') repeat-x;
}
#pageBorder .left {
	background: url('../images/sh_l.png') repeat-y;
	width: 5px;
	align: right;
}
#header .headerbase{
	background: url('../images/headerfade.gif') top no-repeat;
	color: #EC008C;
	padding: 5px 10px 5px 10px;
	height: 110px;
}
#header .schoolbase{
	background: url('../images/headerfade.gif') top no-repeat;
	color: #EC008C;
	padding: 0px;
	padding-top: 40px;
}
#eventheader .headerbase{
	background: url('../images/eventheadstrip.gif') bottom repeat-x;
	color: #EC008C;
	padding: 5px 10px 5px 10px;
	height: 110px;
}
#eventheader .schoolbase{
	background: url('../images/eventsheader.gif') bottom right no-repeat;
	color: #EC008C;
	padding: 0px;
	padding-top: 40px;
}













/* ------------------------------------ HEADER  & FOOTER TEXT --------------------------- */

#footer .footlogo {
	height: 118px;
	background: url('../images/footer.gif');
}

#footer .foottext {
	color: #FFFFFF;
	height: 25px;
	background: url('../images/roundedfooter.png') no-repeat;
}

#footer .foottext a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer .foottext a:hover {
	text-decoration: underline;
}












/* ------------------------------------ NAVIGATION ------------------------------------ */
.backdroplhs {
	background: url('../images/lhsnavbg.gif') repeat-y;
}

#lhsnav .navmenu {
	text-align: left;
	
}

#lhsnav .navmenu img {
	display: block;
}

#lhsnav .navmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 160px;
}

#lhsnav .navmenu li {
	background: url('../images/menui_item_unselected.gif') no-repeat;
	height: 25px;	
}

#lhsnav .navmenu li ul {
	position: absolute;
	left: -999em;
	width: 150px;
}

#lhsnav .navmenu li ul li {		  

	margin: 0px 0px 0px 0px;
	border-top: solid 1px #EAEFF5;
	padding: 0px;
	background-image: url('../images/menui_item_unselected.gif');
	background-repeat: repeat-x;
}

#lhsnav .navmenu li ul li a {
	color: #75969F;
	display: block;
	font-weight: bold;
	text-decoration: none;
	height: 18px;
	padding: 4px 0px 3px 20px;	
	text-align: left;
}

#lhsnav .navmenu li a {
	color: #75969F;
	display: block;
	font-weight: bold;
	text-decoration: none;
	height: 18px;
	padding: 4px 0px 3px 20px;	
	text-align: left;
}


#lhsnav .navmenu li a:hover {
	text-decoration: none;
	color: #A086AB;
	background: url('../images/menui_item_selected2.gif') no-repeat;
}

#lhsnav .navmenu li:hover ul ul, #lhsnav .navmenu li.sfhover ul ul {
  left: -999em;
}

#lhsnav .navmenu li:hover ul,  #lhsnav .navmenu li.sfhover ul {
	left: auto;
	margin-left: 161px;
	margin-top: -26px;
}

#lhsnav .navmenu li li:hover ul,  #lhsnav .navmenu li li.sfhover ul {
	left: auto;
	margin-left: 150px;
	margin-top: -26px;
}















/* ------------------------------------ BODY STYLES ------------------------------------ */
#bodywrap {
	background-color: #FFFFFF;
}

#body {
	text-align: left;
}

#body .title {
	font-size: 14pt;
	font-weight: normal;	
	padding: 2px 0px 4px 6px;
	margin: 2px;
}

#body .title td {
	color: #6894A1;
	border-bottom: 1px solid #ec008c;
}

#body .title td a, #body .title td a:visited {
	color: #6894A1;
	text-decoration: none;
}

#body .title td a:hover {
	color: #EE008E;
	text-decoration: none;
}

.bodytxt {
	padding: 5px 5px 5px 5px;
	color: #486C6C;

}
ol li {
	color: #486C6C;
}
ul.bodytxt {
	text-align: left;
}

#body .careers .bodytxt {
	padding: 10px 20px 10px 20px;
}

.columntxt {
	padding: 5px 5px 5px 5px;
	color: #669999;
}
.columnhead {
	padding: 5px 5px 5px 5px;
	color: #669999;
	font-weight: bold;
}

.columnhead a, .columnhead a:visted {
	color: #669999;
	text-decoration: none;
}

.columnhead a:hover {
 	color: #669999;
 	text-decoration: underline;
}

.listcolumn {
	padding: 5px 5px 5px 5px;
}









/* ---------------------------------- CONTACT STYLE ------------------------------------- */

#contact, #contact td, #contact input, #contact select {
	font-size: 8pt;
}

#contact input.text {
	width: 250px;
}

#contact .regular {
	width: 250px;
}

#contact textarea {
	width: 250px;
	font-size: 8pt;
}

#terms, #terms table {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	background-color: #efefef;
}

#job input.text {
	width:  200px;
}

#job .regular {
	width: 200px;
}

#job textarea {
	width: 200px;
}


textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
}













/* ------------------------------------ LOGIN STYLES ------------------------------------ */

#login {
	background-image: url('../images/login_bg.gif'); 
	background-repeat: no-repeat;
}


#login1 {
	background-image: url('../images/login1_bg.gif'); 
	background-repeat: no-repeat;
	height: 179px;
	font-size: 8pt;
}

#login1 input {
	font-size: 8pt;
}

#login2 {
	background-image: url('../images/login_bg2.gif'); 
	background-repeat: no-repeat;
}


#login.text {
	width: 200px;
}











/* ---------------------------------- MY PHOTOS STYLE ----------------------------------- */

#myphotos {
	border-collapse: collapse;
}

#myphotos td {
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #CCCCCC;
}















/* ---------------------------------- BASKET STYLE ----------------------------------- */

#LHSbasket {
	width: 147px;
	border-collapse: collapse;
	background-color: #C2D2D4;
}

#LHSbasket .headers {
	font-weight: bold; 
	text-decoration: underline;
}

#LHSbasket .totals td{
	font-weight: bold;
	border-top: 1px solid #000050;
	background: url('../images/basketbottom.gif') bottom left no-repeat;
	height: 28px;	
}

#LHSbasket td {
	padding: 2px;
	font-size: 8pt;
}

#LHSbasket .light td {
	background-color: #d4dfe0;
}

#LHSbasket .dark td {
	background-color: #acbfc2;
}

#LHSbasket a,#LHSbasket a:visited {
	color: #000000;
}

#LHSbasket a:hover {
	color: #EE008E;
}

#LHSbasket .tl {
	background: url('../images/favtl.gif') top left no-repeat;
}

#LHSbasket .tr {
	background: url('../images/favtr.gif') top right no-repeat;
}

#LHSbasket .bl {
	background: url('../images/favbl.gif') bottom left no-repeat;
}

#LHSbasket .br {
	background: url('../images/favbr.gif') bottom right no-repeat;
}













/* ---------------------------------- REPORT STYLE ----------------------------------- */

#report {
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
}

#report tr.headers td {
	background-color: #FFE7D7;
	font-weight: bold;
	text-align: center;	
}

#report td {
	text-align: center;
	padding-left: 5px;	
	font-size: 8pt;
}

#report tr.headers td a, #report tr.headers td a:visited {
	color: #404040;
	text-decoration: none;
}
#report tr.headers td a:hover {
	color: #000080;
	text-decoration: none;
}

#report a, #report a:visited {
	color: #FF6600;
	text-decoration: none;
}















/* ---------------------------------- IMGDISPLAY STYLE ----------------------------------- */

/**********LAYOUT************/

#imgDisplay, #imgDisplay table {
	background-color: #efefef;
	border-collapse: collapse;
	margin: 2px;
	padding: 0px;
}

#imgDisplay tr {
	background-color: #efefef;
}

#imgDisplay td {
	font-size: 8pt;
	padding: 2px;
}

#imgDisplay img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#imgDisplay select {
	width: 50px;
	font-size: 8pt;
}

#imgDisplay table, #imgDisplay table tr {
	background: none;
}

#imgDisplay input.checkbox {
	width: 15px;
}

/*********DISPLAY***********/

#imgDisplay .header {
	background-color: #C2D2D4;
	font-weight: bold;
}

#imgDisplay {
	
}

#imgDisplay tr.prodinfo {
	background: url('../images/packtop.gif') top left no-repeat;
}

#imgDisplay tr.collectioninfo {
	background: url('../images/collectionheader.gif') top left no-repeat;
	height: 35px;
}

#imgDisplay tr.collectioninfo td {
	height: 35px;
	font-size: 10pt;
}

#imgDisplay tr.selquan {
	background: url('../images/packbottom.gif') bottom left no-repeat;
}

#imgDisplay td.btl {
	background: url('../images/b2topleft.gif') top left no-repeat;
}

#imgDisplay td.btr {
	background: url('../images/b2topright.gif') top right no-repeat;
}

#imgDisplay tr.baskbottom {
	background: url('../images/b2bottom.gif') bottom left no-repeat;
	border-top: 1px solid #ffffff;
}

#imgDisplay .imgFloat {
	float: left;
	margin: 3px;
}

#imgDisplay .imFloat img {
	border: 2px solid #efefef;
}

#imgDisplay td.bgtr {
	padding: 0px;
}

#imgDisplay tr.whitebg {
	background-color: #FFFFFF;
}

#imgDisplay tr.borb {
	background-color: #FFFFFF;
	border-bottom: 1px solid #c2d2d4;
}

#imgDisplay .borr {
	border-right: 1px solid #dfe7e8;
}

#imgDisplay .light td {
	background-color: #f0f4f4;
}

#imgDisplay .dark td {
	background-color: #d7e7e9;
}

#imgDisplay tr.info td {
	background-color: #C2D2D4;
	padding: 2px;
}

#imgDisplay tr.infoS td {
	background-color: #C2D2D4;
	padding: 2px;
	height: 100%;
}

#imgDisplay tr.infowb td{
	background-color: #C2D2D4;
	border: 1px solid #c2d2d4;
}

#imgDisplay tr.infoS {
	height: 100%;
}

#imgDisplay tr.picture {
	height: 99%;
}

#imgDisplay .photodetails{
	background: url('../images/housebg.gif') bottom right no-repeat;
}

#imgDisplay input {
	font-size: 8pt;
}

#imgDisplay .imwrap td{
	border: 1px solid #c2d2d4;
}

#imgDisplay .hr2 {
	margin-top: 4px;
}

#imgDisplay a.box, #imgDisplay a.box:visited {
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #000;
	height: 94px;
	width: 94px;
	display: block;
}

#imgDisplay a.box:hover {
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #DD0067;
}

#imgDisplay h3 {
	color: #ec008c;
}









/* ---------------------------------- TOOLS STYLE ----------------------------------- */

#tools, #tools table {
	border-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

#tools td {
	text-align: center;
}

#tools img {
	display: inline;
}









/* ----------------------------------- PRES STYLE ----------------------------------- */

#pres, #pres table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
#pres .header {
	background-color: #C2D2D4;
	font-weight: bold;
}

#pres img {
	padding: 0px;
	margin: 3px 5px 3px 5px;
	border: 0px;
}

#pres tr {
	background-color: #efefef;
}

#pres td {
	font-size: 8pt;
	padding: 2px;
}

#pres tr.info td {
	background-color: #C2D2D4;
	padding: 2px;
}

#pres tr.info td.description{
	background-color: #C2D2D4;
	padding: 6px 0px 3px 5px;
}

#pres p.descHeader {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
#pres p.descRef {
	color: #ffffff;
	font-weight: bold;
	margin-top: 5px;
}

#pres input {
	font-size: 8pt;
}

#pres input.checkbox {
	width: 15px;
}

#pres hr {
	color: #ffffff;
	background-color: #ffffff;
	border: 0px;
	height: 2px;
}














/* ---------------------------------- CONFIRM STYLE ----------------------------------- */

#confirm, #confirm table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
#confirm tr {
	background-color: #efefef;
}
#confirm td {
	font-size: 8pt;
	padding: 2px;
}
#confirm tr.info td {
	background-color: #C2D2D4;
	padding: 2px;
}
#confirm input {
	font-size: 8pt;
	margin: 3px;
}
















/* ---------------------------------- PRODUCT STYLE ----------------------------------- */

#product {
	background-color: #efefef;
}
#product td.main {
	padding: 10px;
}
#product select {
	font-size: 8pt;
}
#product td {
	font-size: 8pt;
}

#product input{
	font-size: 8pt;
}
#product input.transparent{
	font-size: 8pt;
	border: 0px;
	background-color: #efefef;
}












/* ---------------------------- SEARCH RESULTS STYLE --------------------------------- */
#searchRes {
	width: 98%;
	margin: auto;
}
#searchRes .date {
	width: 100px;
}
#searchRes td {
	text-align: center;
	font-size: 9pt;
	vertical-align: top;
}
#searchRes .header {
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	font-size: 10pt;
}
#searchRes .lftb {
	border-right: 1px solid #DDDDDD;
}
#searchRes .rgtb {
	border-left: 1px solid #DDDDDD;
}



















/* ---------------------------------- SEACAT STYLE ----------------------------------- */

.seaCat {
	width: 150px;
	height: 120px;
	float: right;
	text-align: center;
	margin: 3px;
}

.seaCatB img, .seaCat img {
	display: block;
	margin: auto;
}

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












/* ---------------------------------- SEAPRO STYLE ----------------------------------- */

.seaPro {
	float: left;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 5px;
	height: 172px;
	font-weight: bold;
	background-color: #ffd5ee;
}

.seaPro img {
	display: block;
	float: right;
}


#imgDisplay .seaLayout, #imgDisplay .seaLayout td, #imgDisplay .seaLayout tr {
	margin: 0px;
	padding: 0px;
}

#imgDisplay .seaLayout {
	height: 100%;
}

#imgDisplay .seaLayout .fnrow {
	height: 20px;
}

#imgDisplay .seaLayout .fname {
	line-height: 200%;
}

#imgDisplay .seaLayout .toolbar {
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
}

#imgDisplay .seaLayout .toolbar img{
	margin-top: 10px;
	margin-bottom: 10px;
}
#imgDisplay .seaLayout .photo{
	margin-top: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}








/* ---------------------------------- CATSELECT STYLE ----------------------------------- */
#catSelect {
	margin: 10px auto;
	border: 1px solid #CCCCCC;
	background-color: #efefef;
	padding: 2px;
}
#catSelect .catBox {
	background-color: #c2d2d4;
	border: 1px solid #cccccc;
	text-align: center;
	margin: 3px;
	padding: 1px 14px 1px 14px; 
}
#catSelect .catBox img {
	display: inline;
	float: left;
	margin: 0px 8px 0px 4px;
}
#catSelect .catBox img.flr {
	float: right;
}
#catSelect .catBox a, #catSelect .catBox a:visited {
	font-size: 11pt;
	font-weight: bold;
	color: #ec008c;
	padding: 4x 0px 4px 0px;
	text-decoration: none;
}
#catSelect .catBox a:hover {
	color: #99cc00;
	text-decoration: underline;
}

#catSelect p {
	text-align: center;
	margin: 3px;
}
#catSelect input {
	width: 25px;
	border: 1px solid #cccccc;
}











/* ---------------------------------- SWITCHBOX STYLE ----------------------------------- */

#switchbox {
	padding: 30px 20px 0px 0px;
}

#switchbox td {
	color: #669999;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}
#switchbox td a, #switchbox td a:visited {
	color: #669999;
	text-decoration: none;
}
#switchbox td a:hover {
	color: #DD0067;
	text-decoration: none;
}

#switchbox .smallbox {
	padding: 2px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #6894A1;
	height: 30px;
	width: 30px;
	margin-left: auto;
	margin-right: auto;
}
#switchbox .smallboxOver {
	padding: 2px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #DD0067;
	height: 30px;
	width: 30px;
	margin-left: auto;
	margin-right: auto;
}

#switchbox .largebox {
	padding: 2px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #6894A1;
	height: 94px;
	width: 94px;
	margin-left: auto;
	margin-right: auto;
}
#switchbox .largeboxOver {
	padding: 2px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #DD0067;
	height: 94px;
	width: 94px;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------------ INFORMATION BOX STYLES ------------------------------------*/

#infobox {
	border-collapse: collapse;
}

#infobox tr.header td {
	background-color: #C2D2D4;
	font-weight: bold;
	text-align: center;
}

#infobox tr.data td {
	background-color: #C2D2D4;
}	

#infobox ul.info {
	list-style-image: url('http://www.artsphotography.co.uk/templates/default/images/info_icon.gif');
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}	

#infobox ul.info li {
	height: 15px;
	font-size: 9pt;
	padding: 4px 0px 4px 4px;
	text-align: left;
}





/* ------------------------------------ COMMON STYLES ------------------------------------*/
p {
	margin: 0px;
	font-size: 9pt;
}

form {
	margin: 0px;
}

h1, h2, h3 {
	color: #6894A1;
	margin: 0px;
}

h1 {
	font-size: 14pt;
	font-weight: normal;	
	padding: 2px 0px 4px 6px;
	margin: 2px;
}

h2 {
	font-size: 12pt;
	padding: 2px;
}

h3 {
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
}


table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
	display: block;
}



















/* ------------------------------------ CUSTOM STYLES ----------------------------------------*/

img.inline {
	display: inline;
}

img.borders, #imgDisplay img.borders {
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #000;
}

.bottomborder {
	border-bottom: 4px solid #EC008C;
}

.signiture {
	font-style: italic;
	padding: 0px 5px 0px 490px;
}

.floatL{
	float: left;
}

.floatR{
	float: right;
}

.border {
	border: 1px solid #000000;
}

.packPreview {
	float: left;
	width: 33%;
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.packPreview img{
	display: inline;
	margin: 2px; 
}

.pproducts{
	float: left;
	color: #000;
	font-size: 8pt;
	width: 33%;
}

.pproducts .opLine{
	padding-left: 10px;
	float: left;
	width: 40%;
}

.pproducts select{
	font-size: 8pt;
}

.pproducts .phead {
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 2px;
}

.pproducts .dimen {
	margin: 2px;
	display: block;
}

.pproducts hr {
	border: 0;
	height: 1px;
	background-color: #999999;
	width: 90%;
}

.greybg {
	background-color: #efefef;
	border: 1px solid #999999;
}

.dragme{position:relative;}

.photobin {
	width: 90%;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #888888;
}





/* ------------------------------------- SMALL STYLES ---------------------------------------*/
#reportBox {
	background-color: #FFFFC0;
	border: 1px solid #C00000;
}

#reportBox td {
	font-family: arial;
	text-align: center;
	font-size: 11pt;
}

#options td {
	text-align: left;
	padding: 2px 2px 2px 6px;
}

#imgDisplayExp a.box, #imgDisplay a.box:visited {
	padding: 2px;
	margin: 0px 4px 0px 4px;
	border: 1px solid #6894A1;
	height: 94px;
	width: 94px;
	display: block;
}

#imgDisplayExp a.box:hover {
	padding: 2px;
	margin: 0px 4px 0px 4px;
	border: 1px solid #DD0067;
}

#imgDisplayExp .undertxt {
	color: #669999;
	font-weight: bold;
}


#storyboard img{
	margin: 10px;
}











/* ------------------------------------ TXT STYLES ------------------------------------- */

p.disclaimer {
	font-size: 8pt;
}

small {
	font-size: 8pt;
}

/* ------------------------------------- COLOURS ----------------------------------------*/
.red {
	color: #FF0000;
}
.blue {
	color: #0000FF;
}
.pink {
	color: #EE008E;
}
.sysmess {
	padding-top: 8px;
	color: #FF0000;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}

/* ------------------------------------ LINK STYLES ------------------------------------ */

a, a:visited {
	 color: #ec008c;
	text-decoration: none;
}
a:hover {
    color: #ec008c;
	text-decoration: underline;
}