/* 

cabcoll.com
version 1.0b

(c) Cabot Collection Systems, LLC 2006

*/




/* ****************** main canvases ***************************** */

/* basic canvas (page) */
.page {
	background-color: #000000;
}

/* content canvas */
.content {
	background-color: #0F0F0F; 

}


/* ****************** boxes ***************************** */

.archiveteaser { 
/*	cursor: pointer; */
}

/* archive box */
.archivebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BBBBBB;
	background-color: #501D19;
}

.loginteaser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	background-color: #181818;	
}


/* teaserbox (home,archive,shopping) */
.teaserbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	background-color: #0F0F0F;
}

/* contextbox  */
.contentbox {
	background-color: #181818;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
}

/* listbox (shopping, orderhistory) */
.listbox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	background-color: #343434;
}


/* homepaggeteaserheasd */
.teaserHead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	background-color: #343434;
}




/* ******************** text ******************************  */

/* headline  */
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #999999;
	margin-top: 54px;
	/* margin-left: 24px */
}
.subheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #999999;
	margin-top: 93px;
	/* margin-left: 24px */
}


/* Copytext mit neuer (hellerer) Farbe */
.copytextNeu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #b7b7b7;
	text-decoration : none;	
}

/* copytext/link (hell)  */
.copytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
}
.copytextLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : underline;	
}
.copytextLink:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}

.copytextLs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
	line-height:18px;
}

/* copytext/link (hell)  */
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
   /*	cursor:default; */
}
.link:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}


/* copytext/link (dunkel)  */

.copytextDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	text-decoration : none;	
}
.copytextDarkLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	text-decoration : underline;	
}
.copytextDarkLink:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}



/* copytext/link (dunkel)  */

.copytextBright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : none;	
}
.copytextBrightLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : underline;	
}
.copytextBrightLink:hover {
	color : #CCCCCC;
	text-decoration : underline;	
}

.copytextLsBright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	line-height:18px;
	text-decoration : none;	
}


/* copytext/link (hell)  */
.copytext10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #888888;
	text-decoration : none;	
}
.copytext10Link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #888888;
	text-decoration : underline;	
}
.copytext10Link:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}



/* copytext/link (dunkel)  */

.copytext10Dark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #484848;
	text-decoration : none;	
}
.copytext10DarkLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #484848;
	text-decoration : underline;	
}
.copytext10DarkLink:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}

/* textNote (hinweistext!)  */
.textNote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #921A12;
	text-decoration : none;	
}

/* feedbacktext  */
.feedbackText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#BBBBBB;
}


/* function link */
.function {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #4F4E4E;
	text-decoration : underline;
}
.function:hover {
	color : #BBBBBB;
	text-decoration : underline;
}

/* archive text */
.archiveText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #7B5C5A;
	text-decoration : none;	
}

/* archive text */
.archiveText13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #7B5C5A;
	text-decoration : none;	
}

/* archive text */
.archiveText13Grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #646464;
	text-decoration : none;	

}

/* feedbacktext  */
.testText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 96px;
	color: Gray;
	margin-left: 12px;
}


/* Login,Register-FAQ-Link; added 2006/02, tht  */
.loginLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;	
	text-decoration : underline;	
}
.loginLink:hover {
	color: #cccccc;
	text-decoration : underline;		
}

/* ****************** navigation ***************************** */

/* sitenav: navigation between photographer websites  */
.sitenavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #484848;
	text-decoration : none;
}
.sitenavLink:hover {
	color : #888888;
	text-decoration : none;
}


/* metanav: metanavigation  */
.metanavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #CCCC33;
	text-decoration : none;
}
.metanavLink:hover {
	color : #BBBBBB;
	text-decoration : underline;
}
.metanavLinkCurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #BBBBBB;
	text-decoration : none;
}

/* locator  */
.locator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration : none;	
	padding-bottom: 4px;
}
.locatorLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #999999;
	text-decoration : underline;
}
.locatorLink:hover {
	color : #cccccc;
	text-decoration : underline;
}


/* nav: main navigation  */

.nav {
	background-color: #151515;
}


/* subnav: subnavigation (dhtml-menu) :!: nicht im styleguide definiert :!:  */

.subnav {
	background-color: #151515;
}
.subnavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
	background-color: #151515;
}
.subnavLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #BBBBBB;
	text-decoration : underline;	
	background-color: #151515;
}
.subnavLinkCurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : underline;	
	background-color: #151515;	
}

