/************* Global *************/
html,body {height:100%}

* {
margin: 0;
padding: 0;
}

body, input{
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: left;
color:#333333;
}

a {
text-decoration: none;
/*color: #f4bad8;*/
color:#333333;
}

a img {
border-style:none;
border:0px;
}

blockquote {
background: #f7f7f7;
padding: 15px;
margin: 5px 0;
}

textarea {
resize: none;
}

/************* Container *************/
/*#container {
height: auto !important;
min-height: 100%;
padding-bottom: 15px;
position: relative;
background: #f4bad8 url(../images/containerBg.gif) bottom left repeat-x fixed;
}*/

#container {
height: auto !important;
min-height: 100%;
position: relative;
/*background: url(/images/silkbackground.gif) center no-repeat fixed;*/
background-image:url(/images/silkbackground_final.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#000000;
}

* html #container {
	height: 100%;
}

/************* Header *************/
/*#headerWrap {
height: 59px;
background: url(../images/headerBg.gif);
}*/

#headerWrap {
height: 80px;
background: #000000;
}

#header {
width: 924px;/*740px;*/
margin: 0 auto;
padding-top:10px;
}

#header h1 a {
font-size: 30px;
letter-spacing: -1px;
padding-top: 5px;
float: left;
color: #f4bad8;
}

ul#navigation li {
list-style-type: none;
float: right;
}

ul#navigation li a {
/*padding: 15px 7px 12px;*/
padding-left: 5px;
display: block;
font-size: 12px;
color: #fff;
}

ul#navigation li a:hover, #footer a:hover {
background: #9b6e89;
}

#hnav {
font-size: 14px;
float: right;
padding-top: 5px;
}

#hnav a {
/*font-color: #F4BAD8;*/
color:#CCCCCC;/*#F4BAD8;*/
}

#hnav a:hover {
background: #DB42B0;/*#9B6E89;*/
color: #FFFFFF;
}

/************* Content *************/
#content {
width: 924px;/*740px;*/
margin: 5px auto 0;
/*background: #000000 url(../images/content_background.png) center no-repeat fixed;*/
height: auto;
min-height: 100%;
background: #FFFFFF;/* url(../images/content.gif) bottom left repeat-x fixed;*/
filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
/*border: 1px solid #fff;*/
position: relative;
}

#content:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	

#content a:hover {
background: #f4bad8;
/*color: #fff;*/
color:#666666;
cursor: pointer;
}

/* 
Header with picture and site description.
It uses a hack for vertical-align because IE doesn't work properly with tables
*/
#contentHeader {
margin: 15px auto;
width: 710px;
height: 182px;
background: url(/images/header.gif) no-repeat;
border: 1px solid #44434c;
position: relative;
}

#contentHeader[id] {
display: table;
position: static;
}

#siteDescription {
position: absolute;
top: 50%;
padding-left: 250px;
color: #44434c;
}

#siteDescription[id] {
display: table-cell;
vertical-align: middle;
position: static;
}

#siteDescription p {
position: relative;
top: -50%;
}

#content h2 {
margin: 15px 0;
border-bottom: 1px solid #9b6e89;
}

#content ul {
padding: 10px 15px 10px 20px;
list-style-image: url(/images/arrow.gif);
}

/************* Main *************/

#main {
margin: 0 20px;
width: 644px;/*430px;*/
float: right;
/*border: 1px solid #000000;*/
}

#main h4 {
margin: 15px 0;
}

#main a:hover {
background: #f4bad8;
/*color: #fff;*/
color:#666666;
cursor: pointer;
}

#main2 {
margin: 0 20px;
width: 644px;/*430px;*/
float: right;
/*border: 1px solid #000000;*/
}

#main2 h4 {
margin: 15px 0;
}

#main2 a:hover {
background: #f4bad8;
/*color: #fff;*/
color:#666666;
cursor: pointer;
}

#headings {
border-bottom: 1px solid #9b6e89;
padding-top: 5px;
padding-bottom: 5px;
/*font-size: 11px;
text-align: center;*/
}

#productlist {
border-bottom: 1px dotted #999999;
/*padding-bottom: 1px;*/
}

