/* --------------------------------------------------------
   DIAMOND GUSSET JEANS 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;
margin-left:8px;
margin-right:9px;
}

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;
}


/* ---------------------------------
   The main column and descendants 
   --------------------------------- */

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

#mainCol p, h1, h2, h3 {
margin:6px 15px 7px 15px;
}

.io {
margin-left:6px;
margin-right:24px;
}

#service #mainCol h1 {
margin:6px 15px 7px 15px;
}

#service #mainCol h2 {
margin:15px 15px 5px 15px;
}

#service #mainCol p {
margin:2px 15px 5px 15px;
}

#service #mainCol h3 {
margin:15px 15px 0px 15px;
}

#store #mainCol h1 {
margin:6px 15px 7px 15px;
}

#store #mainCol h2 {
margin:15px 15px 5px 15px;
}

#store #mainCol p {
margin:2px 15px 5px 15px;
}

#store #mainCol h3 {
margin:15px 15px 0px 15px;
}

#mainCol img {
margin:8px auto 6px 15px;
}

#contact #mainCol img {
margin:10px auto 15px 15px;
}

#mainCol ul {
list-style:square;
margin:0px 20px 0px -5px;
}

#mainCol li {
display:list-item;
margin-top:6px;
line-height:130%;
}

.feature-block {
background-color:#232;
margin:27px 15px 21px 15px;
padding:10px;
}

.feature-block h3 {
margin:6px 5px 5px 5px;
}

#mainCol .feature-block p {
margin:2px 5px 5px 5px;
}

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

.aster {
color:#F00;
}


img.main-image-float-left {
float:left;
padding-right:12px;
padding-top:5px;
padding-bottom:5px;
}

img.main-image-float-right {
float:right;
padding-left:12px;
padding-top:5px;
padding-bottom:5px;
}


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


/* -----------------------------------------------------------
   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 img {
margin-top:14px;
margin-bottom:0px;
margin-left:15px;
}

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

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

#mainCol-smart h3 {
margin:6px 15px 0px 15px;
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 - Sell Pages flashcontent
   ------------------------------------ */

#mainCol-smart #flashbox {
width:607px;
margin:8px auto 6px 5px;
}

#flashcontent-1 {
float:left;
}

#flashcontent-1 img {
margin:0px;
}

#flashcontent-2 {
float:right;
}

#flashcontent-2 img {
margin:0px;
}


/* ---------------------------
   Table Elements - Size Pages 
   --------------------------- */

#size table {
border:0px solid #9C6;
border-collapse:collapse;
background:#fff;
font-weight:normal;
color:#330;
margin-bottom:4px;
margin-left:20px;
}

#size caption {
  background-color: #FFF; 
  margin-top:10px;
  margin-bottom:0px;
  margin-left:20px;
  border-bottom:1px solid #9C6;
  padding:4px;
  line-height:120%;
}

#size td, th {
padding:3px 8px 2px 8px;
}

#size th {
text-align:center;
font-weight:normal;
border-bottom:1px solid #9C6;
border-left:1px solid #9C6;
}

#size td {
text-align:center;
border-bottom:1px solid #9C6;
border-left:1px solid #9C6;
}

#size h4 {
font-size:1.3em;
font-weight:bold;
padding-top:25px;
margin-left:15px;
}

#size h5 {
font-size:1.1em;
font-weight:bold;
margin:20px 15px 5px 15px;
margin-bottom:1px;
}

#size th.left-col {
border-left:none;
}

#size td.left-col {
border-left:none;
}


/* -------------------------------
   SWF Object - flashcontent  
   ------------------------------- */

#flashcontent {
margin:10px 15px 10px 15px;
}



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

#icon-flash {
float:left;
margin:10px 10px 7px 15px;
}

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



/* ---------------------
   Contact Form Elements
   --------------------- */

#contactform form { 
  margin:0; 
  padding:0; 
  } 

#contactform fieldset { 
  width:586px;
  margin:18px 15px 0px 15px; 
  padding:5px; 
  border:2px solid #9C6;
  background:#FFF;
  font-size:1.1em;
  font-weight:bold;
  color:#666633; 
  }

#contactform legend { 
  background-color: #FFF; 
  margin: 0; 
  padding:5px; 
  border-style:solid; 
  border-width:2px; 
  border-color:#693; 
  } 

#contactform #iname, #contactform #iemail { 
  width:95%; 
  } 

#contactform #iorderno, #contactform #iphone {
  width:50%;
}

#contactform input, #contactform textarea { 
  margin:5px 0 5px 0;
  border:3px double #693; 
  }

#contactform select {
margin:5px 0 5px 0;
}


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

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

#sidebar1 p {
margin:2px 9px 7px 8px;
}

#sidebar1 h2 {
margin:6px 9px 2px 8px;
}

#sidebar1 h3 {
margin:20px 9px 2px 8px;
}

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


/* ------------------------------
   The Item Sell Sidebar 
   ------------------------------ */

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

#sidebar-smart p {
margin:2px 15px 7px 3px;
}

#sidebar-smart h3 {
margin:6px 15px 2px 3px;
font-size:1.2em;
font weight:bold;
color:#8a5a33;
}

#sidebar-smart h2 {
margin:10px 15px 2px 3px;
font-size:1.3em;
font weight:bold;
color:#326;
}

#sidebar-smart img {
margin:8px auto 6px 3px;
}

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

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

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

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

.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 18px 0px 15px;
padding:4px 3px 2px 6px;
border:solid 2px #d4c66a;
font-size:1.4em;
font-weight:normal;
background:#222;
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);
min-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:600px;
padding-top:5px;
padding-bottom:20px;
margin:0px 30px 2px 15px;
font-size:inherit;
font:100%;
line-height:150%;
color:#003;
text-align:left;
background:#ffe;
}

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

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

#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 15px 2px 3px;
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;
}



/* ---------------------
   Cross Sell Module 
   --------------------- */

#ys_relatedItems { 
		width:600px;
		padding-top:1px;
		padding-bottom:10px;
		margin:0px 15px 15px 15px;
		line-height:150%;
		color:#003;
		text-align:left;
		background:#ffc;
	}

#ys_relatedItems h3.ystore-cross-sell-title {
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:2px;
padding:4px 3px 2px 6px;
font-size:1.3em;
font-weight:normal;
background:#222;
color:#fff;
		}

#ys_relatedItems h4 {
			margin:10px 15px 2px 3px;
			font-size:1.1em;
			font-weight:normal;
			color:#8a5a33;
		}
#ys_relatedItems p {
			margin:2px 15px 7px 3px;
			font-size:1.1em;
			font-weight:normal;
		}
#ys_relatedItems img {
			margin-top:10px;
			margin-left:0px;
		}
#ys_relatedItems a:link {
			color:#006;
			text-decoration:underline;
		}

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

#ys_relatedItems a:hover {
			color:#00f;
			text-decoration:underline;
		}
#ys_relatedItems .ystore-cross-sell-product-image {
			clear:both;
			float:left;
			margin-right:10px;
		}
#ys_relatedItems table { 
width:100%;
font-size:inherit;
font:100%;
}

#ys_relatedItems .ystore-cross-sell-product-price {
margin-left:0px;
font-size:1.1em;
font-weight:normal;
color:#600;
}