@import "Reset.css";

body
{
	background: #f0f0f0 url(PageBackground.jpg) top left repeat-x;
	height: 100%;
	font-size: 62.5%;
	font-family: "Century Gothic" , Helvetica, Arial, sans-serif;
}

.imageViewer
{
	background-position: center center;
	background-repeat: no-repeat;
}

/* Utility */
.clear
{
	clear: both;
}

*
{
	outline: none;
}

html
{
	height: 100%;
}

h1
{
	font-size: 1.7em;
	color: #800000;
	padding-bottom: 0.5em;
}

h2
{
	font-size: 1.1em;
	color: #404040;
	padding-bottom: 0.5em;
}

h3
{
	font-size: 1.4em;
	color: #000099;
	padding-bottom: 0.4em;
	font-style:italic;
}


/* Structure */


#page-wrap
{
	/*width: 960px;*/
	width:900px;
	margin: 0px auto -20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#page
{
	/*padding: 0 10px 10px 10px;*/
}

#push
{
	height: 20px;
}

/* Header */
h1#logo
{
	width: 356px;
	height: 65px;
	background: #ebebeb url(Logo.gif) top left no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 10px 10px 10px 10px;
	padding-bottom: 0em;
}

.top-bar
{
	padding: 0 0 0 0;
	background: #ebebeb;
	float: left;
	width: 100%;
}

.top-bar p
{
	padding: 10px 0 0 0;
	color: Black;
	width: 300px;
	float: left;
	font-size: 1.2em;
}

.summaryCart
{
	margin: 5px 5px 5px 5px;
	float: right;
	width: 161px;
	height: 48px;
	background: #ebebeb url(summaryCartBackground.png) top left no-repeat;
}

.summaryCart p
{
	padding: 7px 0px 0 50px;
	color: #000080;
	float: left;
	font-size: 1.1em;
}

#shoppingCartSummaryTable
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}



.shoppingCartSummaryThumbImage
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}




.shoppingCartSummaryPanel
{
	background: #ebebeb;
	color: #c0c0c0;
	padding: 10px;
	width: 880px;
	margin-top: 5px;
}

#shoppingCartSummaryTable thead tr th
{
	background-color: #d2d2ff;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	border: solid 0px black;
}

.shoppingCartSummaryTableCell
{
	padding: 10px 10px 10px 10px;
	border: solid 0px black;
	font-size: 1.3em;
	color: Black;
	line-height: 1.4em;
	margin-bottom: 1.4em;
	outline-style: none;
	-moz-outline-style: none;
}

.shoppingCartSummaryTableTotalCell
{
	border-style: solid none solid none;
	border-top-width: 1px;
	border-top-color: #808080;
	border-bottom-color: #808080;
	border-bottom-width: 1px;
	padding:10px;
}

.cartTotalLabel
{
	font-size: 1.2em;
	font-weight: bold;
	color: #000099;
}


.checkoutImageButton
{
	padding-left: 780px;
}

.deliveryAddressLabel
{
	padding-left: 40px;
	font-size: 1.2em;
	display: block;
	color: #333333;
}

.deliveryAddress
{
	margin-bottom: 20px;
}

.paymentOptions
{
	padding-left: 40px;
}

.masterLoginPanel
{
	margin: 5px 5px 5px 5px;
	float: right;
}


#nav-bar
{
	background: #404040;
	height: 25px;
	float: left;
	width: 100%;
}

/* Menu */

.menu
{
	margin: 5px 0 5px 0;
	float: left;
}

.adjustedZIndex {
    z-index: 1;
}	

.level1MenuItem
{
	color: #ebebeb;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
}

.level1MenuItemHover
{
	color: white;
}

.level2MenuItem
{
	color: #FFFFFF;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	background-color: #333333;
	height: 25px;
}

.level2MenuItemHover
{
	background-color: #4D4D4D;
}




/* Footer */

#bottom-bar
{
	height: 20px;
	background: #f0f0f0;
	color: #c0c0c0;
	text-align: center;
}


/* Page */

#content
{
	padding: 10px 50px 10px 50px;
}

.content h1
{
	float: left;
}

.content h2
{
	float: right;
}

.content p, .content ul
{
	font-size: 1.3em;
	color: Black;
	line-height: 1.4em;
	margin-bottom: 1.4em;
	outline-style: none;
	-moz-outline-style: none;
}

.content ul, .content li
{
	list-style-type: disc;
}

.content ul
{
	padding-left: 2.0em;
}

.content ul.li
{
	font-size: 1.3em;
	color: Black;
	line-height: 1.4em;
}

.content img.alignleft
{
	float: left;
	padding: 5px 10px 5px 0px;
}

.content img.alignright
{
	float: right;
	padding: 5px 0px 5px 10px;
}


/* About Page */

.contactType
{
	font-size: 1.3em;
	color: Black;
	line-height: 1.4em;
	display: block;
	float:left;
	width: 60px;
	margin-right: 20px;
	text-align: right;
	font-weight: bold;
}