/* content footer  */
.contentFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #999999;
	margin-top: 50px;
	line-height: 19px;
}
.contentFooter a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #999999;
	text-decoration: underline;	
	line-height: 19px;
}
.contentFooter a:hover {
	color: #cccccc;
}


/* footer  */
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #5a5a5a;
	text-decoration : none;
	background-color: #000000;
}
.footerLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #CCCC33;
	text-decoration : none;
}
.footerLink:hover {
	color : #BBBBBB;
	text-decoration : underline;
}


/* pagenav and portfolioLink  */
.pagenav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
}


.teaserLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
}
.teaserLink:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}





/* ********************* statusbar ****************************** */

/* statusbar normalzustand */
.statusbarNorm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	background-color: #252525;
}

/* statusbar archive, logged-in */
.statusbarArchive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	background-color: #252525;
}

/* statusbar archive, logged-in */
.statusbarLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	

}
.statusbarLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : underline;	
}
.statusbarLinkCurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : none;	
}

/* hi-text (colored) */
.statusbarTextHi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	text-decoration : none;	
}






/* **************************** archive *********************************** */



.orderlistText {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #5F5F5F;
}




/* cart  (in lightboard */
.cart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	background-color: #343434;	
	text-decoration : none;
}

/* text in cartlist (orderpage) */
.cartlistHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration : none;		
	
}


/* text in cartlist (orderpage) */
.cartlistText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F5F5F;
	text-decoration : none;		
	
}

/* text in cartlist (orderpage) */
.cartlistTextHi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BBBBBB;
	text-decoration : none;		
	
}

.cartlistTextBestof {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F5F5F;
	text-decoration : none;		
	
}

/* function in cartlist (orderpage) */
.cartlistFunction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	text-decoration: underline;
}


/* cartLink (open cart) */
.cartLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;	
}
.cartLink:hover {
	color : #CCCCCC;
	text-decoration : none;	
}


/* carttext  */
.cartText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #888888;
}

/* cartheadline  */
.cartHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : none;	
}


/* search */
.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #202020;
	color : #5E5E5E;
	text-decoration : none;
	line-height: 15px;
}

.searchText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #5E5E5E;
	text-decoration : none;
	cursor:default;
	line-height: 15px;	
}

/* searchLink  */
.searchLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #6F5856;
	text-decoration : none;	
}
.searchLink:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}

/* searchSelectbox */
.searchSelectbox  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #202020;
	color : #888888;
	height : 16px;
	border-left : #404040 1px solid;
	border-top : #404040 1px solid;
	border-right : #404040 1px solid;
	border-bottom : #404040 1px solid;
}




/* photocountFunction (show photos per page)  */
.showphotosFunction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #484848;
	text-decoration : underline;	
}
.showphotosFunction:hover {
	color : #BBBBBB;
	text-decoration : underline;	
}
.showphotosFunctionCurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #BBBBBB;
	text-decoration : none;	
}


/* categorylabel (and link)  */
.catlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	text-decoration: none;	
}
.catlabel:hover {
	color: #BBBBBB;
	text-decoration: underline;	
}

/* infotext for category  */
.catinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #484848;
	text-decoration : none;	
}


/* function for archivePhoto add/remove to lightbox cart */
.photoAddtolightbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #949494;
	text-decoration : none;
}
.photoAddtolightbox:hover {
	color: #CCCCCC;
	text-decoration : none;
}

/* function for archivePhoto add/remove to lightbox cart */
.archivephotoFunction1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #949494;
	text-decoration : none;
}
.archivephotoFunction1:hover {
	color: #CCCCCC;
	text-decoration : none;
}


/* function for archivePhoto add/remove to lightboard, cart */
.photoOneclick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #949494;
	text-decoration : none;
}
.photoOneclick:hover {
	color: #CCCCCC;
	text-decoration : underline;
}

/* function detail / variation view */
.archivephotoFunction2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #4F4E4E;
	text-decoration : underline;
}
.archivephotoFunction2:hover {
	color : #BBBBBB;
	text-decoration : underline;
}


/* photonumber */
.photocatBestof {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	text-decoration: none;
	line-height: 10px;
}

.photocatBestof:hover {
	text-decoration: underline;
}

/* photonumber */
.photocat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	text-decoration: none;
	line-height: 10px;
}

.photocat:hover {
	text-decoration: underline;
}


/* photonumber */
.photonumberBestof {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	text-decoration: none;
	line-height: 10px;
}

/* photonumber */
.photonumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	text-decoration: none;
	line-height: 10px;
}


/* bestof box */
.archiveBestof {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	background-color: #484848;
	text-decoration: none;
}

