/* CSS Document */

#searchSub {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#5A471C;
	margin-left: 20px;
	padding-bottom:20px;
}

.pressPic
{

margin-right: 20px;
margin-bottom: 20px;
   float: left;
   
}


#height5
{
height: 5px;
}



#height20
{
height: 20px;
}


#pagewrap2 {
	position:relative;
	width:810px;
	margin-left:150px;

        height: 580px;
}



#cidmessage {
	position:absolute;
	top:300px;
	left:620px;
	width:160px;
	padding:10px;
	background-color:#fff;
	border:1px solid #CCCCCC;
}






#clear {

	clear:both;
}



#address_line2
{
	margin: 5px 0px 0px 10px;


}



#address_value2 input {
	width:210px;
	height:18px;
	border:1px solid #CCC;
	line-height:14px;
}


#address_name2
    {
    float:left;
	margin: 0px 0px 0px 0px;
	width:90px; /* for IE5/Win */

	font-size:10px;
	font-weight:bold;

    }

#address_value2
    {
    margin: 0px 0px 0px 0px;

    vertical-align:top;
    font-size:10px;
    font-weight:bold;
    color:#999;
    background-color:#FFF;

    float:left;
    width: 100px;
    }




#address_line
{
	margin: 5px 0px 0px 10px;


}



#address_value input {
	width:210px;
	height:18px;
	border:1px solid #CCC;
	line-height:14px;
}


#address_name
    {
    float:left;
	margin: 0px 0px 0px 0px;
	width:100px; /* for IE5/Win */
	width:50px; /*actual value */
	font-size:10px;
	font-weight:bold;

    }

#address_value
    {
    margin: 0px 0px 0px 0px;

    vertical-align:top;
    font-size:10px;
    font-weight:bold;
    color:#999;
    background-color:#FFF;

    float:left;
    width: 100px;
    }




#colorSpace
    {
    float: left;
    margin: 0px 1px 0px 0px;

    }

#textSpace
    {
    float: left;
    margin: 8px 1px 0px 0px;

    vertical-align:text-bottom;
    }




    


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#999999;
	background-color:#E4F3F3;
	text-align:center;
}

#bodywrap {
	position:relative;
	width: 960px;
	margin:20px auto;
	text-align:left;
}



#colorSpace
    {
    float: left;
    margin: 0px 1px 0px 0px;

    }

#textSpace
    {
    float: left;
    margin: 8px 1px 0px 0px;

    vertical-align:text-bottom;
    }



/* GENERAL TYPOGRAPHY */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#5A471C;
	margin:0;
	padding-bottom:20px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#999999;
	display:inline;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:20px;
	color:#999999;
}

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#999999;
	line-height:20px;
}

a:link, a:visited {
	color:#5A471C;
}

a:hover, a:active {
	color:#999999;
}

.errormesg {
	text-align:center;
	font-size:14px;
	color:#FF0066;
}

.message {
	color:#FF0066;
}


/* HEADER */


#header {
	position:relative;
	width:960px;
	height:100px;
}

#daallogo {
	position:absolute;
	left:10px;
	top:0;
}

#headnav {
	position:absolute;
	top:0;
	left:650px;
	width:140px;
	font-size:10px;
	line-height:20px;
	color:#5A471C;
}

#searchwrap {
	position:absolute;
	top:0;
	left:810px;
	width:140px;
	font-size:10px;
	line-height:20px;
	font-weight:bold;
	color:#5A471C;
}

#search {
	position:absolute;
	top:20px;
	left:0;
	width:110px;
	height:18px;
	font-size:10px;
	color:#999;
	border:none;
	background-color:#fff;
}

#searchButton {
	position:absolute;
	top:20px;
	left:110px;
	width:30px;
	height:20px;
	border:none;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	color:#C9E0E0;
}

#searchButton:hover {
	color:#999999;
}


/* LEFT COLUMN MAIN MENU & MAILING LIST */

#menu {
	position:relative;
	width:140px;
	top:0px;
	left:10px;
	float:left;
}

.navwrap {
	width:140px;
	border-top:1px solid #fff;
	margin:0;
	padding:10px 0;
	list-style-type:none;
}

