/* cibeline.css 02/2009 by: Joe Wizda */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input 
{
    margin: 0; padding: 0;
}
body {
    background-color: #eeeeee;
    text-align: center; /* IE center */
    height: 100%;
    width: 100%;
    /* -- scrollbar colors -- */
    /*
    scrollbar-3dlight-color: #f8f5ec;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #ddddd1;
    scrollbar-darkshadow-color: #f8f5ec;
    scrollbar-face-color: #b7a5a1;
    scrollbar-highlight-color: #f8f5ec;
    scrollbar-shadow-color: #f8f5ec;
    */
}
#container {
    width: 964px;
    text-align: left; /* for IE (stop centering elements within...) */
    /*height: 720px;*/
    top: 0px;
    margin: 0 auto; /* normal browser center */
    background-color: #b7a5a1;
    overflow: hidden;
}
h1.detailsHeading {
   font-family: Helvetica;
   font-size: 14px;
   color: #a70000;
   margin-top: 22px;
   margin-bottom: 22px;
   margin-left: 24px;
   margin-right: 20px;
}
h2.detailsHeading2 {
   font-family: Helvetica;
   font-size: 12px;
   font-weight: bold;
   color: #7a4620;
   margin-top: 14px;
   margin-left: 24px;
   margin-right: 20px;
}
h3.detailsHeading3 {
   font-family: Helvetica;
   font-size: 10px;
   font-weight: bold;
   color: #a70000;
   margin-top: 14px;
   margin-left: 24px;
   margin-right: 20px;
}
p.details {
   font-family: Helvetica;
   font-size: 11px;
   margin-left: 24px;
   margin-right: 20px;
   margin-bottom: 16px;
   color: #7a4620;
}
.detailsBold {
    font-weight: bold;
}
/* DIVS ------------------- */
div.header {
    position: relative;
    width: 964px; 
    height: 58px;
}
div.cib_home {
    position: absolute;
    width: 150px;
    height: 58px;
    right: 0px;
    background-image: url('imgs/cibeline_home.gif');
    background-repeat: no-repeat;
}
div.menubar {
    position: relative;
    top: 0px;
    left: 0px;
    width: 960px;
    height: 20px;
}
div.sidebar {
    position: absolute;
    top: 0px;
    width: 195px;
    left: 0px;
    height: 466px;
}
#stage {
    position: absolute;
    top: 0px;
    left: 196px;
    margin: 0 0 0 0;
    width: 769px;
    /*
    overflow: hidden;
    height: 465px;
    border: 1px solid #0000ff;
    */
}
div.main {
    position: relative;
    left: 0px;
    top: 0px;
    height: 466px;
    width: 964px;
    background-color: #ddddd1;
}

div.menuStage {
   position: relative;
   left: 0px;
   top: 0px;
   height: 466px;
   width: 770px;
}
div.detailsLeftCol {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 388px;
    height: 466px;
    background-color: #eeeee1;
}
#itemDescription {
    position: absolute;
    background-color: #eeeee1;
    left: 384px;
    height: 466px;
    width: 384px;
}
#grayBG {
    position: absolute;
    height: 100%;
    width: 964px;
    text-align: left;
    margin: 36px 95px auto; 
    overflow: hidden;
    visibility: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=0);
    opacity: 0.0;
    z-index: 1000;
}

/* --- holds the output of details.php.... ---- */

#details_of_item {
    position: absolute;
    text-align: left;
    margin: 36px 95px auto;
    height: 466px;
    width: 788px;
    padding: 0;
    visibility: hidden;
    background-color: #eeeee1;
    /* border: 1px solid #000; */
    z-index: 1001;
}

/* ------------------ details.php styles: ----------- */

div.itemFull { /* the FULL picture of the item */
   position: absolute;
   left: 0px;
   top: 0px;
   width: 384px;
   height: 466px;
   margin: 0;
}
div.itemDescription {
   position: absolute;
   text-align: left;
   left: 384px;
   height: 466px;
   width: 402px;
   margin: 0;
}
#closeButton {
    position: absolute;
    bottom: 4px;
    right: 4px;
    height: 20px;
    width: 20px; 
    background-image: url(imgs/closeButton_bw.gif);
    margin: 0;
}
h1.detailsHeading {
   align: left;
   font-family: verdana;
   font-size: 14px;
   /* color: #7a4620; */
   color: #b53d38;
}
p.details {
   font-family: verdana;
   font-size: 12px;
}

/* ---------- TABS AND BUTTONS AND STUFF... ----- */

