﻿/*************************************************************************
 * Project: AimKai
 * Copyright: AimKai (c) 2008
 * Purpose: Default stylesheet
 * $Author: aimkai $
 * $Date: 2009-07-12 22:37:44 +0100 (Sun, 12 Jul 2009) $
 * $Revision: 93 $
 * $HeadURL: http://aimkai-svn.cvsdude.com/general/trunk/source/pogojewellery/pogoweb/App_Themes/default/All.css $
 ************************************************************************/

body {
	margin: 0;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	color:#626262;
	background-color:/*#ffffff;*/  #626262;
	background:url(/graphics/misc/backing.jpg) repeat bottom;
	}

html {
	overflow: -moz-scrollbars-vertical;
	font-family:arial,helvetica,verdana;
	}

div {
	margin: 0;
	padding: 0;
	}
	
a
{
color:#626262;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	}

/* Home page */

p.homeBodyText 
{
	text-align:left;
	font-size:14px;
}

p.homeBodyTextNormal
{
	text-align:justify;
				margin-bottom:10px;
			margin-top:20px;
			padding-bottom:10px;
}

p.homeBodyTextNormalSmall
{
	text-align:justify;
				margin-bottom:10px;
			margin-top:20px;
			padding-bottom:10px;
			font-size:10px;
}

div.newsImage
{
	position: absolute; left: 810px; top: 250px; height: 480px; width: 100px; padding: 1em;
}	

p.homeBodyImage
{
	padding:0.1em;
	text-align:center;
}

p.newsDescription
{
	margin-left:4.2em;
	width:90%;
	padding:0.1em;
}

div.collection
{
	margin-top:-0.2em;
}

/* Master */

#blank {}

#mainheader h1, h3 {
	text-align:center;
	}

h3.subheadingterms
{
	text-align:left;
}

#top_wrap {
	width:100%;
	height:150px;
	background:#626262;
	}

#header_wrap {
	width:850px;
	height:150px;
	margin:0 auto;
	}

#mid_wrap {
	width:100%;
	/*background:url(/graphics/misc/pagebottom.gif) no-repeat bottom;*/
	background-color:#FFFFFF;
	}
	
#columnWrapper {
	width:850px;
	margin:0 auto;
	}
				
#mainColumn {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#626262;
	}
		
div.synopsis {
	width:100%;
	margin:0;
	padding:0;
	font-size:12px;
	color:#626262;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #f5f5f5;	
	margin-bottom:10px;
	margin-top:20px;
	padding-bottom:10px;
	}
		
div.synopsis p {padding:0.5em; margin:0; text-align:justify;}

div.synopsis p.homeBodyText {padding:0.5em; margin:0; text-align:justify;}

#bot_wrap {
	width:100%;
	/*background:url(/graphics/misc/backing.jpg) repeat bottom;*/
	}
	
#footer_wrap {
	/*background:url(/graphics/misc/footer.png) no-repeat top;*/
	width:100%;
	margin:0 auto;
	height:66px;
	background-color:#ffffff;
	}

#footer {
	position:relative;
	text-align:center;
	font-size:10px;
	color:#626262;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	}
	
#footer p {padding:18px 0 0 0; margin:0;}

/* Banners */	
div.pogoHomeHeader {height: 150px;padding: 40 0 0 40;margin: 0;background: url("/graphics/misc/pogo.png") top no-repeat; }
div.cherryBlosssomHeader {height: 150px;padding: 40 0 0 40;margin: 0;background: url("/graphics/banners/CherryBlossomCollection.png") top no-repeat; }
div.barnacleHeader {height: 150px;padding: 40 0 0 40;margin: 0;background: url("/graphics/banners/BarnacleCollection.jpg") top no-repeat; }
div.eventHeader {height: 150px;padding: 40 0 0 40;margin: 0;background: url("/graphics/banners/Events.jpg") top no-repeat; }
div.newsHeader {height: 150px;padding: 40 0 0 40;margin: 0;background: url("/graphics/banners/newsBanner.jpg") top no-repeat; }


/* Navigation Bar */
		
#navbar ul {
	margin: 0; 
	padding: 0;
}

#dvPogoHeader ul 
{
	list-style-type:none;
	color:#ffffff;
}

#navbar li {
	margin: 0; 
	padding: 5px 10px 5px 20px;
	list-style-type: none;
	background: url("/graphics/misc/=NONE=.gif") left no-repeat;	
	border-bottom: 1px solid #626262;
}

#dvPogoHeader li
{
	margin: 0; 
	list-style-type:none;
}

#navbar a {
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}

#dvPogoHeader a {
	font-weight:normal;
	text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
}

#ulLeft
{
	float:left;
	margin-top:1.5em;
	margin-left:20em;
}

#ulRight
{
	float:left;
	margin-top:-6.5em;
	margin-left:35em;
}

.homeImagePadding
{
	padding:10px;
}

img.HomePaqeImage
{
	border: solid 1px #626262;
}

/* Old nav bar */

#navbar a:link		{ color: #626262; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}
#navbar a:visited	{ color: #626262; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}
#navbar a:active	{ color: #626262; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}
#navbar a:hover		{ color: #000000; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}

