/*
Theme Name: Seefashionfirst
Theme URI: http://seefashionfirst.com
Description: Default theme for product listing
Version: 1
Author: Cuong Tham
Author URI: http://seefashionfirst.com
*/

/* Reset elemetns */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0; }
 
table {
	border-collapse:collapse;
	border-spacing:0; }
 
fieldset, img { border:0; }
 
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal; }
 
ol, ul { list-style:none; }
 
caption, th { text-align:left; }
 
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal; }
 
q:before, q:after { content:''; }
 
abbr, acronym { border:0; }
 
/* end reaset */


.clear {
	clear:both;
	height:0;
	width:0; }
 
body {
	background-color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt; }
 
#wrapper {
	width: 982px;
	margin:0 auto;
	background-color:#fff; }
 
#header { 	border-bottom: 2px solid #333333; }

	#header .promo { 	width: 100%; }
		 	
	#header .promo a { 
		margin-right: 1px;
		float: left;
		display: block; }
			
	#header .promo img { 
		width: 726px;
		height: 88px;
		border: 0; }
	
	#search {
		background-color: #0CBFBB;
		width: 300px;
		height: 88px;
		float: left; }
	#search label { 
		margin: 18px 0px 0px 14px; 
		display: block;
		color: #333333;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size: 1.65em;
		letter-spacing: 1px; }
	#search input.searchText {
		margin: 0px 5px 0px 8px;
		padding: 0.4em;
		line-height: 1.7;
		border: 1px solid #000;
		width: 188px; 
		float: left;

}
	#search input.searchButton {
		width: 27px;
		height: 27px;
		}
	#go {
		width: 27px;
		height: 27px;
		display: block;
		background-image: url(images/button-go.png);
                float: left;
	}	
	#header .logo {
		margin-top: 1px;
		clear: left;
		border: 0px solid #999896;
		border-bottom: 2px solid #333333;
			width: 100%;
		}
	#header .logo img {
		width: 980px;
		height: 109px;
		border-right: 1px solid #999896;
		border-left: 1px solid #999896;
		border-bottom: 0px solid #D7D7D7;
		border-top: 1px solid #BBBAB9;
		}
	#header .menu ul{
		background: #FAFAFA url(images/menu-fn.png) repeat-x; 
	}
	#header .menu, #header .menu a {
		color:#212121;
		text-decoration:none;
		font-size:1.23em;
		font-weight: bold;
		font-family: "Courier New", Courier, monospace;
		text-transform:uppercase; }
  	#header .menu li a:hover { 
		color: #CC3399!important;
		}
	#header .menu {
		height:27px;
		background-color: #FAFAFA;
		width: 100%; 		
		border-right: 0px solid #D7D7D7;
		border-left: 0px solid #D7D7D7;
		border-bottom: 1px solid #D7D7D7;
		border-top: 0px solid #333333; }
		 
		#header .menu li {
			border-right: 1px solid #D7D7D7;
			border-left: 1px solid #FFFFFF;
			float:left;
			padding: 3px 8px 1px 8px; }

			#header .menu li.last { 
			border-right: 0px solid #D7D7D7;
			border-left: 1px solid #FFFFFF; }
 			#header .menu li.last a { 
			color: #0CBFBB;
			}
			#header .menu li.first { 
			border-right: 1px solid #D7D7D7;
			border-left: 0px solid #D7D7D7; }
 
			#header .menu li a:hover { color:#fff; }
 
#contentLeft { 
	float:left;
	width:575px;
	margin:20px 20px 20px 15px; }
 
.productBlock  a {
	color:#0099CC;
	text-decoration:underline; }
 
html>body #contentLeft {
	width: 580px;
	margin: 10px 0px 0px 17px; }
 
* html #contentLeft {
	width: 580px;
	margin:10px; }
 
.productBlock .productImage {
	float:left;
	margin: 0 25px 0px 0; }
 
.productBlock .wideImage {
	float:none;
	margin: -15px  0 0 0; }
 
