/***************/
/* General CSS */
/***************/

* {
 margin: 0;
}



/*****************/
/* HTML Elements */
/*****************/

div {
 margin: 0 auto 0 auto;
}

div.divider {
 clear: both;
 margin: 30px auto 30px auto;
 border-top: solid 1px #73777b;
 border-right: solid 1px #f1f3f5;
 border-bottom: solid 1px #f1f3f5;
 border-left: solid 1px #73777b;
}

div.top {
 margin-top: 20px;
}

h1 {
 font-size: 18px;
 margin: 0 0 10px 0;
}

h2, .h2 {
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
}

p {
 padding: 15px 0 0 0;
 text-align: left;
}

p.first {
 padding-top: 0;
}

a {
 color: #434d89;
 
}
a:hover {
 color: #333;
}

small {
 font-size: .75em;
}

.red {
 color: #cb2027;
}

.blue {
 color: #434d89;
}

.bold {
 font-weight: bold;
}

b {
 color: inherit;
}






/********************/
/* Body and Wrapper */
/********************/

body, #body {
 background-color: #575e78;
 background-image: url(/images/bg.jpg);
 background-position: top left;
 background-repeat: repeat-x;
 text-align: center;
 font-family: Arial, Verdana, sans-serif;
 font-size: 12px;

}

#wrapper {
 width: 820px;
 margin: 0 auto 0 auto;
 background-image: url(/images/wrapper_bg.gif);
 background-repeat: repeat-y;
 background-color: #fdeccd;
 text-align: left;
}






/*********************/
/* Header and Navbar */
/*********************/

#header {
 height: 307px;
 padding: 0;
 background-image: url(/images/header_bg.jpg);
 background-repeat: no-repeat;
}

#navbar_wrapper {
 height: 34px;
 padding: 0;
 background-image: url(/images/navbar_bg.gif);
 background-repeat: no-repeat;
}

#navbar {
 width: 670px;
 margin: 0 auto 0 auto;
}

#navbar div.separator {
 float: left;
 width: 8px;
 height: 22px;
 margin: 2px 20px 0 20px;
 background-image: url(/images/navbar_separator.gif);
 background-repeat: no-repeat;
}

#navbar a {
 float: left;
 display: block;
 height: 22px;
 margin: 7px 0;
 background-repeat: no-repeat;
}

#navbar a#navbar_collections, #navbar a#navbar_collections:hover {
 width: 85px;
 height: 22px;
 background-image: url(/images/navbar_collections.gif);
}
#navbar a#navbar_collections {
 background-position: 0px 0px;
}
#navbar a#navbar_collections:hover {
 background-position: 0px -22px;
}

#navbar a#navbar_2009catalog, #navbar a#navbar_2009catalog:hover {
 width: 104px;
 height: 22px;
 background-image: url(/images/navbar_2009catalog.gif);
}
#navbar a#navbar_2009catalog {
 background-position: 0px 0px;
}
#navbar a#navbar_2009catalog:hover {
 background-position: 0px -22px;
}

#navbar a#navbar_catalog, #navbar a#navbar_catalog:hover {
 width: 62px;
 height: 22px;
 background-image: url(/images/navbar_catalog.gif);
}
#navbar a#navbar_catalog {
 background-position: 0px 0px;
}
#navbar a#navbar_catalog:hover {
 background-position: 0px -22px;
}

#navbar a#navbar_submissions, #navbar a#navbar_submissions:hover {
 width: 92px;
 height: 22px;
 background-image: url(/images/navbar_submissions.gif);
}
#navbar a#navbar_submissions {
 background-position: 0px 0px;
}
#navbar a#navbar_submissions:hover {
 background-position: 0px -22px;
}

#navbar a#navbar_about, #navbar a#navbar_about:hover {
 width: 154px;
 height: 22px;
 background-image: url(/images/navbar_about.gif);
}
#navbar a#navbar_about {
 background-position: 0px 0px;
}
#navbar a#navbar_about:hover {
 background-position: 0px -22px;
}

#navbar a#navbar_contact, #navbar a#navbar_contact:hover {
 width: 85px;
 height: 22px;
 background-image: url(/images/navbar_contact.gif);
}
#navbar a#navbar_contact {
 background-position: 0px 0px;
}
#navbar a#navbar_contact:hover {
 background-position: 0px -22px;
}





/**********/
/* Subnav */
/**********/

#subnav {
 text-align: right;
 margin: 0 23px 15px 0;
 font-weight: normal;
}
#subnav, #subnav a, #subnav a:hover {
 color: #927544;
}
#subnav a {
 text-decoration: none;
}
#subnav a:hover {
 text-decoration: underline;
}




/***********/
/* Content */
/***********/

#inner_wrapper {
 padding: 0 4px 0 4px;
 margin: 0 0 20px 0;
}

.content_wrapper {
 float: left;
 width: 595px;
}

.content_top {
 float: left;
 width: 595px;
 height: 20px;
 background-color: transparent;
 background-image: url(/images/content_wrapper_top.gif);
 background-repeat: no-repeat;
}
.content {
 float: left;
 width: 550px;
 padding: 10px 20px 15px 25px;
 background-color: #fff;
 background-image: url(/images/content_wrapper_bg.gif);
 background-repeat: repeat-y;
 text-align: left;
 color: #203b57;
}
.content_bot {
 float: left;
 width: 595px;
 height: 15px;
 background-color: transparent;
 background-image: url(/images/content_wrapper_bot.gif);
 background-repeat: no-repeat;
}








/********************/
/* Forms and Inputs */
/********************/

