/* 

Performs - CSS File

USE THIS STYLE SHEET FOR INNER PAGE

*/



/* Page Navi*/
.pagenavi {clear:both; padding:0px 0; font-size:12px; margin-bottom:20px; }
.pagenavi a, .pagenavi a:visited{text-transform:none;}
.pagenavi .prev{}
.pagenavi .next{ float:right;}


/* SERVICE */
.service-left{ font-size:11px; float:left; margin-left:15px; }
.service-right{ font-size:11px; float:left; padding-left:10px;}


/* PORTFOLIO */
.ts-display-clear{clear:both; height:1px !important; line-height:1px !important; float:none!important}
.ts-display-pf-text{ line-height:22px; padding-top:10px;}
.ts-display-pf-text h3{ font-size:11px; margin-bottom:0px; font-family:"DroidSansRegular", Arial, Verdana;}
.ts-display-pf-text p{ margin-bottom:5px; font-size:11px;}


.ts-display-pf-img {
	position:relative;
    padding:2px; 
	overflow:hidden;
}

.ts-display-pf-img a.image{
	display:block;
	position:relative;
	overflow:hidden;
}
.ts-display-pf-img a{ line-height:normal; padding:0px; margin:0px;}
.ts-display-pf-img a .rollover{
	background:url(../images/hover-zoom.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}
.ts-display-pf-img a .rollover.gotolink{
	background:url(../images/hover-link.png);
	background-repeat:no-repeat;
	background-position:center;
}
.ts-display-pf-img a .rollover.gotopost{
	background:url(../images/hover-doc.png);
	background-repeat:no-repeat;
	background-position:center;
}

.ts-display-pf-col-2, .ts-display-pf-col-4{list-style-type:none; padding:0px 0px 40px 0px; margin:0px 0px 40px 0px; float:left;}


/* 2 column */
.ts-display-pf-col-2 .ts-display-pf-img a.image{
	width:100%;
	height:105px;
}

.ts-display-pf-col-2 .ts-display-pf-img a .rollover{
	width:100%;
	height:105px;
}


/* 4 column */
.ts-display-pf-col-4 .ts-display-pf-img a.image{
	width:100%;
	height:184px;
}

.ts-display-pf-col-4 .ts-display-pf-img a .rollover{
	width:100%;
	height:184px;
}




/* BLOG */
.post{margin-bottom:40px;  position:relative; padding-bottom:50px; }
.post .posttitle{ margin-bottom:0px;}
.post-date{
	display:inline-block;
	width: 47px;
	height: 40px;
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	-khtml-border-radius: 47px;
	border-radius: 47px;
	float:right;
	font-size:12px;
	line-height:15px;
	text-align: center;
	margin:0px 0px 0 0;
	padding-top:7px;
}
.posttitle a:hover{text-decoration:none}
.post.single{margin-bottom:0px; padding-bottom:0px; border:0;}


.entry-content{padding:20px 0 0 0;}
.entry-content .aligncenter{margin-bottom:20px;}

/* Social link*/
#share{float:right}
.shareitems{float:left;}
#share .tw{width:100px;}
#share .fb{width:100px;}
#share .gplus{width:70px;}

/* comment */
.commentlist{
	list-style-type:none;
	padding:0;
	margin:0;
}
.commentlist ol{
	list-style-type:none;
	padding:30px 0 0 90px;
	margin:0;
}

.commentlist li{
	position:relative;
	padding:0 0 30px 0;
}
.commentlist li li{
	position:relative;
	padding:0;
}

.avatar{
	position:absolute;
	top:0;
	left:0;
}
.tuser{font-size:13px; color:#303030;}
.tdate{ font-size:10px; font-style:italic;}
.comment-body{margin:0 0 0 90px; padding:0;}
.comment-body p{ margin-bottom:5px;}
.comment-body .more{ padding:0px 0px;}
#commentform label{display:block}
#commentform .text-input{
	margin-bottom:8px;
	padding:8px 5px;
	vertical-align:middle;
	width:60%;
}
#commentform .textarea{
	margin-bottom:20px;
	padding:8px 5px;
	vertical-align:top;
	width:97%;
}

#commentform .button{padding:5px 20px;}


/* CONTACT */
.contact h4{ text-transform:uppercase; }
form{margin:0; padding:0;}
fieldset{border:0px;}
#contactform{margin:0 auto; position:relative; }
#contactform label{display:block;}
label.sp { width:3px;}
span.error{color:red; text-align:left; font-size:11px; }
#contactform textarea, #contactform input{ }
#contactform input.text-input{
	margin-bottom:15px;
	vertical-align:middle;
	padding:8px 5px;
	width:50%;
}
#contactform textarea{ width:97%; padding:8px 5px;} 
#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

#contactform .button{
	cursor:pointer;
	margin:15px 0px 0px 0px;
	padding:5px 20px 3px 20px;
	clear:both;
	text-transform:none
 }


/* ============= ecommerce ===================== */
.main-box{ padding:20px; margin-bottom:30px;}

/* Product Details */
.box-price{ margin:15px 0px;}