.navwrap li {
	margin:6px 0;
	font-size:11px;
	font-weight:bold;
	list-style:none;
}

.navwrap li a:link,.navwrap li a:visited {
	color:#5A471C;
	text-decoration:none;
}

.navwrap li a:hover, .navwrap li a:active {
	color:#999999;
	text-decoration:none;
}

#navsale a:link, #navsale a:visited {
	color:#FF0066;
}

#navsale a:hover, #navsale a:active {
	color:#FF6699;
}

#mailingwrap {
	position:relative;
	border-top:1px solid #fff;
	padding-top:20px;
	margin-bottom:40px;
	font-size:10px;
	color:#999999;
}

#emaillist {
	position:relative;
	margin:0;
}

#email {
	position:absolute;
	top:6px;
	left:0;
	border:none;
	width:95px;
	height:18px;
	color:#999999;
	font-size:10px;
}

#emailButton {
	position:absolute;
	top:6px;
	left:95px;
	width:45px;
	height:20px;
	border:none;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	color:#C9E0E0;
}

#emailButton:hover {
	color:#999999;
}





/* MAIN CONTENT AREA */

/* GENERAL STRUCTURES */
.pagewrapwhite3{
	position:relative;
	width:1000px;
	margin-left:0px;
	margin-bottom:20px;
	background-color:#ffffff;
}




.pagewrapwhite2{
	position:relative;
	width:780px;
	margin-left:0px;
	margin-bottom:20px;
	background-color:#ffffff;
}


.pagewrapwhite{
	position:relative;
	width:780px;
	margin-left:170px;
	margin-bottom:20px;
	background-color:#ffffff;
}

#pagewrap {
	position:relative;
	width:810px;
	margin-left:150px;
}

#pagewrap h1 {
	margin-left:20px;
}

.fullcol {
	position:relative;
	padding:20px;
}


.halfcolwrap {
	padding-top:20px;
	overflow: hidden;
	width: 100%;
}


.halfcol {
	position:static;
	float:left;
	display:inline;
	width:360px;
	margin-left:20px;
	margin-bottom:20px;
}

.halfcolsub {
	float:left;
	display:inline;
	width:160px;
	margin:10px;
}

.heading {
	padding:4px 10px 5px 10px;
	height:20px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:11px; /*actual value */
	background-color:#F2F0E6;
}

.shipinstruction {
	display:block;
	padding-top:34px;
	margin-bottom:5px;
}

.clearwrap {
	overflow: hidden;
	width: 100%;
}

.clear {
	margin:0;
	height:1px;
	clear:both;
}





/* LOG IN PAGES */

#loginwhite1 {
	position:absolute;
	left:20px;
	padding:20px;
	width:380px;  /* for IE5/Win */
	height:440px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:340px; /*actual value */
	height:400px; /*actual value */
	background-color:#FFF;
}

#loginwhite2 {
	position:absolute;
	left:420px;
	padding:20px;
	width:380px;  /* for IE5/Win */
	height:440px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:340px; /*actual value */
	height:400px; /*actual value */
	background-color:#FFF;
}


#loginwhite1 h1, #loginwhite2 h1 {
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.loginform {
	position:absolute;
	top:120px;
	left:20px;
	width:340px;
	border:none;
	border-collapse:collapse;
	padding:0;
}

.loginform td {
	padding:0;
	padding-bottom:10px;
}


#retailerloginwrap {
	margin-left:200px;
	padding-top:40px;
}



.loginput {
	width:200px;
	border:1px solid #CCC;
}

.signupinput {
	width:160px;
	border:1px solid #CCC;
}

.butlogin {
	position:absolute;
	bottom:20px;
	left:20px;
}






/* TABLES: GENERAL */

table {
	border-collapse:collapse;
}

th {
	font-size:10px;
	font-weight:bold;
	color:#999;
	background-color:#F2F0E6;
}

th, td {
	border:none;
	text-align:left;
}

td {
	padding:30px 10px 0 10px;
	vertical-align:top;
}

.tdlabel {
	padding:0px 10px 10px 20px;
	width:100px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:70px; /*actual value */
	font-size:10px;
	font-weight:bold;
}




/* TABLES: SHOPPING BAG */