.contactDetail
{
	font-size: 1.3em;
	color: Black;
	line-height: 1.4em;
	display: block;
}

.signature
{
	font-size: 1.5em;
	color: Black;
	line-height: 1.4em;
	display: block;
	float: right;
}


/* Blog Page */


.commentsPanel
{
	float: left;
	width: 900px;
	height: 48px;
	overflow: hidden;
}

.commentsPanelImage
{
	float: left;
	margin: 5px 5px 5px 5px;
}

.commentsPanelLabel
{
	float: left;
	margin: 3px 5px 5px 5px;
	color: #AAAAAA;
	font-size: 1.1em;
	font-weight: bold;
}

.commentGrid
{
	margin: 10px 0px 0px 0px;
	width: 900px;
}

.commentCell
{
	float: left;
	width: 720px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.commentCell span
{
	margin-bottom: 0px;
}

.commentDivider
{
	margin-left: 100px;
	margin-right: 100px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;
	height: 1px;
}

.commentName
{
	font-size: 1.1em;
	font-weight: normal;
	color: #000080;
	font-style: italic;
}

.commentCell span.commentText
{
	font-size: 1.3em;
	font-weight: normal;
}

.commentDate
{
	font-size: 1.2em;
	font-weight: normal;
	color: #C0C0C0;
	float: right;
	width: 150px;
	margin-top: 10px;
	text-align: right;
	margin-bottom: 10px;
}

.commentForm
{
	margin-top: 25px;
}

.commentFormGroup1
{
	width: 360px;
	float: left;
}

.commentFormGroup2
{
	width: 340px;
	float: left;
}

.commentFormGroup1 span, .commentFormGroup2 span
{
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 120px;
	padding-top: 5px;
	font-size: 1.1em;
}

.commentFormGroup1 input, .commentFormGroup2 input, .commentFormGroup2 textarea
{
	padding: 3px;
	font-family: "Century Gothic" , Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 3px 0px;
	border: 1px solid #ccc;
}

.commentFormGroup1 input
{
	width: 200px;
}

.commentFormGroup2 span
{
	text-align: left;
}

.commentFormGroup2 input, .commentFormGroup2 textarea
{
	width: 300px;
	height: 49px;
}

input.submit-button
{
	width: 100px;
}

.commentSubmitStatusLabel
{
	float: left;
	color: #008000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	width: 750px;
}

.commentSubmitStatusLabelError
{
	float: left;
	color: #FF0000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	width: 750px;
}

/* Comments Admin */

.topicTitleLabel
{
	float: left;
	margin: 3px 5px 5px 5px;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
}

.topicDateLabel
{
	float: right;
	margin: 3px 5px 5px 5px;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
}

.commentApprovalGrid
{
	margin-left: 10px;
	width: 890px;
}

.zeroRecordsLabel
{
	font-size: 1.2em;
	font-weight: bold;
	color: #008000;
}

.olderPostsLink
{
	color: #0000FF;
	font-size: 1.1em;
}

/* Posts Admin */

.postsFormGroup1
{
	width: 400px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.postsFormGroup2
{
	width: 420px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.postsFormGroup1 span, .postsFormGroup2 span
{
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 80px;
	padding-top: 5px;
	font-size: 1.1em;
	vertical-align: middle;
}

.postsFormGroup1 input, .postsFormGroup2 input
{
	padding: 3px;
	font-family: "Century Gothic" , Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 3px 0px;
	border: 1px solid #ccc;
}

.postsFormGroup1 input
{
	width: 300px;
}

.postsFormGroup2 input
{
	width: 150px;
}

.postSubmitStatusLabel
{
	float: left;
	color: #008000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	width: 900px;
}

.postSubmitStatusLabelError
{
	float: left;
	color: #FF0000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	width: 900px;
}

.deletePostGrid
{
	margin-left: 10px;
	width: 890px;
}

.editPostGridViewPanel
{
	width: 900px;
	height: 50px;
	margin-bottom: 10px;
	background-color: #EFEFEF;
}


.editPostGrid
{
	margin-left: 10px;
	width: 850px;
}

/* Navigation */

.accordionHeader
{
	padding: 3px;
	font-family: "Century Gothic" , Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 3px 0px;
	background-color: #d2d2ff;
	font-weight: bold;
}

.navigationFromLinkPane
{
	margin: 5px 0px 5px 0px;
	width: 920px;
	height: 200px;
	background-color: #CCCCCC;
}

.navigationToLinkPane
{
	margin: 5px 0px 5px 0px;
	width: 920px;
	height: 100px;
	background-color: #CCCCCC;
}

.linkSummaryLabel
{
	font-weight: bold;
}

.linkSummaryItem
{
	font-size: 1.0em;
	background-color: #C0C0C0;
}

.navigationLinksDataList
{
	margin-right: auto;
	margin-left: auto;
	width:900px;
}

.navigationLinksGridViewHeader
{
	background-color: #d2d2ff;
	font-size: 1.1em;
	font-weight: bold;
}

.navigationLinksGridViewThumb
{
	padding: 5px;
}

.navigationToLink
{
	margin-left: 10px;
}


/* Gallery Page */
.gallery
{
	width: 900px;
	margin: 0px auto 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float:left;
}
.printOrderTitleBarPanel
{
	float: left;
	margin-top: 420px;
	height: 32px;
}

.imageViewerFilenamePanel
{
	float:left;
	margin-top: 15px;
	margin-left: 15px;
}

.imageViewerFilenameLabel
{
	font-weight: bold;
	color: #505050;
	font-size: 1.3em;
	padding: 5px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #FFFFFF;
}

.imageViewerNavigationButton
{
	float: right;
	margin-right:5px;	
}

.printOrderPanel
{
	float: left;
	width: 900px;
	height: 48px;
	background: #808080;
	padding-bottom:5px;
}

.printOrderPanelImage
{
	float: left;
	margin: 5px 5px 5px 5px;
	margin-top: 20px;
}

.printOrderPanelLabel
{
	float: left;
	margin-top: 4px;
	color: #505050;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
	
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #FFFFFF;
}

.printOrderFormItems
{
	float: right;
}

.printOrderFormItem
{
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
}

.facebookShareButton
{
	float:right;
	margin: 4px 0;
}

/* Gallery Index Page */

.galleryIndexPanel
{
	margin-right: auto;
	margin-left: auto;
}

.indexGalleryItem
{
	padding: 10px;
}

.indexGalleryItem:hover
{
	background-color: #CCCCCC;
}

span.indexGalleryLinkTitle
{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	width: 250px;
	float: left;
	text-transform: uppercase;
	color: #000080;
}

/* Administration */

.galleryTable 
{
	width: 900px;
}

.galleryTable td, th
{
	border: 1px black solid;
	padding: 5px 5px 5px 5px;
}

.galleryTable th
{
	font-weight: bold;
}

.statusLabel
{
	font-weight: bold;
	color: #FF0000;
}

/* Products Admin */

.galleriesListBox
{
	width: 290px;
	height: 115px;
	font-size: 1.1em;
	font-weight: bold;
}

.productsFilmstripPanel
{
	width:600px;
	float: right;	
}

.productsTable 
{
	width: 400px;
}

.productsTable td, th
{
	border: 1px black solid;
	padding: 5px 5px 5px 5px;
}

.productsTable th
{
	font-weight: bold;
}

/* Posts content page */

.posts-content-page
{
	/*padding: 10px 10px 10px 10px;*/
	padding-top: 10px;
}

div.Post
{
	background: transparent url(PostBoxMiddle.png) repeat-y scroll 0 0;
	display: block;
	float: left;
	width: 900px;
	margin-bottom: 10px;
}
div.PostBoxTop
{
	background: transparent url(PostBoxTop.png) no-repeat scroll 0 0;
	display: block;
	float: left;
	width: 900px;
}
div.PostBoxBottom
{
	background: transparent url(PostBoxBottom.png) no-repeat scroll left bottom;
	display: block;
	float: left;
	width: 880px;
	padding: 10px 10px 10px 10px;
}


/* User login */

.loginForm
{
	border: 1px solid #808080;
	margin-top: 5px;
	float: left;
	margin-bottom: 20px;
	width: 880px;
	background-color: #f7f7f7;
	padding: 10px;
}

.loginFormGroup
{
	width: 350px;
	float: left;
}

.loginFormGroup span
{
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 130px;
	padding-top: 5px;
	font-size: 1.1em;
}

.loginFormGroup input
{
	padding: 3px;
	font-family: "Century Gothic" , Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 3px 0px;
	border: 1px solid #ccc;
}

.loginFormGroup input
{
	width: 200px;
}

input.loginButton
{
	width: 100px;
	margin-top:25px;
}

input.createAccountButton
{
	width: 200px;
	margin-top:105px;
}


.passwordStrengthIndicator_poor, .passwordStrengthIndicator_weak, .passwordStrengthIndicator_good, .passwordStrengthIndicator_strong, .passwordStrengthIndicator_excellent {
padding:2px;
font-weight:bold;
}

.passwordStrengthIndicator_poor {
background-color:gray;
color:#ffff00;
}
 
.passwordStrengthIndicator_weak {
background-color:gray;
color:#00ffff;
}
 
.passwordStrengthIndicator_good {
background-color:gray;
color:lightblue;
}
 
.passwordStrengthIndicator_strong {
background-color:gray;
color:lightgreen;
}
 
.passwordStrengthIndicator_excellent {
background-color:gray;
color:#00ffdd;
}

/*
.commentlist li ul li 
{
	font-size: 1em;
}

.commentlist li 
{
	font-weight: normal;
	margin-bottom: 1.4em;
	list-style-type: none;
}

.commentlist cite, .commentlist cite a 
{
	font-weight: normal;
	font-style: normal;
	font-size: 1.0em;
	float: left;
}

.commentlist p 
{
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	float: left;
	padding-left: 0.3em;
	font-size: 1em;
}

.comment_text 
{
	width:680px;
	float:left;
}
	
.commentlist .comment_date 
{
	float: right;
}
*/