/*
note:
pink: pantone 206C | #D30547
green: pantone 368C | #5BBF21 
grey: pantone 424C | #827F77
pink for grey background F23574
*/

/* Layout
----------------------------------------------------------------------------------------------------*/

#header {margin-top:5px;}
#header {position:relative;}

#container { border-top:0px solid #d1d1c5; border-bottom:0px solid #d1d1c5;}

#site {border: solid 2px black; color:#666666; margin-top:00px; margin-bottom:00px;}

#w {background:#827F77 url("/content/img/body_back.gif") repeat-y scroll center}

/* Note
----------------------------------------------------------------------------------------------------*/

div.note {border:1px solid #b9baae; background-color:#f9faed; margin-bottom:10px; padding:10px; color:#000;}
div.note.success {border-color:#b9baae; background-color:#d1eec5;}
div.note.error {border-color:#b9baae; background-color:#ebd1c5;}

/* Link for dropdown menu */
ul#hotbar li.dropdown a {padding-right:24px;
	background-image:url(../img/hotbar_expand.gif);
    background-position:right 30%; background-repeat:no-repeat;}
ul#hotbar li.active.dropdown a {background-image:url(../img/hotbar_expand_active.gif);}
ul#hotbar li.dropdown ul li a {background-image:none;}
ul#hotbar li.active.dropdown ul li a {background-image:none;}
ul#hotbar li.dropdown:hover a {background-color:#f5f4f1; border-top-color:#ddddd4; border-bottom-color:#f5f4f1;}
ul#hotbar li.dropdown:hover ul {display:block;}

/* Dropdown */
ul#hotbar ul {list-style-type:none; position:absolute; margin-left:-5px; padding-bottom:6px; top:35px; z-index:999; display:none;
    background:#f5f4f1 url(../img/hotbar_dropdown_shadow_a.gif) no-repeat scroll bottom left;
    border:0;}
ul#hotbar ul li {margin:4px 20px 4px 11px; line-height:1;}
ul#hotbar ul li a {border:0 !important; font-size:12px; color:#08667e; white-space:nowrap; display:inline;
    background-color:Transparent !important; background-image:none; padding:0 !important; font-weight:normal !important;}
ul#hotbar ul li a:hover {text-decoration:underline;}
ul#hotbar ul li.active a {font-weight:bold !important;}
ul#hotbar li li {float:none;}

ul#hotbar ul li span.end {display:block; position:absolute; top:0; right:0; width:10px; height:100%;
    background:url('../img/hotbar_dropdown_shadow_b.gif') no-repeat right bottom;
}

/* Active menu item */
ul#hotbar li.active a {z-index:2;
	background-color:#ebeae3; font-weight:bold;
    border-bottom-color:#ebeae3; border-top:1px solid #d1d1c5;}
ul#hotbar li.active.first a {border-left-color:#d1d1c5;}

ul#hotbar li.active a:hover {background-color:#ebeae3;}
ul#hotbar li.active.dropdown:hover a {background-color:#e2e0d8; border-bottom-color:#e2e0d8;}
ul#hotbar li.active ul {background-color:#e2e0d8;}


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {margin-top:20px; font-size:12px; text-align:center; }
#footer a {color:#827F77;}
#footer a:hover {color:#000;}
#footer ul {list-style-type:none; color:#827F77}
#footer li {margin:0; line-height:1.4;}
#footer p {margin-bottom:2px;}

#w p.copyrights {font-size:8pt; text-align:center}

/* Compact Table
----------------------------------------------------------------------------------------------------*/

