/* --------------------------------------------------------
   DIAMOND GUSSET JEANS Department Pages by 2BSEEN
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#010 url(images/star.gif);
font:normal 62.5% Verdana,sans-serif;
margin-top:0px;
text-align:center;
}


/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1, h2, h3, h4 {
color:#DDD;
}

h1 {
margin-top:15px;
font-size:1.6em;
}

h2 {
margin-top:6px;
margin-bottom:2px;
font-size:1.4em;
}

h3 {
margin-top:20px;
margin-bottom:2px;
font-size:1.2em;	
}

h4 {
margin-top:10px;
margin-bottom:2px;
font-size:1.0em;	
}

h2 a:link, h2 a:visited {
color:#DDD;
text-decoration:underline;
}

h3 a:link, h3 a:visited {
color:#DDD;
text-decoration:underline;
}


/* ----------------------------------------------------------
   Container Regular Pages - needed for faux background 
   ---------------------------------------------------------- */

#container {
width:920px;
margin:6px auto 0px auto;
background:#333 url(images/container_background_sell.gif) repeat-y;
}


/* -----------------------------------------------------------
   Container Item Sale Pages - needed for faux background 
   ----------------------------------------------------------- */

#container-smart {
width:920px;
margin:6px auto 0px auto;
background:#fff url(images/container_background_smart.gif) repeat-y;
}


/* -----------------------------------------------------------
   Container Sale Section Pages - needed for faux background 
   ----------------------------------------------------------- */

#container-smart-section {
width:920px;
margin:6px auto 0px auto;
background:#fff url(images/container_background_section.gif) repeat-y;
}


/* ---------------
   Layout elements
   --------------- */

/* -----------------------------
   Masthead and descendants 
   ----------------------------- */

#masthead {
height:235px;
width:920px;
background:#05A url(images/gusset_masthead_sell.jpg) no-repeat;
font-size:1.3em;
font-weight:normal;
color:#FFC;
}

#masthead h1 {
float:left;
margin:0px;
padding:0px;
}


/* ----------------
   Main Logo 
   ---------------- */

#masthead img {
margin:18px 0px 0px 12px;
}


/* ---------------------------
   Masthead Top Message 
   --------------------------- */

.top-message {
float:right;
text-align:left;
margin:15px 30px 0px 0px;
}


/* -----------------------------
   Box holding the Email form 
   ----------------------------- */

.getemail {
clear:right;
float:right;
text-align:left;
margin:25px 30px 0px 0px;
}


/* ---------------------------------------
   Form items only inside Email Box 
   --------------------------------------- */

.getemail p {
line-height: 110%;
margin-top:3px;
margin-bottom:3px;
}

.getemail fieldset {
border: 0px solid #FFF;
padding:0px;
}

.invite-text p {
line-height: 110%;
font-size:1.1em;
font-weight:normal;
color:#FFF;
margin-top:5px;
margin-bottom:1px;
}

.getemail input {
margin-left:2px;
border-width:1px;
margin-top:2px;
}

.getemail input.blank {
margin-top:2px;
margin-left:1px;
border-width:1px;
}


/* ----------------------
   The navigation bar 
   ---------------------- */

#navigation {
height:54px;
background:#231 url(images/navigation_sell.gif) no-repeat;
font-size:12px;
font-weight:bold;
}

#navigation ul {
text-align:left;
list-style:none;
margin:0px 70px 10px 105px;
padding:0;
}

#navigation li {
display:inline;
margin:0 24px 0 0;
padding:0;
line-height:170%;
}

#navigation li a:link, #navigation li a:visited {
text-decoration:none;
font-size:1.1em;
font-weight:bold;
color:#FFCC99;
}

#navigation li a:hover {
color:#FFFFFF;
}


/* ---------------------------------
   Highlighting the current page 
   --------------------------------- */

#home #navigation a.home { 
border-bottom:3px solid #FFCC99;
}

#mens #navigation a.mens { 
border-bottom:3px solid #FFCC99;
}

#mens-object #navigation a.mens { 
border-bottom:3px dotted #FFCC99;
}

#big #navigation a.big { 
border-bottom:3px solid #FFCC99;
}

#big-object #navigation a.big { 
border-bottom:3px dotted #FFCC99;
}


#tall #navigation a.tall { 
border-bottom:3px solid #FFCC99;
}

#tall-object #navigation a.tall { 
border-bottom:3px dotted #FFCC99;
}

#access #navigation a.access { 
border-bottom:3px solid #FFCC99;
}

#access-object #navigation a.access { 
border-bottom:3px dotted #FFCC99;
}

#shirts #navigation a.shirts { 
border-bottom:3px solid #FFCC99;
}

#shirts-object #navigation a.shirts { 
border-bottom:3px dotted #FFCC99;
}

#clearance #navigation a.clearance { 
border-bottom:3px solid #FFCC99;
}

#clearance-object #navigation a.clearance { 
border-bottom:3px dotted #FFCC99;
}

#womens #navigation a.womens { 
border-bottom:3px solid #FFCC99;
}

#womens-object #navigation a.womens { 
border-bottom:3px dotted #FFCC99;
}

#service #navigation a.service { 
border-bottom:3px solid #FFCC99;
}

#contact #navigation a.contact { 
border-bottom:3px solid #FFCC99;
}

