/* GENERIC TAGS */
body {
margin: 0 auto;
font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
background-color: #FFFFFF;
width: 1378px;
height: 100%;
}
h2 {
margin: 0;
padding: 0;
font-size: 20px;
color: #124d88;
font-weight: normal;
text-shadow: #CCC 1px 1px 3px;
}
h3 {
margin: 0;
padding: 0;
font-size: 15px;
color: #124d88;
font-weight: normal;
line-height: 24px;
text-shadow: #999 1px 1px 1px;
}
p {
margin: 0 0 5px 0;
padding: 0;
font-size: 11px;
color: #5f5854;
line-height: 24px;
}
a:link {
color: #59504c;
cursor: pointer;
}
a:visited {
color: #59504c;
cursor: pointer;
}
a:hover {
color: #124d88;
}
a:active {
color: #124d88;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}

/* HOME PAGE */
#home {
margin: 0 auto;
padding: 0;
width: 975px;
height: 515px;
position: relative;
}
#home_cover {
margin: 0;
padding: 0;
width: 960px;
height: 530px;
background-color: #FFFFFF;
position: absolute;
top: -15px;
left: 0;
}

/* BAGS LEFT TO RIGHT */
#home_pencil {
margin: 0;
padding: 0;
position: absolute;
top: 187px;
left: 7px;
}
#home_pencil-bag {
margin: 0;
padding: 0;
position: absolute;
top: 186px;
left: 28px;
}
#home_weekender {
margin: 0;
padding: 0;
position: absolute;
top: 68px;
left: 117px;
}
#home_feed {
margin: 0;
padding: 0;
position: absolute;
top: 244px;
left: 148px;
}
#home_mail {
margin: 0;
padding: 0;
position: absolute;
top: 41px;
left: 242px;
}
#home_envelope {
margin: 0;
padding: 0;
position: absolute;
top: 295px;
left: 292px;
}
#home_envelope-bag {
margin: 0;
padding: 0;
position: absolute;
top: 305px;
left: 316px;
}
#home_market {
margin: 0;
padding: 0;
position: absolute;
top: 7px;
left: 430px;
}
#home_coin {
margin: 0;
padding: 0;
position: absolute;
top: 180px;
left: 448px;
}
#home_lingerie {
margin: 0;
padding: 0;
position: absolute;
top: 210px;
left: 559px;
}
#home_lingerie-bag {
margin: 0;
padding: 0;
position: absolute;
top: 210px;
left: 559px;
}
#home_saddle {
margin: 0;
padding: 0;
position: absolute;
top: 21px;
left: 563px;
}
#home_maildenim {
margin: 0;
padding: 0;
position: absolute;
top: 317px;
left: 587px;
}
#home_travel-bag {
margin: 0;
padding: 0;
position: absolute;
top: 337px;
left: 587px;
}
#home_lunch {
margin: 0;
padding: 0;
position: absolute;
top: 83px;
left: 682px;
}
#home_scout-bag {
margin: 0;
padding: 0;
position: absolute;
top: 212px;
left: 815px;
}

#home_tag1 {
margin: 0;
padding: 0;
position: absolute;
top: 167px;
left: 61px;
}
#home_tag2 {
margin: 0;
padding: 0;
position: absolute;
top: 48px;
left: 178px;
}
#home_tag3 {
margin: 0;
padding: 0;
position: absolute;
top: -14px;
left: 460px;
}
#home_tag4 {
margin: 0;
padding: 0;
position: absolute;
top: 316px;
left: 733px;
}


/* SHOPPING CART */
#shoppingcartdiv {
margin: 0;
padding: 0;
font-size: 12px;
width: 750px;
}
.cart_col {
margin: 0;
padding: 20px 0;
font-size: 12px;
width: 370px;
float: left;
}

/* LOGIN, BLOG */
.sub_page {
margin: 0 100px;
padding: 0;
text-align: left;
font-size: 12px;
width: 484px;
}

.sub_page p {
margin: 10px 0;
font-size: 13px;
line-height: 20px;
font-weight: bold;
}

