/* GENERAL STYLES */
/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* common styles */
/*img { 
	behavior: url(/css/iepngfix.htc) ;
	}*/

.clearDiv {
	height: 0;
	clear:both;
}

strong {
	font-size: 12px;
	font-weight: bold;
	color: #ae9c4a;
}

ul
{
list-style: disc inside;
} 

p {
	margin-bottom: 5px;
}

/* end common styles */

/* Main Structure CSS */

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(/media/2/backgroundpattern.gif) #FFFFFF;
}

#container { 	
  	position:absolute;
	behavior: url(/css/iepngfix.htc);
	background: url(/media/7/centershadow.png) no-repeat;
  	height:730px; 
  	width:1100px;
  	margin:-365px 0px 0px -550px;
  	top: 50%; 
  	left: 50%;
  	text-align: center;
  	padding: 0;
  	overflow: auto;
}

#header {
	background: url(/media/17/wb_header.jpg) no-repeat;
	height: 107px;
	width: 966px;
	margin: 53px auto 0 auto;
}

#navHolder {
	width: 966px;
	height: 47px;
	text-align: center;
	/*line-height: 47px;*/
	background: url(/media/26/navbarback.jpg) no-repeat #FFFFFF;
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	margin: 0 auto;
}



#pageBody {
	width: 966px;
	height: 378px;
	margin: 0 auto 10px auto;
	background: url(/media/31/homepagemain.jpg) no-repeat #FFFFFF;
}



#homeRight{
	width: 620px;
	float:right;
/*padding-top: 20px;*/
}

#redDoorText {
width: 620px;
	font-size: 14px;
	/*line-height: 40px;
	height: 40px;*/
	text-align: left;
	text-transform: uppercase;
	color: #9f9490;
}

.red {
	color: #e92020;
}

#knotLogos {
	text-align: left;
	width: 100%;
	margin-top: 10px;
	padding-left: 15px;
}

#knotLogos img {
	border:0;
	padding-right: 15px;
}

#footer {
	width: 966px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	color: #ae9c4a;
margin-top: 30px;
}

#copyRight {
	text-align: center;
}


/* inside styles */

#insideBody {
	width: 966px;
	height: 400px;
	overflow: auto;
	margin: 0 auto;
}

#insideContent {
	width: 900px;
	text-align: left;
	/*border: 1px solid #dddddd;*/
	margin: 5px 20px 5px 20px;
}

#insideContent p {
font-size: 14px;
line-height: 20px;
}


#insideLeft {
	float: left;
	width: 425px;
	text-align: left;
	margin: 0 10px 15px 10px;
}

#bellesLeft {
	float: left;
	width: 550px;
	text-align: left;
	margin: 15px 10px 15px 10px;
}

#bellesRight {
	float: right;
	width: 300px;
	margin: 15px 10px 15px 10px;
}

#insideRight {
	float: right;
	text-align: left;
	width: 400px;
	margin: 15px 10px 15px 10px;
}



#map {
	width: 350px;
	margin: 15px 10px 15px 10px;
}


.linkLogo {
	float: left;
	text-align: left;
	width: 250px;
	height: 115px;
}

.linkLogo a {
	color: #ae9c4a;
	text-decoration: none;
}

.linkLogo a:hover {
	text-decoration: underline;
}

#belleBody {
	margin-bottom: 10px;	
}

#belleQuestion {
	margin-bottom: 10px;
}

#belleThumbs {
	width: 450px;
}


.bellePicList {
	float: left;
	padding: 0 20px 10px 0;
}

.bellePic {
	float: left;
	padding-right: 20px;
}

.belleName {
	font-size: 18px;
	font-weight: bold;
	color: #ae9c4a;
}

.belleText {
	font-size: 14px;
	font-weight: bold;
}

/* navBar Styles */

#navBar {
	/*width: 966px;*/
	margin: 0 auto;
	text-align: center;
	height: 27px;
	padding-top: 10px;
}

.table {
	display: table;
	margin: 0 auto;
}


ul#mainNav {
	min-width: 966px;
	list-style: none;
	/*padding-top: 20px;*/
	}

ul#mainNav li {
		display: inline;
		padding: 0 10px 0 10px;
		text-align: center;
		font-family: sans-serif;
		font-size: 14px;
	}

ul#mainNav li a{
		padding: 0 10px 0 10px;
		color: #ae9c4a;
		text-decoration: none;
	}

ul#mainNav li a:hover{
		color: #FF0000;
		text-decoration: underline;
	}



/* end navBar styles */

/* sifr styles */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}


.sIFR-active #navBar ul li {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 18px;
}

.sIFR-active #redDoorText {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}



  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* Doc2Form Styles */

.Doc2Form {
	text-align: left;
	/*background: #ccc;*/
	}
.Doc2Form fieldset {
	border: none;
	text-align: left;
	/*border-bottom: 1px solid #1E3E55;*/
	margin-bottom: 5px;
	}
	
.Doc2Form legend {
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
	color: #ae9c4a;
	}
	
