/* --------------------------------------------------------
   DIAMOND GUSSET JEANS by 2BSEEN - v2 - 3/28/09
   -------------------------------------------------------- */

/* Declare body first of all */

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


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

h1, h2 {
color:#630;
}

h3, h4, h5 {
color:#630;
}

h1 {
margin-top:10px;
margin-bottom:5px;
font-size:20px;
}

h2 {
margin-top:0px;
margin-bottom:3px;
font-size:14px;
}

h3 {
margin-top:0px;
margin-bottom:3px;
font-size:13px;	
}

h4 {
margin-top:0px;
margin-bottom:2px;
font-size:12px;	
}

h5 {
margin-top:0px;
margin-bottom:1px;
font-size:12px;
font-weight:normal;	
}

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

h2 a:hover, h2 a:active {
color:#eee;
text-decoration:underline;
}

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

h3 a:hover, h3 a:active {
color:#eee;
text-decoration:underline;
}


/* Rounded Top */
#rounded-top {
width:980px;
height:10px;
margin:6px auto 0px auto;
background: url(images/rounded_top_v2.gif) bottom no-repeat;
}

/* Rounded Bottom */
#rounded-bottom {
margin:0px auto 6px auto;
width:980px;
height:10px;
background: url(images/rounded_bottom.gif) no-repeat;
}

/* Container - needed for faux background */

#container {
width:980px;
margin:0px auto 0px auto;
background:#333 url(images/web_2009/container_background_feature.gif) repeat-y;
}



/* Container Top  */

#container-top {
width:980px;
height:14px;
background:#333 url(images/web_2009/container_top_feature.gif) no-repeat;
}

/* Container Bottom  */

#container-bottom {
clear:both;
width:980px;
height:14px;
background: url(images/web_2009/container_bottom_feature.gif) no-repeat;
}



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

/* Masthead and descendants */

#masthead {
height:225px;
width:980px;
background:#05A url(images/gusset_masthead_v10.jpg) no-repeat;
font-size:13px;
font-weight:normal;
color:#FFC;
}

#masthead a:link, #masthead a:visited {
color:#FFC;
text-decoration:none;
}

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

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

/* Main Logo */
#masthead img {
margin:4px 0px 0px 13px;
}

/* Masthead Top Message */
.top-message {
float:right;
text-align:left;
line-height:16px;
letter-spacing:0px;
word-spacing:normal;
margin:7px 49px 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;
}




/* ---------------------------------
   Navigation and Drop-Down Menu 
   Credit to: Son of Suckerfish
   --------------------------------- */

#navbar {
height:54px;
width:980px;
background: url("images/navigation_6.gif") no-repeat;
font-size:12px;
}

#navbar ul {
	margin-left:80px;
        padding-top:17px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
        margin:0 0px 0 0px;
        padding: 0 22px 0 22px;
        border-right:1px solid #211;
}

#nav li.firstnav {
        border-left:1px solid #211;
}

#nav li ul {
	position: absolute;
	width: 13em;
	left: -999em;
        border-width:0.25em;
        height:auto;
        padding-top:.5em;
        margin: 0;
}


#nav li li {
        text-align:left;
	padding-right: 1em;
	width: 13em;
}

#nav li ul a {
	width: 13em;
}


#nav li:hover ul, #nav li.sfhover ul {
        left:auto;
        margin: 0 0 0 -2em;
}

#nav li:hover li, #nav li.sfhover li {
        padding: .4em 0em .4em 1em;
        background:#882222;
        border: solid #211;
        border-width: 0 1px 1px 1px;
        background:url("images/navbarback.gif")
}


#navbar li a:link, #navbar li a:visited {
text-decoration:none;
color:#def;
}

#navbar li a:hover, #navbar li a.sfhover {
text-decoration:none;
color:#fff;
}






/* The navigation bar */

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

#navigation ul {
text-align:left;
list-style:none;
margin:0px 70px 10px 105px;
padding:14px 0 0 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;
}

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

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

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

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

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

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

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


/* Around MainCol and Sidebar1 */
#main {
width:980px;
float:left;
}


/* The main column and descendants */

#mainCol {
float:right;
width:700px;
font-size:1.1em;
font-weight:normal;
line-height:140%;
color:#333;
text-align:left;
}

.io {
margin-left:20px;
margin-right:45px;
}

#mainCol p {
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
}

#mainCol h3 {
color: #630;
}

#mainCol h2 {
color:#630;
}

#mainCol h4 {
color:#630;
margin-top:0px;
}

#mainCol h5 {
color:#630;
}

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

#mainCol a:hover, #mainCol a:active {
color:#395;
text-decoration:underline;
}

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


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

#mainCol h2 a:hover, #mainCol h2 a:active {
color:#326;
text-decoration:underline;
}

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

