/*
Sally John styles
purple		-	#CCCCFF
maroon		-	#AD3E69
yellow		-	#FFFFCC
dark blue	-	#000066
teal        -   #2f5f5f
*/

body
{
font-family: Arial;
font-size:  13px;	
margin: 0px;
text-align: left;
}
.LTR
{
background-color: #AD3E69;
}
/*#Links#*/
a
{
color: #AD3E69;
font-weight: bold;
text-decoration: none;
}
a:hover
{
color: #000066;
font-weight: bold;
text-decoration: underline;
}
#_ctl0_ContentPlaceHolder1_Imagegallery1__ctl0_ImageGalleryThumbnailsList a
{
color: #fff;
font-weight: bold;
text-decoration: none;
}
#_ctl0_ContentPlaceHolder1_Imagegallery1__ctl0_ImageGalleryThumbnailsList a:hover
{
color: #000066;
font-weight: bold;
text-decoration: underline;
}

/*#Splash Page#*/
#splashcontent
{
width: 100%;
height: 875px;
margin: 0px;
padding: 0px;
background-color: #2f5f5f;
}
#splashcontent a
{
color: #000066;
font-weight: bold;
text-decoration: none;
}
#splashcontent a:hover
{
color: #ccccff;
font-weight: bold;
text-decoration: underline;
}
img
{
border: 0px;
}

/*#Container#*/
#contentcontainer
{
width: auto;
height: 100%;
margin-top: 50px;
margin-left: 30px;
margin-right: 30px;
background: #CCCCFF url('../App_Themes/SallyJohn/Images/sprbk058.jpg') repeat-y top left;
}
/*#Left Content#*/
#leftcontent
{
float: left;
width: 220px;
height: auto;
background-color: Transparent;
}
/*#Left Content/Menu#*/
.Vertical
{
width: 160px;
margin-top: 100px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
background-color: Transparent;
}
* html .Vertical
{
margin-left: 30px;
margin-right: 30px;
padding-left: 0px;
padding-right: 0px;
}
.Vertical .CMSListMenuUL
{
padding-top: 5px;
padding-left: 2px;
}
.Vertical .CMSListMenuHighlightedLI
{
height: 35px;
padding-top: 12px;
margin-top: 0px;
background: Transparent url('../App_Themes/SallyJohn/Images/buttondown.jpg') no-repeat;
}
* html .Vertical .CMSListMenuHighlightedLI
{
margin-top: -7px;
}
.Vertical .CMSListMenuLI
{
height: 35px;
padding-top: 12px;
margin-top: 0px;
background: Transparent url('../App_Themes/SallyJohn/Images/buttonup.jpg') no-repeat;
}
* html .Vertical .CMSListMenuLI
{
margin-top: -7px;
}
.Vertical LI
{
BEHAVIOR: url(scripts/LIhover.htc);
}
.Vertical UL
{
padding: 0px;
MARGIN: 0px;
LIST-STYLE-TYPE: none;
}
.Vertical LI
{
WIDTH: 100%;
POSITION: relative;
FLOAT: left;
}
.Vertical A
{
height: 40px;
WIDTH: 160px;
padding: 0px;
MARGIN: 0px;
COLOR: #000066;
font-size: medium;
font-weight: bold;
BACKGROUND-COLOR: Transparent;
TEXT-DECORATION: none;
DISPLAY: block;
}
.Vertical A:hover
{
TEXT-DECORATION: none;
}
.Vertical UL UL
{
WIDTH: 100%;
LEFT: 100%;
TOP: -1px;
BORDER: #c2c2c2 0px solid;
Z-INDEX: 100;
POSITION: absolute;
}
#Vertical1 UL
{
DISPLAY: none;
}
#Vertical1 LI:hover UL UL
{
DISPLAY: none;
}
#Vertical1 UL LI:hover UL UL
{
DISPLAY: none;
}
#Vertical1 LI:hover UL
{
DISPLAY: block;
}
#Vertical1 UL LI:hover UL
{
DISPLAY: block;
}
#Vertical1 UL UL LI:hover UL
{
DISPLAY: block;
}
#newsletterbox
{
width: 220px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
background-color: #AD3E69;
clear: both;
border:0px solid #000;
}
* html #newsletterbox
{
/*z-index: 100;
position: relative;*/
}
#newsletterbox .CMSNewsletterSubscriptionTable
{
padding-top: 5px;
margin-left: -10px;
}
#newsletterbox .CMSNewsletterSubscriptionText
{
}
#newsletterbox .CMSNewsletterSubscriptionTextBox
{
width: 125px;
}
#newsletterbox .CMSNewsletterSubscriptionButton
{
margin-left: -65px;
}
/*#Right Content#*/
#rightcontent
{
margin: 0px 0px 0px 221px;
padding: 10px;
vertical-align: top;
}
#rightcontent .title
{
margin-top: 20px;
color: #000066;
font-weight: bold;
font-size: 32px;
text-align: center;
}
#rightcontent #booklist td
{
width: 250px;
height: 200px;
}
#rightcontent #booklist #_ctl0_ContentPlaceHolder1_CMSDataList1
{
text-align: center;
margin-left: auto;
margin-right: auto;
}
#rightcontent #photolist td
{
width: 200px;
height: 200px;
vertical-align: bottom;
}
#rightcontent #photolist #_ctl0_ContentPlaceHolder1_Imagegallery1_ImageGalleryList
{
text-align: center;
margin-left: auto;
margin-right: auto;
}
/*#Footer#*/
#footer
{
margin-left: 220px;
padding: 20px 0px 10px 0px;
clear: both;
}
.ForumPostListHeader .ForumPostListHeaderItem
{
background-color: #AD3E69;
}
/*#H Tags#*/
h1
{
font-size: 30px;
color: #000066;
font-family: "Times New Roman";
}
h2
{
color: #AD3E69;
font-size: 14px;
}
tr
{
vertical-align: top;
}
.infoPanel
{
width: 100%;	
background-color: #a9a9a9;	
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
margin-bottom: 5px;			
color: White;
font-weight: bold;
}
.infoPanel A
{
color: White;
}
.mainTableLayout
{
width: 800px;	
}
.logoArea
{
width: 800px;	
background-image: url('../App_Themes/SallyJohn/Images/title.gif');
background-repeat: repeat-x;
color: White;
}
.logoAreaRight
{
color: white;	
text-align: right;
font-weight: bold;
}
.logoAreaRight A
{
color: white;	
text-align: right;
font-weight: bold;
}
.mainMenuBackground
{
BACKGROUND-IMAGE: url('../App_Themes/SallyJohn/Images/menu.gif');
background-repeat: repeat-x;
}
.textColumn
{
background: #d9dadc;	
padding: 5px 5px 5px 5px;
}