.productBlock { 
	color: #333333; 
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;  
	padding: 20px 0;
	letter-spacing: 0.7px;
	line-height: 1.2;
 }
 
	.productBlock p { margin-bottom:15px; }
 
	.productBlock h2 {
		color:#333333;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size:18px;
		font-weight:bold;
		margin-bottom:5px; }
 
		.productBlock h2 a {
			color:#333333;
			text-decoration:none; }
 
	.productBlock .price {
		font-size: 15px!important;
		margin:15px 0pt; }

	.productBlock .price-left {
		font-size: 15px!important;
		margin:15px 0pt; 
		float: left;
		}
 
	.productBlock .action, .productBlock .actionSingle {
		color:#333333;
		border-bottom: 1px dotted #000;
		border-top:1px dotted #000;
		margin-top:15px;
		padding:4px 0pt;
		text-align:right;
		text-transform:uppercase; }

	.productBlock .action-right, .productBlock .actionSingle-right {
		color:#333333;
		margin-top:15px;
		padding:4px 0pt;
		text-align:right;
		text-transform:uppercase;
		font-size: 12px;
		float: right;
		 }
 
	.productBlock .action a, .productBlock .actionSingle a {
		color:#0CBFBB;
		text-decoration:none; }
 
	.productBlock .actionSingle .actionLeft { float:left; }
 
	.productBlock .actionSingle .actionRight { float:right; }
 
	.productBlock  a.checkItOutIndex {
		color: #0CBFBB;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		font-family: "Times New Roman", Times, serif !important; }
		.productBlock  a.checkItOutIndex:hover {
		text-decoration: underline; }
 
h1.pagetitle {
	color:#000000;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px; }
 
.catDesc {
	color:#666;
	border-bottom:1px solid #f2f2f2; }
 
.search .productBlock h2 {
	margin-bottom:5px;
	font-size:15px;
	font-weight:bold; }
 
.cat .productBlock h2 {
	margin-bottom:5px;
	font-size:15px;
	font-weight:bold; }
 
.cat .action1 { margin-top:5px; }
 
.cat .productBlock { border:none; }
 
	.cat .productBlock .productImage {
		border:1px solid #ccc;
		padding:5px; }
 
#contentLeft .firstProduct { }
 
#contentLeft .alt .productImage {
	float:right;
	margin:-15px 0pt 20px 20px; }
 
#contentLeft .alt .wideImage {
	float:none;
	margin:-15px 0 0 0; }
 
#contentLeft .alt .action { text-align:left; }
 
#contentLeft p { margin-bottom:1em; }
 
#contentRight {
	float:right;
	width:300px;
	margin: 20px 15px 15px 0; }
 
.subscribe {
	background: url(images/subscribe-fn.png) left top no-repeat;
	border:1px solid #666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;

	padding:15px;
	position:relative;
	margin:15px 0;
	color: #333333; }
 
	.subscribe strong { font-weight:bold; }
 
	.subscribe .signup { margin-bottom:5px; }
 
.subscribeForm { margin-left: 4px }
 	.subscribeForm p { margin: 86px 0px 3px 0px; font-size: 1em; }
	.subscribeForm input.text {
		border:1px solid #666666;
		width:185px;
		height:23px;
		padding-top:4px;
		font-size:14px;
		margin:2px 0; }
 
	.subscribeForm .submit {
		display: block;
		width: 100px;
		height: 22px;
		margin: 6px 0px 0px 106px; }
 
#footer {
	background-color:#2C2825;
	position:relative;
	color: #fff; 
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;  
	letter-spacing: 0.7px;
	line-height: 1.2;
	padding: 15px 45px 15px 45px; }
 	#footer td {
 		width: 33%;
		vertical-align: top;
		padding: 5px;
 	}
	#footer h2 {
		color:#fff;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size:22px;
		font-weight:normal;
		margin-bottom:5px;
	}
	
	#footer a { color:#fff; text-decoration: none; }
 	#footer a:hover { text-decoration: underline; }
	
	#footer ul.popular-links {
		float: left;
		width: 49%;
	}
	#footer ul.slice {
		margin-bottom: 25px;
	}
	#footer .links {
		position:absolute;
		left: 20px;
		top:20px; }
 
	#footer .copyright {
		position:absolute;
		left: 323px;
		top:70px; }
 
	#footer .links a { text-decoration:none; }
 
	#footer .rss {
		background: no-repeat url('images/rss.gif');
		position:absolute;
		right:15px;
		top:16px;
		padding: 6px 3px 9px 40px;
		font-size: 18px; }