.Doc2Form fieldset ul {
	margin: 0;
	padding: 0;
	}
	
.Doc2Form fieldset li {
	display: block;
	list-style: none;
	padding:  0;
	margin: 5px 0;
	color: #ae9c4a;
	clear: both;
	/*border-top: 1px solid #1E3E55;*/
	}
.Doc2Form fieldset li span {
	}
.Doc2Form fieldset li span img {
	}

.Doc2Form fieldset li img, .Doc2Form fieldset li a {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	font-size: 12px;
	}
.Doc2Form fieldset li label
{
	width: 125px; 
	float: left; 
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
	}
.Doc2Form fieldset li p {
	color: #999999;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	padding-left: 10px;
	}
.Doc2Form fieldset li table {
	clear: both;
	float: left;
	margin-top: 3px; 
	margin-left: 30px;
	font-size: 12px;
	margin-bottom: 3px;
	}
.Doc2Form fieldset li table input {
	float: left;
	width: 25px;
	font-size: 12px;
	border: 1px solid #999999;
	margin-bottom: 3px;	
	}
.Doc2Form fieldset li table label {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	}
.Doc2Form fieldset p {
	color: #999999;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	padding-left: 10px;
	}
.Doc2Form fieldset br {
	clear: both;
	}
.Doc2Form fieldset input {
	float: left; 
	margin-top: 3px; 
	width: 245px;
	margin-left: 10px;
	font-size: 12px;
	border: 1px solid #999999;
	margin-bottom: 3px;
	}
.Doc2Form fieldset textarea {
	float: left; 
	margin-top: 3px; 
	width: 245px;
	margin-left: 10px;
	font-size: 12px;
	height: 75px;
	border: 1px solid #999999;
	margin-bottom: 3px;
	}
.Doc2Form fieldset select {
	float: left; 
	margin-top: 3px; 
	width: 210px;
	margin-left: 10px;
	font-size: 12px;
	border: 1px solid #999999;
	margin-bottom: 3px;
	}
.Doc2Form input.button {
	margin-left: 145px;
	background-color:#ae9c4a;
	border: 1px solid #666666;
	width: 80px;
	font-size: 10px;
	height: auto;
	}

.Doc2Form input.button:hover {
	background-color:#666666;
	border: 1px solid #ae9c4a;
	color: #FFFFFF;
	cursor: pointer;
}

.Doc2Form li.required label {
	width: 250px;
	/*margin-bottom: 10px;
	display:none;*/
}

.Doc2Form li.required label strong {
	font-weight: bold;
	font-style: normal;
	/*color: #900;*/
	}
/*\*//*/ .Doc2Form legend { display: inline-block; } /* IE Mac legend fix */

.umbHoneyPot_li {
	height: 0px;
	overflow: hidden;
}

#homeText {
text-align: left;
margin: 10px 0px 15px 0px;
width: 370px;
padding: 15px;
border: 1px solid #AF9D4B;
}

ul.dressList{
list-style-type:none;
margin:0;
padding:0;
}

ul.dressList li{
float:left;
width:200px;
text-align:center;
margin-bottom:20px;
}

.prodNum a{
color: #ae9c4a;
font-size:12pt;
}

.prodNum a:hover{
text-decoration:none;
color: #cccccc;
}

p.name{
font-size:11px;
margin-bottom: 2px;
}

p.number{
font-size:11px;
margin-bottom: 2px;
}

.sPrice{
color: #ae9c4a;
font-weight:bold;
}

.oPrice{
color: #ae9c4a;
font-weight:bold;
}

.myGallery img{
margin-right:20px;
outline:#ae9c4a solid 2px;
float: left;
}

p.dressImage {
width: 440px;
float: left;
border: 1px solid #ff0000;
}

#dressGallery{
width:440px;
/* float:left;
 border: 1px solid #ff0000; */
}

ul.tinyDressList {
list-style-type: none;
clear: both;
/* width: 400px; */
margin:20px 0 0 0;
padding: 0;
}

ul.tinyDressList li {
float:left;
width: 75px;
text-align: center;
height: 55px;
overflow:hidden;
margin-right: 8px;
margin-bottom: 10px;
}

ul#dressDetails {
list-style-type: none;
margin: 0;
padding: 0;
list-style-position: outside;
}

ul#dressDetails li {
margin: 0 0 5px 0;
padding: 0
}

ul#dressDetails li.suggestedPrice {
padding: 5px;
margin-top: 10px;
border-top: 1px solid #ae9c4a;
border-left: 1px solid #ae9c4a;
border-right: 1px solid #ae9c4a;
font-weight: bold;
margin-bottom: 0;
}

ul#dressDetails li.ourPrice {
font-weight: bold;
color: #ffffff;
font-size: 14px;
background-color: #ae9c4a;
padding: 5px;
}

#insideContent p.callNow {
font-weight: bold;
font-size: 16px;
}

/* EDITOR PROPERTIES */
h2 {

}

h3 {

}

.biggerText {
font-size: 16px;
font-weight: bold;
}


