/* Custom CSS Document for Wedding Essentials #55112
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*NOTES ON CHANGING STYLES:  HI APRIL!  there are notes below on modifying this document.  You can use photoshop to locate the proper color, and replace the number behind the pound sign (#). BE SURE TO MAKE THE SAME MODIFICATIONS TO THE CUSTOM.CSS FILE IN THE SSL DIRECTORY OF THE SITE. This is the secrure area of the site.  DO NOT OVERWRITE THAT FILE WITH THIS ONE.  Just make the same changes to it that you have to this file.  There are no notes in that file pertaining to color changes, but you can look for the same areas to change using this file as a guide.*/

@import "Controls/Navigator.css"; /* Locate Controls/Navigator.css to change the green colors of the left column on interior (product pages).  There is also a duplicate copy of this file as well located here: SSL/Controls/Navigator.css */

/* Default STYLES
--------------------------------------------------------*/

/* OLD COLORS
------------------

Yellow - #FAC611

------------------
END COLORS */

body {background: #FAC611 url(images/design/tb-bg.gif) repeat-x;}/* "background: #FAC611" changes the background color of the entire site (currently yellow-orange) */

#PageSubTable {width: 961px;}
#ContentCell { border-right:solid 15px #2A2F35; background:#fff; padding:3px;}/* "border" changes the very dark grey around the site*/
#Instruction1_InstructCell { background:#D9F37D; border: 1px solid #889E1B; padding: 7px;} /* "border" and "backgound" changes the color of the box which contaings instructions*/
#Instruction1_InstructCell a {color: #000}
.Instructions {font-size: 11px; color: #000}
.Messages { font-size: 12px; font-weight: bold; color:#889E1B;}
.ErrorMessages { font-size: 12px; font-weight: bold; color: #c00; text-transform:uppercase;}
.Headings {font-size: 16px; font-weight: bold; color: #000}/
.ContentTableHeader, 
.ContentTable,
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #000; background: #D9F37D}
.Content {font-size: 11px; color: #000}
.Content a {color: #bb0015; text-decoration: none;}
.Content a:hover {color: #000; text-decoration: none;}
a { outline:none; color:#000;}
a img { border:none;}
.clear { clear:both;}
img { behavior: url(iepngfix.htc);}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {}

#TopBannerCell h1 { padding:0; margin:2px 0; text-indent:-99999px; background:url(images/design/logo.gif) no-repeat; width:260px; height:45px; float:left;}
#TopBannerCell h1 a { width:260px; height:45px; display:block;}

.tb-phone { float:right; margin:2px 7px 0 0; text-align:right;}
.tb-phone h2 { font:13px "Palatino Linotype", "Times New Roman", Times, serif; color:#000; padding:0; margin:2px 0;}
.tb-phone h2 span { color:#889E1B;} /*changes the color of the phone number in the top banner*/

.cartwrap { float:right; background:#E1E1E1 url(images/design/tb-shopingTote.gif) no-repeat 50% 5px; font:9px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000; width:110px;}
.cartwrapPad {  padding:24px 6px 2px 6px;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell { border-left:solid 15px #2A2F35; border-right:solid 15px #2A2F35;}

.tsb-pnav { background:#2A2F35; width:100%; float:left;}
.tsb-pnav ul { float:left; list-style:none; padding:0; margin:0;}
.tsb-pnav li { float:left; padding:0; margin:0;}
.tsb-pnav li a { display:block; text-decoration:none; font:9px Verdana, Arial, Helvetica, sans-serif; color:#CECECE; padding:5px 12px 5px 6px; background:url(images/design/tb-nav-tilda.gif) no-repeat center right;}/* the green tilda between each top link is an image that you can change the color of in photoshop and re-upload to images/design/ with the name "df-nav-tilda.gif" */
.tsb-pnav li#pad a { background:none; margin-right:200px;}
.tsb-pnav li#last a { background:none; padding-right:0;}

.tsb-cnav { width:100%; float:left; background:#000;}
.tsb-cnav ul { float:left; list-style:none; padding:0; margin:0;}
.tsb-cnav li { float:left; padding:0; margin:0;}
.tsb-cnav li a { display:block; text-decoration:none; font:14px "Palatino Linotype", "Times New Roman", Times, serif; padding:8px 18px 8px 9px; color:#fff;
	background:url(images/design/tsb-nav-tilda.gif) no-repeat center right;}
.tsb-cnav li#last a { background:none;}

.searchwrap { float:right; margin:5px 5px 0 0;}
.searchwrap input { border:none; width:180px; font-size:14px; color:#000;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { border-left:solid 15px #2A2F35; padding:3px; width:18%; background:#fff;}
#LeftColumnNav1_custommenu {width: 100%}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default { border-left:solid 15px #2A2F35; border-right:solid 15px #2A2F35;}

.df-specials { background:#BB0015; margin:0 0 3px 0; width:100%; float:left;} /*"background changes color of background on top of homepage (currently red)*/
.df-specials h3 { padding:0; margin:3px 3px 3px 5px; font:25px "Palatino Linotype", "Times New Roman", Times, serif; color:#fff; float:left;}
.df-specials p { padding:5px 5px 5px 10px; margin:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; float:left;}

.df-rndimg { float:left; width:616px;}

.df-features { float:left; width:306px; margin: 0 0 0 3px;}
.df-features img#pad { margin:3px 0; _margin:1px 0;}

.df-cats { width:100%; float:left;}
.df-cats ul { float:left; padding:0; margin:0; list-style:none;}
.df-cats li { float:left; padding:0; margin:3px 0;}

.df-latest { width:100%; float:left;}
.df-latest ul { padding:0; margin:0; list-style:none;}
.df-latest li { padding:0; margin:0; float:left;}

/* Static Invitations Page Styles
--------------------------------------------------------*/
#ContentCell.Invitations {}
#ContentCell.Invitations h1 {background:url(images/invitations/invitations.gif) no-repeat; text-indent:-9999px; height:65px; width:355px; float: left} 
#ContentCell.Invitations h2 {padding: 10px 10px 0 0; float: right; font:normal 18px "Palatino Linotype", "Times New Roman", Times, serif; color: #BB0015; clear:right}
#ContentCell.Invitations h3 {width: 725px; border-bottom:1px solid #e1e1e1; font:normal 14px "Palatino Linotype", "Times New Roman", Times, serif; color: #000;}
#ContentCell.Invitations h3 strong {color:#bb0015;}
#ContentCell.Invitations .invite-item {float:left; margin:0 5px; text-align:center; height: 150px}
#ContentCell.Invitations .img-box {height:83px; width:130px; vertical-align:middle; margin-bottom:5px;}
#ContentCell.Invitations ul {list-style:none; }
#ContentCell.Invitations li {width:130px; text-align:center;}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static { padding:15px;}
#ContentCell.static h1 {border-bottom:1px solid #95ba2b; font-size: 20px; font-weight: bold; color: #000; font-family: "Palatino Linotype", "Times New Roman", Times, serif;} /* "border" and "color" changes the color of the header at the top of personlization-policy.aspx and similar pages*/
#ContentCell.static h2 {border-bottom:1px solid #e1e1e1; font-size: 16px; font-weight: bold; color: #000; font-family: "Palatino Linotype", "Times New Roman", Times, serif;} /* "border" and "color" changes the color of the sub-headers on newly-engaged.aspx and similar pages (currently a grey border-bottom)*/
#ContentCell.static h3 {font-size: 14px; font-weight: bold; color: #000; font-family: "Palatino Linotype", "Times New Roman", Times, serif;}
#ContentCell.static p { font-size:11px; line-height:15px;}

#ContentCell.static table.shipping { border:solid 1px #2A2F35; color:#000;}
#ContentCell.static table.shipping td { padding:3px;}
#ContentCell.static table.shipping tr#header td { color:#fff; background:#000;}
#ContentCell.static table.shipping tr#odd td { background:#F4F4F5}

/* Landing Page Specific Styles */
#ContentCell.Landing {}
.lp-mainpic { float:right; width:393px; overflow:hidden;}

.lp-cats { float:left; width:342px; margin:0 3px 3px 0;}
.lp-cats ul { padding:0; margin:0; float:left; list-style:none;}
.lp-cats li { padding:0; margin:0; float:left;}
.lp-cats li#pad { margin:0 4px;}

.lp-subpic { width:342px; float:left; margin:0 3px 0 0; overflow:hidden;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell { border-top:solid 15px #2A2F35; padding-top:10px; padding-left:10px;}

#FooterCell ul { padding:0; margin:0; list-style:none;}
#FooterCell li { float:left; padding:0; margin:0;}
#FooterCell li a { display:block; text-decoration:none; font:14px "Palatino Linotype", "Times New Roman", Times, serif; padding:2px 18px 2px 9px; color:#000;
	background:url(images/design/df-nav-tilda.gif) no-repeat center right;}
#FooterCell li#first a { padding-left:0;}
#FooterCell li#last a { background:none;}

#FooterCell p { font:9px/12px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0; margin:5px 0;}

/* Detail Styles
--------------------------------------------------------*/
#ProductDetail21_trPrice td {padding-top:10px; color:#990000; font-weight:bold;}