fieldset {
 border: none;
 padding: 0;
}

#emailform {
 margin: 20px 0;
}

fieldset div {
 clear: both;
}

label {
 float: left;
 width: 100px;
}

input, select {
 float: left;
 margin: 0 0 10px 0;
}

input {
 width: 240px;
}

textarea {
 width: 100%;
}

input.button_send {
 clear: both;
 float: right;
 width: 75px;
 height: 25px;
 padding: 0;
 margin: 10px 0;
 border: 0;
 background-image: url(/images/button_send.jpg);
 background-repeat: no-repeat;
 cursor: pointer;
}






/************************/
/* Standardized outputs */
/************************/

div.error, div.notice, div.response {
 position: relative;
 width: auto;
 background-position: 30px 50%;
 background-repeat: no-repeat;
 border: solid 1px #666;
 padding: 3px 60px 3px 60px;
 margin: auto auto 10px auto;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}

div.error p, div.notice p {
 padding: 0px;
 margin: 3px;
}

div.error {
 background-color: #F00A00;
 background-image: url(/admin/images/icon_error.gif);
}
div.notice {
 background-color: #FFD800;
 background-image: url(/admin/images/icon_notice.gif);
 color: #000;
}
div.response {
 background-color: #009900;
 background-image: url(/admin/images/icon_success.gif);
 color: #fff;
}

div.response p {
 padding: 0px;
 margin: 3px;
}

.invalid {
 background-color: #ef7975;
}










/*************/
/* Accordian */
/*************/

div#collections-accordian {
 border: none;
 background-color: transparent;
 padding: 10px;
}

div.accordion {
 position: relative;	/* required for bounding */
 width: 575px;
}

div.accordion-toggle {
 position: relative;	/* required for effect */
 z-index: 10;		/* required for effect */
 color: #fff;   
 cursor: pointer;
 margin-bottom: 1px;
 padding: 9px 14px 6px 14px;
 font-size: 13px;
 font-weight: bold;
}

div.accordion-toggle-active {
 background-image: url(/images/accordian_on.jpg);
}
div.flip-flop, div.flip-flop:hover {
 background-image: url(/images/accordian_flip-flop.jpg);
}
div.mimi, div.mimi:hover {
 background-image: url(/images/accordian_mimi.jpg);
}
div.coastal, div.coastal:hover {
 background-image: url(/images/accordian_coastal.jpg);
}
div.color-element, div.color-element:hover {
 background-image: url(/images/accordian_colorelement.jpg);
}
div.elegant-element, div.elegant-element:hover {
 background-image: url(/images/accordian_elegantelement.jpg);
}

div.accordion-toggle-notactive {
 background: #3f3c38 url(/images/accordian_off.jpg) repeat-x;
 background-position: bottom;
}

div.accordion-content {
 overflow: hidden;	/* required for effect */
 background: #302e2c;
 padding: 0;
 color: #c4bab1;
}

div.accordion-content p {
 margin: 9px 24px 6px 24px;
}

div.accordian-product {
 float: left;
 width: 100px;
 height: 100px;
 border: solid 1px #ccc;
}






/********************/
/* Specific Content */
/********************/

.home_content {
 margin: 20px 0 0 0;
}

.home_content h2 {
 margin: 0;
 padding: 0;
}
.home_content p {
 padding: 5px 0 2px 0;
}

.catalogentries {
 width: 50%;
 text-align: left;
 padding: 0 0 0 120px; 
 margin: 30px auto 0 0;
}

.catalogentries a {
 display: block;
 background-image: url(/images/PDF-Icon.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 line-height: 30px;
 vertical-align: middle;
 padding: 5px 0 0 25px;
 white-space: nowrap;
}

a.collection_icon, a.collection_icon:hover {
 display: block;
 float: left;
 width: 116px;
 height: 115px;
 overflow: hidden;
 background-repeat: no-repeat;
}
a.collection_icon {
 background-position: 0px -115px;
}
a.collection_icon:hover {
 background-position: 0px 0px;
}

a.collection_icon_flip-flop {
 background-image: url(/images/collection_icon_flip-flop.jpg);
}
a.collection_icon_mimi {
 background-image: url(/images/collection_icon_mimi.jpg);
}
a.collection_icon_coastal {
 background-image: url(/images/collection_icon_coastal.jpg);
}
a.collection_icon_color-element {
 background-image: url(/images/collection_icon_color-element.jpg);
}
a.collection_icon_elegant-element {
 background-image: url(/images/collection_icon_elegant-element.jpg);
}





/**********/
/* Footer */
/**********/

#footer {
 width: 820px;
 height: 41px;
 background-image: url(/images/footer_bg.gif);
 background-repeat: no-repeat;
 background-color: #125297;
 color: #7bb2ee;
 text-align: right;
}
#footer a, #footer a:hover {
 padding: 0 5px 0 5px;
 color: #fff;
}
#footer a {
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}





/***********/
/* Credits */
/***********/

#credits, #credits a {
 width: 780px;
 margin: 0 auto 0 auto;
 padding: 0;
 text-align: center;
 color: #333;
 font-size: 9px;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 5px;
}

#credits {
 padding: 0;
}

#credits p {
 margin: 15px 0 15px 0;
 padding: 0;
 text-align: center;
}

#credits a, #credits .a {
 letter-spacing: 2px;
 text-decoration: none;
}

#credits a:hover {
 letter-spacing: 2px;
 color: #000;
 text-decoration: underline;
}

#credits .a {
 padding: 0 10px 0 10px;
}