/*
tag
*/
html, body {
	color: black;
	background: white;
	margin: 0;
	padding: 0;
  font-size: 0.9em;
	min-width: 1000px; /* prevents center column from collapsing */
  font-family: "MS UI Gothic", Osaka, sans-serif;
}
html {
	background:url(images/obj_left.gif) repeat-y left;
}
body {
	background:url(images/obj_right.gif) repeat-y right;
}
img {
	border: 0;
}

p {
  padding:0 15px;
	margin: 10px;
	line-height: 140%;
}

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

a:hover {
  color: #ffb062;
  text-decoration: underline;
}

h2 {
	font-size: 125%;
	margin: 8px;
}
h3 {
	font-size: 110%;
	margin: 3px;
  color: #CC6600;
}

tr {
	text-align: center;
}

/*HEADER CSS*/
/* CSS for tpl_header.php. */

h1.title{
	font-size: 0.9em;
	position:absolute; top:30px; 
left:300px;
	z-index: 9;
color: #069;
}



div#toplogo {
	background-image: url(images/obj_top2.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 56px;
	background-position: right;
	margin: 0 0 0 1.5em;
	padding:0;
}
#toplogo img {
	margin: 6px 0px 0 10px;
	border-style: none;
}

div.breadCrumb {
	background-image: url(images/obj_top4.jpg);
  color:#006699;
  vertical-align:middle;
	margin: 0 23px 0 22px;
	height:23px;

}



div#content_logo {
	background-image: url(images/obj_contentsmenu2.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right;
	padding-left: 0em;
  float: left;
	width: 160px;
	height: 23px;
	padding-right: 0;
}

div#login {

  float: right;
	text-align: right;
  line-height:23px;
	padding-right: 0em;
}




/*SIDEBOX CSS*/


.leftbox {
  padding: 0px 4px 0 0px;
  background: #ffffff;
  border:0px solid #99DA42;
  margin-bottom: 0px;
  line-height: 22px;
  margin-left:5px;
}

.rightbox {
  font-size: 12px;
  background: #ffffff;
  border:1px solid #99DA42;
  margin-bottom: 0.8em;
  margin-right: 5px;
}
.rightbox ul, .leftbox ul {
  padding: 0;
  margin: 0;
}

.rightboxheading {
  background-color:#ACED53;
  border:0px solid #FF9900;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
  height: 15px;
  text-align:center;
}

.centerboxheading, .singleboxheading {
  background-color:#008000;
  border:0px solid #FF9900;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 15px;
  text-align:center;
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
  line-height: 150%;
  padding: 6px;
}


.leftbox ul li {
	background-image: url(images/bt__off.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;

	background-position: right;
  list-style-type: none;
	margin: 0;
  text-align: right;
  padding: 0 16px 0 0;

}

.rightbox ul li {
  list-style-type: none;
	margin: 0;
  padding: 0 16px 0 0;
}

.category_menu {
	font-weight: bold;
}


/* footer--------------*/
/* Footer Styles */
/* **** down menu **** */
#footer {

	padding: 0.7em 0;
	margin: 0 2.2em 0 2.2em;
	border-top:1px solid #BBC3D3;
	text-align: center;
	clear: both;
}
#footer p {
	padding: 0 1em 0;
	margin: 0.5em 0;
	border: 0px solid #ccc;
	text-align: left;
}
#footer a, #footer a img {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline; 
  color: #053188;
}

#down {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#down li {
  display: inline;
  padding: 0;
  margin: 0;
}

#down li a:link, #down li a:visited {
  text-decoration: none;
  text-align: center;
  float: left;
  display: block;
  margin: 0;
	padding: 0 0.6em;
  color: #053188;
  font-size: 90%;
  font-variant: small-caps;
  border-right: solid 1px #000;
}
#down li a:hover {
  text-decoration: underline;
  color: #053188;
}

#down li a:active {
  color: #053188;
  border-right: solid 1px #000;
}
p.copyright {
	clear: left;
line-height: 2em;

}



/* Page Layout */ 
#content {
 	width: auto; /* add width of sidebox columns to get desired fixed-grow width, or set to 100% for full fluid */
	margin: 0 1.5em 0 1.5em; /* width of the side-columns */
	padding:0;
} 
#floatwrap {
	width: 100%;
	float: left;
	margin-right: -220px; /* width of the col-b */
}
#col-main {
	width: 100%;
	float: right;
}
#col-a {
	width: 130px;
	float: right;
	position: relative;
	margin-right: -130px;
}
#col-b {
	width: 220px;
	float: left;
	margin-right: -220px;
}

#main {
	margin: 0 220px 0 130px; /* widths of side columns */
	background: #fff;
	padding: 10px;
	border-width: 0 0px 0 0px;
	border-style: solid;
	border-color: #ccc;
}

