/* CSS Document */
/* General Setup */
html,body{margin:10px;padding:0}
body{font: 11px verdana,sans-serif;text-align:center; color: #333;}
h1{font: 12px verdana,sans-serif; padding: 0px; margin: 0px; margin-bottom: 0px; font-weight: 700; padding-left: 25px; padding-top: 20px; padding-bottom: 10px;}
h2{font: 11px verdana, sans-serif; padding: 0px; margin: 0px; font-weight: 700; padding-left: 25px; padding-top: 10px; margin-bottom: 5px;}
p{padding-left: 25px; padding-right: 40px; line-height: 1.8em; margin-top: 8px; margin-bottom: 8px;}
/* Layout */
div#container{text-align:left; width:763px; margin:0 auto; border: 1px solid #fbb7ba;}
div#header{width: 763px; height: 142px; margin:0; padding-top:0px; background-image: url(graphics/background.gif); background-position: 0px 0px; background-repeat: no-repeat}
div#main{width: 746px; height: 100%; margin: 8px; }
div#navigation{ padding-top: 83px; width: 603px; padding-left: 160px; padding-bottom: 10px; text-align: center;}
div#footer{width: 741px; margin-left: 8px; margin-right: 8px; margin-bottom: 8px; padding-top: 5px; padding-right: 5px; text-align: right; background: #fbb7ba; height: 18px; color: #fb7479; font-weight: bold; font-size: 10px; clear: both;}
div#hp-boxleft{float: left; width: 421px; height: 345px; background: #ccfab2; padding-left: 10px; padding-top: 0px; margin-bottom: 10px;}
div#hp-boxright{float: right; margin: 0px; padding: 0px; }
div#greenbox{float: left; width: 415px; height: 325px; background: #ccfab2; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; margin-bottom:10px;}
div#greenbox2{width: 736px; background: #ccfab2; height: 360px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;}
div#bluebox{float: left; width: 415px; height:480px; background: #bde9fd; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
div#whitebox{width: 405px; background: white; vertical-align: top;}
div#whitebox2{ width: 726px; height: 360px; background: white; vertical-align: top;}
div#whitebox3{float: right; width: 720px; height: 190px; vertical-align: top;}
div#pinkbox{float: right; margin: 0px; padding: 0px; background: #ffd2cd; width: 290px; height: 328px; background-image: url(images/products/sarahjessicaparker.jpg); background-position: 10px 10px; background-repeat: no-repeat; padding: 10px;}
div#sjptext{width: 110px; padding: 20px; color: #f47e85; font-size: 9px;}
div#cyanbox{color: white; float: right; width: 310px; height:131px; background: #66ccff; margin-top: 10px; padding-top: 0px; padding-bottom: 10px;}
div#cyanbox a{color: white;}
div#cyanbox p{line-height: 2em; }
div#footerleft {float: left; padding-left: 25px;}
div#footerleft a{color: #fb7479;}
div#footerright {float: right; padding-right: 5px;}
div#shoppingpanel {background: #ccfab2; width: 330px; height: 100px; padding: 10px; margin-left: 30px; margin-top: 20px; margin-bottom: 10px;}
div#shoppingselection {width: 150px; float: left;}
div#shoppingselection1 {width: 150px; float: left;}
div#shoppingselection2{width: 150px; float: right;}
.hp-image{padding-right: 8px; padding-bottom: 14px; }
.hp-image2{padding-right: 10px;}
.hp-col1{float: left;}
.hp-col2{float: left;}
.hp-col3{float: left;}
.cartleft{float: left; height: 20px; padding-top: 3px;}
.cartright{float: right;}
.productimage{float: left; width: 130px; height: 190px; text-align:center; margin: 10px; color: #5a9439; margin-right: 0px; font-weight: bold; font-size: 10px;}
.productimage img{border: 5px solid #ccfab2;}
div#productmenu{float:left; width: 140px;}
div#productdesc{float:left; width: 380px; margin-top: 10px; padding-right: 10px; height: 40px;}
div#productimagelg{float:left; margin-top: 40px;}
/* Formatting */
#navigation ul{list-style: none;padding: 0; margin: 0;}
#navigation li{float: left; padding-left: 0px; padding-top: 40px; padding-left: 15px; text-align: left;}
#navigation li a{ text-decoration: none; background-image: none; font-weight: bold; color: #fff;}
#navigation li a:hover{padding-top: 22px; text-decoration: underline; background-image: url(graphics/flower-pink.gif); background-repeat: no-repeat; background-position: center top;}
div#endnav {width: 100px; float: right; padding-top: 40px; padding-right: 100px;}
.hover {background-image: url(graphics/flower-pink.gif); background-repeat: no-repeat; background-position: center 18px; text-decoration: none; font-size: 18px;}
.hover2 {background-image: url(graphics/flower-pink3.gif); background-repeat: no-repeat; background-position: center 18px; text-decoration: none; font-size: 18px;}
#bodylist { margin-left: 0; padding-left: 0; list-style: none; line-height: 2em; padding-left: 30px;}
#bodylist li {padding-left: 20px; background-image: url(graphics/flower-blue.gif); background-repeat: no-repeat; background-position: 0 .4em; }
#productlist { margin-left: 0; margin-top: 0px; margin-bottom: 0px; padding-left: 0; list-style: none; line-height: 2em; padding-left: 30px;}
#productlist li {padding-left: 20px; background-image: url(graphics/flower-green.gif); background-repeat: no-repeat; background-position: 0 .4em; }
div#navback {text-align: right; font-size: 11px; font-weight: bold; width: 380px; padding-right: 30px;}
.navitem {color: #fff; font-weight: 500;}
.scart {color: #f93e63; font-weight: 800; text-decoration: none;}
.h1contact{color: #9ede7a;}
.pcontact{color: #5a9439; margin-top: 0px;}
div#productmenu a:visited{color: #5a9439;}
.products{color: #5a9439; font-weight: 800; font-size: 10px;}
.acontact{color: #5a9439;}
.h1products{color: #98d7f4; margin-bottom: 0px;}
.ppimg{font-size: 10px; line-height: 1em; margin-top: 0px; background: red;}
.pproducts{color: #418bcc; margin-top: 0px;}
.aproducts{color: #5a9439;}
.productsprice{color: #3d6626; font-weight: 800;}
.buttonAsLink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #f93e63;
background: #f9a7ab;
font-weight: bold;
text-decoration: none;
padding: 0px 0;
border-width: 0;
cursor: pointer;
width: 100px;
}
.buttonAsLink:hover{
text-decoration: underline;
}
A IMG {
border: none;
}
#home a.nav1,
#products a.nav2,
#buy a.nav3,
#about a.nav4,
#contact a.nav5
{
padding-top: 22px; background-image: url(graphics/flower-pink.gif); background-repeat: no-repeat; background-position: center top;
}
#sitemap #main UL {
line-height: 25px;
list-style: none;
}
#sitemap #main LI {
background: url(graphics/flower-green.gif) no-repeat left 6px;
padding-left: 20px;
}
.callout {
border: 1px solid black;
padding: 10px;
background: #ccfab2;
background: #FFF;
font-weight: normal;
margin: 20px 20px 20px 10px;
}