/* GLOBAL DECLARATION */
* {font-family: tahoma, arial, helvetica, sans-serif; margin: 0; padding: 0;}
html, body {background: url('../../graphics/fillers/background.gif');} 
img {border: 0;}
li {margin: .2em .1em .2em 2em;}
ul {margin: .8em 0 .8em 0;}

/* TABLE FOR TOP SECTION  */
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td.left {background: url('../../graphics/fillers/left.gif') top right no-repeat; height: 410px; width: 50%;}
td.center {background: url('../../graphics/fillers/middle.gif'); height: 410px; width: 1000px;}
td.right {background: url('../../graphics/fillers/right.gif') top left no-repeat; height: 410px; width: 50%;}

/* HEADER AREA */
#top {float: left; height: 410px; width: 1000px;}
#frame {background: url('../../graphics/elements/header.gif') no-repeat white; float: left; height: 234px; margin-top: 88px; padding: 15px 0 0 15px; width: 985px;}
#header {float: left; height: 218px; width: 973px;}
#logo {background: url('../../graphics/elements/logo.gif'); float: left; height: 119px; margin: -321px 0 0 -15px; position: relative; width: 236px;}

/* MENU */
#menu {float: right; height: 43px; margin: -271px -2px 0 -15px; position: relative; width: 730px}
#menu img {float: left;}

/* BECOME MEMBER AND VIEW OUR BAGS */
#buttons {float: left; height: 33px; margin: -58px 0 0 46px; position: relative; width: 327px;}
#buttons img {float: left; margin-right: 10px;}

/* BASE SECTION WHITE */
#base {background: url('../../graphics/fillers/base.gif') repeat-x top; float: left; margin-top: -60px;width: 100%;}
#middle {margin: 0 auto 0 auto; width: 1000px;}

/* CONTROL ON LEFT HAND SIDE */
#controls {float: left; width: 219px;}
.bottom {background: url('../../graphics/fillers/panel_bottom.gif') repeat-x; float: left; height: 2px; width: 206px;}

/* HANDBAG SEARCH */ 
#search {background: url('../../graphics/fillers/panel.gif'); float: left; padding-bottom: 10px; text-align: center; width: 206px;}
#search .title {background: url('../../graphics/titles/handbag_search.gif'); height: 39px; margin-bottom: 5px; width: 206px;}
#search select {border: 1px solid #7F9DB9; color: #050505; font-size: 11px; height: 20px; margin-top: 8px; padding-top: 2px; width: 178px;}
#search input {float: right; height: 24px; margin: 10px 13px 0 0; width: 101px;}

/* HANDBAG CATEGORIES */
#categories {float: left; padding-bottom: 10px; width: 206px;}
#categories .title {background: url('../../graphics/titles/handbag_categories.gif'); height: 39px; margin-top: 11px; width: 206px;}
#categories img {float: left;}

/* MEMBERS LOGIN */
#forgotten {float: left; margin: -35px 0 0 12px; position: relative;}
#forgotten a {color: #FF0184; font-size: 10px;}
#login {background: url('../../graphics/fillers/panel.gif'); float: left; padding-bottom: 10px; text-align: center; width: 206px;}
#login .title {background: url('../../graphics/titles/membership_login.gif'); height: 39px; width: 206px;}
#login .values {color: #050505; float: left; font-size: 11px; line-height: 33px; padding: 3px 0 0 11px; width: 45px;}
#login .fields {float: left; width: 130px;}
#login .fields input.members {color: #050505; font-size: 11px; float: left; height: 16px; margin: 10px 0 0 12px; padding: 2px 4px 0 4px; width: 115px;}
#login .fields input.submit {float: right; margin: 10px -9px 0 0;}