/* ACCOUNT */
#account_page {
margin: 0 150px;
padding: 0;
width: 1050px;
font-size: 12px;
}
.account_col {
margin: 10px;
padding: 0;
width: 270px;
text-align: left;
float: right;
}
.account_col2 {
margin: 10px;
padding: 0;
width: 730px;
text-align: left;
float: left;
}
.item_table {
margin: 0 0 5px 0;
padding: 0;
width: 100%;
background-color: #fafbfc;
}
.desc_cell {
margin: 0;
padding: 10px;
width: 520px;
}

/* HEAD */
#head {
margin: 0;
padding: 0;
width: 1378px;
}
#clutchbags_logo {
margin: 0;
padding: 10px 0 15px 125px; /* sets height of the header */
float: left;
width: 165px;
}
#top_nav {
margin: 10px 0;
padding: 0;
width: 1378px;
text-align: right;
}
#top_hr {
margin: 0;
padding: 0;
width: 725px;
float: right;
border-bottom: #444 solid 1px;
}
#top_nav ul {
margin: 0;
padding: 5px 0 15px 0;
*padding: 5px 0 0 0;
width: 689px;
float: right;
}
#top_nav ul li {
margin: 0;
padding: 0;
display: inline;
font-size: 13px;
}
#top_nav ul li a:link, #top_nav ul li a:visited {
margin: 0;
padding: 13px;
color: #59504c;
text-decoration: none;
}
#top_nav ul li a:active, #top_nav ul li a:hover {
margin: 0;
padding: 13px;
color: #124d88;
text-decoration: none;
}
#top_nav ul li img {
margin-bottom: -4px;
}

#bags {
margin: 0;
padding: 0;
width: 1378px;
}

/* CONTENT LEFT */
#left {
margin: 0;
padding: 0;
width: 525px;
height: 638px;
text-align: center;
float: left;
position: relative;
display: block;
}
#description {
margin: 0;
padding: 20px 4px;
border: #bbbbb9 solid 5px;
width: 200px;
text-align: center;
background: transparent url('../images/nav/trans.png') repeat top;
_background: #FFFFFF;
position: absolute;
bottom: 0;
left: 525px;
_left: 524px;
z-index: 3;
}

#bag_cover_lg {
margin: 0;
padding: 0;
width: 494px;
height: 618px;
border: #bbbbb9 solid 10px;
background-color: #FFF;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
#left img {
border: #bbbbb9 solid 10px;
}

#lifestyle1, #lifestyle2, #lifestyle3, #lifestyle4, #lifestyle5, #lifestyle6 {
position: absolute;
top: 0;
right: 0;
z-index: 0;
}

/* CONTENT RIGHT */
#right {
margin: 0;
padding: 0;
width: 850px;
height: 575px;
position: relative;
float: left;
}
#bag_title {
margin: 0;
_margin-bottom: -10px;
padding: 0;
height: 43px;
_height: 53px;
text-align: right;
position: relative;
z-index: 1;
}
#bag_title2 {
margin-top: 3px;
margin-bottom: -3px;
_margin-bottom: -13px;
padding: 0;
height: 43px;
_height: 53px;
text-align: right;
position: relative;
z-index: 1;
}
.bag_title_right {
position: absolute;
right: 277px;
}
.bag_title_high {
margin-right: -2px;
margin: 0;
_margin: 0 0 10px 0;
padding: 0;
}
.bag_title_high2 {
margin-right: -2px;
margin-bottom: -13px;
_margin:0;
padding: 0;
}
.bag_title_low {
margin-bottom: -11px;
_margin: 0;
padding: 0;
}
.bag_title_low2 {
margin-bottom: -13px;
_margin: 0;
padding: 0;
}
.bag_info {
margin: 0 0 0 107px;
padding: 0;
width: 689px;
height: 600px;
}

#bag_features {
margin: 40px 20px 0 20px;
_margin: 20px 0 0 10px;
padding: 0 4px 0 0;
width: 210px;
font-size: 12px;
text-align: center;
float: right;
position: relative;
}
#list1, #list2, #list3, #list4, #list5, #list6 {
margin: 0;
padding: 0 4px 0 0;
width: 210px;
height: 350px;
font-size: 12px;
background-color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
}

