/* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

-------------------------------------------------------------- */

/* Indentation instead of line shifts for sibling paragraphs. */
/*   p + p {
	text-indent:2em;
	margin-top:-1.5em;
}*/
   form p + p  { text-indent: 0; } /* Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt {
	color: #666;
	font-family: arial;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
/*blockquote*/
blockquote {
	border : 2px solid #000;
	width: 400px;	
	margin: 0px auto;
	padding: 10px;
	background-color: #EEF5FA;
	quotes: "\201C" "\201D";
}

blockquote:before, blockquote:after {
	color: #85B8E3;
	display: block;
	font-size: 5em;
	width: 50px;
}

blockquote p {
	min-height:50px;
	padding-left:50px;
	padding-right:50px;
}


blockquote:before { 
	content: open-quote;
	height:40px;
}

blockquote:after { 
	content: close-quote;
	height:50px;
	margin:0px 0px 0px 350px;
}


/*--------------------customized input elements */
fieldset 
{
	border:solid 0 #fff;
}

.textfield{
	font:1.1em  Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0px;
	border:solid 0 #fff;
	padding:1px 0 0 5px;
	background: transparent url(../images/search/textfield_bg.gif) no-repeat;
	width:158px;
	height: 22px;
}
fieldset>input.textfield {
	background: transparent url(../images/search/textfield_bg.gif) no-repeat;
}

a:link , a:active, a:visited{
	color:#7aa1cb;
	text-decoration:none;
}
a:hover{
	color:#3f515c;
	text-decoration:underline;
}

/* link top */

#nav {
	margin: 0;
	padding: 5px 0px 0px 0px;
	}

#nav li {
	margin: 0;
	padding: 0px 2px 0px 0px;
	display: inline;
	list-style-type: none;
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 15px;
	font-weight: normal;
	padding: 0 0px 0px 0px;
	text-decoration: none;
	color: #3f515c;
	font-family: Arial, Helvetica, sans-serif;
	
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #7aa1cb;
/*	background: url(../images/tab_rounded.gif) no-repeat bottom center;
*/	}

/*menu footer*/

ul#menu_foter{
	background-repeat:no-repeat;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	
}
ul#menu_foter li{
	float:left;
	
}

/* adjusted values for IE6 */

* html*li#new_arrive a,* html*li#limit a,* html*li#teen a,* html*li#sale a,* html*li#cate a

{ bottom: -1px; }

li#new_arrive,li#limit,li#teen,li#sale,li#cate{
	background-image:url(../images/logo/new_arrive_none.jpg);
	background-repeat:no-repeat;
	width:190px;

}
li#limit{
	background-image:url(../images/logo/limited_edition.jpg);


}
li#teen{
	background-image:url(../images/logo/teen.jpg);


}
li#sale{
	background-image:url(../images/logo/sale.jpg);


}
li#cate{
	background-image:url(../images/logo/catalogue.jpg);
	

}
li#new_arrive a:link,li#new_arrive a:active,li#new_arrive a:visited,
li#limit a:link,li#limit a:active,li#limit a:visited,
li#teen a:link,li#teen a:active,li#teen a:visited,
li#sale a:link,li#sale a:active,li#sale a:visited,
li#cate a:link,li#cate a:active,li#cate a:visited{
	display:block;
	width:190px;
	height:101px;
}
li#new_arrive a:hover,
li#new_arrive a:hover,
li#new_arrive a:hover,
li#new_arrive a:hover,
li#new_arrive a:hover{
	background-image:url(../images/logo/new_arrive.jpg);
	background-repeat:no-repeat;
}

li#limit a:hover{
	background-image:url(../images/logo/limited_edition_link.jpg);
}
li#teen a:hover
{
	background-image:url(../images/logo/teen_link.jpg);

}
li#sale a:hover
{
	background-image:url(../images/logo/sale_link.jpg);
	
}
li#cate a:hover
{
	background-image:url(../images/logo/catalogue_link.jpg);

}
/*sign in*/
ul.top_right
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.top_right li
{
	float:left;
	height:24px;
	background-position: 0.2em 0.8em;
	padding-top:0.8em;
	padding-right: 0.4em;
	
}
li#icon1
{
	background-image: url(../images/icon/icon1.gif);
	width: 17px;
	background-repeat: no-repeat;

}
li#icon2
{
	background-image: url(../images/icon/icon2.gif);
	width: 17px;
	background-repeat: no-repeat;

}
li#icon3
{
	background-image: url(../images/icon/icon3.gif);
	width: 17px;
	background-repeat: no-repeat;

}
li#icon4
{
	background-image: url(../images/icon/icon4.gif);
	width: 17px;
	background-repeat: no-repeat;

}
li#icon5
{
	background-image: url(../images/icon/icon5.gif);
	width: 17px;
	background-repeat: no-repeat;

}
/*title menu left*/
#navcontainer
{
	margin-left: 0px;
	width: 180px;
	padding: 5px 0 0 0;
	font-family: arial;
}

#navcontainer ul
{
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#navcontainer li
{
	margin: 0;
	border-top: 1px solid #cbcbcb;
}

#navcontainer li a
{
	display: block;
	padding: 7px 0px 7px 5px;
	background-color: #f0f0f1;
	color: #3f515c;
	text-decoration: none;
	width: 175px;
	margin-top: 2px;
	font-size: 16px;
}


#navcontainer li a:hover
{
	color: #0673b5;
}

#navcontainer li li
{
	border-bottom: 0;
	margin: 0;
	width: 180px;
	border:none;
}

#navcontainer li li a
{
	display: block;
	padding:2px 0px 2px 15px;
	background-color:#FFFFFF;
	color: #3f515c;
	text-decoration: none;
	width:165px;
	font-size:12px;

}
.noteyellow
{
	padding: 5px;
	margin: 5px;
	background-color:#FFF9D9;
	border: 1px solid #CCCCCC;
}
.notegreen
{
	padding: 2px;
	margin: 5px;
	background-color:#d6d8d9;
}
.notered
{
	background-color:#9c4264;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}
.notegray
{
	background-color:#F0F0F0;
	font-weight: bolder;
	padding: 5px;
}
.ocontent {

	background:#fdf8ef;

	font-family:tahoma;

	font-size:11px;

	font-weight:bold;

	border-top:1px solid #003399;

	border-right:1px solid #003399;

	border-left:1px solid #003399;

	padding:4px;

	width:150px;
}



.obody {

	background:#fdf8ef;
	font-family:tahoma;
	font-size:11px;
	border-left:1px solid #003399;

	border-right:1px solid #003399;

	border-bottom:1px solid #003399;

	padding:4px;

	width:150px;

}

.pagenumstatic {
	BORDER-RIGHT: #D6E7EF 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #D6E7EF 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #D6E7EF 1px solid; WIDTH: 1em; COLOR: #CCCCCC; PADDING-TOP: 1px; BORDER-BOTTOM: #D6E7EF 1px solid; BACKGROUND-COLOR: #E4E4E4; TEXT-DECORATION: none
}
.pagenumnolink {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #CCCCCC;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:link {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #666666;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:visited {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #666666;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:active {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #666666;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:hover {
	BORDER-RIGHT: #738294 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #738294 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #738294 1px solid; WIDTH: 1em; COLOR: #CCCCCC; PADDING-TOP: 1px; BORDER-BOTTOM: #738294 1px solid; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none
}

li.default a:hover img {
	opacity:0.5;
	filter: alpha(opacity = 50);
}