/*

CMS / MODULE / PLUGIN - GLOBAL DEFAULT STYLES
Default Theme Styles - contains all the base styles for the frontend CMS product.

*/

@import "/default/css/reset.css";

/*----------------------------------------------------------------------------- 
TOOLS
-----------------------------------------------------------------------------*/

.valign             {vertical-align:middle;}
.f-left,.left,.fl   {float:left !important;}
.f-right,.right,.fr {float:right !important;}
.f-none,.fn         {float:none !important;}

/* Clear Floated Elements */
.clear,.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clearfix,*:first-child+html .clearfix{*zoom:1;} /* ie */


/*----------------------------------------------------------------------------- 
TABLES - Default Styles
-----------------------------------------------------------------------------*/

.columnImage,.columnCounter {width:1%;}

.index th {
	border-bottom: 2px solid rgba(0,0,0,0.1);
	font: 10px/12px arial,helvetica,sans-serif;
	padding: 5px;
	text-transform: uppercase;
	}
.index td {padding:10px;}
.controls td {border-bottom: 1px solid rgba(0,0,0,0.1);}


/*----------------------------------------------------------------------------- 
FORMS - Default Styles
-----------------------------------------------------------------------------*/

.txtFieldDesc {color:#666;font:10px arial,helvetica,sans-serif;font-style:italic;}


/*----------------------------------------------------------------------------- 
FORMS -> BUTTONS - Default Styles
-----------------------------------------------------------------------------*/

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 4px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% arial,helvetica,sans-serif;
	padding: .25em 1.5em .25em;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	white-space: nowrap;
	width:auto;
	overflow:visible;
	
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	-o-border-radius: 5px;
	border-radius: .5em;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}
.button:hover {
	text-decoration: none;
	}
.button:active {
	position: relative;
	top: 1px;
	}


/* Buttons - Size
---------------------------------------------- */

.big {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	line-height: 14px;
	}
.medium {
	font-size: 12px;
	padding: .4em 1.4em .4em 1.4em;
	}
.small {
	font-size: 11px;
	line-height: 12px;
	padding: 2px 5px;
	}


/* Buttons - Colours
---------------------------------------------- */

.white {
	color: #444 !important;
	border: solid 1px #acacac;
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
	}
.white:hover {
	color: #111 !important;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	}
.white:active {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	}

/*----------------------------------------------------------------------------- 
BREADCRUMBS - Default Styles
-----------------------------------------------------------------------------*/

#breadcrumbs {margin-bottom:1.5em;}


/*----------------------------------------------------------------------------- 
MESSAGES - Default Styles
-----------------------------------------------------------------------------*/

.messages {}
.messages.error {}
.messages.warning {}
.messages.success {}


/*----------------------------------------------------------------------------- 
NEWS MANAGER - Default Styles
-----------------------------------------------------------------------------*/

ul.posts {
	margin: 16px 0 32px 0;
	padding: 0;
	}
ul.posts li {
	margin: 0 0 10px;
	list-style-type: none;
	overflow: hidden;
	}
ul.posts.inline li {
	margin: 0;
	line-height: 138%;
	display: inline;
	}
ul.posts li.last {
  margin:0;
	}

.posts h2 {
	padding-bottom: 0;
	margin-bottom: 5px;
	}
.posts span.post-meta {
	font-size: 11px;
	color: #666;
	}

.posts span.post-author {
	font-style: italic;
	}

.posts li.exerpt {
	display: block;
	padding: 10px 0;
	margin:0;
	border-bottom: 1px solid #dfdfdf;
	}

.posts li.exerpt img {
	float: left;
	display: block;
	background: #fff;
	border: 1px solid #efefef;
	padding: 4px;
	margin: 10px 10px 10px 0;
	}

.posts img.post-image-right {
	float: right;
	background: #fff;
	margin: 10px 0 10px 10px;
	border: 1px solid #efefef;
	padding: 4px;
	}
.posts img.post-image-left {
	float: left;
	background: #fff;
	margin: 10px 10px 10px 0;
	border: 1px solid #efefef;
	padding: 4px;
	}


/*----------------------------------------------------------------------------- 
WISHLIST - Default Styles
-----------------------------------------------------------------------------*/

#ss-wishlist .product-status {color:#acacac;}
#ss-wishlist .product-price {font-weight:bold;}
#ss-wishlist .wl-total td {font-size:18px;}
#ss-wishlist .wl-total tr:last-child {font-weight:bold;}

.shareWishlistDetails td {padding:10px;}
.shareWishlistDetails tr td:first-child {font-weight:bold;text-align:right;width:20%;}