/*
2003/10/10
osC-CSS stylesheet created by Tim Walling
2003/11/04
modified by Paul Mathot

- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- learn more about CSS at http://www.w3schools.com/css/
- 2003/11/23 editted by PaulM forums.eeweb.nl
- original made by Tim Walling
*/

#headerCSS {
        margin: 0; padding: 0;
}
#leftnavCSS {
        float: left;
        width: 125px;
        margin: 0px; padding: 0px;
}
#rightnavCSS {
        float: right;
        width: 125px;
        margin: 0px; padding: 0px;
}
.columnIn {
        margin:5px; padding: 0px;
}
.cleaner {
        clear: both;
        height: 1px;
        font-size: 1px;
        border: none;
        margin: 0; padding: 0;
        background: transparent;
}
.infoBoxCSS {
        border: 0px solid #edd5fa;
        margin-bottom: 10px;
        
}
.infoBoxHeadingCSS {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #666;
        padding:0px;
        background-color: #edd5fa
}
.infoBoxHeadingLinkCSS {
 background-color: #edd5fa
        float: right;
}
.infoBoxContentsCSS {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        padding: 5px;
        
}
/* changed values paulm */
#subheaderCSS {
        margin-bottom: 2px;
        margin-top: 2px;
        background-image: url("/thestore/images/site_specific/new-header.gif");
        height: 100px;
}
#subheaderRightCSS {
        width: auto;
        float: right;
        padding-top: 5px;
        padding-right: 5px;
}
#headerBarCSS {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #D17CFA;
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #aaaaaa;
        font-weight: bold;
}
#headerBarRightCSS {
        width: auto;
        float: right;
}
#footerBarCSS {
        padding: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 20px;
        background-color: #D17CFA;
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #60e860;
        font-weight: bold;
}
#footerBarCSS1 {
        padding: 5px;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-bottom: 20px;
        background-color: #D17CFA;
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #60e860;
        font-weight: bold;
}

#footerBarRightCSS {
        width: auto;
        float: right;
}
#footerContentCSS {
        text-align: center;
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        margin-bottom: 20px;
}
#footerBannerCSS {
        text-align: center;
        margin-bottom: 20px;
}
#pageHeadingCSS, h1 {
        margin-bottom: 20px;
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #9a9a9a;
}
#pageHeadingRightCSS {
        width: auto;
        float: right;
}
#currenciesPulldown {
        width: 100px;
}
#manufacturersPulldown {
        width: 125px;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}
#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 115px;
color: #fff;
background-color: #036;
text-decoration: none;
}
#navcontainer a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 100px;
color: #fff;
background-color: #FF0;
text-decoration: none;
}
#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
/*
following added by paulm november 2003
*/
#headerBarCSS, #footerBarCSS {
border: 1px solid #6F9;
border-width: 1px 1px;
}
#contentCSS {
width: 450px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}
#contentCSS table {
margin-left: 0;
margin-right: 0;
}
#pageBorderCSS {
width: 755px;
margin-right: auto;
margin-left: 5px;
border: 0px black solid;
position: relative;
}
.columnIn {
text-align: left;
}
body {
text-align: center;
padding: 0;
margin: 0px 0px;
}
.infoBoxCSS {
border: 1px solid #edd5fa;
margin-left:3px;
}
/* table width setting needed for IE, some boxes to wide */
.infoBoxCSS table {
width: 100px;
margin-left: auto;
margin-right: auto;
}
.infoBoxContentsCSS {

text-align: center;
border-color: #edd5fa;

color:#666;
}
#categoriesBoxCSS .infoBoxContentsCSS, #informationBoxCSS .infoBoxContentsCSS{

text-align: left;
border-color: #fc0

}

#specialinfoBoxContents .infoBox table {
background-color: #ef2121;
border: 2px solid red;
}

#shopping_cartBoxCSS .infoBoxContentsCSS {
text-align:left;
width:auto;
margin:0;
padding:2px;
border:0
}
div#categoriesBoxCSS, div#shopping_cartBoxCSS {
border-color: #edd5fa;
width:106px
}
.infoBoxHeadingLinkCSS a:hover {
background-color: red;
}

