/* Main Sections*/
#page {	margin:auto; position:relative; vertical-align:top; width:960px; }
#header { position: relative; height: 180px; width: 100%;}
#logo {	position: absolute;	top:0;left:0;height:180px; width:120px}	
#top {	position: absolute;top: 0;left:120px;height:120px;	}
#top img {height:120px;}

#content {position:relative; padding:5px;}
content p {margin:10px;font-size:14pt;font-weight:normal;font-family:'Veranda';text-indent:0;}

#footer {position:relative; margin:0; padding:0;width:100%;}
#footer p {text-align:center;padding:5px 0px; font-size:9pt;}
#footer ul {position:relative; padding-left:140px;}
#footer li {margin:auto;list-style: none;float: left;}
#footer li a {display: block;padding: 0px 18px;text-decoration: none; font-size:11pt;}
	
#footerLinks {position:relative; margin:auto;}	
	
/* Link Bar */
#linkBar { width: 840px; height: 60px; margin: 0px; position:absolute;top: 120px;	left:120px;	 }
#linkBar #linkBarList { margin: 0; padding: 0; }
#linkBar #linkBarList li { display: inline; }
#linkBar #linkBarList li a { float: left; height: 0;  padding-top: 60px; overflow: hidden; background-image: url(../img/nav.gif); _background-image: url(../img/nav.gif); background-repeat: no-repeat; }
	
/* BUTTONS */
#linkBar #linkBarList li#lb-philosophy a { background-position: 0 0; width: 215px}
#linkBar #linkBarList li#lb-gallery a { background-position: -215px 0;width: 155px}
#linkBar #linkBarList li#lb-press a { background-position: -370px 0; width: 130px}
#linkBar #linkBarList li#lb-findastore a { background-position: -500px 0;width: 205px}
#linkBar #linkBarList li#lb-shop a { background-position: -705px 0;width: 135px}

/* OVER STATES */
#linkBar #linkBarList li#lb-philosophy a:hover { background-position: 0 -60px; }
#linkBar #linkBarList li#lb-gallery a:hover { background-position: -215px -60px; }
#linkBar #linkBarList li#lb-press a:hover { background-position: -370px -60px; }
#linkBar #linkBarList li#lb-findastore a:hover { background-position: -500px -60px; }
#linkBar #linkBarList li#lb-shop a:hover { background-position: -705px -60px; }

/* PRESSED STATES */
#linkBar #linkBarList li#lb-philosophy.active a { background-position: 0 -120px; }
#linkBar #linkBarList li#lb-gallery.active a { background-position: -215px -120px; }
#linkBar #linkBarList li#lb-press.active a{ background-position: -370px -120px; }
#linkBar #linkBarList li#lb-findastore.active a{ background-position: -500px -120px; }
#linkBar #linkBarList li#lb-shop.active a{ background-position: -705px -120px; }

#formD {font-size:12pt;	font-weight:300;font-family:'Times New Roman';}
#formD em {font-weight: bold; font-style: normal; color: #f00; /*red*/}
#formD p {font-size:10pt; font-weight:200; font-family:'Times New Roman'; }
form.form fieldset {margin-bottom:0; }
form.form legend {padding: 0; font-weight: bold;}
form.form label {display: inline-block;line-height: 1.8; vertical-align: top;}
form.form fieldset ol {margin: 0; padding: 0;}
form.form fieldset li {list-style: none; padding: 5px; margin: 0;}
form.form fieldset fieldset {border: none;}
form.form fieldset fieldset legend {font-weight: normal;}
form.form fieldset fieldset label {display: block;width: 100px;}
form.form label {width: 120px;}
form.form fieldset fieldset label {margin-left: 10px;}

.message {position:relative; margin:0;padding:0;left:10%;top:0%;line-height:0em;height:12px;font-size:8pt;overflow: visible;}
.info {color: black;background-color: transparent;font-weight: normal;}	  
.warn {color: rgb(120,0,0);	background-color: transparent;font-size:10pt;font-weight: normal;}	  
.error {color: red;font-size:10pt;background-color: transparent;	font-weight: bold}
.formtab TD {padding: 0.2em;height: 2.5em;vertical-align: top;	font-size: 90%;}
	

.caption {width:300px;}
.caption p{text-align:center;}
.caption ul{}
.caption li{padding:10px 0 10px 0;list-style: none;}
.caption a{margin:0;}
.caption img {margin:0;	padding:0;width:250px;}
#removeItem{position:relative;vertical-align:baseline;}




/* Shoping section */
/*
 * font-size:10px;line-height:1.2em;
 */

#treeLinks{margin:5px 0 20px 5px;color:#330133;display:block;height:10px;margin:0 20px 10px 0;text-transform:uppercase;}
#treeLinks ul {float:left;font-size:10px;list-style-type:none;}
#treeLinks ul li {color:#330133;float:left;font-weight:bold;margin:0 10px 0 0;padding:0 10px 0 0;}

