/* @override 
	http://localhost:8888/brigid/css/masterstyle.css
	http://www.brigidmclaughlin.com/css/masterstyle.css
*/

body {
	background-color: white;
	font-family: Verdana, sans-serif;
	color: #000;
	font-size: 10px;
	line-height: 1.25em;
	text-align: center;
	margin: 0;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #000;
}

p {
	font-size: 10px;
	line-height: 1.25em;
	letter-spacing: 0px;
	color: #000;
}

h1 {
	text-align: center;
	color: black;
	font-size: 20px;
	line-height: 20px;
}

h2 {
	font-size: 10px;
	color: #000;
	font-weight: normal;
}

h3 {
	font-size: 11px;
	color: #000;
	line-height: 1.25em;
	margin: 5px 0 5px 0;
}

h4 {
	font-size: 11px;
	color: #3f3f3f;
	line-height: 1.25em;
	/* background-color: #ffedca; */
}

h5 {
	font-size: 10px;
	color: #000;
	font-weight: normal;
}


.strike {
	text-decoration: line-through;
}

.note{
	font-size: 9px;
	
}



#wrap {
	width: 905px;
	/*margin: 0 auto 0 auto;*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding: 0;
	text-align: center;

}

#index_content {

	margin-bottom: 10px;
	border: solid 1px #fff;
	
	height: 350px !important;
	height /**/: 352px;
	width: 903px !important;
	width /**/: 905px;
	
	overflow: hidden;
	
}

/* ******************************    nav */

#nav {
	width: 830px;
	float: left;
	padding-left: 70px;
	 margin-top: 0px !important;
	margin-top /**/: 10px;  /* sit it lower for IE */
}


#logo {
	width: 900px;
	height: 24px;
	text-indent: -8000px;
	/*margin: 60px 0 30px 0; */
	margin: 30px 0 20px 0;
	background: url(../images/nav/logo.png) no-repeat center;
}

 #print_logo, #print_contact {
	display: none;
}

#leftsubnav {
	width: 300px;
	height: 40px;
	text-align: right;
	float: left;
}

#centersubnav {
	width: 300px;
	height: 40px;
	text-align: center;
	float: left;
}

#rightsubnav {
	width: 300px;
	height: 40px;
	text-align: left;
	float: left;
}



#nav a {
	float: left;
	height: 17px;
	overflow: hidden;
	padding-right: 30px;
	text-indent: -8000px;
}

#nav a:hover {
	background-position: 0 -17px;
	}
	
#nav a.selected {
	background-position: 0 -17px;
	}	

#nav a:active {
	background-position: 0 -17px;
	}
	

#nav ul {
		text-align: left;
		list-style-type: none;
		font-size: 12px;
}

#nav li { float: left; }
 
#nav_home a{
	background: url(../images/nav/home.png) top left no-repeat;
	width: 42px !important;
	width /**/: 72px;
}

#nav_collections a{
	
	background: url(../images/nav/collections.png) top left no-repeat;
	width: 84px !important;
	width /**/: 114px;
}

#nav_profile a{
	background: url(../images/nav/profile.png) top left no-repeat;
	width: 53px !important;
	width /**/: 83px;
}

#nav_editorial a{
	background: url(../images/nav/editorial.png) top left no-repeat;
	width: 66px !important;
	width /**/: 96px;
}

#nav_stockists a{
	background: url(../images/nav/stockists.png) top left no-repeat;
	width: 69px !important;
	width /**/: 99px;
}

#nav_order a{
	background: url(../images/nav/order.png) top left no-repeat;
	width: 47px !important;
	width /**/: 77px;
}

#nav_sale a{
	background: url(../images/nav/sale.png) top left no-repeat;
	width: 35px !important;
	width /**/: 65px;
}

#nav_contact a{
	background: url(../images/nav/contact.png) top left no-repeat;
	width: 61px !important;
	width /**/: 95px;
}

/* *** end nav */

/* ******************************    collections */
#collections_content, #collections_content_single {
	

	margin-bottom: 10px;
	margin-left: 109px;
	overflow: hidden;
	border-left: solid 1px #fff;
	
	height: 352px !important;
	height /**/: 350px; /* WEIRD !! ie browser needs 2px less here */

	
	width: 695px;
	width /**/: 804px;
	
	
		
}

#collections_content div div  { overflow: hidden;  }
#collections_content div div .kwick  {
	float: left;
	
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-right: solid 3px #fff;
	

	width: 225px;
	
	height: 350px;
	height /**/: 350px;

}

#collections_content div div .kwick_left, #collections_content div div .kwick_right { float:left;}


#collections_content div div .kwick_right {
	/*width: 180px;*/
	width: 270px;
	padding: 0px 15px;
	color:#666;
	text-align: left;
	/*font-size: 1.03em;*/
	font-size:9px;
}

