/******************************* Layout Styles *********************************/
div#maincontainer
{
/*position: absolute;*/
position: relative;
z-index: 0;
top: 5px;
margin-left: auto;
margin-right: auto;
width: 917px;
}
div#header
{
position: relative;
z-index: 0;
top: 0px;
left: 0px;
width: 915px;
height: 112px;
background-image: url(images/Header_background.gif);
}
div#ribbon 
{
position: relative;
z-index: 0;
float: left;
top: 0px;
left: 0px;
margin: 0px;
width: 915px;
height: 40px;
background-image: url(images/ribbon_background.gif);
background-repeat: no-repeat;
padding-left: 15px;
}
div#contentarea 
{
position: relative;
z-index: 0;
float: left;
top: 0px;
left: 0px;
margin: 0px;
width: 849px;
min-height: 652px;
padding: 7px 15px 7px 25px;
background-color: #ffffff;
border-left: solid 1px black;
border-right: solid 1px black;
}
div#tabnavigation 
{
position: relative;
z-index: 1;
float: left;
margin: 0px;
top: 0px;
left: -1px;
width: 24px;
height: 100%;
z-index: 100;
}
div#footer
{
position: relative;
z-index: 0;
top: 0px;
left: 0px;
width: 915px;
height: 32px;
background-image: url(images/Footer_background.gif);
background-repeat: no-repeat;
}
div#User
{
position: relative;
z-index: 0;
top: 0px;
left: 0;
width: 200px;
height: 32px;
text-align: center;
}
div#CurrentSale
{
position: relative;
z-index: 0;
top: 0px;
left: auto;
width: 475px;
height: 32px;
text-align: center;
}
div#ShoppingCart
{
position: relative;
z-index: 0;
top: 0px;
left: auto;
width: 200px;
height: 32px;
text-align: right;
}

/******************************* Element Styles *********************************/
body 
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-decoration: none;
font-style: normal;
color: #514038;
background-color: #cceeff;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}
p tr td table
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
text-decoration: none;
font-style: normal;
color: #514038;
}
label
{
font-weight: bold;
}
h1 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #514038;
}
h2 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #009ce5;
}
h3 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #e2342b;
color: #e50078;
}
h4 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #514038;
}
h5 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #009ce5;
}
h6 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #e2342b;
}

legend 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #009ce5;
}

a:link 
{
font-size: 8.65pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #26265c;
color: #002ae5;
text-decoration: none;
}

a:visited 
{
font-size: 8.65pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #265C26;
color: #002ae5;
text-decoration: none;
}
a:hover 
{
font-size: 8.65pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #265C26;
color: #002ae5;
text-decoration: underline;
}
a:active 
{
font-size:8.65pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #E1AD4E;
text-decoration: none;
}

a.topNavigation:link 
{
font-size: 8pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #26265c;
text-decoration: none;
}
a.topNavigation:visited 
{
font-size: 8pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #265C26;
text-decoration: none;
}
a.topNavigation:hover 
{
font-size: 8pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #265C26;
text-decoration: underline;
}
a.topNavigation:active 
{
font-size: 8pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #265C26;
text-decoration: none;
}

/*********************************************** Administrion form Styles **********************************/
.instructions
{
padding:3px;
font-size:10px;
}
.editButton
{
width: 40px;
height: 24px;
margin: 0px;
padding: 0px;
}
.footer
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
font-weight: normal;
text-align: center;
color: #007db7;
padding-top: 10px;
}

.catalogDescription
{
padding: 5px;
border: solid 1px black;
}

.btnTransparent
{
background-color: Transparent;
border: 0px solid #ffffff;
text-decoration: underline;
cursor: pointer;
}
.formTable
{
border: 0px none #514038;
padding: 0px;
margin: 0px;
width: 550px;
}
.formHeader
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
text-align: center;
color: #e6e5e4;
width: 550px;
height: 48px;
padding: 0px;
background-image: url(images/formHeader_background.gif);
background-repeat: no-repeat;
}
.formSelector
{
background-color: #009ce5;
font-size: 10pt;
text-decoration: none;
font-style: normal;
color: #e6e5e4;
height: 24px;
padding: 3px;
border-bottom: dotted 1px black;
padding: 5px;
}
.formSectionHeader
{
background-color: #c4b3aa;
font-size: 11pt;
text-decoration: none;
text-align: center;
font-style: normal;
font-weight: bold;
color: #514038;
height: 24px;
padding: 3px;
border-bottom: dotted 1px black;
}
.formContentArea
{
background-color: #cceeff;
padding-top: 7px;
padding-bottom: 4px;
}

.formSectionFooter
{
background-color: #c4b3aa;
font-size: 10pt;
text-decoration: none;
font-style: normal;
color: #e6e5e4;
height: 24px;
padding: 3px;
border-top: dotted 1px black;
}
.formFooter
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: center;
color: #e6e5e4;
width: 550px;
height: 48px;
padding: 0px;
background-image: url(images/formFooter_background.gif);
background-repeat: no-repeat;
}
.formHilight1
{
background-color: #e9e4e1;
}
.formHilight2
{
background-color: #d7cbc5;
}
.formError 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #aa1E16;
}

/*********************************************** inventory Styles **********************************/
.inventoryTable
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
width: 510px;
}
.inventoryHeader
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
background-color: #514038;
color: #e6e5e4;
padding: 3px;
}
.inventoryTextCell
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
width: 100px;
color: #514038;
padding: 3px;
}
.inventoryNumberCell
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
width: 45px;
color: #514038;
padding: 3px;
}

.requiredField
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
font-style: italic;
color: #aa1E16;
}

