@charset "UTF-8";
/* CSS Document */

* { margin:0px; padding:0px; }

body { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#000000; }

#skip_nav { height:100px; margin-top:-100px; } 

#wrapper { width:980px; margin:0px auto; }

#firstline { padding:5px 0px; text-align:right; }
#firstline a:link, #firstline a:visited { color:#056F74; text-decoration:none; }
#firstline a:hover, #firstline a:active { color:#056F74; text-decoration:underline; }

#header { position:relative; background-image:url(../images/banner.jpg); background-position:top right; background-repeat:no-repeat; height:90px; }

#nav_top { position:absolute; top: 59px; left:290px; width:685px; }
#nav_top li { display:inline;  text-transform:uppercase; display:block;float:left; }
#nav_top a:link, #nav_top a:visited { display:block;text-decoration:none; color:#FFFFFF; text-decoration:none;padding: 6px 8px; }
#nav_top a:hover, #nav_top a:active { color:#D2C1D5; text-decoration:none; background-color:#000000;}



#search { position: absolute; top: 30px; right:20px; width:300px; text-align:right; }

#content { background-image:url(../images/main_back.gif); background-repeat:repeat-y; padding:0px 1px; }
#main { float:right; width:688px; border-top:1px solid #000000;  }
#column { float:left; width:258px; padding:13px; border-top:1px solid #000000; padding-top:10px; }
#column li { list-style:none; }
#column p.h2 { text-transform:uppercase; font-size:1.1em; line-height:150%; }


h1 { font-size:1.4em; padding-bottom:0.7em; color: #660033;}
h2 { font-size:1.1em; padding-bottom:0.3em; color: #660033;}
p { padding-bottom:0.7em; line-height:150%; }


#welove p.title {
	font-size: 1.3em;
	font-weight: bold;
	padding: 6px;
	margin-bottom: 10px;
	color:#660033;
}

.box{ 
float:left;
	position:relative;
	top: 0px;
	padding: 5px 5px 5px 5px; 
	border: 1px solid #CCCCCC;
	width: 120px;
	
	margin: 3px 0px 3px 3px; 
	}
	
	.outfit{ 
float:left;
	position:relative;
	top: 0px;
	padding: 5px 5px 5px 5px; 
	border: 1px solid #CCCCCC;
	width: 240px;
	
	margin: 3px 0px 3px 3px; 
	}

input { 
	background-color: #FFFFFF; 
	color: #000000; 
	/*border: 1px solid #000000;*/
}

select { 
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #D2C1D5; 
}

select.home { 
	width:250px; 
}

input.button {
	background-color: #056F74;
	border: 1px solid #000;
	color: #fff; font-size:1em; padding:2px 6px; 
}
input.button2 { background-color: #CCCCCC; border: 1px solid #000; color: #000000; font-size:1em; padding:2px 6px; }
input.button:hover {background-color: #000;}
input.button2:hover {background-color: #000; color:#FFFFFF;}

a.button_grey:link, a.button_grey:visited {  background-color: #CCCCCC; border: 1px solid #000; color: #000000; font-size:1em; padding:2px 6px; text-decoration:none; }
a.button_grey:hover, a.button_grey:active { background-color:#000000; color:#FFFFFF; text-decoration:none; }

a.button:link, a.button:visited {  background-color: #056F74; border: 1px solid #000; color: #FFFFFF; font-size:1em; padding:2px 6px; text-decoration:none; }
a.button:hover, a.button:active { background-color:#000000; color:#FFFFFF; text-decoration:none; }


a:link, a:visited { color:#660033; text-decoration:none; }
a:hover, a:active { color:#660033; text-decoration:underline; }

a.purple:link, a.purple:visited { color:#660033; text-decoration:none; }
a.purple:hover, a.purple:active { color:#660033; text-decoration:underline; }

a.white:link, a.white:visited { color:#FFFFFF; text-decoration:none; }
a.white:hover, a.white:active { color:#FFFFFF; text-decoration:underline; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.larger { font-size:1.2em; }
.sale { color:#EC1C0F; font-weight:bold; }

a img { border:none; }

/* alignment */
.alignleft { float:left; padding-right:10px; position:relative;}
.sizealignleft { float:left; padding-right:10px;}
.alignright { float:right; padding-left:10px; }
img.logo { float:left; border:none; }


#footer { background-image:url(../images/footer.jpg); background-repeat:repeat-x; padding:10px; color:#FFFFFF; clear:both; }
#footer span { float:right; margin-top:4px; }
#footer span ul { list-style:none; }
#footer span ul li { display: inline; padding: 0px 5px; }
#footer a:link, #footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:hover, #footer a:active { color:#FFFFFF; text-decoration:underline; }

#footer2 { padding:5px 0px; }
#footer2 a:link, #footer2 a:visited { color:#660033; text-decoration:none; }
#footer2 a:hover, #footer2 a:active { color:#660033; text-decoration:underline; }


#section_nav { background-color:#CCCCCC; clear:both; padding:5px; }
#product_description { margin-left:260px; }
#second_col { margin-left:360px; }
#friend { margin-left:200px; }
.price { color:#660033;  font-size:1.4em; }
.envelope { padding:10px; padding-left:25px; background-image:url(../images/envelope.gif); background-repeat:no-repeat; background-position:left 10px; color:#660033; }
a.border img { border:1px solid #CCCCCC; }
/*a.border:hover img { border:1px solid #666666; } */
div#sizes {  display:none; border:1px solid #660033; padding:10px; margin-bottom:10px; }
div.sizeGuide {z-index: 1}
a.sizeGuide { background-image:url(../images/sizes_btn.jpg); background-repeat:no-repeat; display:block; width:155px; height:24px; padding:3px 0px; text-align:center; z-index: 1 }
a.sizeGuide:hover { text-decoration:none; z-index: 1}

a.buttonInfo:link, a.buttonInfo:visited {  background-image:url(../images/view_btn.jpg); background-repeat:no-repeat; color: #666666; padding:0px 10px; text-decoration:none; width:145px; height:24px; display:block; margin-left:110px; }
a.buttonInfo:hover, a.buttonInfo:active { text-decoration:none; }

.rightoutfit{ float:right;
width:135px;
}