/******************************************************************************

  Script    :   wkd_styles.css
  Author    :   C.E. Berry
  Version   :   1.0
  Notes     :   CSS Stylesheet for the What Katie Did website

                All material contained within is the intellectual property of
                Katie Halford and as such may not be reproduced in any way
                shape or form without the prior consent of Katie Halford.

*******************************************************************************

    Styles for default page elements e.g. anchors, body etc.

******************************************************************************/

body,
html
{
                                            height: 100%;
                                            padding: 0px;
                                            margin: 0px;
}

body                                        {background-image: url(../site_graphics/wkd_weave_tile.jpg);
                                             background-repeat: repeat;
                                             color: #000000;
                                             background-color: #FFFFFF;
                                             font-family: Verdana, Helvetica, sans-serif;
                                             font-size: 8pt;}

div#wkdheader
{
                                            width: 980px;
                                            margin-top: 10px;
                                            margin-bottom: 10px;
                                            margin-left: auto;
                                            margin-right: auto;
}

div#wkdmainpanel
{
                                            width: 980px;
                                            margin-left: auto;
                                            margin-right: auto;
                                            text-align: center;
}

div#wkdmainpanel > table /* fixup to center existing template tables within the div */
{
                                            margin-left: auto;
                                            margin-right: auto;
}

div#wkdfooter
{
                                            width: 980px;
                                            margin-left: auto;
                                            margin-right: auto;
}

table#indextable
{
                                            margin-left: -10px; /* this panel is 1000px wide for some reason */
}


table, td /* default all tables to cellpadding/cellspacing/border = 0 */
{
                                            color: #000000;
                                            font-family: Verdana, Helvetica, sans-serif;
                                            padding: 0px;
                                            margin: 0px;
/*                                            margin-left: auto;
                                            margin-right: auto;
                                            border-collapse: collapse;
                                            border-spacing: 0px;*/
}

a, img, form /* default all images and link and forms to have no margin or borders, especially useful for IE linked images */
{
                                            border: 0px;
                                            padding: 0px;
                                            margin: 0px;
}

a:link                                      {color: #000000;
                                             text-decoration: none;
                                             font-weight : bold;}

a:visited                                   {color: #000000;
                                             text-decoration: none;
                                             font-weight : bold;}

a:link                                      {color: #000000;
                                             text-decoration: none;
                                             font-weight : bold;}

a:hover                                     {color: #000000;
/*
                                             text-decoration: underline and overline;
*/
                                             font-weight : bold;}

h1                                          {color: #000000;
                                             font-family: Arial, Helvetica, sans-serif;
                                             font-size: 18pt;}

h2                                          {color: #000000;
                                             font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;}

h3                                          {color: #000000;
                                             font-family: Arial, Helvetica, sans-serif;
                                             font-size: 14pt;}

h4                                          {color: #000000;
                                             font-family: Arial, Helvetica, sans-serif;
                                             font-size: 12pt;}

b                                           {color: #000000;
                                             font-weight: bold;}

.fesstotemplatesearcha                      {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 10pt;}

.fesstosidemenua                            {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 10pt;}

.fesstocheckoutadisabled                    {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;
                                             font-weight: bold;}

.fesstocheckoutaprocessorder                {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;
                                             font-weight: bold;}

.fesstocheckoutaconfirmorder                {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;
                                             font-weight: bold;}

.fesstocheckoutacancelorder                 {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;
                                             font-weight: bold;}

.fesstocheckoutaamendorder                  {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;
                                             font-weight: bold;}

.fesstocheckoutapayment                     {font-family: Arial, Helvetica, sans-serif;
                                             font-size: 16pt;
                                             font-weight: bold;}

.fesstoproductimg                           {border-color: #000000;
                                             border-width: 1px;
/*
                                             border-type: solid;
*/
                                             }

.x_fesstoproducttypesimg                    {border-color: #000000;
                                             border-width: 1px;
/*
                                             border-type: solid;
*/
                                             }

.fesstosearchresimg                         {border-color: #E8C8D8;
                                             border-width: 10px;
/*
                                             border-type: solid;
*/
                                             }

.fesstoproductpopupimg                      {border-color: #000000;
                                             border-width: 1px;
/*
                                             border-type: solid;
*/
                                             }

.fesstoproductimagetext                     {color: #000000;
                                             font-family: Verdana, Helvetica, sans-serif;
                                             font-size: 7pt;}