.descTable {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #666;
}

.descTableContent {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #666;
}

.descTable2 {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #333;
}

.descTableContent2 {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: normal;
        line-height: 15px;
        color: #333;
}
.infoBoxCSSbuy {
        font-family: "Lucida Grande", Trebuchet, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #666;
        background-color: #eee;
}


/*img#navbarunder250 {
border: solid #aaaaaa 1px;
width: 114px;
height: 27px;
left:0px}*/

#under2 a:link, #under2 a:visited {
background-image:url('/thestore/images/cf-css/images/under2.gif')

}
#under2 a:hover, #under2 a:active {
background-image:url('/thestore/images/cf-css/images/under2_f2.gif')

}
#silk a:link, #silk a:visited {
background-image:url('/thestore/images/cf-css/images/silkfabrics.gif')
}
#silk a:hover, #silk a:active {
background-image:url('/thestore/images/cf-css/images/silkfabrics_f2.gif')
}
#shiny a:link, #shiny a:visited {
background-image:url('/thestore/images/cf-css/images/shinyfabrics.gif')
}
#shiny a:hover, #shiny a:active {
background-image:url('/thestore/images/cf-css/images/shinyfabrics_f2.gif')
}
#sheer a:link, #sheer a:visited {
background-image:url('/thestore/images/cf-css/images/sheerfabrics.gif')
}
#sheer a:hover, #sheer a:active {
background-image:url('/thestore/images/cf-css/images/sheerfabrics_f2.gif')
}
#widewidth a:link, #widewidth a:visited {
background-image:url('/thestore/images/cf-css/images/widewidthff.gif')
}
#widewidth a:hover, #widewidth a:active {
background-image:url('/thestore/images/cf-css/images/widewidthff_f2.gif')
}
#heavyweight a:link, #heavyweight a:visited {
background-image:url('/thestore/images/cf-css/images/heavyweightFF.gif')
}
#heavyweight a:hover, #heavyweight a:active {
background-image:url('/thestore/images/cf-css/images/heavyweightFF_f2.gif')
}

#bridal a:link, #bridal a:visited {
background-image:url('/thestore/images/cf-css/images/bridalFabrics.gif')
}
#bridal a:hover, #bridal a:active {
background-image:url('/thestore/images/cf-css/images/bridalFabrics_f2.gif')
}
#dress a:link, #dress a:visited {
background-image:url('/thestore/images/cf-css/images/dressFabric.gif')
}
#dress a:hover, #dress a:active {
background-image:url('/thestore/images/cf-css/images/dressFabric_f2.gif')
}
#showtime a:link, #showtime a:visited {
background-image:url('/thestore/images/cf-css/images/showtimefabric.gif')
}
#showtime a:hover, #showtime a:active {
background-image:url('/thestore/images/cf-css/images/showtimefabric_f2.gif')
}
#drapery a:link, #drapery a:visited {
background-image:url('/thestore/images/cf-css/images/drapery.gif')
}
#drapery a:hover, #drapery a:active {
background-image:url('/thestore/images/cf-css/images/drapery_f2.gif')
}
#craft a:link, #craft a:visited {
background-image:url('/thestore/images/cf-css/images/craftFabics.gif')
}
#craft a:hover, #craft a:active {
background-image:url('/thestore/images/cf-css/images/craftFabics_f2.gif')
}
#trims a:link, #trims a:visited {
background-image:url('/thestore/images/cf-css/images/trims.gif')
}
#trims a:hover, #trims a:active {
background-image:url('/thestore/images/cf-css/images/trims_f2.gif')
}
#iwanttobuy {

padding:0px;
margin:0px;

}

#navlist {
width: 114px;
padding:0
}

#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: .9em;
}
#navlist li {
left:0px;
height:27px;
margin: 0;
padding: 0
}

#navlist a {
display: block;
padding: 0px;
border: 1px solid;
border-color: #ddd #edd5fa #edd5fa #ddd;
background-color: #f4f4f4;
background-repeat: no-repeat;
background-position: 0% 50%;
}

.linkitem {
color: #666666;
list-style-type: none;
}

.linkitem a {
color: #C3F;
font-weight: bold;
}