/************************************************************
 *
 *	Name		:	morphoShopping.css
 *	Author		:	Kubota Hideo
 *	Created		:	22.02.2009
 *	Modified	:	22.02.2009
 *
 *	Description	:	Set styles for the morphoShopping page
 *
 ************************************************************/

/** morpho shopping *****************************************/
div#container{
	width:51em;
}

/** Styles used in the page **/
div#container p{
	font-size:1.1em;
	line-height:1.2em;
	color:#333333;
}


/** morphoPicture *********************************/
div#container div#morphoPicture{
	margin-right:0.5em;
	border:solid 1px #eeeded;
	width:50.3em;
	height:27.4em;
	background:url(../media/image/content/bg-bloc_morphoShopping-in.gif) left bottom repeat-x;
}
div#container div#morphoPicture div.media{
	float:left;
	width:27.5em;
}
div#container div#morphoPicture div.desc{
	float:right;
	width:22em;
	margin-top:1em;
}
div#container div#morphoPicture div.desc div.para{
	height:17em;
	overflow:hidden;
}
div#container div#morphoPicture div.desc div.para h2{
	font-size:1.1em;
	line-height:1.333em;
	margin-bottom:1.5em;
}
div#container div#morphoPicture div.desc div.para h2 strong{
	display:block;
}
div#container div#morphoPicture div.desc div.para p{
	margin-bottom:1.5em;
}
div#container div#morphoPicture div.desc div.para p.price{
	margin-bottom:0.2em;
}
div#container div#morphoPicture div.desc div.para a{
	font-size:1.1em;
	line-height:1.2em;
	color:#3d156f;
	font-weight:bold;
}
div#container div#morphoPicture div.desc div.loadSend{
	text-align:center;
	margin-top:4em;
}
div#container div#morphoPicture div.desc div.loadSend p{
	margin:0.4em 0 0 0;
	text-align:center;
}
div#container div#morphoPicture div.desc div.loadSend p a.send{
	font-size:1.1em;
	font-weight:bold;
	color:#3d156f;
}

div#container form#sentForm textarea.textarea {
	border:1px solid #D9D9D9;
	font-size:1.2em;
	margin:0.5em 4em;
	padding:0.1em;
	width:33.5em;
}

/** listArticles **********************************/
div#container ol#listArtices{
	margin-top:2em;
}
div#container ol#listArtices li{
	float:left;
	margin:0 1.7em 1.6em 0;
	width:11em;
	height:21em;
}
div#container ol#listArtices li.last{
	margin:0 0 1.6em 0;
}
div#container ol#listArtices li a img{
	border:solid 1px #eaeae9;
	padding:0.1em;
	max-width:108px;
	width:108px;
}
div#container ol#listArtices li a:hover img{
	border:solid 1px #3d156f;
	padding:0.1em;
}
div#container ol#listArtices li div.desc{
	min-height:90px;
}
div#container ol#listArtices li div.desc h3{
	font-weight:bold;
	font-size:1.1em;
	line-height:1.2em;
	color:#333333;
}
div#container ol#listArtices li div.desc a{
	font-weight:bold;
	font-size:1.1em;
	line-height:1.2em;
	color:#3d156f;
}

/** pagination ************************************/
div#container table.pagination{
	width:99%;
	background:url(../media/image/content/bg-separ-2.gif) left top repeat-x;
	margin:1.5em 0;
}
div#container table.pagination tr{
	background:url(../media/image/content/bg-separ-2.gif) left bottom repeat-x;
}
div#container table.pagination tr td{
	vertical-align:middle;
	padding:0.7em 0;
}
div#container table.pagination tr td.prev{
	text-align:left;
}
div#container table.pagination tr td.next{
	text-align:right;
}
div#container table.pagination tr td.prev a, table.pagination tr td.next a{
	font-size:1.1em;
	color:#7b41b4;
}
div#container table.pagination tr td ol{
	text-align:center;
}
div#container table.pagination tr td ol li{
	display:inline;
}
div#container table.pagination tr td ol li a{
	font-size:1.1em;
	color:#7b41b4;
}
div#container table.pagination tr td a:hover{
	text-decoration:underline;
}