body         { font-family: 'Century Gothic', Futura, sans-serif; color: #191919; font-size: 
               10pt; line-height: 1.5em; background-color: #1565A3; 
               background-image: url('../images/main_background.jpg'); 
               background-repeat: repeat-x; margin: 0; padding: 0; 
               background-position: left top }
#topbordercontainer { z-index: 1; position: relative }
#headercontainer { width: 100%; height: 120px; background-color: #FFFFFF; margin-left: auto; 
               margin-right: auto; margin-top: 0; margin-bottom: 0 }
#header      { width: 960px; margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0; padding-top: 10px }
#topribboncontainer { background-color: #C3313E; color: #FFFFFF; background-repeat: repeat-x; 
               width: 100%; height: 50px; background-image: 
               url('../images/top_ribbon.png'); margin-left: auto; 
               margin-right: auto; margin-top: 0; margin-bottom: 0; 
               background-position: left top }
#topribbon   { width: 960px; margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0 }
#topribbon a { text-decoration: none; color: #FFFFFF; font-size: 11pt; font-weight: bold }
#topribbon td { padding-top: 15px }
#scallopcontainer { width: 100%; height: 25px; background-image: url('../images/top_scallop.png'); 
               background-repeat: repeat-x; margin-left: auto; margin-right: 
               auto; margin-top: 0; margin-bottom: 0; background-position: 
               left center }
#maincontainer { width: 960px; background-color: #FFFFFF; background-image: 
               url('../images/content_background.jpg'); background-repeat: 
               repeat-y; position: relative; top: -25px; z-index: 0; 
               margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0; padding-top: 40px; padding-bottom: 20px; 
               background-position: left top }
#mediacontainer { width: 960px; background-color: #FFFFFF; background-image: 
               url('../images/media_background.jpg'); background-repeat: 
               repeat-y; position: relative; top: -25px; z-index: 0; 
               margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0; padding-top: 40px; padding-bottom: 20px; 
               background-position: left top }
#contentwrapper { float: left; width: 100% }
#contentcolumn { margin-left: 270px }
.normal      { font-size: 10pt; line-height: 1.6em; color: #333333 }
a:link, a:visited { text-decoration: none; color: #C3313E; font-weight: bold }
a:hover, a:active { text-decoration: none; color: #1565A3; font-weight: bold }
#leftcolumn  { float: left; width: 270px; margin-left: -960px }
#leftcolumncontent { margin-left: 30px; margin-right: 30px; margin-top: 0; margin-bottom: 50px }
#footer      { clear: left; width: 100%; background-repeat: repeat-x; color: #FFFFFF; 
               text-align: center; background-image: 
               url('../images/footer_ribbon.png'); height: 96px; 
               padding-left: 0; padding-right: 0; padding-top: 4px; 
               padding-bottom: 4px; background-position: left top }
#footer a    { text-decoration: none; color: #FFFFFF }
#footer td   { font-size: 10pt; padding-top: 6px }
.innertube   { margin-left: 10px; margin-right: 10px; margin-top: 0; margin-bottom: 10px }
.bordertube  { margin-left: 10px; margin-right: 10px; margin-top: 20px; margin-bottom: 10px }
.leftcolumntube { margin-left: 25px; margin-right: 35px; margin-top: 0; margin-bottom: 50px }
/* - - - - - - - - - - */
/* UPDATED FABRICSHOP CSS */
.title       { font-size: 14pt; font-weight: bold; margin-top: 8px }
.copyright   { font-size: 8pt; color: #8C8274 }
.textfield   { color: #C3313E; font-size: 10pt; background-color: #FFFFFF; 
               border: 1px solid #C3313E; padding: 2px }
.searchtext  { color: #C3313E; font-size: 10pt; background-color: #F5F5F5; font-weight: bold; 
               border: 1px solid #1565A3; padding-left: 4px; padding-right: 
               4px; padding-top: 2px; padding-bottom: 2px }
.catname     { font-size: 14pt; font-weight: bold }
.catdesc     { font-size: 10pt }
.catnav      { font-size: 10pt; font-weight: bold; padding: 6px }
.itemtitle   { font-size: 12pt; font-weight: bold }
.itempic     { border: 1px solid #4C4C4C; margin: 6px }
.itemdesc    { font-size: 10pt }
.itemsku     { font-size: 8pt; font-weight: bold }
.designer    { font-size: 8pt; font-weight: bold }
.optional    { padding: 6px }
.coord       { border: 1px solid #4C4C4C; margin: 6px }
.mfg         { font-size: 8pt; font-style: italic }
.itemnav     { font-size: 8pt; font-weight: bold; padding: 6px }
.pagenav     { font-size: 8pt; font-weight: bold; padding: 6px }
/* - - - - - - - - - - */
/* DEFAULT FABRICSHOP STYLES */
.CatTreeNavStyle { font-size: 8pt; background-color: #FFFFFF }
.CatInlineNavStyle { font-size: 10pt }
.SubCatListStyle { font-size: 10pt }
.PageNavStyle { font-size: 10pt }
.PageStatsStyle { font-size: 8pt }
.UserOptionsStyle { font-size: 8pt; background-color: #FFFFFF }
.CatListBoxStyle { font-weight: normal; font-size: 10pt; color: #155C8C; border-style: solid; 
               border-width: 1px; padding: 2px }
.CatInputStyle { font-size: 8pt; background-color: #FFFFFF; border-style: solid; border-width: 
               1px }
.SortListBoxStyle { background-color: #FFFFFF; font-size: 8pt; border-style: solid; border-width: 
               1px }
.SortInputStyle { background-color: #FFFFFF; font-size: 8pt; border-style: solid; border-width: 
               1px }
.SearchBoxStyle { background-color: #FFFFFF; font-size: 8pt; border-style: solid; border-width: 
               1px }
.ThumbInfoStyle { font-size: 8pt }
.FullSizeInfoStyle { font-size: 8pt }
.TableHeaderStyle { font-size: 10pt; font-weight: bold }
table.ThumbTableStyle { background-color: #FFFFFF }
td.ThumbTableTDStyle { background-color: #FFFFFF }
/* SIDEBAR MENU */
.sidebarmenu ul { list-style-type: none; font-variant: normal; font-size: 10pt; width: 180px; 
               color: #C3313E; font-weight: bold; margin: 0; padding: 0 }
.sidebarmenu ul li { position: relative }
/* Top level menu links style */
.sidebarmenu ul li a { display: block; overflow: auto; text-decoration: none; border-bottom-style: 
               dashed; border-bottom-width: 2px; padding: 6px }
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active { color: #C3313E; border-bottom: 2px dashed #FFFFFF }
.sidebarmenu ul li a:visited { color: #C3313E; border-bottom: 2px dashed #FFFFFF }
.sidebarmenu ul li a:hover { color: #1565A3 }
/*Sub level menu items */
.sidebarmenu ul li ul { position: absolute; width: 170px; top: 0; visibility: hidden }
.sidebarmenu a.subfolderstyle { background-image: url('right.gif'); background-repeat: no-repeat; 
               background-attachment: scroll; background-position: 97% 50% }
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1% }
* html .sidebarmenu ul li a { height: 1% }
/* End */