/* @override http://www.fragile.be/wp-content/themes/fragile/style.css */

/*
Theme Name: Fragile theme
Theme URI: http://www.fragile.be
Description: Theme developed for fragile maternity fashion
Version: 1.0
Author: Bram Esposito
Author URI: http://bramesposito.com/
Tags: custom header, fixed width, one columns, bottom toolbox
*/

/* @group bram */
.container {
	font-family: 'Trebuchet MS', sans-serif;
	text-align: left;
}

.logo img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.thumbspacer {
	display: inline;
	padding: 7px;
}

div.thumbsleft{
	background-image: url("images/ldr.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f6f6f6;
	margin:0px;
	width: 510px;
	overflow: hidden;
}
.thumbsleft p {
	background-color: white;
	margin-bottom: 0px;
}
/*
.thumbsprevious {
	float: left;
}*/
/*
.thumbsnext {
	float: right;
}*/
div.menu ul {
	float: right;
	display: block;
	margin: 0px;
	margin-top: 10px;
}
div.menu li {
	float: left;
	list-style: none;
	margin-left: 10px;
}
/*
.thumbsprevious,
.thumbsnext,*/
.menu li a {
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.thumbsprevious:hover,
.thumbsnext:hover,
.newslist a:hover,
.menu li a.selected,
.menu li a:hover {
	color: #5e5e5e;
}

.collectionmenu {
	padding-bottom: 4px;
}

.collectionmenu a {
	font-family: 'Trebuchet MS', sans-serif;
	color: black;
	text-decoration: none;
	margin-left: 10px;
}

.collectionmenu a.selected,
.collectionmenu a:hover {
	color: #df1a24;
}
#collectiondescription {
	font-family: 'Trebuchet MS', sans-serif;
	color: #5e5e5e;
	font-size: 10px;
}
#collectiondescription strong{
	color:  #000000;
	font-weight: normal;
}
.bar {
	background-image: url("images/logo-small.png");
	background-repeat: no-repeat;
	background-position: 4px 3px;
	font-weight: normal;
	font-family: 'Trebuchet MS', sans-serif;
	background-color: #534d4d;
	color: white;
	padding: 2px;
	padding-left: 18px;
	margin: 0px;
	margin-bottom: 5px;
}

.newslist {
	margin-bottom: 5px;
	list-style: none;
	color: #000000;
}