#thitems {
	padding:4px 10px 5px 10px;
	width:90px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:70px; /*actual value */
	background-color:#F2F0E6;
}

#thiteminfo {
	padding:4px 10px 5px 10px;
	width:210px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:190px; /*actual value */
	background-color:#F2F0E6;
}

#thstatus {
	padding:4px 10px 5px 10px;
	width:160px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:140px; /*actual value */
	background-color:#F2F0E6;
}

#thcolor, #thsize {
	padding:4px 0px 5px 10px;
	width:80px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:70px; /*actual value */
	background-color:#F2F0E6;
}

#thquantity {
	padding:4px 10px 5px 0px;
	width:80px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:70px; /*actual value */
	background-color:#F2F0E6;
}

#thunitprice{
	padding:4px 10px 5px 10px;
	width:100px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:80px; /*actual value */
	background-color:#F2F0E6;
}

#thprice {
	padding:4px 20px 5px 0px;
	width:100px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:80px; /*actual value */
	background-color:#F2F0E6;
}

#thprice, .tdprice {
	text-align:right;
}

.tdprice {
	padding-right:20px;
}


td img {
	margin-top:-10px;
}

.qutinput {
	width:40px;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	color:#CCC;
	margin-left:-10px;
	margin-top:-5px;
}




/* TABLE: TOTAL PRICE AREA */

#totalpricewrap {
	position:static;
	width:260px;
	margin-left:500px;
	padding-bottom:40px;
}

#totalpricewrap table {
	margin-top:20px;
}


#totalpricewrap .tdprice {
	padding:0px 20px 10px 10px;
	width:160px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:130px; /*actual value */
	font-size:14px;
	font-weight:bold;
}

#tdtotal {
	padding-top:30px;
	padding-left:10px;
	font-size:10px;
	font-weight:bold;
}

#totalpricewrap #tdtotal {
	padding-left:20px;
}

#tdtotalprice {
	padding-top:30px;
	padding-right:20px;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#5A471C;
}




/* TABLES: CHECKOUT, ACCOUNT FORMS */


.checkoutform, .accountform {
	width:340px;
	/* margin:10px 0px 0px 10px; -- Ola original code*/
	margin:20px 10px 40px 10px;
	padding:0;
	border:none;
	border-collapse:collapse;
}


.accountform th {
	padding-bottom:20px;
	vertical-align:top;
	font-size:10px;
	font-weight:bold;
	color:#999;
	background-color:#FFF;
}

.checkoutform td, .accountform td {
	padding:0;
	height:30px;
}

.checkoutform .tdlabel, .accountform .tdlabel {
	width:130px;
	padding-top: 3px;
	padding-left:0;
}



#address_line #address_name {  /* added to adjust Ola's code in My Address Book page */
	width:130px;
	height:25px;
	padding-top: 3px;
	padding-left:0;
	margin-left:0px;
}

td #address_line #address_name {  /* added to adjust Ola's code in Checkout page */
	width:125px;
	height:25px;
	padding-top: 3px;
	padding-left:0;
	margin-left:-10px;
}


.accountform .tdaddressbook, .checkoutform .tdaddressbook {
	width:260px;
	padding-bottom:20px;
}


.checkoutform label, .accountform label {
	font-size:10px;
	font-weight:bold;
	color:#999;
	margin-top:0px;
	padding:0;
	line-height:20px;
	height:10px;
}

.checkoutform p, .accountform p {
	margin-top:0;
	margin-bottom:20px;
}

.checkoutform input {
	width:210px;
	height:18px;
	border:1px solid #CCC;
	line-height:14px;
}

.accountform input {
	width:160px;
	height:18px;
	border:1px solid #CCC;
	line-height:14px;
}

.checkoutform .formcheckbox, .accountform .formcheckbox {
	width:25px;
	border:none;
}

.accountform .editsetting {
	width:160px;
}

.accountform .editname {
	width:130px;
}




.error {
	color:#FF0066;
	font-size:14px;
	font-weight:bold;
}

#instructionarea {
	width:210px;
	border:1px solid #CCC;
}

#cidcode {
	width:60px;
}

#expyy {
	margin-left:5px;
}