#mainCol h3 a:hover, #mainCol h3 a:active {
color:#326;
text-decoration:underline;
}


.text_right {
text-align:right;
}

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

#mainCol ul {
list-style:square;
margin-top:0px;
margin-left:0px;
padding-left:0px;
}

#mainCol li {
display:list-item;
margin-top:2px;
margin-left:15px;
line-height:140%;
}

.feature-block {
background-color:#232;
margin:15px 15px 15px 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;
}


.lb-one-plus-half {
display:block;
margin-top:1.5em;
}

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



/* ------------------------------------
   Article Blocks
   ------------------------------------ */

.feature-wrapper-article {
background:#ded;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-beige {
background:#eed;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-offwhite {
background:#fff;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-violet {
background:#fef;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-orange {
background:#fed;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-blue {
background:#dee;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-green {
background:#efd;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-coupon {
background:#beb;
width:98%;
margin-left:1%;
}

.inner-coupon {
width:100%;
background:#efe;
margin-left:0%;
border:2px dashed #6c6;
}

.inner-coupon-text {
width:94%;
margin-left:3%;
}

.header-wrapper {
width:96%;
margin-left:2%;
}

.article-pad {
padding:15px;
}

.article-wrapper {
width:100%;
}

.article-wrapper h4 {
margin-top:0px;
}

.article-wrapper h5 {
margin-top:0px;
}

.tl {
background:url("images/rounded_box.gif") top left no-repeat;
}

.br {
background:url("images/rounded_box.gif") bottom right no-repeat;
}

.trc {
background:url("images/corner_ur.gif") top right no-repeat;
}

.blc {
background:url("images/corner_ll.gif") bottom left no-repeat;
}

.tlc {
background:url("images/corner_ul.gif") top left no-repeat;
}

.brc {
background:url("images/corner_lr.gif") bottom right no-repeat;
}




/* ------------------------------
   Log In Box Styling
   ------------------------------ */

.loginbox-wrapper {
background:#eed;
width:70%;
margin-left:0%;
margin-top:10px;
}

.form-wrapper {
width:100%;
}

.form-pad {
padding:15px;
}

#loginform legend {
margin:0 0 0 5px;
padding:5px;
color: #22c;
font-size:1.2em;
font-weight:bold;
}

#loginform label {
color: #22c;
font-size:1.2em;
font-weight:normal;
}

#loginform input {
border:1px single #339;
}

#loginform fieldset {
border: 2px solid #9bf;
margin:0;
padding:0;
}

#loginform fieldset p {
font-weight:normal;
}

.inside-loginform {
width: 96%;
margin-left:2%;
}

#loginform table {
border:0px solid #000;
border-collapse:collapse;
margin-bottom:10px;
}

#loginform tr {
border:0px solid #000;
}

#loginform td {
padding:5px 0 0 0;
margin:0;
border:0px solid #000;
}

.shrinkwrap-cell {
width:auto;
}

.flex-cell {
width:100%;
}

.auto-table-layout {
table-layout:auto;
}

.stretched-table {
width:auto;
}

#loginform #email {
width:98%;
}




/* ---------------------------
   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-top:4px;
margin-bottom: 6px;
}

#flashcontent img {
margin:0;
}

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


/* ---------------------
   Entry Form Elements
   --------------------- */

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

#entryform fieldset { 
  margin-top:3px;
  margin-bottom:2px; 
  padding:5px; 
  border:2px solid #9C6;
  background:#FFF;
  font-size:1.1em;
  font-weight:bold;
  color:#666633; 
  }

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

#entryform #iname, #entryform #iemail, #entryform #iaddress, #entryform #icity { 
  width:95%; 
  } 

#entryform #istate, #entryform #iphone {
  width:50%;
}

#entryform #izip  {
  width:25%;
}

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

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


/* Column 1 and descendants */

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

.side1-io {
margin: 0 7px 0 10px;
}

#sidebar1 img {
margin-top:0px;
margin-bottom:6px;
}




/* The footer and descendants */

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

#footer img {
float:left;
margin:15px 90px 70px 90px;
}


#footer ul {
list-style:none;
margin:0 0 0 0;
padding:10px 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
   ------------------------------------- */

#home-select-list {
width:467px;
padding-top:5px;
padding-bottom:0px;
margin:0px 30px 0px 15px;
font-size:inherit;
font:100%;
line-height:140%;
color:#003;
background:#ffe;
}

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

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

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

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

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

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

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

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

.image_float_left {
width:85px;
float:left;
margin-right:0px;
}

.contents-text {
float:right;
width:375px;
}

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


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

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




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

#home-select-list .spacer {
clear:both;
}



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

abbr {
	
}

/* Turn off borders on image links */

img {
border:0;
}

/* Link states */

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

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

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

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