/* CSS Document */


/* Structure */


* {
 margin:0px;
 padding:0px;}

html {
 margin:0px;
 padding:0px;}

body {
 margin:0px;
 padding:0px;
 background-color:#eee;
 background-image:url(images/body-bg.png);
 background-position:top center;
 background-repeat:repeat-y;
 font-family: georgia, sans-serif;
 font-size:14px;
 letter-spacing:1px;
 color:#333;
}

.header-bg {
 padding:0px;
 margin:0px;
 background-color:#fff;
 background-image:url(images/header-bg2.png);
 background-position:top center;
 background-repeat:repeat-x;
 height:200px;
}

.header {
 padding:0px;
 width:772px;
 height:200px;
 margin:0px auto;
 overflow:hidden;
}

.nav {
 padding:0px;
 width:220px;
 height:200px;
 margin:0px 0px 0px 12px; 
 float:left;
}

.header-logo {
 padding:0px;
 background-image:url(images/header-logo.png);
 background-position:top center;
 background-repeat:no-repeat;
 width:410px;
 height:200px;
 margin:0px 70px 0px 0px; 
 float:right;
}

.cart {
 padding:0px;
 width:110px;
 height:198px;
 margin:0px; 
 float:right;
 text-align:right;
}

.mainwrap {
 padding:0px;
 width:772px;
 margin:0px auto;
}
 
.content {
 padding:0px 10px;
 margin:0px;
 clear:both;
}

.box-outline {
 padding:1px;
 margin: 11px 0px;
 background-color:#ddd;
 color:#333;
}

.box {
 padding:3px;
 margin:0px;
 background-color:#F6F6F6;
 border:1px solid #fff;
}

.inner-box-outline {
 margin:0px;
 padding:1px;
 background-color:#ccc;
}

.inner-box {
 padding:0px 0px 10px 0px;
 margin:0px;
 display:table;
 width:738px;
 background-color:#eee;
 border:1px solid #fff;
}


.inner-box-pi {
 padding:10px;
 margin:0px;
 height:158px;
 background-color:#eee;
 border:1px solid #fff;
}


.footer {
 padding:20px 0px;
 background-color:#fff;
 background-image:url(images/footer-bg2.png);
 background-position:top center;
 background-repeat:repeat-x;
 margin:0px 0px 0px 0px;
 clear:both;
 text-align:center;
 font-size:10px;
 border-top:1px solid #999;
}




/* Presentation */

p {
 padding:10px;
 margin:0px;
 text-align:left;
 line-height:25px;
 color:#333;
}

.footer p {
 padding:8px;
 margin:0px;
 line-height:16px;
 text-align:center;
}

.nav p {padding-left:0px;}

.cart p {text-align:center;}

h1, h2, h3, h4, h5, h6 {
 padding:5px;
 margin:0px;
 text-align:center;
 font-family: georgia;
}

h1 {
 line-height:32px;
 font-size:28px;
 background-color:#eee;
 border:1px solid #fff;
 border-top:0px;
}

.box-outline-2 {
 padding:1px;
 padding-top:0px;
 margin: 0px;
 background-color:#ccc;
}

h2 {
 line-height:24px;
 font-size:21px;
 background-color:#eee;
 border:1px solid #fff;
 border-bottom:0px;
 color:#333;
}

.box-outline-3 {
 padding:1px;
 padding-bottom:0px;
 margin: 0px auto -11px;
 background-color:#ccc;
 width:85%;
 text-align:center;
}


h3 {
 line-height:20px;
}

.header h2 {
 text-align:center;
}

a, a:link, a:visited {
 color:#346800; 
}

a:hover {
 color:#000;
}

a.navi, a.navi:link, a.navi:visited {
 color:#666;
 font-size:12px;
 font-family: georgia;
 line-height:22px;
 display:block;
 height:22px;
 width:209px;
 text-decoration:none;
 background:white;
 background-image:url(images/navi.jpg);
 background-position:top center;
 text-indent:25px;
 margin:2px 0px 0px;
}

a.navi:hover {
 color:#000;
 background-color:#eee;
 background-image:url(images/navi.jpg);
 background-position:center bottom;
}


a.navi-order, a.navi-order:link, a.navi-order:visited {
 color:#f5f5f5;
 font-size:12px;
 font-family: georgia;
 line-height:22px;
 display:block;
 height:22px;
 width:209px;
 text-decoration:none;
 background:#333;
 background-image:url(images/navi-order-now.jpg);
 background-position:top center;
 text-indent:25px;
 margin:2px 0px 0px;
}

a.navi-order:hover {
 color:#fff;
 background-color:#eee;
 background-image:url(images/navi-order-now.jpg);
 background-position:center bottom;
}




.gc-is {
 color:#336600;
 font-weight:bold;
}



.alignleft {
 float:left;
 margin:0px 10px;
 border:2px solid black;
}

.alignright {
 float:right;
 margin:0px 10px;
 border:2px solid black;
}

.alignleft-nob {
 float:left;
 margin:0px 10px;
 border:0px;
}

.alignright-nob {
 float:right;
 margin:0px 10px;
 border:0px;
}

.center {
 text-align:center;
}

.clearfix {
 clear:both;
 height:60px;
 margin:0px;
 padding:0px;
}

.clearfix-2 {
 clear:both;
 height:40px;
 margin:0px;
 padding:0px;
}

.clearfix-3 {
 clear:both;
 margin:0px;
 padding:4px;
}


ul {
 padding:10px 0px 0px 20px;
 text-align:left;
 width:698px;
}

li {line-height:30px;}

.number {
 font-size:20px;
 font-weight:bold;
 color:#000;
 font-family: Trebuchet MS, sans-serif;
}


sup {
 color:red;
}

.pic-img-left {
 float:left;
 border:1px solid #bbb;
 margin:0px;
 padding:1px;
 background-color:#fff; 
}

.pic-img-right {
 float:right;
 border:1px solid #bbb;
 margin:0px;
 padding:1px;
 background-color:#fff; 
}


.text {
 color:#333;
 display:block;
}