#productlist img{
padding-top:3px;
}

#productlist tr{
height:25px;
vertical-align:middle;
}

#all p{
text-align: left;
margin-bottom: 10px;
}

.announce {
width: 560px;
margin-left: 42px;
font-weight: bold;
font-size:22px;
}

.announce a:hover {
color:#333333;
cursor:pointer;
}

.quantity {
background-color: #F7F7F7;
border: 1px solid #9B6E89;
font-size: 0.9em;
text-align: center;
}

.quantity:hover {
background-color: #f4bad8;
/*color: #fff;*/
cursor: pointer;
}

.quantityGreen {
background-color: #F7F7F7;
border: 1px solid #00FF00;
font-size: 0.9em;
text-align: center;
}

.quantityGreen:hover {
background-color: #f4bad8;
/*color: #fff;*/
cursor: pointer;
}

.quantityYellow {
background-color: #F7F7F7;
border: 1px solid #e5ce1f;
font-size: 0.9em;
text-align: center;
}

.quantityYellow:hover {
background-color: #f4bad8;
/*color: #fff;*/
cursor: pointer;
}

.quantityRed {
background-color: #F7F7F7;
border: 1px solid #FF0000;
font-size: 0.9em;
text-align: center;
}

.quantityRed:hover {
background-color: #f4bad8;
/*color: #fff;*/
cursor: pointer;
}

.addPersonal {
font-size: 0.9em;
background-color: #F7F7F7;
border: 1px solid #9B6E89;
}

.addPersonal:hover {
background-color: #f4bad8;
cursor: pointer;
}

.personalButton {
background-color:#FFFFFF; 
border: 0px; 
font-size: -2; 
vertical-align: middle;
}

.personalButton:hover {
cursor:pointer;
background-color: #f4bad8;
}

.signup {
width: 400px;
margin-left: 122px;
font-size: 16px;
font-weight: bold;
padding-top: 20px;
padding-bottom: 30px;
}

.post {
text-align: justify;
}

.subcat {
font-size: 15px;
color: #333333;
font-weight: bold;
text-align: left;
}

.titles {
font-size: 11px;
text-align: center;
}

.yourQuantity {
background-color: #F7F7F7;
border: 1px solid #9B6E89;
font-size: 0.9em;
text-align: center;
}

.yourQuantity:hover {
background-color: #f4bad8;
/*color: #fff;*/
cursor: pointer;
}
/*
.yourQuantity {
background: #f7f7f7;
font-size: 0.9em;
text-align: center;
}

.yourQuantity:hover {
cursor: text;
}

.saveButton {
background-color:#FFFFFF; 
border: 0px; 
font-size: 0.9em; 
color: #333333; 
vertical-align: middle;
margin-left: 3px;
padding-left: 3px;
padding-right: 3px;
}

.saveButton:hover {
cursor:pointer;
background-color: #f4bad8;
}
*/
.save {
background-image:url(/images/save.png);
background-color:#FFFFFF;
vertical-align: middle;
border:0px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px;
padding-right: 15px;
height:21px;
width:59px;
}

.save:hover {
cursor:pointer;
background-color:#FFFFFF;
background-image:url(/images/save_click.png);
border:0px;
height:21px;
width:59px;
}

.discSave {
background-image:url(/images/save.png);
background-color:#E8E8E8;
vertical-align: middle;
border:0px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px;
padding-right: 15px;
height:21px;
width:59px;
}

.discSave:hover {
cursor:pointer;
background-color:#E8E8E8;
background-image:url(/images/save_click.png);
border:0px;
height:21px;
width:59px;
}

.saveButton {
background-color:#FFFFFF; 
border: 0px; 
font-size: -2; 
vertical-align: middle;
margin-left: 3px;
padding-left: 3px;
padding-right: 3px;
}

.saveButton:hover {
cursor:pointer;
background-color: #f4bad8;
}
/************* Contact Form **********/

#sendMail {
/*padding-left: 72px;
vertical-align: top;*/
}