#collections_content div div h4 {
	margin: 3px 0 5px 0;
}

#collections_content a, #collections_content a:active, #collections_content a:visited{
	color: #333;
	font-size: 9px;
	line-height: 19px;
} 
#collections_content a:hover{
	color: #666;
}



#collections_content_single #left {
	float: left;
	margin-left: 110px;
}

#collections_content_single #right {
	float: left;
	text-align: left;
	padding-left: 30px;
	width: 340px;
	font-size:9px;
}

#collections_content_single  #right h4 {
	margin: 3px 0 5px 0;
}


#previous_arrow a {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/previous_arrow.png) no-repeat;
	margin-left: 150px;
	text-indent: -8000px;

}


#previous_arrow a:hover {
	background-position: 0 -18px;
}




#next_arrow a{
	float: right;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/next_arrow.png) no-repeat; 
	margin-right: 150px;
	text-indent: -8000px;
}



#next_arrow a:hover {
	background-position: 0 -18px;
}

/* *** end  */

/* ******************************    profile */


#biography_container {

	margin: 0px auto 0px auto;
	overflow: hidden;
	height: 350px;

}

#text_left {
	float: left;
	margin: 0;
	text-align: right;
	
	padding: 10px 20px 0 132px;
	border-right: 1px solid #7f7f7f;
		
	width: 300px !important;
	width: /**/ 453px;
	height: 350px !important;
	height: /**/ 360px;

}

#text_right {
	
	float: left;
	overflow: hidden;
	padding: 20px 0 0 20px;
	text-align: left;
	width: 300px !important;
	width: /**/ 320px;

}




#previous_arrow_bio a {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/previous_arrow.png) no-repeat;
	margin-left: 225px;
	text-indent: -8000px;

}


#previous_arrow_bio a:hover {
	background-position: 0 -18px;
	}


#next_arrow_bio a{
	float: right;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/next_arrow.png) no-repeat; 
	margin-right: 225px;
	text-indent: -8000px;
}



#next_arrow_bio a:hover {
	background-position: 0 -18px;
	}



/* *** end profile */


/* ******************************    editorial */

#editorial_content {

	margin-bottom: 10px;
	margin-left: 109px;
	border-left: solid 1px #fff;
	overflow: hidden;

	height: 352px !important;
	height /**/: 350px; /* WEIRD !! ie browser needs 2px less here */
	
	width: 695px;
	width /**/: 804px;

}

#editorial_content div div  { overflow: hidden; }
#editorial_content div div .kwick  {
	float: left;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-right: solid 3px #fff;
	

	width: 225px;
	
	height: 350px;
	height /**/: 350px;
}

#editorial_content div div .kwick_left, .kwick_right { 
	float:left;
}


#editorial_content div div .kwick_right {
	padding: 15px;
	color: #7f7f7f;
	font-size: 10px;
	width: 270px;
	/*
	width: 180px !important;
	width: /**/ /*210px;*/
	
	text-align: left;
}

#editorial_content div div h4 {
	margin: 5px 0 0 0;
}

#editorial_content a, #editorial_content a:active, #editorial_content a:visited{
	color: #333;
	font-size: 9px;
	line-height: 19px;
} 
#editorial_content a:hover{
	color: #666;
}

/*
#previous_arrow a {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/previous_arrow.png) no-repeat;
	margin-left: 20px;
	text-indent: -999px;

}


#previous_arrow a:hover {
	background-position: 0 -18px;
}


#next_arrow a{
	float: right;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/next_arrow.png) no-repeat; 
	margin-right: 20px;
	text-indent: -999px;
}



#next_arrow a:hover {
	background-position: 0 -18px;
}

*/




/* *** end editorial */

/* ******************************    stockists */

#stockists_container{
	height: 352px;


	margin-bottom: 10px;
	overflow: hidden;
}


#stockists_nav{	
	float: left;
	font-size:9px;
	text-align: right;
	border-right: solid 1px;
	padding-right: 20px;
	margin-bottom: 10px;
	width: 432px !important;
	width: /**/ 453px;
	height: 352px;

}
#stockists_nav ul{
	margin: 1px 0 0 0;
	list-style: none;
}
#stockists_nav li{
	margin-top: 4px;	
}

#stockists_nav .selected {
	color: #000;
}

#stockists_content {
	width: 350px; /*350*/
	text-align: left;
	
}
#stockists_content p{
	padding-left: 20px;
}
/*#stockists_content div div  { 
	padding-left: 20px;
	
}*/




#stockists_content ul {
	margin: 8px 0 0 0;
}


#stockists_content li {
	list-style-type: none;
	font-size: 12px;
	line-height: 1.5;
}