#cart #navigation a.yahoo-store-checkout { 
border-bottom:3px solid #FFCC99;
}



/* -----------------------------------------------------------
   For Item Sale Pages Only - The main column and descendants 
   ----------------------------------------------------------- */

#mainCol-smart {
float:left;
width:640px;
font-size:1.1em;
font-weight:normal;
color:#003;
line-height:150%;
text-align:left;
}


.mainCol-smart-io {
margin-left:11px;
margin-right:19px;
}



#mainCol-smart img {
margin-top:14px;
margin-bottom:0px;
}

#mainCol-smart p {
margin:2px 0px 7px 0px;
}

#mainCol-smart h2 {
margin:11px 0px 2px 0px;
color:#326;
}

#mainCol-smart h3 {
margin:6px 0px 0px 0px;
color:#8a5a33;
}

#mainCol-smart a:link {
color:#006;
text-decoration:underline;
}

#mainCol-smart a:visited {
color:#309;
text-decoration:underline;
}

#mainCol-smart a:hover {
color:#00f;
text-decoration:underline;
}

#mainCol-smart a:active {
color:#00f;
text-decoration:underline;
}





/* -------------------------------
   SWF Object - icon-flash  
   ------------------------------- */

#icon-flash {
float:left;
margin:11px 0px 7px 0px;
}

#icon-flash img {
float:left;
margin:0;
}

.dept-icon-copy-right {
float:right;
width:415px;
}




/* ---------------------------------
   Column 1 and descendants 
   --------------------------------- */

#sidebar1 {
float:right;
width:280px;
font-size:1.1em;
font-weight:normal;
line-height:150%;
color:#DDD;
text-align:left;
}

.side1-io {
margin-left:8px;
margin-right:9px;
}


#sidebar1 p {
margin:2px 0px 7px 0px;
}

#sidebar1 h2 {
margin:6px 0px 2px 0px;
}

#sidebar1 h3 {
margin:20px 0px 2px 0px;
}

#sidebar1 img {
margin:8px 0px 6px 0px;
}




/* ---------------------------------
   Misc 
   --------------------------------- */

.take-note {
font-size:1.2em;
color:#FFFFD5;
}

.aster {
color:#F00;
}

.extra-vertical-space {
display:block;
margin-top:1.5em;
}

.sell-price {
margin-left:10px;
font-size:1.2em;
font-weight:bold;
color:#600;
}

.sell-price-flush {
font-size:1.2em;
font-weight:bold;
color:#600;
}

.complete-look {
margin:6px 0px 6px 0px;
padding:4px 3px 2px 6px;
border:solid 2px #d4c66a;
font-size:1.4em;
font-weight:normal;
background:#224;
color:#fff;
}

.buybutton {
margin-top:8px;
}

.buybutton-section {
margin-top:3px;
}

.buybutton-section-wide {
margin-left:18px;
margin-bottom:-5px;
}


/* -----------------------------
   The Footer and Descendants 
   ----------------------------- */

#footer {
clear:both;
font-size:1.0em;
line-height:150%;
color:#DDD;
background:#010 url(images/footer_sell.gif);
height:140px;
text-align:left;
}

#footer img {
float:left;
margin:30px 50px 70px 50px;
border:0px;
}


#footer ul {
list-style:none;
margin:0 0 0 0;
padding:20px 0 0 0;
}

#footer ul.foot-line {
padding:2px 0 0 0;
}

#footer li {
display:inline;
margin:0 5px 0 0;
padding:0;
line-height:160%;
}

#footer li a:link, #footer li a:visited {
text-decoration:none;
font-weight:normal;
color:#DDD;
font-size:1em;
}

#footer li a:hover {
color:#FFF;
}

#footer p {
margin:5px 0 3px 0;
}


/* -------------------------------------
   Contents: selection list of items
   ------------------------------------- */

#select-list {
width:610px;
padding-top:0px;
padding-bottom:6px;
margin:0px 0px 0px 0px;
font-size:inherit;
font:100%;
line-height:150%;
color:#003;
text-align:left;
background:#fff;
}

#select-list form {
margin:0px;
padding:0px;
}

#select-list .contents-text p {
margin:2px 0px 2px 0px;
}

#select-list .image_float_left img {
margin-top:0px;
margin-left:0px;
}

#select-list .divider {
clear:both;
margin-top:8px;
margin-left:0px;
margin-bottom:8px;
}

#select-list a:link {
color:#006;
text-decoration:underline;
}

#select-list a:visited {
color:#309;
text-decoration:underline;
}

#select-list a:hover {
color:#00f;
text-decoration:underline;
}

#select-list .image_float_left {
width:85px;
float:left;
clear:right;
margin-right:0px;
}

#select-list .contents-text {
float:right;
width:500px;
}

#select-list .contents-text h3 {
margin:0px 0px 2px 0px;
font-size:1.2em;
font-weight:bold;
}


/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */

img {
border:0;
}

/* Link states */

a:link {
color:#DDD;
text-decoration:underline;
}

a:visited {
color:#DDD;
text-decoration:underline;
}

a:hover {
color:#FFF;
text-decoration:underline;
}

a:active {
color:#DDD;
text-decoration:underline;
}

.spacer {
clear:both;
}