#dvPogoHeader ul li a.nav:link		{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}
#dvPogoHeader ul li a.nav:visted	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}
#dvPogoHeader ul li a.nav:active	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}
#dvPogoHeader ul li a.nav:hover		{ color: #cc0066; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}

a.events:hover 		{ color: #cc0066; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}

div.eventList ul li { padding-bottom:10px;width:40%;}

div.fulllength { width:100%; padding:5px; azimuth:center-left;}

div.eventPicture 
{
	float:right;
	width:50%;
	margin-top:-10.5em;
	margin-left: 2.5em;
}

div.eventParagraph {padding-bottom:10px;}

div.eventList ul { height:75%;}

p.highlight { color:#cc0066;}

p.eventLink { margin-left:2.2em;}

h1.eventHeader { margin-left:1em;}
h1.newsHeader { margin-left:2em;}

div p.eventSynopsis { margin-left:1.8em;}
 
#navColumn 
{
	float:right;
	width:230px;
	margin-right:-20px;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#626262;
}
		
#navColumn p {padding:0; margin:0;}
		
#nav_top {
	width:230px;
	height:68px;
	background:url(/graphics/navbar/navtop.gif) no-repeat top;
	}
			
#nav_repeat {
	width:230px;
	background:url(/graphics/navbar/navrepeat.gif) repeat-y top;
	}
		
#nav_bar
{
	margin-top:-1.5em;
}
		
#nav_bottom {
	width:230px;
	height:102px;
	background:url(/graphics/navbar/navbottom.gif) no-repeat top;
	margin-bottom:50px;
	}

#aboutDesignerLeft 
{
	margin-top:2.5em;
	margin-left:2em;
}

#aboutDesignerRight
{
	float:right;
	margin-right:4.5em;
	margin-top:-26.5em;
	width:50%;
	text-align:justify;
}
	
/* Gallery Styling */

.galleryborder {border-style:solid;border-width: 1px;border-color:black;} 

.thumbdiv
{
	margin-bottom:6px;
	margin-top:6px;
	margin-right:6px;
	margin-left:15px;
	padding:5px;
	text-align:center;
	width:80px;
	float:left;
	min-height: 60px
}

.gallerytitle 
{
	font-size:small;
}

div.thumbdiv p a img 
{
	height: 100px
}

div.newslist
{
	text-align:justify;
}

div.stockistsText
{
	height:500px;
	width:50%;
}

div.stockistsImage
{
	margin-top:-38em;
	margin-left:45em;
	margin-bottom:10em;
	width:50%;
}

span.urlUnderline
{
	text-decoration:underline;
}

div.RSS_Gadget
{
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	width: 60%;
	min-height: 250px;
}

div.RSS_Content
{
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	width: 100%;
	text-align:left;
}

div.RSS_Content A.linkHeader
{
	font-style:normal;
}

.highlightButton
{
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#cc0066;
	border-style:none;
	background-color:#ffffff;
	text-align:left;
}

div.RSS_Content input.linkHeaderButton
{
	font-size:12px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-style:normal;
	background-color:#ffffff;
	border-style:none;
	text-align:left;
}

.RSS_Content UL
{
	font-style: italic;
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 25px;
}

.RSS_Wait
{
	width: 250px;
	height: 250px;
	background-image: url('wait30.gif');
	background-repeat: no-repeat;
	background-position: 110px 110px;
}

.RSS_Header
{
	width: 100%;
	height: 22px;
	font-weight: bold;
	text-indent: 5px;
	line-height: 22px;
	overflow: hidden;
	background-color: #626262;
	color: #ffffff;
}

/* Login Screen */

.loggedin
{
	float:inherit;
	background-color: #626262;
	margin-top:-2.8em;
	margin-left:46.5em;
	font-size:small;
}

.loginNameText
{
	color:#ffffff;
}

.logOutLink
{
	font-size:14px;
}

.loggedout
{
	float:right;
	background-color: #626262;
	margin-top:-1.8em;
	margin-right:3.3em;
}

.loggedin a	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 14px;}
.loggedin a:visted	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 14px;}
.loggedin a:active	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 14px;}
.loggedin a:hover	{ color: #cc0066; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 14px;}

.loggedout a	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}
.loggedout a:visted	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}
.loggedout a:active	{ color: #ffffff; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}
.loggedout a:hover	{ color: #cc0066; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;}

a.login		{color: #cc0066; text-decoration:none; font-family:Georgia, Arial, Helvetica, sans-serif; font-size: 14px;}
a.login:hover 		{ color: #cc0066; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px;}

a.loginSmall {color: #626262; text-decoration:none; font-family:Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}
a.loginSmall:hover 		{ color: #cc0066; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px;}

.validationMessage
{
	color:#cc0066;
} 

/* Product Manager Menu  */
.pmMain
{
	width:100%;
}

.pmSubMenu
{
	width:100%;
	height:50px;
}

.pmSubMenu ul.mainProductMenuList
{
	width:100%;
}

.pmSubMenu ul.mainProductMenuList li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	float:left;
}