/*
Theme Name: QUICK CART mini DEMO PAGE2
Theme URI: http://www.at-factory.com/
Description: for QUICK CART mini DEMO
Version: 1.0
Author: AT
Author URL: http://at-factory.com/
Tags: quickcart mini
*/

/* ***********************************************************************
 Common
*********************************************************************** */

body {
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial,sans-serif;
font-size: 62.5%;
color: #333;
line-height: 1.4em;
background-color:#FFF;
}

#container {
padding:0;
margin:0;
}

#header{
position:relative;
background:#333333;
color:#FFF;
font-size:1.4em;
padding:10px;
margin-bottom:10px;
}

#header a{
color:#FFF;
}

.head-search{
position:absolute;
right:10px;
top:5px;
}

.head-select{
position:absolute;
right:270px;
top:7px;
}

.cat{
position:absolute;
left:180px;
top:10px;
}


img {
	padding: 0px;
	border:0px;
}

strike{
color:#666666;
font-weight:100;
}

p{
margin:5px 0 5px 0;
}

h1{
margin:10px;
padding:0;
font-size:1.6em;
}

.goto-home{
background:url(images/arrow-right.gif) no-repeat left;
padding-left:20px;
font-size:1.2em;
}

/* ***********************************************************************
 Post
*********************************************************************** */
.main{
float:left;
width:100%;
}

.left-box{
float:left;
width:78%;
}

.heightLine{
float:left;
background:url(images/box_bg.jpg) no-repeat right bottom;
background-color:#FFFFFF; 
border:solid 5px #CCCCCC;
width:212px;
margin:0 10px 10px 0;
 /*ONLY MAC*/
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}

.thumb a img{
margin:10px;
border:solid 1px #CCC;
}

.thumb a:hover img{
border:solid 1px #333;
}

.postTitle {
padding: 5px 10px 5px 10px;
font-size:1.2em;
font-weight: bold;
color:#333;
}

.postBody{
padding: 5px 10px 5px 10px;
font-size:1.1em;
line-height:1.6em;
}

.postBtn{
padding: 10px 10px 0 10px;
z-index: 0;
}

.postPrice {
padding: 5px 10px 10px 10px;
color:#CC3300;
font-size:2.2em;
font-family:"Helvetica Bold","Impact","Chicago","Arial",sans-serif;
}

.postOption{
padding: 5px 10px 5px 10px;
color:#FFF;
font-weight:bold;
background-color:#777;
}

.item-contact{
margin:10px 0 25px 0;
}

/* ***********************************************************************
 Right Side
*********************************************************************** */
.right-box{
position:relative;
float:right;
width:18%;
}

.side-box{
position:fixed;
top:60px;
right:0;
padding:10px;
width:210px;
}


/* SITE LOGO */
.site-logo{
float:right;
margin:5px 25px 10px 0;
}

/* CART */
.cart{
float:right;
background:url(images/qc_mini_bg.jpg) no-repeat;
width:200px;
height:250px;
padding:10px;
}

/* FORM */
.selectArea select{
float:right;
margin-right:25px;
font-size: 12px;
padding: 2px;
width: 180px;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
margin-bottom:5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

.search {
float:right;
margin-right:25px;
}
.search form {
margin:0;
padding:2px;
}
.search input#s {
float:right;
border:solid 1px #666666;
background-color:#666666;
color:#FFFFFF;
font-size: 12px;
padding: 2px;
width:174px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.search input#searchsubmit.btn {
float:right;
width:55px;
margin-top:5px;
}

/* ***********************************************************************
 Page
*********************************************************************** */
.page{
float:left;
background-color:#FFFFFF; 
border:solid 5px #CCCCCC;
width:85%;
margin:0 10px 10px 0;
padding:20px;
font-size:1.2em;
line-height:1.6em;
 /*ONLY MAC*/
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}

.page h1{
margin:0;
padding:0;
font-size:1.4em;
line-height:1.8em;
}

/*TABLE DESIGN*/
.table1{
border-collapse:collapse;
border:solid 1px #CCC;
}

.table1 th{
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
text-align:left;
padding:6px;
}
.table1 td{
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
padding:6px;
}

/* ***********************************************************************
	Clear Fix
*********************************************************************** */
.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hides from IE-mac \*/