#footerspace{
	background:#cccccc;
	position:relative;
        height: 25px;
	font-size: 1.2em;  
	letter-spacing: 0.7px;
	line-height: 1.2;
	font-family: "Times New Roman", Times, serif;
	padding: 3px 45px 3px 45px;
}


#friendsheader {
	background:#2C2825 url(http://sliceofstyle.com/images/sos-sites-we-heart.gif); background-position: left; background-repeat: no-repeat;
	position:relative;
        height: 35px;
	font-size: 1.2em;  
	letter-spacing: 0.7px;
	line-height: 1.2;
	font-family: "Times New Roman", Times, serif;
	padding: 3px 45px 3px 45px;
}

	#friendsheader h2 {
		color:#fff;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size:22px;
		font-weight:normal;
		margin-bottom:5px;
	}
 
#friends{
	background-color:#FFFFFF;
	position:relative;
	color: #fff; 
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;  
	letter-spacing: 0.7px;
	line-height: 1.2;
	padding: 13px 40px 13px 40px; }

	#friends a { color:#0cbfbb; text-decoration: none; }
 	#friends a:hover { text-decoration: underline; }

#friends1 {
        padding-left: 5px;
        float: left;
}

#friends2 {
        padding-left: 60px;
        float: left;
}

#friends3 {
        padding-left: 60px;
        float: left;
}

#friends4 {
        padding-left: 60px;
        float: left;
}

#friends5 {
        padding-left: 60px;
        float: left;
}

.productBlock .more-link {
	text-decoration: underline;
	color:#0CBFBB; }
 
.ymalBlock img {
	border: 1px solid #ccc;
	float:left;
	padding:5px;
	margin-right:3px;
	margin-top:8px; }
 
.googleAdsCL {
	margin-bottom:1em;
	border-bottom:1px solid #999999;
	padding: 0; }
 
	.googleAdsCL A {
		color: black;
		text-decoration: none;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold; }
 
.coollist { padding:0; }
 
.noborder { border:none; }
 
/*Hide share this icon*/
#contentLeft .stico_default { background:none !important; }
 
#contentLeft a.stbutton { padding:1px 5px 0px 0px; }
 
#contentRight .widget_text { margin-bottom:15px; }
 
.wp-pagenavi { margin-top:15px; }
 
.navigation { margin-top:15px;  }
 
	.navigation a {
		text-decoration:none;
		color:#0CBFBB;
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size:20px;
		letter-spacing: 1px;
		display: block;
		margin-bottom: 15px;
		 }
 
	.navigation .alignright { float:right; }
 
	.navigation .alignleft { float:left; }
 
.source { color:#666; }
 
.checkThisOut { margin:40px 0 15px 0; }
 
.commentCon {
	width:560px;
	border:0px solid #ccc;
	padding:10px; }
 
	.commentCon a { color: #33CCFF; }
 
.commentlist li {
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding:5px; }
 
#comments {
	global.css (line 219)  clear:both;
	font-family:Georgia, serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:30px 0 15px 0;
	border-bottom:1px solid #ccc;
	margin-bottom:15px; }
 
.commentMeta {
	float:right;
	font-size:9px;
	color:#666;
	text-align:right; }
 
	.commentMeta a { font-weight:bold; }
 
.shopFor {
	background: url('images/header-shop-for.png') no-repeat #cccccc;
	float:left;
	width:112px;
	margin:20px 0 20px 15px;
	padding:50px 5px 80px 10px;
	font-size:12px;
	font-weight:bold;
	font-family: verdana, tahoma, Arial; }
 
	.shopFor li { margin-bottom: 7px; }
 
	.shopFor a {
		color:#000;
		text-decoration:none; }
 
#guideGrid .gridInfo { display:none; }
 
#guideGrid a {
	width:100px;
	height:100px;
	border:1px #ccc solid;
	float:left;
	margin-right:3px;
	margin-top:8px;
	padding:5px;
	text-align:center; }
 
#guideGrid img { border:0; }
 
 
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

div.latest-post-image {
	width: 292px;
	height: 329px;
	margin: 15px auto;
	text-align: center;
	background-image: url(images/banner-right-bt-fn.png);
	background-repeat: no-repeat;
	padding-top: 21px;	
}
div.latest-post-image img {
	width: 230px;
	height: 230px;
	border: 1px solid #CCCCCC;
}

img.banner-right {
	width: 300px;
	height: 250px;
	border: 0;
}

#topads {
        width: 730px;
        display: block;
        margin:0 auto;
	padding-bottom: 5px;
        text-align: center;
 }
 
	#topads li {
		display: inline;
		list-style-type: none;
		padding: 0px; }