/* Navigation controls */
/* tree menu */

.CMSTreeMenuTable { width:180px;}
.CMSTreeMenuItem { BACKGROUND: #ff8f2e; padding: 3px; border: 1px solid white; color: black}
.CMSTreeMenuSelectedItem { BACKGROUND: #e87511; padding: 3px; border: 1px solid white; }
.CMSTreeMenuLink { COLOR: black; TEXT-DECORATION: none }
.CMSTreeMenuSelectedLink { COLOR: black; TEXT-DECORATION: none }

/* main menu */

.CMSMenu { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-IMAGE: url(images/menu.gif); background-repeat: repeat-x; }
.CMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: white; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x;}
.CMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.CMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }
.CMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }
.CMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }
.CMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-IMAGE: url(images/menu_selected.gif); background-repeat: repeat-x; color: White; }

.SubmenuCMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; background-image: none; background: #ff8f2e}
.SubmenuCMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana }
.SubmenuCMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: white; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511 }
.SubmenuCMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511 }
.SubmenuCMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }
.SubmenuCMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }
.SubmenuCMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }
.SubmenuCMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; WIDTH: 91px; CURSOR: hand; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #e87511; color: White; }


/* Content styles */
/* Image Gallery */

.ImageGalleryPager
{
border: solid 1 black;
padding: 2;
margin: 5 0 5 0;
text-align: center;	
}
.ImageGalleryPager div
{
display: inline;
}
.ImageGalleryPagerPrevious
{
width: 20%;
text-align: left;
}
.ImageGalleryPagerNext
{
width: 20%;
text-align: right;
}
.ImageGalleryPager
{
background-color: #ad3e69;
padding: 2px 2px 2px 2px;
display: inline-block;
width: 600px;
}
.ImageGalleryPagerPrevious
{
float: left;
vertical-align: middle;
padding: 3px 3px 3px 3px;
}
.ImageGalleryPagerPrevious a
{
color: #000066;
}
.ImageGalleryPagerNext
{
float: right;
vertical-align: middle;
padding: 3px 3px 3px 3px;
}
.ImageGalleryPagerNext a
{
color: #000066;
}
.ImageGalleryPreviewImage
{
border-width: 0px;
}
.ImageGalleryDetailImage
{
border-width: 0px;
}
.ImageGalleryParent
{
padding: 2px 2px 2px 2px;
color: #000066;
}
.ImageGalleryItem
{
padding: 2px 2px 2px 2px;
}

/* Shopping Cart */

.CommerceCartHeader
{
background-color: #888888;
font-weight: bold;
color: #ffffff;
}

/* Others */

.FormErrorLabel
{
color: Red;
}

/*#Product List#*/
.ProductList table
{
width:100%;
margin:0px auto;
}
.ProductList table td
{
width:auto;
text-align:center;
padding-bottom:30px;
}

/*#Message Board#*/
.HeaderUserName
{
font-weight:bold;
width:148px;
background-color:#AD3E69;
text-align:center;
border:1px solid #000;
border-right:0px;
padding:5px;
color:#fff;
}
.HeaderText
{
font-weight:bold;
width:auto;
background-color:#AD3E69;
border:1px solid #000;
padding:5px;
color:#fff;
}
.CommentDetail
{
border-bottom:1px solid #ccc;
background-color:#fff;
}
.CommentUserName
{
font-weight:bold;
width:148px;
background-color:#ddeeff;
text-align:center;
border:1px solid #000;
border-right:0px;
border-top:0px;
padding:5px;
}
.CommentText
{
width:auto;
background-color:#ddeeff;
border:1px solid #000;
border-top:0px;
padding:5px;
}
.CommentDate
{
width:auto;
background-color:#d4d9ec;
font-size:10px;
padding:5px;
)