/* shortcut box */
.archiveShortcut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	background-color: #343434;
	text-decoration: none;
}




/* ***************************** form elements ************************************* */
.cartformHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	background-color: #262626;
	text-decoration: none;
}
.cartformCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	text-decoration: none;
}
.cartformCellDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	background-color: #0F0F0F;	
	text-decoration: none;
}

.cartformHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#BBBBBB;
	text-decoration: none;
	padding-left:12px;
}
.cartformContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	text-decoration: none;
	padding-left:12px;
}






.formHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	background-color: #343434;
	text-decoration: none;
	padding-left: 12px;
}

.formCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	text-decoration: none;
	padding-left: 12px;
}

.formCellDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	background-color: #0F0F0F;	
	text-decoration: none;
}


.listHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	/* background-color: #501D19; */
	background-color: #343434;
	text-decoration: none;
	padding-left:12px
}

.listCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	text-decoration: none;
	padding-left:12px	
}

.listFunction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#888888;
	text-decoration: none;
}

.listFunction:hover {
	text-decoration: underline;
}




.button  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #505050;
	height : 19px;
	width: 200px;
	border-left : #676767 1px solid;
	border-top : #676767 1px solid;
	border-right : #676767 1px solid;
	border-bottom : #676767 1px solid;
	padding : 2px 2px 2px 2px;
}

.textbox  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #888888;
	background-color: #202020;	
	height : 17px;
	width: 192px;
	border: #414141 1px solid;
	padding : 2px;
}

textarea  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #888888;
	background-color: #202020;	
	height : 19px;
	width: 192px;
	border: #414141 1px solid;
	padding : 2px;
}

/* added 2006/02, tht */
.loginTextbox  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b7b7b7;
	background-color: #252525;	
	height: 17px;
	width: 192px;
	border: #888888 1px solid;
	padding: 2px;
}
/* added 2006/02, tht */
.loginTextboxError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b7b7b7;
	background-color: #89322b;			
	height: 17px;
	width: 192px;
	border: #888888 1px solid;
	padding: 2px;
}

.selectbox  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color: #888888;
	background-color: #202020;	
	height: 20px;
	width: 192px;	
	border: #414141 1px solid;
	padding : 1px;
	
}


form {
	margin: 0px;
	padding: 0px;
}


/* ****************************** layer ******************************* */


#quickdropTextbox {
	width:82px; 
	color : #888888;
	background-color: #202020;	
	border-left : #414141 1px solid;
	border-top : #414141 1px solid;
	border-right : #414141 1px solid;
	border-bottom : #414141 1px solid;

}

#loginEmail {
	width:220px;
	background-color: #252525;
	border-left : #606060 1px solid;
	border-top : #606060 1px solid;
	border-right : #606060 1px solid;
	border-bottom : #606060 1px solid;	
}

#loginPswd {
	width:220px;
	background-color: #252525;
	border-left : #606060 1px solid;
	border-top : #606060 1px solid;
	border-right : #606060 1px solid;
	border-bottom : #606060 1px solid;	
}	

#frontpageLoginLayer {
	left: 48px;
	top: 246px;
	width: 622px;
	height: 12px;
	visibility: hidden;
	background-color: #0F0F0F; 
	position:absolute;	
	padding:24px;
	/*
	border-left : #501D19 1px solid;
	border-top : #501D19 1px solid;
	border-right : #501D19 1px solid;
	border-bottom : #501D19 1px solid;	
	*/
}

.treeLayer {

   /*
	border-left : #676767 1px solid;
	border-top : #676767 1px solid;
	border-right : #676767 1px solid;
	border-bottom : #676767 1px solid;
   */
	
	color : #888888;
	position: relative;
	
}
	

.navmenuSpacer {
	background-color: #151515;
}
	

.navmenuItem {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	background-color: #151515;
	cursor:pointer;
	padding-left:12px;
	text-decoration : none;		
		
	
}

.navmenuLink {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : none;		
	
}


#selectnav {
	 position: relative;	
	 top: 0px;
	 left: 0px;	 
	 z-index: 1;
	
}

.selectnavPage {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 z-index: 1;
	 width: 150px;
	 line-height:16px;	
}		

.selectnavLink {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #CCCC33;
	text-decoration : none;	

}

.selectnavLink:hover {
	color : #CCCCCC;
}


.selectnavLinkCurrent {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #888888;
	text-decoration : none;	

}


.registerLinkHp {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #888888;
	text-decoration : underline;	
	
}

.registerLinkHp:hover {

	color : #CCCCCC;
	text-decoration : underline;	
	
}