#sendMail fieldset {
width: 500px;
margin-top: 15px;
border: 1px solid #9B6E89;
background-color: #F7F7F7;
}

#sendMail legend {
font-size: 24px;
font-weight: bold;
margin-left: 15px;
}

#sendMail label {
float: left;  
width: 8em;  
margin-right: 1em;
text-align: right;
}

#sendMail fieldset ul {
list-style-image:none;
list-style-type:none;
list-style: none;
float:left;
}

#sendMail fieldset li {
padding-bottom: 12px;
}

.name {
font-size: 0.9em;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #FFFFFF;
}

.name:hover {
border: 1px solid #9B6E89;
cursor: pointer;
}

.contactName {
font-size: 0.9em;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
}

.contactName:hover {
cursor: pointer;
}

.contactSelect {
font-size: 0.7em;
width: 215px;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
}

.message {
background-color: #F4BAD8;
border: 1px solid #9B6E89;
width:300px;
max-width:300px;
max-height:150px;
}

.submit {
background-color:#F4BAD8; 
border: 1px solid #45444D; 
font-size: 1.0em; 
color: #45444D; 
vertical-align: middle;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px;
padding-right: 15px;
}

.submit:hover {
cursor:pointer;
background-color: #45444D;
color: #F4BAD8;
border: 1px solid #F4BAD8;
}

/************* Sign Up Process **********/

#signupProcess {
vertical-align: middle;
}
/*
#signupProcess fieldset {
width: 400px;
margin-top: 40px;
border:none;
}

#signupProcess legend {
font-size: 24px;
font-weight: bold;
margin-left: 15px;
}

#signupProcess label {
float: left;  
width: 8em;  
margin-right: 1em;
text-align: right;
}
*/
#signupProcess ul {
list-style-image:none;
list-style-type:none;
list-style: none;
}

#signupProcess li {
padding-bottom: 12px;
list-style-image:none;
list-style-type:none;
list-style: none;
}

.signupName {
font-size: 0.9em;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9b6e89;
}

.signupName:hover {
background-color: #f4bad8;
cursor: pointer;
}

.signupSelect {
font-size: 0.7em;
width: 180px;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
}
/*
.message {
background-color: #F4BAD8;
border: 1px solid #9B6E89;
width:300px;
max-width:300px;
max-height:150px;
}
*/
.signupSubmit {
background-color:#F4BAD8; 
border: 1px solid #45444D; 
font-size: 1.0em; 
color: #45444D; 
vertical-align: middle;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px;
padding-right: 15px;
}

.signupSubmit:hover {
cursor:pointer;
background-color: #45444D;
color: #F4BAD8;
border: 1px solid #F4BAD8;
}

#package {
position:relative;
padding:10px; 
background-color:#f7f7f7;
border-top:1px solid #9b6e89; 
border-right:1px solid #9b6e89; 
border-left:1px solid #9b6e89; 
vertical-align:middle;
color:#333333;
}

#package:hover {
background-color:#f4bad8;
cursor:pointer;
}

.billing h2 {
margin: 0px 0;
border-bottom: 1px solid #9b6e89;
}

#cc li {
list-style:none;
}

.ccSelect {
font-size: 0.7em;
width: 147px;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
}

.monthSelect {
font-size: 0.7em;
width: 40px;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
}

.yearSelect {
font-size: 0.7em;
width: 60px;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
}

/************* Secondary *************/

#secondary {
width: 220px;
margin-left: 20px;
float: left;
height: 542px;/*542px*/
/*border: 1px solid #999999;*/
}

#secondary h4 {
margin: 10px 0;
border-bottom: 1px solid #9b6e89;
}

#secondary a:hover {
border-bottom: 1px solid #9b6e89;
color:#666666;
}

#secondarySignup {
width: 219px;
padding-left: 10px;
padding-right: 10px;
float: left;
border-right: 1px solid #9b6e89;
height: 567px;/*542px*/
/*border: 1px solid #999999;*/
}

#secondarySignup a:hover {
background:none;
}

#secondarySignup h4 {
margin: 10px 0;
border-bottom: 1px solid #9b6e89;
}

