/* Custom CSS Document for Forsythe Fabrics
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

@import "/Controls/Navigator.css";
@import "/sfaddons/MenuLink/UltimateMenuV.css";

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {background:#f5eccb url(images/design/body-tile.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%; height:100%; background:url(images/design/pt-tile.gif) repeat-x bottom;}
#PageSubTable {width:760px; height:100%; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell.content {height:100%; padding:0 0 0 10px;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#d9d595; border:1px solid #b5b171; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f9f3df; border:1px solid #77add9; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#000;}

/* Navigator Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:normal; font-size:12px;}
.navigator a {line-height:18px;}

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {background:#d9d595;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#f2e3b2}

.categorybox a,
.selectedcategorybox a {color:#fff; text-decoration:none;}

.overcategorybox a, 
.overselectedcategorybox a {color:#d9d595; text-decoration:none;}

.subcategorybox a,
.selectedsubcategorybox a {color:#fff; text-decoration:none;}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#d4d2dd; text-decoration:none;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#000; margin:5px 0 10px 0; padding:5px 0; width:100%; }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#000; margin:5px 0; padding:5px 0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:0 0 5px 0; padding:0 0 5px 0;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0; list-style:none;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {margin:0; padding:0; height:103px; font-size:12px; font-weight:normal; vertical-align:top;}
#TopBannerCell img {margin:21px 0 0 3px; padding:0;}

#TopBannerCell ul.float-right {margin:15px 0 0 0;}
#TopBannerCell ul.float-right li {float:none; text-align:right; width:auto; font-size:12px;}
#TopBannerCell ul.float-right li a {color:#000; text-decoration:none;}
#TopBannerCell ul.float-right li a:hover {text-decoration:underline;}

#TopBannerCell ul.float-left {clear:both; float:left; width:100%; border-left:1px solid #f5eccb; height:25px; margin:15px 0 0 0;}
#TopBannerCell ul.float-left li {border-right:1px solid #f5eccb; height:25px; font-size:10px;}
#TopBannerCell ul.float-left li a {color:#555044; text-decoration:none; line-height:25px; display:block; padding:0 6px;}
#TopBannerCell ul.float-left li a:hover {background:#e5e1a3; text-decoration:none;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height:63px; border-bottom:15px solid #f5eccb;}

/* Search Styles */
.search {width:245px; float:left; margin:7px 0 0 0;} /* set width */
ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
ul.searchWrap li {} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {padding:2px 0 0 5px;}
ul.searchWrap li.textbox .searchbox{height:18px; width:158px; border:1px solid #b6ae9c; background:#fff; font-size:11px; font-weight:normal; padding:1px 0 0 3px;}
ul.searchWrap li.head {font-size:12px; font-weight:bold; text-transform:uppercase; padding:2px 5px 0 0; _padding-top:4px;}

.sslsearch {margin:7px 0 0 0;}
.sslsearch a {color:#c3b485; text-decoration:none;}
.sslsearch a:hover {color:#000; text-decoration:underline;}

/* Cart Styles */
ul.cartnav {font-weight:normal; font-size:12px; color:#000;}
ul.cartnav li {}
ul.cartnav li a {padding:0 7px; color:#000; line-height:30px; text-decoration:none;}
ul.cartnav li a:hover {text-decoration:underline;}
ul.cartnav li.account {}
ul.cartnav li.viewcart {}
ul.cartnav li.checkout {background:url(images/design/blk-dot.gif) repeat-y right; margin:0 10px 0 0; padding:0 3px 0 0;}
ul.cartnav li.items,
ul.cartnav li.total {font-weight:bold; line-height:30px; padding:0;}
ul.cartnav li.pipe {font-weight:bold; line-height:30px; padding:0 7px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:21%; vertical-align:top; background:url(images/design/grey-dot.gif) repeat-y right;}
#LeftColumnNav1_custommenu {width:165px; padding:0 0 10px 0;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

#LeftColumnCell h2 {background:#000; font-size:px; font-weight:bold; color:#fff; text-align:center; display:block; height:38px; width:155px; line-height:38px; margin:0 0 10px 0;}
#LeftColumnCell a {color:#000; padding:0 0 0 10px; background:url(images/design/lc-bullet.gif) no-repeat 0 50%; text-decoration:none; line-height:18px;}
#LeftColumnCell a:hover {text-decoration:underline;}

#LeftColumnCell .lc-sale a {font:bold 18px "Arial Black" Arial, Helvetica, sans-serif; color:#ca0000; text-align:center; width:100%; margin:10px 0 0 0; padding:0; background:none; text-transform:uppercase;}
#LeftColumnCell .lc-sale a:hover {text-decoration:none;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height:79px; text-align:center; font-size:12px; font-weight:normal; color:#000; border-top:15px solid #f5eccb;}
#FooterCell p {line-height:20px; margin:10px 0 0 0; padding:0;}
#FooterCell a {color:#000; padding:0 5px; text-decoration:none;}
#FooterCell a:hover {text-decoration:underline;}
#FooterCell span {font-size:10px;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}
#ContentCell.default .float-left {width:420px; background:url(images/design/grey-dot.gif) repeat-y top right;}
#ContentCell.default .float-left img {margin:0 0 15px 0;}
#ContentCell.default .float-right {width:150px;}
#ContentCell.default h1 {font-size:18px; color:#000; border:none; text-align:center;}
#ContentCell.default p {font-size:15px; line-height:22px; text-align:center;}
#ContentCell.default ul {margin:0 0 8px 0; padding:0; width:155px;}
#ContentCell.default ul li {list-style:none; float:none; text-align:center;}
#ContentCell.default ul li a {font-weight:bold; text-transform:uppercase; text-decoration:none;}
#ContentCell.default ul li a:hover {text-decoration:underline;}
#ContentCell.default .large-font {font-size:18px; font-weight:bold;}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}



/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {} /* Info Table*/
#ProductDetail21_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {padding:10px;} /* Description */
#ProductDetail21_trPrice .content {color:#478522; font-weight:normal; font-size:18px; padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */

/* Button Spacing for FireFox */
#ProductDetail21_trAddToCart .content img,
#ProductDetail21_trSavedCart .content img,
#ProductDetail21_trEMailFriend .content img {margin:1px 0;}