#bag_features ul {
margin: 0 0 10px 0;
padding: 5px 0 10px 0;
background-color: #fafbfc;
text-align: left;
color: #404040;
}
#bag_features ul li {
margin: 0 0 0 20px;
padding: 0;
list-style: url('../images/nav/bullet.gif') outside;
line-height: 22px;
}

.bag_pic {
margin: 0 0 0 240px;
*margin: 0 0 0 238px;
_margin: 0 0 0 120px;
padding: 0;
width: 200px;
position: relative;
float: left;
cursor: pointer;
}
#bag_cover {
margin: 0;
padding: 0;
width: 200px;
height: 300px;
background-color: #FFF;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#sm_pic1, #sm_pic2, #sm_pic3, #sm_pic4, #sm_pic5, #sm_pic6 {
position: absolute;
top: 0;
right: 0;
}


a:link div.plus, a:visited div.plus {
display: block;
color: #FFFFFF;
text-decoration: none;
}
a:active div.plus, a:hover div.plus {
display: block;
color: #bbbbb9;
text-decoration: none;
}
div.plus {
margin: 0;
padding: 0;
width: 197px;
height: 74px;
font-size: 10px;
color: #FFFFFF;
background: #FFFFFF;
text-decoration: none;
text-align: center;
}

#price {
margin: 0;
padding: 0;
font-size: 18px;
color: #545454;
font-family: 'Nadeem', 'ArialMS', 'Arial', sans-serif;
}
.button1 {
margin: 10px 45px;
padding: 0;
width: 110px;
height: 25px;
font-size: 15px;
background: #bbbbb9;
text-align: center;
line-height: 25px;
}
.button1 a:link, .button1 a:visited {
color: #777;
text-decoration: none;
}
.button1 a:active, .button1 a:hover {
color: #124d88;
text-decoration: none;
}

/* SWATCHES */
#swatches {
margin: 75px 0 0 0;
_margin: 75px 0;
padding: 0;
width: 800px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
}
.swatch {
margin: 0;
padding: 4px;
height: 60px;
width: 60px;
background-color: #FFFFFF;
display: inline;
cursor: pointer;
}
#swatch_cover {
margin: 0;
padding: 0;
height: 75px;
width: 800px;
background: #FFF;
position: absolute;
bottom: 0;
}

/* ZOOM IMAGES */
#zoom {
margin: 0;
padding: 0;
width: 850px;
height: 800px;
background-color: #FFFFFF;
*background: transparent;
position: absolute;
top: 0;
z-index: 2;
cursor: pointer;
}
#lg_pic1, #lg_pic2, #lg_pic3, #lg_pic4, #lg_pic5, #lg_pic6 {
height: 618px;
border: #bbbbb9 solid 10px;
position: absolute;
top: 0;
left: 185px;
}
#lg_swatches {
margin: 75px 0;
padding: 0;
width: 800px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
}

#zoom_cover {
margin: 0;
padding: 0;
width: 850px;
height: 725px;
text-align: center;
background: #FFFFFF;
position: absolute;
top: 0;
z-index: 2;
}

/* FOOT */
#foot {
margin: 0;
padding: 0;
width: 1378px;
text-align: center;
background: transparent url('../images/nav/trans.png') repeat top;
position: fixed;
bottom: 0;
z-index: 4;
_background: #FFF;
_position: relative;
}
#foot ul {
margin: 0;
padding: 5px 0 15px 0;
}
#foot ul li {
margin: 0;
padding: 0;
display: inline;
font-size: 13px;
}
#foot ul li a:link, #foot ul li a:visited {
margin: 0;
padding: 10px;
color: #59504c;
text-decoration: none;
}
#foot ul li a:hover, #foot ul li a:active {
margin: 0;
padding: 10px;
color: #124d88;
text-decoration: none;
}

/* GENERIC CLASSES */
.break {
display: block;
clear: both;
}
.sm {
font-size: 9px;
}
.med {
font-size: 12px;
}
.white {
color: #FFFFFF;
}