/* Author: Raven Libayan */
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400);

body {
	background-color: aliceblue;
	font-family: 'Josefin Sans', sans-serif;
}

a {
	text-decoration:none;
	color:#000000;
}

p {
	text-align:justify;
}

.raven-body{
	background-color:#ffffff;
}

#raven-page{
	width:900px;
	margin:0px;	
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;	
	background:#ffffff;
	overflow:hidden;
}

#raven-main-page-header{	
	width:800;
	height:150px;
	overflow:visible;
	/*border:1px solid green;*/
	border-bottom:1px solid lightgray;
}

#raven-logo-box{
	position:relative;	
	top:0px;
	left:10px;
	width:147px;
	height:100px;
	//border:1px solid yellow;
}

#raven-social-box{
	position:absolute;	
	top:100px;
	left:700px;
	width:147px;
	height:100px;
	//border:1px solid yellow;
}

#mainPageHeaderMenu{
	position:relative;
	width:90%;
	left:10px;
	/*border:1px solid orange;*/
}	

#raven-container-001{	
	width:100%;
	/*border:1px solid blue;*/
}

/*for niban*/
#raven-container-002{		
	position:relative;	
	overflow:hidden;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
	/*border:1px solid blue;*/
	width:90%;
}

#raven-tabs-001 {	
	width:98%;	
	margin:0px;
	padding:0px;
	float:left;
}

/*for niban*/
#raven-tabs-002 {	
	border:1px solid gray;
	width:75%;
	float:right;
}

.raven-focus-textBox {
	position:relative;
	float:left;
	width:70%;
	height:200px;
	margin-right:5px;
	/*border:1px solid #000;*/
}

.raven-focus-textHeaderBox{
	position:relative;
	float:left;
	width:100%;
	height:25px;
	/*border:1px solid #000;*/
}

#raven-textHeader{
	border:0px;
	margin-bottom:10px;
}

#raven-textDetail{
	border:0px;	
	margin-bottom:5px;
}

.raven-focus-image{
	position:relative;
	float:left;
	margin-bottom:22px;
	/*border:1px solid #000;*/
}

#raven-table-frontPage{
	width:100%;
	/*border:1px solid #000;*/
}

#raven-table-frontPageContent{	
	
}

.raven-table-frontPageColumn{
	width:33%;		
}

#raven-table-frontPageColumnSetup-01 {	
	background:url(../ravenimages/raven-filler-275x275-v4.2.png);
}

#raven-table-frontPageColumnSetup-02 {
	background:url(../ravenimages/raven-filler-275x275-v1.2.png);
}

#raven-table-frontPageColumnSetup-03 {
	background:url(../ravenimages/raven-filler-275x275-v5.2.png);
}

.raven-frontPageShowCaseBox {
	position:relative;
	padding-top:3px;
	width:100%;
	height:281px;
	/*background-color:red;*/
	text-align:center;
}

#raven-table-productPage{
	width:700px;	
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid #000;*/
	
    border-collapse:separate;
    border:solid lightgray 1px;
    border-radius:10px;
    -moz-border-radius:10px;	
}


.raven-table-productColumn{
	width:33%;		
}

.raven-productShowCaseBox {
	position:relative;	
	padding-top:3px;
	width:100%;
	height:281px;
	background-color:white;
	text-align:center;
	/*border:1px solid lightgray;*/
}

.raven-productShowCaseBoxDetail {
	position:relative;	
}

.raven-button-product{
    /*padding: 3px 3px;	*/
	padding:5px;
    background: lightgray;
    color: black;
	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px darkgray;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);	
}

.raven-button-product:hover, .raven-button-product:focus {
    background: lightblue;
    border: solid 1px white;
    text-decoration: none;
	color:black;
}

#bottomPane{
	position:relative;
	padding-left:10px;
	padding-right:10px;
	overflow:visible;
	width:900px;
	height:50px;
}

.menu{
list-style:none;
font-size:12px;
}

.menu img{
border:0px;
height:16px;
position:relative;
top:3px;
}

#profilemenu li {
width:200px;
}


/*niban*/
.raven-product-label-001-001{	
	font-size:20px;	
	color:#737373;
}

.raven-product-label-001-002{	
	font-size:20px;
	color:#737373;	
}

.raven-product-label-002{
	color:#999999;
	margin-top:12px;	
	font-size:12px;
	font-style:none;
	margin-bottom:0px;
}

.raven-product-text-001{
	margin-right:15px;
	margin-top:0px;
	font-size:15px;
	font-style:none;
	color:#000000;
	padding-top:0px;
}

div.raven-product-featureBox-001 {
	width:100%;
	height:100%;
	valign:middle;
}

.raven-product-feature-focus-001 {
	padding:5px;
	border-collapse:separate;
    border:solid lightgray  1px;
    border-radius:5px;
    -moz-border-radius:5px;
	margin:5px;
}

.raven-product-feature-picture-control-001{
	margin:3px;
	width:100px;
	height:100px;
	padding-right:5px;
}

.raven-product-feature-gallery-img
  {
  margin:2px;
  border:1px solid lightgray;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
.raven-product-feature-gallery-img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffb380;
 }

.raven-product-feature-gallery-img .desc
{
	text-align:center;
	font-weight:normal;
	font-size:12px;
	font-style:none;
	color:#505050;
}