/*  +++++ Basic Page layout +++++ */
body{margin:0;padding:0; /* not delete ! */
}
#headerlogo{
height:200px;
}
.floatLeft{float:left;display:inline;}
.floatRight{float:right;display:inline;}
.clear{clear:both;}
.hide{display:none;}


a img{border:0;}
a{font-weight:bold;}

a:link{
background-color:inherit;
color:#cc6600; /* dark orange */
}
a:visited{
background-color:inherit;
color:#960000; /* dark red */
}
a:hover{
background-color:inherit; 
color:#669900; /* yellow green */
}

/* +++ base box +++ */
#center{
width:1000px;
margin:15px auto; /* center layout */
text-align:center; /* for IE centering */
}
/* +++ page navi +++ */
.top{
margin:0 45px;
text-align:left;
font-size:x-small;
}

.breadcrumb img{vertical-align:bottom;}

.top{text-align:right;}


/* +++ footer +++ */
#footer{
width:1000px;
height:110px;
background:#ffffff url(./includes/images/logos/yg_footer_bg.png) no-repeat left bottom;
color:#465666;
font-size:x-small;
margin:0 auto;
text-align:center;
text-shadow:#dddddd 1px 1px 1px;}

#footerText{padding:20px 0 0;}


/* +++++ Color Palette  !!!Template page only!!! +++++ */
#innerTPL{
width:950px;
margin:0 auto; /* center layout */
font-size:small;
}

.BicolorMenu{
margin:0 auto;
width:950px;
font-size:10px;

}
.BicolorMenu button, input#scanbtn{
background:#eeeeee;
color:#222222; 
text-align:center;
border:1px outset #cccccc;
padding:2px 0;
margin:10px auto;
width:75px;
}
.BicolorMenu button:hover, input#scanbtn:hover{
border:1px outset #33ffff;
}
.BicolorMenu button:active, input#scanbtn:active{
border:1px inset #cccccc;
}

table.Palette{
width:950px;
margin:5px auto 15px;
background:inherit;
color:#4a4a4a;/* 30% grey */
}
.Palette td,.button{cursor:pointer;}

.PaletteBox{
border:1px solid #cccccc;
}
.white{border:1px solid #aaaaaa;}

/* Flag Template Palette "Left color" "Right color" */
.FlagsMenu th{
background:#ffffff !Important;
color:#708090; 
letter-spacing:0px;
font-weight:normal;
}

.FlagsMenu img{margin:0 15px;}



/* +++++ float box +++++ */
#contents{
margin:0 25px;
position:relative;
}

/* +++ in left and right box  +++ */
.infobox{position:relative;
margin-bottom:30px;
border:1px solid #cccccc;
}

.infobox p{
margin:5px 15px 15px;
padding:0;
font-family:sans-serif;
font-size:small;
color:#666666;
}

.infobox h3.title, .infobox h4.title, .PaletteBox th{
background:transparent url(./includes/images/logos/yg_titlebg.png) repeat-x left top;
color:#465666; /* dark slategray */
text-shadow:#dddddd 1px 2px 2px;
margin:0;
padding:5px 0 ;
letter-spacing:3px;
font-family:sans-serif;
font-weight:normal;
}

.infobox h3.title{
text-indent:15px;
}

.infobox h4.title, .PaletteBox th{
text-align:center;
text-indent:0 !Important;
font-size:small;}

.crosshead{
margin:15px 15px 0;
padding-top:15px;
border-top:1px dotted #708090;
background-color:inherit;
color:#778899;
font-size:100%;
}

/* +++++ left contents +++++ */
.template{
margin:0 auto 0 0;
text-align:left;
width:662px;
position:relative;
}

table.photogallery{
margin:10px auto;
background:#ffffff;
color:#4a4a4a;/* 30% grey */
font-size:x-small;
text-shadow:#cccccc 1px 2px 2px;
letter-spacing:1px;
}

table.photogallery td a img{
border:1px solid #ffffff;
}
table.photogallery td a:hover img{
border:1px solid #999999; 
}

.new{
background-color:inherit;
color:#c9171e;
}


/*CSS for each navigational link*/
.pagenavi{
text-align:center;
margin:0 auto 10px;
}

.photonavlinks a:link{ 
margin-right:5px;
padding:1px 5px;
border:1px solid #bbbbbb;
text-decoration:none;
background-color:#ffffff;
color:#999999;
}

.photonavlinks a:hover, .photonavlinks a:hover.current{
border:1px solid #99cc00;
background-color:#ffffff;
color:#669900; /* yellow green */
}

/*CSS for currently selected navigational link*/
.photonavlinks a:link.current{ 
border:1px solid #ff9900;
background-color:#ffffff;
color:#cc6600; /* dark orange */
}

/* +++++ toppage tooltip +++++ */
#WzBoDyI img {margin:5px;}


/*  Template page layout  */
.js{
margin:0 auto 30px !Important;
padding:0 0 30px;
position:relative;
border:1px solid #cccccc;
text-decoration:none;
}

.incqbox{
margin:15px 30px 30px;
width:600px;
background-color:#999999;
color:#111111;
overflow:hidden;
}

.scrollbox{
margin:1px;
padding:0 15px 15px;
text-align:left !Important;
overflow:auto;
height:400px;
font-family:Monaco, monospace;
background-color:#f9f9f9;
color:#555555;
font-size:x-small;
}



/* +++++ Right contents +++++ */
.information{
width:270px;
margin:0 0 0 auto;
text-align:left;
position:relative;
background:#ffffff;
color:#4a4a4a;/* 30% grey */
}

.feed-list {
  margin:0;
  padding:0;
  list-style-type:none;
}

.feed-list li {
  margin:0 7px 0 0;
  padding:0 0 3px;
  display:inline;
  background:url("includes/images/logos/feed-icon-14x14.png") no-repeat left;
}

.feed-list li a {
  padding:0 0 0 18px;
font-size:x-small;
}

/*  top page "contact us"  */
#contact_form #Name, #contact_form #eMail, #contact_form #URL, 
#contact_form  #Validate, #contact_form  #Message{
width:230px;
border:1px solid #cccccc;
padding:2px;
}

p.result{
font-size:1.5em;
text-align:center;
}

p.SubmitButton{text-align:right;}


/* template page arrange form */
.arrange .infobox{
padding-bottom:10px;
text-align:center;
}

#title_input, #SellingPoint_textarea,  #tagSellingPoint,
#Shipping_textarea, #tagShipping,
#Payee_textarea, #tagPayee,
#Addition_textarea, #tagAddition{
text-align:left;
background-color:#ffffff;
color:#444444;
border:1px solid #cccccc; 
font-size:small;
font-family:sans-serif;
}

.button, input{margin:0 auto;}
.button select{display:inline;}
textarea, input{
width:240px;
padding:5px;
text-align:left;
}
.arrange .infobox textarea{margin:5px auto 10px;}


/* paypal */
.paypal{
margin:0 auto 15px;
text-align:center;
}
.paypal form input{
width:73px;
height:44px;
}

.external_links span{
margin:0 15px 0 0;
}

#header{
height:240px;
width:1000px;
background:#ffffff url(./includes/images/logos/yg_header09.png) no-repeat left top;
color:inherit;
}