#slideshow { width:209px; height:235px; }
#product-nav  { width: 100%; float:left; margin:0px; padding:0px;}
#product-nav  li { width: 93px; float: left; margin: 20px 20px 20px 0px; list-style: none }
#product-nav  a { width: 93px; padding: 0px; display: block; }
#product-nav  a:focus { outline: none; }
#product-nav  img { border: none; display: block; }

.discount{ text-transform:uppercase;}
#our_price_display{ font-size:20px; }
.our_price_display{ margin:10px 0px 15px 0px; display:block; }
#old_price{ text-decoration:line-through; margin-bottom:0px;}
#quantity_wanted_p label{ float:left; margin-right:10px;}
#quantity_wanted_p input{ width:inherit; padding:2px;}

/* Product list */
.productsCategory a{ font-size:15px;}
#productsSortForm label, #productsSortForm select {
    float: right;
}
#productsSortForm select{ padding:2px;}
#productsSortForm label{ padding-right:10px; line-height:20px;}
#productsSortForm{ padding-top:30px;}

.note{ padding:5px 15px; display:inline-block; text-transform:uppercase; margin-bottom:15px;}
.pd-list-button{ margin:10px 0px 0px 0px; padding:0px; list-style-type:none;}
.pd-list-button li{ padding-bottom:10px;}
.pd-list-button .button.white{ width:71px;}
.compare label{ font-size:11px;}

.box-img, .box-left, .box-right{ float:left; margin-top:10px;}
.box-img{ width:147px;} 
.box-left{ width:250px; padding:0px 20px 0px 20px;}
.box-left h4{ margin-bottom:15px;} 
.box-right{ width:119px; padding-left:20px;}

/* steps (like order step) */
ul.step {
	background: transparent url('../images/step_start.gif') no-repeat bottom left;
	list-style: none;
	margin: 0.8em auto;
	padding-left: 20px;
	padding-bottom:7px;
	height: 25px;
	width: 73%
}
ul.step li {
	height: 25px;
	float: left;
	width: 100px;
	text-align: center;
	 padding-bottom:7px;
	background: transparent url('../images/step_standard.gif') no-repeat bottom left
}
ul.step li.step_current {background: transparent url('../images/step_current.gif') no-repeat bottom left; }
ul.step li.step_todo {}
ul.step li#step_end { width: 40px }
ul.step li#step_end { background: transparent url('../images/step_end.gif') no-repeat bottom left }



/* shopping cart */
.cart_last_product { width: 50%;	margin: 0 auto 12px}
.cart_last_product_header .left {background: none;}
.cart_last_product_header{ margin-bottom:20px;}
.cart_last_product_header .left {
	background-position:0 0;
	margin-bottom:5px;
	padding:5px 15px;
	width:100%;
	line-height: 24px;
}
.cart_last_product_img { float:left }
.cart_last_product_img img {
	margin:0 6px;
	border:0px;
	width: 45px;
	height: 45px
}
 .cart_last_product_content { 
	float:right; 
	width:241px;
	padding-top:12px; 
}


/* Table Cart*/
table.std {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	margin-top:20px;
}


#cart_summary  thead th{ padding:5px 0px; }
#cart_summary th.cart_product.first_item{padding:0px 0px 0px 10px;}
th.cart_description.item, th.cart_product.first_item{ text-align:left;}
th.cart_total.last_item{ text-align:right; padding-right:25px!important;}

tr.cart_item td { padding: 0.5em 0 }
td.cart_product a { margin: 0 0.6em }
td.cart_product a img {	width: 50px; height: 50px }
td.cart_quantity{ text-align:right;}
td.cart_quantity input{ border:0px;}
td.cart_unit,  td.cart_discount_price { text-align: center }
td.cart_availability, td.cart_ref { text-align: center }
td.cart_total{ text-align:right}
td.cart_total span.price{padding-right:20px;}



/**/
#cart_summary tfoot td {
	line-height: 1.5em;
	padding:5px 0px 5px 0px;
	text-align:right;
}
#cart_summary tfoot td.price{ padding-right:20px;}
#cart_summary tfoot tr.cart_total_product td { }


/* Voucher */
div#cart_voucher.table_block {
	border:2px solid #e5e5e5;
	margin:30px 0px;
	padding:20px;
}
div#cart_voucher.table_block h3, div#cart_voucher.table_block p, div#cart_voucher.table_block .button {
    display: inline;
}

div#cart_voucher.table_block h3{ font-family:15px; margin-right:20px; font-family:"DroidSansRegular", Arial, Verdana;}
div#cart_voucher.table_block p{ margin:0px;}
#discount_name{ width:40%; margin:0px 5px;}

#order-detail-content .pagenavi a{ text-transform:uppercase;}

/* Login */
#create-account_form h3, #login_form h3{ padding-bottom:5px;}
#create-account_form h4{ padding-bottom:10px;}
#create-account_form label, #login_form label {
    clear: both;
    display: block;
    float: none;
    margin-bottom: 0.3em;
    text-align: left;
    width: 100%;
}

#create-account_form input.account_input, #login_form input.account_input{ width:80%;}