/* Submit Buttons */

div.bottomPost
{
  margin: 5px 10px 10px 0px;
  padding:10px 1px 5px 0px;
  _margin:0px 0px 0px 0px;
  width: 100%;
  border-top:1px #000000 dotted;
  border-bottom:1px #000000 dotted;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-transform:uppercase;
  color:#000000;
  display:block;
  overflow:hidden;
  clear:both;
_position:absolute;
}



div.bottomPost a
{
  color:#00bdf2;
  text-decoration:none;
}

div.bottomPost a:hover
{
  color:#58d3f6;
  text-decoration:none;
}

div.bottomBlock
{
  margin:5px 0px 5px 0px;
  padding:5px 1px 5px 0px;
  _padding:5px 1px 4px 0px;
  display:block;
  overflow:hidden;
  clear:both;
  _position:absolute;
  border-top:1px #000000 dotted;
  border-bottom:1px #000000 dotted;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  color:#000000;
}



div.bottomBlock
{
  margin:10px 10px 0px 0px;
  padding:3px 1px 5px 0px;
  _padding:3px 1px 3px 0px;
  _margin:0px 0px 0px 0px;
  _width:569px;
  border-top:1px #999999 solid;
  border-bottom:1px #999999 solid;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  color:#000000;
  display:block;
  overflow:hidden;
  clear:both;
_position:absolute;
}

div.bottomBlock a
{
  color:#00bdf2;
  text-decoration:none;
}

div.bottomBlock a:hover
{
  color:#58d3f6;
  text-decoration:none;
}


.inside .bottomPost {
	margin-right:0px;
	z-index:10000;
	width:729px;}

div.ul.share-listnew
{
  padding:14px 0px 7px 4px;
  line-height:normal;
}

div.bottomPost ul.share-listnew li,
ul.share-listnew li
{
  padding:0px;
  float:left;
  position:relative;
}

div.bottomPost ul.share-listnew li.pad,
ul.share-listnew li.pad
{
  padding: 0px 14px 0px 0px;
	list-style-type:none;
}

div.bottomPost ul.share-listnew li.fb-pad,
ul.share-listnew li.fb-pad
{
  padding: 0px 5px 0px 35px;
	list-style-type:none;
}

div.bottomPost ul.share-listnew li span,
div.bottomPost ul.share-listnew li iframe,
div.bottomPost ul.share-listnew li a,
ul.share-listnew li span,
ul.share-listnew li iframe,
ul.share-listnew li a {
  float:left;
}

div.bottomPost ul.share-listnew li span.wpfp-span,
ul.share-listnew li span.wpfp-span {
  text-align:right;
  display:block;
  font-size:11px;
  color:#666666;
  padding:0px 0px 0px 0px;
  margin:-5px 0px 0px 0px;
  position:relative;
}

div.bottomPost ul.share-listnew li a.addthis_button,
ul.share-listnew li a.addthis_button {
  height:18px;
  padding:0px 6px 0px 6px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#3b5998;
  text-decoration:none;
  background:#eceef5;
  border:1px #cad4e7 solid;
  line-height:17px;
  display:block;
  text-transform:none;
}

div.bottomPost ul.share-listnew li a.addthis_button:hover,
ul.share-listnew li a.addthis_button:hover {
  color:#3b5998;
  border:1px #9dacee solid;
}

.nodot {
	list-style-type:none;
}


#at20mc #at15s {
  margin: 12px 0 0 -1px !important;
  width: 130px !important;
  background: none !important;
  padding: 0px !important;
  border: 1px solid #CAD4E7;
  border-radius: 3px 3px 3px 3px;

}
#at20mc #at15s #at15s_head, #at20mc #at15s #at16pf {
  display: none;
}