.fesadmsrshaded                             {background-color: #CBE5FF;}

.wkdcardsbg                                 {background-color: #FFE4C4;}

.wkdcardsbold                               {color: #000000;
                                             font-family: Arial;
                                             font-size: 10pt;
                                             font-weight: bold;}

.wkdcardstext                               {color: #000000;
                                             font-family: Arial;
                                             font-size: 10pt;
                                             font-weight: normal;}

.wkdnoline									{text-decoration: none;
											 font-weight: normal;}

/*  Styles for boutique pages */

h3.wkdboutiquepopup                         {color: #000000;
                                             font-family: Arial, Helvetica, sans-serif;
                                             font-size: 14pt;
                                             margin-bottom: 5px;}

.wkdboutiqueprompt                          {margin-top: 5px;}

.wkdboutiqueimage                           {border-color: #000000;
                                             border-width: 1px;}

.wkdjustifytext                             {text-align: justify;}

.wkdborderedimg                             {border-color: #000000;
                                             border-width: 1px;
/*
                                             border-type: solid;
*/
                                             }

/*  Styles for order status highlighting  */

.fesadmstoordstop                           {background-color: #C00000;
                                             color: #FFFFFF;}

.fesadmstoordwarn                           {background-color: #FFDA2B;}

.fesadmstoordnote                           {background-color: #00FFFF;}

.fesadmstoordcreatednopaymentofferedyet     {background-color: #FF8888;}

.fesadmstoordcreatedpaymentoffered          {background-color: #FFFFCC;}

.fesadmstoordcomplete                       {background-color: #FFE4C4;}

.fesadmstoordcancelled                      {background-color: #000000;
                                             color: #FFFFFF;}

.fesstoaddbaskettdd                         {color: #000000;
                                             font-weight: bold;
                                             text-align: left;}

/*  Styles for scroller  */

#fesscrollerwindow	                        {position:absolute;
	                                         left: 502px;
	                                         top: 20px;
	                                         width: 266px;
	                                         height: 120px;
	                                         clip: rect(0px, 266px, 120px, 0px);
	                                         overflow: hidden;
	                                         z-index: 1;}

#fesscrollerlayer	                        {position:absolute;
	                                         left:0;
	                                         top:0;
	                                         z-index:1;}


h3.fesstoproductpopuph3
{
                                            margin: 0px;
}

table.wkdmaillistbox,
table.wkdmaillistbox table,
table.wkdsearchbox,
table.wkdsearchbox table
{
                                            margin-left: auto;
                                            margin-right: 0;
}

table.wkdmaillistbox td
{
                                            text-align: left;
}

table.wkdsearchbox td
{
                                            text-align: left;
}

table.wkdmaillistbox input,
table.wkdsearchbox input,
table.wkdsearchbox select
{
                                            background-color: #fbfecd;
                                            font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
                                            font-size: 16px;
                                            border-style: none;
                                            border-width: 0px;
}

table.wkdmaillistbox input
{
                                            margin-bottom: 5px;
}

td.wkdsuccess
{
                                            font-size: 10pt;
                                            background-color: #021168 !important;
                                            color: #FFFFFF;
                                            padding-left: 20px;
                                            padding-right: 20px;
                                            margin-left: 20px;
                                            margin-right: 20px;
                                            border: 1px;
                                            border-style: solid;
                                            border-color: #000000;

}

b.wkdsuccess
{
                                            color: #FFFFFF;
}

td.wkderror
{
                                            font-size: 10pt;
                                            background-color: #FFE375 !important;
                                            padding-left: 20px;
                                            padding-right: 20px;
                                            margin-left: 20px;
                                            margin-right: 20px;
                                            border: 1px;
                                            border-style: solid;
                                            border-color: #000000;

}

input.wkderror
{
                                            background-color: #FFE375 !important;
}

select.wkderror
{
                                            background-color: #FFE375 !important;
}


table.wkdmenubar
{
/*
                                             background-color: #fbfecd;
*/
}

table.wkdmenubar td
{
/*
                                             background-color: #fbfecd;
*/
                                             text-align:       center;
                                             height:           15px;
}

table.wkdmenubar a
{
                                             font-family:      Aerial, Helvetica, sans-serif;
                                             font-size:        11pt;

}

table.wkdsidebar td
{
                                             background-color: #FFFFFF;
                                             text-align:       center;
                                             padding-left:      20px;
                                             padding-right:     20px;
                                             padding-top:       10px;
                                             padding-bottom:    10px;

}

table.wkddisplaytabs
{
/*
                                             background-color: #FFFFFF;
*/
}

table.wkddisplaytabs td
{
                                             background-color: transparent;
                                             text-align:       center;
                                             vertical-align:   top;
                                             padding-left:      0px;
                                             padding-right:     0px;
                                             padding-top:       0px;
                                             padding-bottom:    0px;
                                             border: 0px;
                                             border-bottom: 1px;
                                             border-style: solid;
                                             border-color: #000000;

}

table.wkddisplaytabs td.wkddisplaytabedge
{
                                             background-color: transparent;
                                             padding-left:      0px;
                                             padding-right:     0px;
                                             padding-top:       0px;
                                             padding-bottom:    0px;
                                             border: 0px;
                                             border-bottom: 1px;
                                             border-style: solid;
                                             border-color: #000000;

}

table.wkdtabbedpage p
{
                                             vertical-align:   top;
                                             padding-left:      20px;
                                             padding-right:     20px;
                                             padding-top:       10px;
                                             padding-bottom:    0px;

}

#wkdnotes,
#wkddetails,
#wkdsizing,
#wkdtoorder,
#wkdpress
{
                                            background-color: #fbfecd;
                                            position: absolute;
                                            visibility: hidden;
                                            text-align: left;
                                            vertical-align:   top;
                                            border: 1px;
                                            border-top: 0px;
                                            border-style: solid;
                                            border-color: #000000;
                                            width: 600px;
}

#wkdnotestab,
#wkddetailstab,
#wkdsizingtab,
#wkdtoordertab,
#wkdpresstab
{
                                            background-color: #fbfecd;
}

#wkddetails,
#wkdsizing,
#wkdtoorder,
#wkdpress
{
                                            visibility: hidden;
}

table.fesstosearchrestabled
{
                                            margin-left: auto;
                                            margin-right: auto;
                                            text-align: center;

}

img.fesstosearchresimg
{
/*
                                            border-color: #E8C8D8;
*/
                                            border-color: white;
                                            border-width: 2px;
                                            border-style: solid;
                                            margin-top: 15px;
                                            margin-bottom: 5px;
                                            text-align: center;
}

td.fesstosearchrestdtile table
{
                                            margin-left: auto;
                                            margin-right: auto;
                                            text-align: center;
}

table.fesstoaddbaskettable
{
                                            margin-top: 5px;
}

table.fesstomenucheckouttable td,
table.fesstomenubaskettable td
{
                                            text-align: left;
}

h4.wkdassociated
{
                                            font-size: 14px;
                                            margin-top: 12px;
                                            margin-bottom: 3px;
}

table.wkdassociated
{
                                            text-align: left;
}

table.wkdassociated a
{
                                            color: #000000;
                                            font-size: 12px;
                                            text-decoration: none;
                                            font-weight : normal;
}

table.wkdassociated a:hover
{
                                            color: #666666;
}

#fesstocheckoutprocess
{
                                            text-align: right !important;
}

div#wkdzoomerpanel
{
/*
    margin-left:auto;
    margin-right:auto;
*/
    position: relative;
    border-color: white;
    border-width: 2px;
    border-style: solid;
    width: 300px;
    height: 400px;
    margin-bottom: 10px;
    text-align: left;

}

#wkdzoomerimage
{
    cursor: move;
}
#wkdzoomer
{
    position: absolute;
}
#wkdzoomernav
{
    position: absolute;
    margin-top: 373px;
}
#wkdplayerwrapper
{
    position: absolute;
    z-index: 2;
    display: none;
}

table#wkdzoomerpanel a,
table#wkdzoomertable a
{
    font-size: 18px;
    color: black;
    font-weight: bold;
}

img.wkdpressnav,
#wkdzoomernav img,
#wkdzoomernav a
{
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

table.wkdalternateimages img
{
    border-color: white;
    border-width: 1px;
    border-style: solid;
    margin: 1px;

}

hr.wkdline
{
    border: none 0;
	border-top: 3px double #FF99CB;
	width: 100%;
	height: 3px;
	margin: 10px auto 0 0;
}

td.wkdordersummary
{
    padding: 5px;
    margin: 0px;
}

.wkdpanel
{
    background-color: #F6F0E2;
}

.wkdpanell
{
                        background-image: url(../site_graphics/wkd_panel_left.jpg);
                        background-repeat: repeat-y;
                        background-position: top right;
}

.wkdpanelr
{
                        background-image: url(../site_graphics/wkd_panel_right.jpg);
                        background-repeat: repeat-y;
                        background-position: top left;
}

h3.wkdpageheading
{
    margin-top: 0px;
}

table.wkdcheckouttable1 td
{
    text-align: center;
}

a.wkdaddresslink:hover
{
                                color: blue;
}

#wkdtooltip
{
                                background-color: ivory;
                                width: 40%;
/*
                                height: 49px;
*/
                                border: solid 1px gray;
                                text-align: left;
                                position: absolute;
                                display: none;
}

#wkdtooltip p
{
                                padding: 3px;
                                margin: 3px;
}

td.wkdpaypal a
{
/*
    font-weight: normal;
*/
}

td.wkdpaypal form
{
    display: inline;
    margin: 0px;
}

body.wkdpopup
{
                                color: #000000;
                                background-color: #FFFFFF;
                                font-family: Verdana, Helvetica, sans-serif;
                                font-size: 8pt;
                                margin: 0px;
}

table.wkdpopup td
{
                                color: #000000;
                                background-color: #FFFFFF;
                                font-family: Verdana, Helvetica, sans-serif;
                                font-size: 8pt;
}

p.wkdpopup
{
                                text-align: justify;
}

p.wkdpopupsmall
{
                                font-size: 7pt;
}

.wkdquotei
{
                                font-size: 10pt;
                                font-style: italic;
}

.wkdquote
{
                                font-size: 10pt;
                                font-weight: bold;
}

.wkdquotei2
{
                                font-size: 8pt;
/*
                                font-style: italic;
*/
}

.wkdquote2
{
                                font-size: 8pt;
                                font-weight: bold;
}

/* Header styles */

input.wkdheader,textarea.wkdheader,select.wkdheader
{
                background-color: #FBFECD;
                color: #000000;
                font-family: Verdana, Hezlvetica, sans-serif;
                font-size: 7pt;
                border-style: solid;
                border-width: 1px 1px 1px 1px;
                border-color: #989898;
}

td.wkdheader

{
                color: #000000;
                font-family: Verdana, Hezlvetica, sans-serif;
                font-size: 7pt;
}

a.wkdheader
{
                color: #000000;
                font-family: Verdana, Hezlvetica, sans-serif;
                font-size: 7pt;
}

a.wkdheader:link,a.wkdheader:visited,a.wkdheader:link,a.wkdheader:hover
{
                color: #000000;
                text-decoration: none;
                font-weight : bold;
}

img.wkdheaderline
{
                background-color: #FF99CB;
}

/* Dynamic menu styles */

.wkdsubmenu
{
                    position: absolute;
/*
                    top: 40px;
*/
                    z-index: 1;
                    visibility: hidden;
	                opacity: 0.0;
                    filter: alpha(opacity=0);
                    -moz-opacity: 0.0;
	                -khtml-opacity: 0.0;
}

.wkdsubmenu td
{
/*
                    width: 100px;
                    height: 30px;
*/
                    text-align: center;
                    background-color: red;
}

.wkdsubmenu ul
{
                    background-color: #ffa0c0;
                    padding: 0px;
                    margin: 0px;
                    list-style: none;
                    list-style-image: none;
                    list-style-type: none;
                    list-style-position: none;
}

.wkdsubmenu a
{
                    font-size: 11px;
                    font-weight: bold;
}

.wkdsubmenu li,
.wkdsubmenu img,
.wkdsubmenu a
{
/*
                    width: 100px;
                    height: 40px;
*/
                    background-color: #ffa0c0;
                    text-align: left;
                    padding: 0px;
                    margin: 0px;
}

.tabtext
{
                    font-size: 8pt;
                    font-weight: normal;
}

img#wkdtab1:hover,
img#wkdtab2:hover,
img#wkdtab3:hover,
img#wkdtab4:hover
{
                    cursor:  pointer;
}

p.wkdnews
{
                    padding-top 10px;
}

table.wkdsociallinks a
{
                    font-size: 11px;
                    font-weight: normal;
}