/* (c)ss 2009 Coding by Marcin Szafert - marcin at szafert dot pl */

* { margin: 0; padding: 0; }
body { font: 12px "lucida sans unicode", sans-serif; color: #666; }
body#motonit { background: #000 url(../images/body_bg.jpg) top center no-repeat; }
body#admin { background: #000 url(../images/admin-body_bg.jpg) top center no-repeat; }
img { border: none; }
.clrL { clear: left; }
.ctr { text-align: center; }

#pageHeader { position: relative; width: 960px; height: 265px; margin: 0 auto; }
	#pageHeader h1 span { display: none; }
	h1#goHome { float: left; width: 150px; height: 70px; margin: 43px 0 105px 16px; cursor: pointer; }
	div#goAdmin, div#logoutAdmin { float: right; margin-top: 47px; padding-right: 35px; }
		#goAdmin a, #logoutAdmin a { display: block; width: 82px; height: 132px; text-indent: -9999px; overflow: hidden; background: transparent url(../images/go-admin_bg.jpg) no-repeat; }
		#logoutAdmin a { background: transparent url(../images/logout-admin_bg.jpg) no-repeat; }
		#goAdmin a:hover, #logoutAdmin a:hover { background-position: 0 -132px; }
	
	
	#pageNavigation { clear: left; padding-top: 5px; }
	#pageNavigation ul { float: right; text-align: right; list-style: none; line-height: 21px; }
	#pageNavigation li { float: left; margin-right: 5px; padding-left: 9px; color: #fff; background: url(../images/menu_spacer.gif) 0 5px no-repeat; }
	#pageNavigation li.first { background: none; }
	#pageNavigation li.langLink { background: none; }
	#pageNavigation a { text-decoration: none; color: #999; }
	#pageNavigation a:hover { text-decoration: underline; color: #fff; }

#pageContent { width: 960px; margin: 0 auto; padding-bottom: 10px; }
#pageContent h3.contentHeader { padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #999; background: url(../images/item-header_bg.png) bottom no-repeat; }

form#loginForm { margin: 10px auto; padding: 20px; width: 500px; font-size: 13px; }
	#loginForm label { float: left; display: block; width: 80px; margin: 5px 10px 0 0; text-align: right; }
	input#userName, input#userPassword { width: 150px; margin-bottom: 10px; }
	input#submitLoginBtn { margin-left: 90px; width: 70px; cursor: pointer; }

table#inventory { width: 100%; border-collapse: collapse; }
	#inventory th { padding: 5px; font-weight: normal; text-align: left; border-bottom: 1px solid #333; color: #fff; }
	#inventory th.price { width: 100px; }
	#inventory td { padding: 5px; vertical-align: top; border-left: 1px solid #000; }
	#inventory td.photo a { display: block; width: 100px; height: 75px; border: 1px solid #333; }
	#inventory td.photo a:hover { border-color: #fff; }
	#inventory td.price { font-size: 14px; font-weight: bold; color: #c30; }
	#inventory td.price span { font-size: 12px; font-weight: normal; color: #ccc; }
	#inventory td a.more { color: #c30; text-decoration: none; }
	#inventory td a.more:hover { text-decoration: underline; }
	#inventory td h3 { margin-bottom: 5px; font-size: 13px; color: #999; }
	#inventory td h3 a { color: #999; text-decoration: none; }
	#inventory td h3 a:hover { text-decoration: underline; }

/* Item Detail */
div#contentNavigation { float: right; width: 660px; margin-bottom: 15px; background: url(../images/content-nav_bg.png) 200px 6px no-repeat; }
	#contentNavigation p { text-align: right; }
	#contentNavigation p span{ background-color: #000; }
	#contentNavigation a { padding: 0 5px; text-decoration: none; color: #fff; }
	#contentNavigation a:hover { color: #666; }
	
div#contentWrapper { clear: right; margin-top: 20px; font-size: 13px; }
	
div#itemWrapper, div#itemListWrapper, div#itemEmailAFriend, div#itemMakeAnOffer, div#itemMakeTemplate { clear: right; margin-top: 20px; }
	div#itemMakeTemplate form { margin: 10px 0; background-color: #1a1a1a; }
	div#itemMakeTemplate form textarea { margin: 10px; width: 930px; height: 150px; padding: 5px; overflow: auto; border: 1px solid #666; background-color: #999; }
	div#itemMakeTemplate form button { width: 70px; margin-left: 10px; margin-bottom: 10px; }
	div#itemEmailAFriend form#itemForm { margin: 10px 0; padding: 10px 0; background-color: #1a1a1a; }
	div#itemEmailAFriend form#itemForm label { display: block; float: left; width: 220px; margin-top: 4px; margin-right: 10px; text-align: right; font-size: 14px; }
	div#itemEmailAFriend form#itemForm input.formField, div#itemEmailAFriend form#itemForm textarea#sender_message { margin-bottom: 10px; padding: 3px; }
	div#itemEmailAFriend form#itemForm div.actionArea { margin-left: 230px; text-align: left; }
	
	div#itemMakeAnOffer form#itemForm { margin: 10px 0; padding: 10px 0; background-color: #1a1a1a; }
	div#itemMakeAnOffer form#itemForm label { display: block; float: left; width: 220px; margin-top: 4px; margin-right: 10px; text-align: right; font-size: 14px; }
	div#itemMakeAnOffer form#itemForm input.formField, div#itemMakeAnOffer form#itemForm textarea#sender_message { margin-bottom: 10px; padding: 3px; }
	div#itemMakeAnOffer form#itemForm div.actionArea { margin-left: 230px; text-align: left; }
	
	#confirmation { margin-top: 20px; margin-bottom: 40px; font-size: 14px; text-align: center; }
	#confirmation span { color: #900; }
	#confirmation a { text-decoration: none; color: #ccc; }
	#confirmation a:hover { text-decoration: underline; color: #fff; }
	#sendMessageBtn { width: 120px; cursor: pointer; }
	#sendOfferBtn { width: 120px; cursor: pointer; }
	#cancelBtn { width: 70px; cursor: pointer; }
	
	div#itemDescription div.content a { text-decoration: none; color: #999; border-bottom: 1px solid #600; }
	div#itemDescription div.content a:hover { border-bottom-color: #fff; }
	div.content { font-size: 13px; margin: 10px; }
	div.content p { margin: 7px 0; }
	div.content ul, div.content ol { margin-left: 15px; }
	h3.itemHeader { padding-bottom: 5px; font-size: 17px; font-weight: normal; color: #999; background: url(../images/item-header_bg.png) bottom no-repeat; }
	span.itemTitle { font-weight: bold; color: #fff; }
	span.itemTitle a { text-decoration: none; color: #fff; }
	span.itemTitle a#current { text-decoration: none; color: #c00; }
	span.itemTitle a:hover { color: #c30; }
	span.itemPrice { color: #c30; }
	div#itemGallery div.content { margin: 10px 0; text-align: center; }
	div#itemGallery div.content img { margin: 5px; border: 7px solid #333; }

/* Item add/edit form */
div#itemForm { width: 855px; }
	h3.fieldTitle { margin-bottom: 10px; padding-bottom: 3px; font-size: 18px; font-weight: normal; background: url(../images/item-header_bg.png) bottom no-repeat; }
	h3.fieldTitle a { text-decoration: none; color: #999; }
	h3.fieldTitle a:hover { color: #fff; }
	div.fieldContent { margin-bottom: 10px; }
	div.fieldContent label { margin-left: 25px; font-size: 14px; }
	div.actionArea { clear: left; width: 855px; font-size: 14px; text-align: right; }
	#itemTitle { width: 600px; padding: 3px; }
	#itemPrice { width: 100px; padding: 3px; }
	#saveItemBtn { width: 70px; cursor: pointer; }
	#saveContentBtn { width: 120px; cursor: pointer; }
	#publishItemBtn { width: 140px; cursor: pointer; }
	#addPhotoBtn { width: 90px; cursor: pointer; }
	ul.itemPhotos { width: 855px; margin-left: 25px; list-style: none; }
	ul.itemPhotos li { float: left; }
	ul.itemPhotos li label { display: block; width: 100px; height: 75px; cursor: pointer; border: 1px solid #333; }
	
	div.uploadArea span.txtInfo { display: block; float: left; margin-right: 10px; font-size: 14px; line-height: 25px; }
	div.uploadArea span.uploadAction { display: block; margin-top: 5px; font-size: 14px; }
	div.uploadArea span.uploadAction a { text-decoration: none; color: #999; border-bottom: 1px solid #900; }
	
	table#itemGallery { clear: left; width: 855px; margin: 10px 0; border-collapse: collapse; border-bottom: 1px solid #333; }
		#itemGallery th { padding: 5px; font-weight: normal; text-align: left; border-bottom: 1px solid #333; color: #fff; }
		#itemGallery th.no { width: 20px; }
		#itemGallery th.photo { width: 105px; }
		#itemGallery th.prior { width: 60px; text-align: center; }
		#itemGallery th.del { width: 60px; text-align: center; }
		#itemGallery td.del { vertical-align: middle; }
		#itemGallery td { padding: 5px; vertical-align: top; border-left: 1px solid #000; }
		#itemGallery td.photo a { display: block; width: 100px; height: 75px; border: 1px solid #333; }
		#itemGallery td.photo a:hover { border-color: #fff; }

#pageFooter { clear: left; width: 960px; margin: 0 auto; }
	#pageFooter ul { margin-bottom: 20px; list-style: none; font-size: 11px; color: #1a1a1a; border-top: 1px solid #333; }
	#pageFooter li { padding-left: 5px; }
	#pageFooter li span { color: #333; }
	#pageFooter a { text-decoration: none; border-bottom: 1px solid #000; color: #333; }
	#pageFooter a:hover { border-bottom: 1px solid #1a1a1a; color: #666; }