.clear {
	clear: both;
	line-height: 1px;
	background-color: transparent;
}

div#breadleft {
  padding: 0em 0em;
  width: 50%;
}



div#search-content {
	text-align: center;
}




/* footer--------------*/
/* Footer Styles */
/* **** down menu **** */
#footer {
	padding: 0.7em 0;
	margin: 0 2.2em 0 2.2em;
	border-top:1px solid #BBC3D3;
	text-align: right;
	clear: both;
}

#footer p {
	padding: 0 1em 0;
	margin: 0.5em 0;
	border: 0px solid #ccc;
	text-align: left;
}
#footer a, #footer a img {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline; 
  color: #053188;
}

#down {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#down li {
  display: inline;
  padding: 0;
  margin: 0;
}

#down li a:link, #down li a:visited {
  text-decoration: none;
  text-align: center;
  float: left;
  display: block;
  margin: 0;
	padding: 0 0.6em;
  color: #053188;
  font-size: 90%;
  font-variant: small-caps;
  border-right: solid 1px #000;
}
#down li a:hover {
  text-decoration: underline;
  color: #053188;
}

#down li a:active {
  color: #053188;
  border-right: solid 1px #000;
}

p.copyright {
	clear: both;
	font-size: 90%;
}

/*
main
*/

div.main_middle {
	width: 100%; /* for IE bug */
}

p.breadcrumb {
	margin: 0;
	padding: 0 0.5em;
}

div.prod {
  float: left;
}

span#prodImageCell {
  height: 280px;
  width: 280px;
}
span#prodImageCaption {
  text-align: center;
}

p.copyright {
	clear: left;
	font-size: 90%;
}



.h2p {
  padding: 0;;
  margin:5px;
}

hr {
  border-width: 0px;
  border-top: 1px dashed #999999;
	color: #FFFFFF;
}

hr.cago_hr {
	border-top: 1px;
  border-width: 2px;
	color: #C0C0C0;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.green {
	color: green;
}


span.h2_sample {
	font-weight: normal;
}
span.h2_sample a{
	font-weight: bold;
}

.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
margin-bottom:15px;

}

.shadowcontainer{

background: transparent url(media/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
 background-color:#FEFFAF;
}

span.green {
	color: #008000;
	font-weight: bold;
}

span.orange {
	color: #FF6600;
	font-weight: bold;
}


div.prod {
  float: left;
  text-align: center;
  width: 280px;
  margin-right: 10px;
}

label {
  font-weight: bold;
}


span#prodImageCell {
  height: 280px;
  width: 280px;;
}

.cartBox {
  background: #eff4f8;
  border: 1px dotted #ffb062;

}

div.option_select {
margin-left:290px;

}

p.sale {
  font-size: 120%;
  font-weight: bold;
  color: red;
}

span.normalprice {
	text-decoration: line-through;
}

span.productSpecialPrice, span.productSalePrice, .stockWarning, span.coming {
  color: #ff0000;
	font-weight: bold;
}

span.productSpecialPriceSale {
  color: #ff0000;
	text-decoration: line-through;

}

span.productPriceDiscount, .inputRequirement {
  font-size: 11px;
  color: #FF0000;
}

div.related {
	padding: 0.5em 0 0.5em 2em;
	clear: both;
}

img.left {
	float: left;
	margin-right: 0.8em;
	margin-top: 0.5em;
}

h4 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
p.h4_text {
	margin: 0;
}

div.top_off {
	text-align: center;
	border: 1px solid #8AD08A;
	width: 160px;
	height: 380px;
	float: left;
}

div.top_off p {
	text-align: left;
	margin: 0;
	padding: 0.5em;
}

div.top_on {
	background-color: #FFFFD5;
	text-align: center;
	border: 1px solid #8AD08A;
	width: 160px;
	height: 380px;
	float: left;
}

div.top_on p {
	text-align: left;
	margin: 0;
	padding: 0.5em;
}

div.page_split {
	clear: left;
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

/* tab menu */

.ddoverlap{

}

.ddoverlap ul{
padding: 0;
margin: 0;
font: 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
top: 2px;
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(media/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 3px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(media/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

/*
Login
*/

div.login {
	position:absolute;
	top:2px;
	right:25px;
	overflow: visible;
}

table.cago {
	padding:0;
	margin:0;
	border-collapse : collapse
}

table.ranking, table.nutrition {
	width: 200px;
	padding:0;
	margin:0;
	border-collapse : collapse;
	border: 1px black solid;
}

.ranking td, .nutrition td{
	border: 1px black solid;
}

td.rank_img {
	width: 45px;
}

.write_review {
	font-size: 0.9em;
}