#tdsameaddress {
	padding:20px 0px 20px 0px;
	height:50px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:10px; /*actual value */
}

#promocode {
	margin-right:20px;
}




.formhelp {
	margin-left:10px;
}

.formhelp a:link, .formhelp a:visited {
	color:#999;
	text-decoration:none;
}

.formhelp a:hover, .formhelp a:active {
	color:#FF0066;
	text-decoration:none;
}






/* LARGE BUTTON POSITIONS */


.buttonwrap {
	position:relative;
	height:80px;
	margin-top:20px;
}


#buteditorder {
	position:absolute;
	top:0px;
	right:200px;
}


#butcontinue, #butback, #butplaceorder, #butcheckout, #butsavepage {
	position:absolute;
	top:0px;
	right:20px;
}

#buteditinfo, #butupdatebag {
	position:absolute;
	top:0px;
	right:160px;
}

#butcontshop {
	position:absolute;
	top:0;
	right:300px;
}






/* STORE FRONT PAGES STYLES */

/* STORE FRONT PAGE: COVER & LOOKBOOK */

.cover {
	margin:20px;
	border:0;
}

#contentPush {

    margin: 0px 0px 0px 0px;

}




#lookbookwindow {
	position:relative;
        margin: 0px 0px 0px 0px;
        
	top:20px;
	left:21px;
	width:780px;
	height:700px;
	overflow:hidden;
}

#lookbookstrip {
	width:780px; /* width will be 246px x total number of looks */


}

#lookbookstrip .lookwrap {
	float:left;
	width:246px;
        height: 700px;
        
	margin:0;
}

.lookwrap img {
	margin-bottom:20px;
}

.looklist {
	margin:0;
	margin-bottom:20px;
	padding:0;
	list-style:none;
}

.looklist li {
	margin:0;
	margin-bottom:2px;
	padding:0;
	list-style:none;
}

.looklist li a {
	text-decoration:none;
}

#lookbooknavleft {
	position:absolute;
	top:200px;
	left:40px;
	width:25px;
	height:40px;
	z-index:10;
}

#lookbooknavright {
	position:absolute;
	top:200px;
	right:20px;
	width:25px;
	height:40px;
	z-index:10;
}



/* STORE FRONT PAGE: CATAGORY THUMBNAIL PAGES */


#pagenavtop {
	position:absolute;
	top:0;
	right:10px;
	text-align:right;
	width:460px;
}

#pagenavbottom {
	position:relative;
	margin-right:10px;
	margin-top:40px;
	text-align:right;
	width:800px;
}

#pagenavtop a, #pagenavbottom a {
	margin-left:3px;
	margin-right:3px;
}


.thumbwrap {
	float:left;
	width:140px;
	height:240px;
	margin:20px 0 0 20px;
	background-color:#fff;
}

.thumbwrap .thumb {
	margin:10px;
	border:none;
}

.thumbtitle {
	margin-left:10px;
	width:120px;
	font-weight:bold;
}

.thumbtitle a {
	text-decoration:none;
}

td .thumbtitle {
	margin-left:0;
	margin-bottom:5px;
	width:180px;
}

td .thumbtitle a {
	text-decoration:underline;
}

.thumbprice {
	margin-left:10px;
	margin-top:0;
	width:120px;
	color:#5A471C;
}

.thumbpriceold {
	text-decoration:line-through;
	color:#999;
}

.thumbpricesale {
	margin-left:10px;
	color:#FF0066;
}

.soldout {
	text-transform:uppercase;
	color:#999;
        margin: 0px 0px 0px 10px;
}

.thumbcolor {
	margin-left:10px;
	margin-top:10px;
	width:120px;
	height:20px;
}

.thumbcolor .swatch {
	width:18px;
	height:18px;
	border:1px solid #fff;
	margin:0;
	float:left;
}

.thumbcolor a {
	font-size:10px;
	line-height:20px;
}




/* STORE FRONT PAGE: ITEMPAGE */


#itemimage {
	float:left;
	margin:0 20px;
	width:360px;
	height:460px;
}

#iteminfowrap {
	width:360px;
	margin-left:400px;
}



#trailnav {
	margin-bottom:20px;
}