#shopTable p{text-align:left; font-size:10pt;line-height:1.2em;}
#shopTable {}
#shopTable tr{}
#shopTable td{text-align:left;}
#shopTable td form{}
#shopTable img{}

#mainImages img{}

#items ul {list-style-type: none;}
#items li {width:140px; height:300px; float:left; margin:0px 10px 10px 0;}
.itemImage{width:140px;height:211px;overflow:hidden; margin:0 0 5px 0;}
#items li h2 {clear:both;font-size:11px;font-weight:normal;line-height:12px;margin:0;padding:6px 0;}
.price{margin:8px 0 0 0};
.colomns{padding:0; margin:0;}


/* view */
#largeImg{width:300px;}
.otherImages {width:50px; margin:4px;}

.relImages{float:left; margin:4px; width: 60px;}

div.jqZoomTitle{z-index:5000;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top: 0px;left: 0px;width: 100%;color: #FFF;background: #999;}
.jqZoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60); z-index:10;		border-color:#c4c4c4;		border-style: solid;		cursor:crosshair;}
.jqZoomPup img{	border: 0px;}
.preload{-moz-opacity:0.8;	opacity: 0.8;   filter: alpha(opacity = 80);	color: #333;	font-size: 12px;	font-family: Tahoma;   text-decoration: none;	border: 1px solid #CCC;   background-color: white;   padding: 8px;	text-align:center;   background-image: url(../img/zoomloader.gif);   background-repeat: no-repeat;   background-position: 43px 30px;	width:90px;	* width:100px;	height:43px;	*height:55px;	z-index:10;	position:absolute;	top:3px;left:3px;}
.jqZoomWindow{border: 1px solid #999;background-color: #FFF;}

#colors{}
#colors ul{list-style-type:none;}
#colors li{float:left;}
#colors ul li div{width:35px; height:10px; margin:4px;}

/* COOL SECTION */
#loginInfo{position:absolute; top:-160px; right:80px; z-index:3; color:white;}
#loginInfo a{color:white; float:right;}
#changeLog{height:500px; overflow:auto;}
#changeLogInput{padding:0px; margin:0px;}
#changeLogInput div label{margin:0; padding:2px;}
#changeLogInput div textarea{font-size:100%; font-family:'verdana'; padding:3px; width:100%;}
#changeLogSubmit div.submit {margin:10px 0 0 10px; padding:0; border: 0;clear: both; bottom:0px;}

#login_box {position: absolute; padding: 0;margin: 0;top: 10px;right:100px;height: 70px;width: 300px; color:white;}
#login_box a{color:white;}




form.changeLogAdd fieldset {margin-bottom:0; }
form.changeLogAdd legend {padding: 0; font-weight: bold;}
form.changeLogAdd label {display: inline-block;line-height: 1.8; vertical-align: top;}
form.changeLogAdd fieldset ol {margin: 0; padding: 0;}
form.changeLogAdd fieldset li {list-style: none; padding: 5px; margin: 0;}
form.changeLogAdd fieldset fieldset {border: none;}
form.changeLogAdd fieldset fieldset legend {font-weight: normal;}
form.changeLogAdd fieldset fieldset label {display: block;width: 100px;}
form.changeLogAdd label {width: 120px;}
form.changeLogAdd fieldset fieldset label {margin-left: 10px;}

form.changeLogAdd {clear: both;margin-right:0px;padding: 0;width: 100%;}
form.changeLogAdd div {clear: both;margin-bottom: 1em;vertical-align: text-top;} /* padding: .5em */
form.changeLogAdd div.input {color: #444;}
form.changeLogAdd div.required {color: #333;font-weight: bold;}
form.changeLogAdd div.submit {border: 0;clear: both;margin-top: 0px;margin-left: 140px;}
label.changeLogAdd {display: block;font-size: 100%;padding:0 20px 3px 0;}
input.changeLogAdd {clear: both;font-size: 140%;font-family: "verdana", sans-serif;padding: 2px;width: 95%;}
textarea.changeLogAdd {clear: both;font-size: 90%;font-family: "verdana", sans-serif;padding: 2px;width: 100%;}
select.changeLogAdd {clear: both;font-size: 100%;vertical-align: text-bottom;}
select.changeLogAdd[multiple=multiple] {width: 95%;}
option.changeLogAdd {font-size: 100%;padding: 0 3px;}
input.changeLogAdd[type=checkbox] {clear: left;float: left;margin: 0px 6px 7px 2px;width: auto;}
input.changeLogAdd[type=radio] {float:left;width:auto;margin: 0 3px 7px 0;}
input.changeLogAdd[type=submit] {display: inline;font-size: 110%;padding: 2px 5px;width: auto;vertical-align: bottom;}
form.changeLogAdd table {border-style:none;}
form.changeLogAdd table tr td{border:none;}