html { height:100%; }
body { margin:0; background:url('../images/gradient2.jpg') repeat-x #d8d8d8; background-position:0 320px; height:100%; }

#container { height:100%; }
#header { background-color:#000; height:190px; border-bottom:130px solid white; }
#header_inner { position:absolute; width:852px; left:50%; top:37px; margin-left:-426px;  }

#navbar { list-style-type:none; margin:0; padding:0; position:absolute; left:360px; top:40px; font-family:Arial, Helvetica, sans-serif; text-transform:lowercase; }
#navbar li { float:left; }
#navbar li a { text-transform:capitalize; display:block; cursor:pointer; margin:0; color:#fff; width:120px; text-decoration:none; font-size:1.1em; text-align:center; padding-top:5px; padding-bottom:10px; }
#navbar li a:hover { color:#ccc; }
#navbar li ul { display:none; position:absolute; list-style-type:none; margin:0; padding:0; background-color:#fff; border:1px solid #ccc; z-index:100; padding:10px; width:101px; margin-left:-1px; }
#navbar li ul li { float:none; }
#navbar li ul li a { font-size:.7em; color:#EE1C24; text-align:left; }
#navbar li ul li a:hover { color:#950B12; }

a.sale { color:#fff;padding-left:5px;background-color:#f00; }
a:hover.sale { background-color:#c00; }

#cart_btn { width:852px; margin:0 auto; padding-top:20px; text-align:right; }

.innerline { border-right:1px solid #666; }

a#logo { display:block; position:absolute; background-image:url('../images/bellissimo_logo.gif'); width:292px; height:68px; border:0; }

.main { behavior: url('../scripts/iepngfix.htc'); width:824px; height:552px; background-image:url('../images/mainbg.png'); padding:20px; margin:-190px auto; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#333;  }
.main span { color:#EE1C24; font-weight:bold;}

p { margin-top:0; }
h1 { behavior: url('../scripts/iepngfix.htc'); margin:0; margin-top:20px; }
h1 span { display:none; }
a img { border:0; }
a { outline:none; }

#home {}
#home h1 { background-image:url('../images/header/welcome.gif'); width:204px; height:68px; margin:0; margin-left:10px; }
#home h1 span { display:none; }
#home ul { margin-top:0; }
#home #pic { margin-bottom:15px; }
#home a { text-decoration:none; font-weight:bold; color:#333; }
#home a:hover { color:#EE1C24; }
#home .col_1 { width:247px; float:left; }
#home .col_2 { width:323px; float:left; }
#home .col_3 { width:245px; float:left; }

#about {}
#about .col_1 { width:400px; float:left; padding:20px; height:400px; overflow:auto; }
#about #pic { width:364px; float:left; margin-top:20px; }

#store {}
.col_4 { width:400px; float:left; padding:20px; }

#contact {}
#contact address { margin-bottom:20px; }
#contact .col_1 { width:400px; float:left; padding:20px; }
#contact abbr { font-weight:bold; }
#hotlines { font-size:1.6em; color:#EE1C24; }

#store {}
.row { overflow:auto; margin-top:20px; text-align:center; float:left; height:400px; }
.item { width:147px; float:left; margin-right:15px; margin-bottom:15px; height:230px; }
.end { margin-right:0; }
.item a img { border:1px solid white; margin-bottom:15px; }
/* .item a:hover img { border:1px solid #EE1C24; } */
.item h2 { margin:0; font-size:1em; font-weight:normal; text-transform:capitalize; }
.item h2 a { color:#EE1C24; font-weight:bold; }
.item p { margin:0; }

/* image headers (tried sifr 3 but line spacing too high on zapfino) */
#about h1 { background-image:url('../images/header/about.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#contact h1 { background-image:url('../images/header/contact.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#store h1 { background-image:url('../images/header/store.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#umbrellas h1 { background-image:url('../images/header/umbrellas.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#hats h1 { background-image:url('../images/header/hats.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#fascinators h1 { background-image:url('../images/header/fascinators.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#handbags h1 { background-image:url('../images/header/handbags.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#jewellery h1 { background-image:url('../images/header/jewellery.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#accessories h1 { background-image:url('../images/header/accessories.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#personalised-items h1 { background-image:url('../images/header/personalised-items.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#furniture h1 { background-image:url('../images/header/furniture.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#clothes h1 { background-image:url('../images/header/clothes.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#prom-dresses h1 { background-image:url('../images/header/prom-dresses.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#sale h1 { background-image:url('../images/header/sale.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }
#all h1 { background-image:url('../images/header/all.png'); margin-left:20px; height:78px; background-repeat:no-repeat; }


hr { border:0; height:1px; margin:0; border-bottom:1px solid #EE1C24; }

#footer { position:absolute; width:852px; left:50%; top:731px; margin-left:-426px; font:.6em Verdana, Arial, Helvetica, sans-serif; }
#footer a { color:#000; text-decoration:none; }
#footer a:hover { color:#EE1C24; }
#footer_left { float:left; width:300px; }
#footer_right { float:right; width:300px; text-align:right; }


/* popup stuff now integrated into site 20.08.10 */

#image { width:300px; float:left; margin:20px; }
#footer_images { margin-top:1px; float:left; }
#footer_images img { cursor:pointer; float:left; margin-right:1px; }

#pic { float:left; }

#details { width:440px; margin:0 0 0 20px; float:left; }
#details h1 { font-size:1.6em; color:#EE1C24; margin-bottom:20px; border-bottom:1px solid #EE1C24; padding-bottom:10px; text-transform:capitalize; }
#details label { width:100px; font-weight:bold; margin-right:20px; margin-top:20px; }
#details #item_name { width:220px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; }
#price { font-size:1.6em; font-style:italic; margin-top:20px; margin-bottom:5px; color:#EE1C24; font-weight:bold; text-align:right; border-top:1px solid #e5e5e5; }

a.backbtn { color:#f00; font-weight:bold; }
.backarea { margin:20px 0; }