#colorswatch {
	margin-top:10px;
	margin-bottom:20px;
}

#colorswatch a:link img, #colorswatch a:visited img {
	border:1px solid #fff;
}

#colorswatch a:hover img, #colorswatch a:active img {
	border:1px solid #999;
}

#iteminfowrap #option_1, #iteminfowrap #option_2, #iteminfowrap #option_3 {
	position:relative;
	margin-top:-20px;
	margin-left:40px;
}


#colors, #sizes {
	font-size:11px;
	color:#5A471C;
}


#allsizes {
	margin-top:20px;
}

#itemprice {
	margin-top:30px;
	font-size:16px;
	font-weight:bold;
	color:#5A471C;
}

#priceretail {
	margin-top:20px;
}

#pricewholesale {
	margin-top:20px;
	color:#ff0066;
}

#addtobag {
	margin-top:-20px;
	margin-left:240px;
}




.tinywrap {
	margin-top:7px;
}

.tinywrap img {
	margin: 3px 3px 0 0;
}

.tinywrap a:link img, .tinywrap a:visited img {
	border:1px solid #fff;
}

.tinywrap a:hover img, .tinywrap a:active img {
	border:1px solid #999;
}




/* TEXT PAGES */

#textbodywrap {
	margin-left:200px;
	padding-top:0px;
	padding-bottom:40px;
}

#textbodywrap h2 {
	display:block;
	margin:30px 0 15px 0;
	font-size:12px;
}

#textbodywrap p {
	font-size:11px;
	line-height:16px;
	margin-bottom:10px
}

#textbodywrap .txtintro {
	margin-top:30px;
	margin-bottom:30px;
	font-size:13px;
	line-height:16px;
}

.helplist {
	margin:40px 0;
	margin-bottom:60px;
	padding:0;
	list-style:none;
	font-size:11px;
	font-weight:bold;
}

.helplist li {
	margin:0 0 10px 0;
	list-style:none;
}

#textbodywrap ol li {
	margin-bottom:10px;
}

dl {
	margin:30px 0;
}

dt {
	font-weight:bold;
}

dd {
	margin-left:0;
}


.storelist {
	margin:30px 0 30px 20px;
}

.storelist dt {
	font-weight:bold;
}

.storelist dd {
	margin-left:0;
}


.sizechart {
	border-top:1px solid #999;
	border-left:1px solid #999;
	margin-top:30px;
}

.sizechart caption {
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
	text-align:left;
}

.sizechart th, .sizechart td {
	padding:10px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}







/* PRESS LAYOUTS */

.pressthumb {
	float:left;
	display:inline;
	margin:20px 0 0 20px;
}

a:link .pressthumb, a:visited .pressthumb {
	border:1px solid #CCC;
}

a:hover .pressthumb, a:active .pressthumb {
	border:1px solid #999;
}

#presswrap {
	position:relative;
	width:660px;
	margin:20px auto;
	padding-top:40px;
}

#presswrap #daallogo {
	position:absolute;
	left:0px;
	top:0;
}

#presswrap h1 {
	font-size:11px;
	font-weight:normal;
	padding:0px;
	padding-bottom:20px;
}

#presswrap #pagenavtop {
	position:absolute;
	top:40px;
	right:0px;
	text-align:right;
	width:240px;
}

.presstxt {
	margin-top:20px;
	padding:20px;
	background-color:#FFF;
	text-align:left;
	overflow:hidden;
}

.presstxt p {
	margin:0 0 20px 0;
	font-size:12px;
	line-height:20px;
}

.presspic {
	float:left;
	margin: 10px 20px 10px 0;
}






/* FOOTER */


#footer {
	position:relative;
	width:940px;
	height:60px;
	margin:40px 10px;
	border-top:1px solid #fff;
	font-size:10px;
	color:#5A471C;
}

#copyright {
	position:absolute;
	top:24px;
	left:0;
	width:140px;
}

#footnav {
	position:absolute;
	top:20px;
	left:160px;
	width:780px;
	font-size:10px;
	line-height:20px;
}

#footer a:link,#footer a:visited {
	color:#5A471C;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
}

#footer a:hover, #footer a:active {
	color:#999999;
	text-decoration:none;
}