/************************************************* Sales Layouts *************************************/
.salesContainer
{
width: 100%;
}
.salesItem
{
width: 400px;
}
div#Sales1Counter
{
    padding-left:25px;
}
div#Sales2Counter
{
    padding-left:25px;
}
.remainingBoxes
{
width: 100px;
border: 0px none White;
}
.brandLogo
{
width: 100px;
}
.currancyBase
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: normal;
color: #e50078;
}
.itemBrandTitle
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13pt;
font-weight: bold;
color: #514038;
margin-top: 0px;
margin-bottom: 1px;
text-align: left;
}
.itemTitle
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #E1AD4E;
margin-top: 0px;
margin-bottom: 1px;
text-align: left;
height: 50px;
}
.itemPrice
{
font-family: Comic Sans MS, Arial, Verdana, Sans-Serif;
font-size: 24pt;
font-weight: normal;
color: #e50078;
text-align: center;
width: 400px;
margin-top: 0px;
margin-bottom: 1px;
}
.itemImageContainer
{
border: 1px dotted #009ce5;
padding: 5px;
}
.itemPicture
{
text-align: center;
}
.itemThumbs
{
text-align: center;
}
.salesHilight1
{
background-color: #e9e4e1;
font-size: 8pt;
}
.salesHilight2
{
background-color: #d7cbc5;
font-size: 8pt;
}
.scheduleItemTime
{
font-size: 8pt;
width: 150px;
}
.scheduleItemTitle
{
font-size: 8pt;
width: 200px;
}
.discounted
{
font-weight: bold;
color: #00ccff;
}
a:link.moreDetail
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #009ce5;
}
a:visited.moreDetail
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #009ce5;
}
a:hover.moreDetail
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #009ce5;
}
a:active.moreDetail
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #009ce5;
}
/************************************************* Manager Layouts *************************************/
.catalogueContents
{
border: solid 1px black;
width: 520px;
margin-left: auto;
margin-right: auto;
background-color: #e0e9ea;
padding: 10px;
}
.catalogueMenu
{
position: relative;
top: 1px;
left: 25px;
}
.catalogueMenuItem
{
    background-color: #e8e5e2;
    border: solid 1px black;
    padding: 2px 10px;
}
.catalogueMenuSelectedItem
{
    background-color: #e0e9ea;
    border-bottom: solid 1px white;
}
div#datePicker1
{
display: none;
position: absolute;
border: solid 2px black;
background-color: White;
}
div#datePicker2
{
display: none;
position: absolute;
border: solid 2px black;
background-color: White;
}
.orderContents
{
border: solid 1px black;
width: 97%;
background-color: #e0e9ea;
padding: 2px 10px 10px 10px;
}
.orderMenu
{
position: relative;
top: 1px;
left: 25px;
}
.orderMenuItem
{
background-color: #e8e5e2;
border: solid 1px black;
padding: 2px 10px;
}
.orderMenuSelectedItem
{
background-color: #e0e9ea;
border-bottom: solid 1px white;
}
.orderBanner
{
margin-bottom: 5px;
padding: 5px;
background-color: #70d1ff;
background-color: #e6ccff;
width: 99%;
border: 1px solid black;
}
/************************************************* Layouts *************************************/
.messageBox
{
display: none;
position: absolute;
z-index: 999;
width: 400px;
height: 150px;
top: 100px;
left: 250px;
border: 2px solid #514038;
background-color: #d7cbc5;
color: #514038;
}
.hiliteA
{
background-color: #d9e9f2;
}
.hiliteB
{
background-color: #b6d7e6;
}
.hiliteC
{
background-color: #e9e4e1;
}
.hiliteD
{
background-color: #d7cbc5;
}
.ReferFriendPanel
{
margin-left: auto;
margin-right: auto;
padding-top: 50px;
width: 400px;
height: 250px;
background-image: url(images/FrillyBox.gif);
background-repeat: no-repeat;
}
.ReferFriend
{
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 3;
}
.ShoppingBagPanel
{
margin-left: auto;
margin-right: auto;
padding-top: 20px;
width: 500px;
height: 140px;
background-image: url(images/ShoppingBagPanel.gif);
background-repeat: no-repeat;
}
/************************************************* Shopping Bag Layouts *************************************/
.bagHeader
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
background-color: #514038;
color: #e6e5e4;
}
.bagText
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
text-align: left;
}
.bagNumber
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
text-align: right;
}
.bagShipped
{
text-align: center;
}

/************************************************ Chat Styles ***************************************/
.chatBanner
{
background-image: url(images/chatBannerBackground.gif);
height: 52px;
font-weight: bold;
font-size: 9pt;
color: #e9e8e1;
vertical-align: middle;
}

/************************************************ Blog Styles ***************************************/
.blogForm
{
border: 1px solid #000000;
}
.blogHeader
{
font-size: 12pt;
font-weight: bold;
color: #cceeff;
background-color: #009ce5;
text-align: center;
}
.blogBanner
{
background-image: url(images/blogBannerBackground.gif);
height: 52px;
font-weight: bold;
font-size: 11pt;
color: #e9e8e1;
vertical-align: middle;
}
.blogContent
{
position: relative;
width: 70%;
padding-right: 15px;
float: left;
}
.blogCategories
{
position: relative;
width: 30%;
float: left;
}
.blogBullets
{
list-style-type: square;
list-style-position: outside;
}
a.blogEdit:link 
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11pt;
color: #e9e8e1;
vertical-align: middle;
text-decoration: none;
}
a.blogEdit:visited 
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11pt;
color: #e9e8e1;
vertical-align: middle;
text-decoration: none;
}
a.blogEdit:hover 
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11pt;
color: #e9e8e1;
vertical-align: middle;
text-decoration: underline;
}
a.blogEdit:active 
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11pt;
color: #e9e8e1;
vertical-align: middle;
text-decoration: none;
}