table.compact {width:100%; border-bottom:1px solid #d1d1c5;}
table.compact thead {font-size:10px; line-height:1; color:#fff;}
table.compact thead th {padding:2px 5px 3px 5px; font-weight:bold;
    background-color:#8a2888; border-bottom:1px solid #000;}

table.compact tbody td.lc {border-right:1px solid #d1d1c5; padding-right:4px;}
table.compact tbody td {font-size:12px; line-height:1.1; padding:4px 5px;
    background-color:#fff; border-bottom:1px solid #ebeae3;}
table.compact tbody td a {text-decoration:none;}
table.compact tbody td a:hover {text-decoration:underline;}

table.compact tfoot td.details {font-size:11px; text-align:center; padding:2px 4px 2px 5px;
    background-color:#fff; border-right:1px solid #d1d1c5; border-bottom:1px solid #d1d1c5;}

/* Content navigation
----------------------------------------------------------------------------------------------------*/

a.parent {text-decoration:none;}
a.parent:hover {text-decoration:underline;}



/*Topmenu
-----------------------------------------------------------------------------------------------------*/
#w #top_menu table {width:100%; margin:0px 0px 0px 0px; border-bottom:solid 1px black;}
#w #top_menu table tbody td{ background-image:url("/content/img/menutop_background.jpg"); text-align:center; border-left:solid 1px #827F77; border-right:solid 1px #827F77; border-top:solid 1px #827F77;
                      font-size:12; padding:3px 0px 3px 0px}
#w #top_menu table tbody td.headcell a{text-decoration:none; color:White;}

#w #top_menu table tbody td.headcell:hover{background-color:#827F77; }

#w #top_menu table tbody td.headcell a.topitem_hover{color:White;}
#w #top_menu table tbody td.headcell a.topitem_nothover{}
      
#w #top_menu div.dropdown {margin-left:auto;margin-right:auto;}
      
#w #top_menu ul.dropmenu { border: solid 1px White;position:absolute; width:inherit; display:none; float:left; list-style:none; z-index:999; background-color:#808080; padding-top:0px; margin-top:4px;}
#w #top_menu ul.dropmenu li{  border-bottom: solid 0.5px White; margin:0px;padding: 0 0 0 4px; position:relative; text-align:left;}
#w #top_menu ul.dropmenu li a { text-decoration:none; color:#827F77; height:100%; }
#w #top_menu ul.dropmenu li:hover{background-color:#5BBF21}
#w #top_menu ul.dropmenu li span {width:17px; height:35px; float:left;}

#w #top_menu #special {background-image:none;background-image:url("/content/img/menutop_background_green.jpg"); width:150px;}
/*Toplogo
-----------------------------------------------------------------------------------------------------*/
#w #top_logo table {width:100%; border-bottom:solid 0px black; padding-top:5px; margin-left:20px; margin-top:10px}

#w #top_logo table tbody td.logo{background-image:url("/content/img/FusionMaterniteLogo_Web.jpg");  background-repeat:no-repeat; width:222px; height:129px; padding-right:10px;border-right:solid 1px #827F77;}                     

/*USerInfo
--------------------------------------------------------------------------------------------------------*/

#w #user_section {display:inline-block; margin: 5px 0 0 0;}
#w #user_section div.user_menu {padding: 10px 0px 0 0;}
#w #user_section div.user_menu img{vertical-align:middle;}

#w #cartstatus_view {background-image:url("/content/img/cartview_back.gif"); background-repeat:no-repeat; background-position:20px; margin-top:15px; position:relative; display:inline; float:left; right:0px; }



#w #user_section table td.text_right {text-align:left;padding-right:5px;}

#w #subscribe_top {position:relative; display:inline-block; width:300px; padding:30px 0px 0px 35px;}
#w #subscribe_top input[type="text"]{border:none 1px #827F77;width:236px; height:27px; line-height:27px; vertical-align:middle; background-image:url(/content/img/shaded_input.bmp); padding-left:5px;}
#w #subscribe_top div.ico {padding:15px 5px 0px 0px;float:left}
#w #subscribe_top div.right_section {float:right;padding:0px 0px 0px 0px;}
#w #subscribe_top img.text {padding:0px 0px 0px 0px;}
#w #subscribe_top div.button {padding:5px 0px 0px 0px; text-align:right}

.right_align {text-align:right; }

#w input[type="text"].with_default {color:#827F77;}