#login_secondary {
width: 220px;
margin-left: 20px;
float: left;
height: 567px;
/*border: 1px solid #999999;*/
}

#login_secondary h4 {
margin: 10px 0;
border-bottom: 1px solid #9b6e89;
}

#login_secondary a:hover {
border-bottom: 1px solid #9b6e89;
color:#666666;
cursor:pointer;
}

#login_promo a:hover {
border-bottom: none;
background:none;
cursor:pointer;
}

#admin_notes {
font-size: 12px;
text-align: justify;
}

.loginInput {
vertical-align: middle;
margin-bottom: 5px;
font-size: 0.8em;
background-color: #F7F7F7;
border: 1px solid #9B6E89;
}

.loginInput:hover {
background-color: #f4bad8;
cursor: pointer;
}


.loginButton {
background-color:#F4BAD8; 
border: 1px solid #45444D; 
font-size: 0.8em; 
color: #45444D; 
vertical-align: middle;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 15px;
padding-right: 15px;
font-style: italic;
}

.loginButton:hover {
cursor:pointer;
background-color: #45444D;
color: #F4BAD8;
border: 1px solid #F4BAD8;
}

.new li {
list-style-image: url(/images/new.jpg);
}

#loggedIn fieldset {
border-top: 1px solid #9B6E89;
border-bottom: 0px solid #9B6E89;
border-left: 0px solid #9B6E89;
border-right: 0px solid #9B6E89;
background-color:#FFFFFF;
height: 390px;
}

#loggedIn fieldset legend {
font-size: 18px;
/*font-weight: bold;*/
margin-left: 10px;
}

#loggedIn fieldset ul {
padding-left: 30px;
}

#loggedIn fieldset li {
padding-bottom: 5px;
}

#adminNotes blockquote {
border: 1px solid #9B6E89;
background: #f7f7f7;
padding: 8px;
}

.signupButton:hover {
background:none;
cursor:pointer;
}
/************* Search *************/
#searchform input {
background: #f7f7f7;
font-size: 0.9em;
}

#searchform submit {
text-decoration: none;
font-size: 12px;
font-style: normal;
vertical-align: middle;
color:#666666;
}

#searchform submit:hover {
font-size: 12px;
font-style: normal;
vertical-align: middle;
background: #f4bad8;
color:#666666;
cursor: pointer;
}

#searchform a {
font-size: 12px;
font-style: italic;
padding: 3px 3px;
margin-left: 5px;
vertical-align: middle;
}

.searchInput {
font-size: 0.9em;
background-color: #F7F7F7;
color: #666666;
border: 1px solid #9B6E89;
vertical-align: middle;
}
/*
.searchButton {
background-color:#F4BAD8; 
border: 1px solid #45444D; 
font-size: 0.8em; 
color: #45444D; 
vertical-align: middle;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
margin-right: 2px;
}

.searchButton:hover {
cursor:pointer;
background-color: #45444D;
color: #F4BAD8;
border: 1px solid #F4BAD8;
}
*/
.searchButton {
background-image:url(/images/search.png);
background-color:#CCCCCC;
vertical-align: middle;
border:0px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
margin-right:2px;
height:21px;
width:59px;
}

.searchButton:hover {
cursor:pointer;
background-color:#CCCCCC;
background-image:url(/images/search_click.png);
border:0px;
height:21px;
width:59px;
}


/************* Footer *************/
#footer {
position: relative;	
clear: both;
margin: 0 auto;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
background: #000000;
width: 924px;/*740px;*/
color: #fff;
/*border: 1px solid #fff;*/
clear: both;
text-align: center;
font-size: 11px;
}

#footer a {
color: #fff;
/*font-weight: bold;*/
}

.belowFold {
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
background: #000000;
color: #fff;
}

/*********** Ajax Form ***********/
form.inplaceeditor-form { /* The form */
cursor: pointer;
}

form.inplaceeditor-hover {
cursor: pointer;
}

form.inplaceeditor-form input[type="text"] { /* Input box */
text-align: center;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
  margin-left:1em;
}

form.inplaceeditor-form a { /* The cancel link */
  margin-left:1em;
}