#shop {
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 57px;
    height: 20px;
    background-image: url('imgs/STATIC/home.jpg');
    background-repeat: no-repeat;
}
#cart {
    position: absolute;
    top: 0px;
    left: 57px;
    width: 49px;
    height: 20px;
    background-image: url('imgs/STATIC/cart.jpg');
    background-repeat: no-repeat;
}
#newspress {
    position: absolute;
    top: 0px;
    left: 106px;
    width: 100px;
    height: 20px;
    background-image: url('imgs/STATIC/newspress.jpg');
    background-repeat: no-repeat;
}
#collection {
    position: absolute;
    top: 0px;
    left: 206px;
    width: 104px;
    height: 20px;
    background-image: url('imgs/STATIC/collection.jpg');
    background-repeat: no-repeat;
}
#about {
    position: absolute;
    top: 0px;
    left: 310px;
    width: 130px;
    height: 20px;
    background-image: url('imgs/STATIC/about.jpg');
    background-repeat: no-repeat;
}
#boutique {
    position: absolute;
    top: 0px;
    left: 440px;
    width: 88px;
    height: 20px;
    background-image: url('imgs/STATIC/boutique.jpg');
    background-repeat: no-repeat;
}
#custom {
    position: absolute;
    top: 0px;
    left: 528px;
    width: 132px;
    height: 20px;
    background-image: url('imgs/STATIC/custom.jpg');
    background-repeat: no-repeat;
}
#contact {
    position: absolute;
    top: 0px;
    left: 660px;
    width: 183px;
    height: 20px;
    background-image: url('imgs/STATIC/contact.jpg');
    background-repeat: no-repeat; 
}
#dresses {
    position: absolute;
    top: 20px;
    left: 16px;
    width: 87px;
    height: 22px;
    background-image: url('imgs/STATIC/dresses.jpg');
    background-repeat: no-repeat;
}
#jackets {
    position: absolute;
    top: 42;
    left: 16px;
    width: 87px;
    height: 22px;
    background-image: url('imgs/STATIC/jackets.jpg');
    background-repeat: no-repeat;
}
#pants {
    position: absolute;
    top: 64px;
    left: 16px;
    width: 87px;
    height: 22px;
    background-image: url('imgs/STATIC/pants.jpg');
    background-repeat: no-repeat;
} 
#skirts {
    position: absolute;
    top: 86px;
    width: 87px;
    height: 22px;
    left: 16px;
    background-image: url('imgs/STATIC/skirts.jpg');
    background-repeat: no-repeat;
}
#blog {
	position: absolute;
	top: 130px;
	width: 87px;
	height: 22px;
	left: 16px;
	background-image: url('imgs/STATIC/blog_STATIC.jpg');
	background-repeat: no-repeat;
}
#twitter {
	position: absolute;
	top: 152px;
	width: 87px;
	height: 22px;
	left: 16px;
	background-image: url('imgs/STATIC/twitter_STATIC.jpg');
	background-repeat: no-repeat;
}

/*
#sidebar_collection {
    position: absolute;
    top: 201px;
    height: 22px;
    left: 16px;
    width: 87px;
    background-image: url('imgs/STATIC/collection-23.jpg');
    background-repeat: no-repeat;
}
#sidebar_season1 {
    position: absolute;
    top: 223px;
    height: 22px;
    width: 87px;
    left: 16px;
    background-image: url('imgs/STATIC/season1.jpg');
    background-repeat: no-repeat;
}
#sidebar_season2 {
    position: absolute;
    top: 245px;
    height: 22px;
    width: 87px;
    left: 16px;
    background-image: url('imgs/STATIC/season2.jpg');
    background-repeat: no-repeat;
}
#sidebar_season3 {
    position: absolute;
    top: 267px;
    height: 22px;
    width: 87px;
    left: 16px;
    background-image: url('imgs/STATIC/season3.jpg');
    background-repeat: no-repeat;
}
*/
#sidebar_sizingchart {
    position: absolute;
    top: 314px;
    height: 22px;
    width: 87px;
    left: 16px;
    background-image: url('imgs/STATIC/sizingchart.jpg');
    background-repeat: no-repeat;
}
#sidebar_join {
    position: absolute;
    top: 340px;
    height: 22px;
    width: 195px;
    left: 3px;
    background-image: url('imgs/STATIC/join_STATIC.jpg');
    background-repeat: no-repeat;
}
#leopard {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 195px;
    height: 66px;
    background-image: url('imgs/leopard.jpg');
    background-repeat: no-repeat;
}

/*pseudoclasses*/
a:link {color: #452a07}
a:visited {color: #a70000}
a:hover {color: #000000}
a:active {color: #a70000}