#forgotten2 {float: left; margin: -35px 0 0 12px; position: relative;}
#sb {background: url('../../graphics/fillers/panel.gif'); float: left; padding-bottom: 10px;margin-top:10px;text-align: center; width: 206px;}
#sb .title {background: url('../../graphics/titles/newsletter_signup.gif'); height: 39px; width: 206px;}
#sb .values {color: #050505; float: left; font-size: 11px; line-height: 33px; padding: 3px 0 0 11px; width: 45px;}
#sb .fields {float: left; width: 130px;}
#sb .fields input.members {color: #050505; font-size: 11px; float: left; height: 16px; margin: 10px 0 0 12px; padding: 2px 4px 0 4px; width: 115px;}
#sb .fields input.submit {float: right; margin: 10px -9px 0 0;}

/* QUICK IMAGE LINKS LEFT HAND SIDE */
.quicklinks {float: left; height: 60px; margin-top: 10px; width: 206px;}

/* MAIN CONTENT AREA */
#content {float: left; width: 781px;}

/* WHATS HOT */
#whatshot {background: url('../../graphics/fillers/sections.gif') repeat-x bottom; float: left; height: 300px; width: 766px;}
#hotthumb {float: left; height: 270px; width: 338px;}
#hotinfo {float: left; font-size: 11px; height: 270px; overflow: hidden; padding-right: 20px; width: 408px;}
#hotinfo h1 {font-size: 42px; font-weight: normal; margin: 0;}
#hotinfo img {float: left; margin: 10px 10px 0 0;}
#hottitle {background: url('../../graphics/titles/whats_hot.gif'); float: left; height: 50px; padding: 26px 0 0 210px; width: 184px;}
#hottitle li {float: left; margin: 0; padding: 0 0 0 10px; position: relative;}
#hottitle li a {background: url('../../graphics/fillers/hot_grey.gif'); color: black; display: block; float: left; font-size: 16px; height: 23px; padding-top: 3px; text-align: center; text-decoration: none; width: 26px;}
#hottitle li a.selected {background: url('../../graphics/fillers/hot_pink.gif');}
#hottitle ul {list-style: none; margin: 0; padding: 0;}

/* FEATURED HANDBAGS */
#handbags {background: url('../../graphics/fillers/sections.gif') repeat-x bottom; float: left; height: 364px; width: 766px;}
#handbags img.allbags {float: right; margin: 25px 15px 0 0;}
#featured {background: url('../../graphics/titles/featured_handbags.gif'); float: left; height: 23px; margin: 25px 0 0 15px; width: 248px;}
#showcase {float: left; height: 277px; margin-top: 30px; width: 766px;}
.bag {float: left; height: 156px; width: 191px;}
.info {background: url('../../graphics/fillers/featured_info.gif'); color: black; float: left; font-size: 11px; height: 66px; padding: 10px 0 0 40px; width: 151px;}
.info a.brand {color: black; font-weight: bold;}
.info a.details {color: black; display: block; float: left; font-weight: bold; margin-top: 10px;}
.info a.hirebag {color: #F0027D; float: left; font-weight: bold; margin: 10px 0 0 32px; width: 50px;}

/* BRAND TYPES */
#brands {float: left; width: 766px;}
#brands img {float: left;}

/* FOOTER */
#footer {background: url('../../graphics/fillers/footer.gif') repeat-x; float: left; height: 100px; width: 100%;}
#links {color: #FEFEFE; font-size: 11px; margin: 0 auto 0 auto; padding-top: 72px; width: 1000px;}
#links li {float: left; margin: 0; padding: 0;}
#links li a {background: url('../../graphics/fillers/divider.gif') no-repeat right; color: #FEFEFE; display: block; float: left; font-size: 11px; text-align: center; text-decoration: none; width: 72px;}
#links li a.medium {width: 86px;}
#links li a.large {width: 148px;}
#links li a:hover {text-decoration: underline;}
#links ul {list-style: none; margin: 0; padding: 0;}

/* ALL RIGHTS AND DESIGN BY */
#smallprint {color: #7F7F7F; font-size: 11px; margin: 0 auto 0 auto; width: 976px;}
#allrights {float: left; height: 30px; padding-top: 22px;}
#designby {float: right; height: 30px; padding-top: 22px;}
#designby img {margin: 0 5px 0 15px; vertical-align: middle;}