.newslist ul{
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

.newslist a {
	color: #000000;
	text-decoration: none;
	width: 270px;
	white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
}
form label {
	display: block;
	font-weight: normal;
	width: 390px;
	min-height: 15px;
	clear: both;
}
.submitbutton input{
	float: right;
	width: 150px;
}
form label input {
	float: right;
	width: 250px;
}
form textarea {
	width: 380px;
	border: 1px solid #534d4d;
	clear: both;
}
form p {
	clear: both;
}
.pagetitle{
	margin-top: 48px;
}
.pagetitle a,
.pagetitle p{
	text-decoration: none;
	margin-bottom:5px;
	float: right;
	color: #5e5e5e;
	text-transform: uppercase;
	font-weight: bold;
}
.pagetitle p a {
	float: none;
}
.pagetitle a:hover {
	color: #FF0000;
}

.footer {
	font-family: 'Trebuchet MS', sans-serif;
	border-top: 1px solid #c9c9c9;
	font-size: 8px;
	font-weight: bold;
	padding-bottom: 20px;
}

textarea,
label input {
	border: 1px solid #534d4d;
}
.post,
.post h2{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
.post h2,
.post h2 a {
	clear: both;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
}

.post h2 a:hover {	
	color: #5e5e5e;
}
.post .entry {
	color: #5e5e5e;
}
.navigation {
	margin-bottom: 10px;
}

.post .entry a{
	text-decoration: none;
	color: #df1a24;
}

.post .entry a:hover{
	color: #5e5e5e;
}

.navigation .alignright{
	float: right;
}

img.alignright{
	float: right;
}

.navigation .alignleft{
	float: left;
}
.navigation a{
	text-decoration: none;
	margin-bottom:5px;
	color: #df1a24;
	
}
.fl{
	float: left;
}
.post .row a{
	float: left;
	display: block;
	width: 130px;
}
.post .row{
	/*
	border-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	*/
	clear: both;
	margin-bottom: 30px;
}

.page form h6,
.page .entry h6,
.post .entry h6 {
	padding-left: 3px;
	margin-bottom: 12px;
	color: #FFFFFF;
	background-color: #a59999;
	text-transform: uppercase;
}

.page .entry form {
	padding: 0;
	margin: 0;
}

.page .entry .formsubtitle {
	margin: 0;
	padding: 0;
}

.salespoint {
	clear: none;
	float: left;
	display: block;
	width: 195px;
}
.salespoint strong{
	color: black;
}
#cities a,
#countries a{
	text-transform: uppercase;
}
.footerlogin {
	position: relative;
	height: 196px;
}
.footerlogin .facebook {
	position: absolute;
	bottom: 5px;
	right: 0px;
}

.footerlogin form {
	padding-left: 1px;
}
.footerlogin input{
	width: 90px;
	margin-left: 14px;
}
.footerlogin .button{
	width: 75px;
	background-color: #534d4d;
	border-style: none;
	color: white;
}
.row a.selected {
	color: #5e5e5e;
	font-weight: bold;
}
colborder p{
	vertical-align: top;
}
.countryselect {
	position: relative;
	vertical-align: text-top;
	margin: 0px;
	padding: 0px;
}
.separator2{
	font-size: 12px;
	padding: 4px;
	background-color: #ddd;
	width: 92px;
	height: 462px;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
	/*
	border: solid 1px red;
	background-color: red;*/
	float: left;
	text-align: right;
}

.groot {
	width: 510px;;
}
/* @end */

/* @group thumbs */
.pagetitle p a.selected {
	color: #FF0000;
}
.thumbsright{
	width: 430px;
	float:left;
	margin-right: 10px;
	margin-left: 0px;
}
.thumbs {
	position: relative;
	height: 480px;
	overflow-x: hidden;
	width:  430px;;
}

.thumbsloading {
	background-image: url("images/ldr.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f6f6f6;
}

.thumbs .tg {
	display: block;
/*	border: 1px solid red;*/
}
.thumbs img {
	margin: 0px;
	padding: 0px;
	cursor: hand;
}
.thumbs a {
	display: inline;
	margin-bottom: 10px;
	margin-right: 10px;
	/*
	border: solid 1px red;
	background-color: red;*/
	float: left;
}
.clearme {
	display: inline;
	position: relative;
	float: left;
	height: 160px;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	clear: both;
	width: 100%;
}
.thumbs a div {
	background-color: #000000;
	display: block;
	width: 100px;
	overflow: hidden;
}
.thumbs a.frgprev,
.thumbs a.frgnext {
	position: relative;
	display: inline;
	height: 150px;
	width: 100px;;
	background-color: #534d4d;
	vertical-align: bottom;
	text-decoration: none;
	color: #fff;
}
.thumbs .frgnext span{
	/*border: 1px red solid;*/
	padding-top:3px;
	height: 18px;
	background-image: url("images/logo-small.png");
	background-repeat: no-repeat;
	background-position: 4px 0px;
	padding-left: 18px;
	position: absolute;
	background-color: #534d4d;
	bottom: 0px;
	right: 4px;
	color: #fff;
}
.thumbs .frgprev span{
	/*border: 1px red solid;*/
	padding-top:3px;
	height: 18px;
	background-image: url("images/logo-small.png");
	background-repeat: no-repeat;
	background-position: right 0;
	padding-right: 18px;
	position: absolute;
	background-color: #534d4d;
	bottom: 0px;
	left: 4px;
	color: #fff;
}
.dummy {
	position: absolute;
	top: 0px;
	height: 0;
	display: none;
	_display: block;
}
/* @end */

.subscribenewsletter {
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	background-color: #a59999;
	margin-bottom: 1em;
	display: block;
}

span.asterisk {
	
}