#previous_arrow_stockists a {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/previous_arrow.png) no-repeat;
	margin-left: 17px;
	margin-top: 10px;
	text-indent: -8000px;

}


#previous_arrow_stockists a:hover {
	background-position: 0 -18px;
}


#next_arrow_stockists a{
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url(../images/nav/next_arrow.png) no-repeat; 
	margin-left: 5px;
	margin-top: 10px;
	text-indent: -8000px;
}



#next_arrow_stockists a:hover {
	background-position: 0 -18px;
}

/* *** end stockists */







/* ******************************    sale */


/* *** end sale */







/* ******************************    contact */

#contact_container {
	height: 350px;
	margin: 0px auto 10px 0 ;

}

#contact_content {
	float: left;
	margin: 0;
	text-align: right;
	
	padding: 10px 20px 0 232px;
	border-right: 1px solid #7f7f7f;	
	width: 200px !important;
	width: /**/ 453px;
	height: 350px !important;
	height: /**/ 360px;

}

#subscription_content {
	
	float: left;
	overflow: hidden;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 300px !important;
	width: /**/ 320px;

}


#contact_content p {
	margin: 5px 0;
	font-size: 1.1em;
}
#contact_content ul{
	list-style: none;
}
#contact_content li {
	padding-bottom: 3px;
}
#contact_content a.selected{
	color: #000;
}
#contact_content a:hover.selected{
	color: #666;	
}	


form {
	margin: 10px 0 0 0;
}

.contactinput {
	border: 1px solid #d5d5d5;
	font-size: 10px;
	margin-bottom: 5px;
	font-family: arial, sans-serif;
	color: #666;
}


.firstline {
	font-weight: bold;
}








/* *** end contact */

/* ******************************    order */

#order_container {
	
	margin: 0px auto 10px 0 ;
	overflow: hidden;
	 /*height: 440px !important; 390
	height:  360px;	360*/
}


#order_left {
	float: left;
	margin: 0;
	text-align: right;
	
	padding: 10px 20px 0 132px;
	border-right: 1px solid #7f7f7f;	
	width: 300px !important;
	width: /**/ 301px;
	/*height: 440px !important; 350
	height:  360px; 360*/

}


#order_right {
	float: left;
	overflow: hidden;
	padding: 10px 0 0 20px;
	text-align: left;
	width: 340px !important;
	width: /**/ 360px;

}
#order_container h3 {
	margin-bottom: 15px;
	
}

#order_success{
	height: 300px;
}

#order_container .contactinput {
	text-align: right;
	font-size: 10px;
	padding: 1px 2px;
	/*height: 12px;*/
}

#order_container  textarea.contactinput{
	height: 30px;
}

#order_container .productname {
	font-size: 11px;
	background-color: #ffedca;
}
#order_container .toggleholder  {
	margin-bottom: 5px;
	font-size: 9px;
}
#order_container .elements {
	background-color: #feefec;
	margin-bottom:10px;
}
#order_container .elements div{
	margin: 10px 10px 10px 10px;
	float: left;
	

}

#order_container select {
	font-size: 10px;
}
#order_container .special{
	visibility: hidden;
}


#ordering_info {
	margin:  20px;
	text-align: left;
}


#ordering_info #logo {
	

	width: 270px;
	height: 24px;
	/*text-indent: -8000px; */

	margin: 30px 0 20px 0;
	/*background: url(../images/nav/logo.png) no-repeat center;*/
	text-align: left;
}

#ordering_info div {
	

}

#ordering_info #content {
	padding-left: 10px;
}

#ordering_info #sizing {
	font-size: 10px;
	margin-top: 20px;
	
}

#ordering_info .header {
	width: 85px;
}

#ordering_info .data {
	width: 40px;
}

/* *** end order */






/* ******************************    tooltips */

.tool-tip {
	color: #fff;
	/*width: 139px;*/
	z-index: 13000;
	background-color: #1B3A5B;
}
 
.tool-title {
	font-weight: normal;
	font-size: 9px;
	margin: 0;
	padding: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	/*background: url(bubble.png) top left;
	*/
}
 
.tool-text {
	font-size:9px;
	
	
	padding: 0px 6px;
	/*background: url(bubble.png) bottom right;*/
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


/* ***  */





/* ******************************    sIFR */
/*
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
/*
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
*/

/*These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}



.sIFR-hasFlash h2 {
	margin: 0;
	visibility: hidden;
	font-size: 20px;
	height: 30px;
}

.sIFR-hasFlash h5 {
	margin: 0;
	visibility: hidden;
	font-size: 20px;
	height: 14px;
}

.sIFR-hasFlash .subnav{
	margin: 0;
	visibility: hidden;
	font-size: 14px;
	height: 14px;
}




.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/