@import "normalize.css";

body { width : 96%; margin : 1em auto; color:#000000; background-color: #FEFAF7; font: 100% 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; text-align: center; }

a  { color:#0000FF; text-decoration : none; outline: none; }
a:visited { color: #0000FF; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
a:focus { outline:1px dotted }
a img { border:0 }

header nav a  { color:#0000FF; background-color : #ADD8E6; padding : 0.2em; }
header nav a:visited { color: #0000FF; background-color : #ADD8E6; }
header nav a:hover { color: Black; background : #FFFFCC; }
header nav ul { text-align : center; }
header nav li { display : inline; margin : 0.1em; }

figure { padding: 0; margin: 1em 0.5em; text-align: center; }
figcaption { font : italic bold 0.9em/1.3 Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin : 0.5em 0.2em; color : #0066FF; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1em; }

hr { border:0 #CCCCCC solid; border-top-width:1px; clear:both; height:0 }

ol { list-style:decimal }
ul { list-style:disc }
lh { font-weight : bold; }
dt { font-weight : bold; }
p, ul, ol, dl { text-align: left; }
p,dl,hr,ol,ul,pre,address,fieldset,figure { margin : 0.2em 0.1em 0.5em; }
img, object, embed { max-width: 95%; height: auto; }

table,td,th { border: 1px solid #999999; border-collapse:collapse; margin:0; padding:0; }
td,th { padding:.2em .5em; vertical-align:top; font-weight:normal; }
caption { text-align:left; font-size:140%; text-transform:uppercase; letter-spacing:-1px; }
table { margin : 10px auto; }
table th a:link {  }
table td a:link {  }
table th a:visited {  }
table td a:visited {  }
table a:hover { text-decoration:none; }
table a:active {  }
thead th { text-transform:uppercase; background: #FFFFCC; color: black; }
thead td { background : #FFFFF0; }
tbody td { background: #FFE9D0; }
tbody th { background: #99FFFF; text-align: right; font-weight: bold; }
tbody tr.odd td { background:#eee; }
tbody tr.odd th { background:#ccc; }
tfoot td { background: #FFFFF0; text-align : center; }

.bold { font-weight:bold; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.left { float:left; margin : 10px 10px 5px 5px; }
.price { color: #FF0000; font-weight:bold; }
.right { float: right; margin : 5px 5px 10px 10px; }
.spacer { height : 10px;  }
.special { font-weight:bold; text-align:center; border: 4px outset #006633; margin: 10px auto; background: #FFFFCC; width : 92%; color: black; }
.txtleft { text-align:left; }
.txtcent { text-align:center; }
.txtjust { text-align: justify; }
.txtright { text-align:right; }

.container { max-width: 960px; min-width: 750px; margin : 0 auto; }
.row { overflow: hidden; text-align : center; }
.one, .two, .two4, .three, .four, .four5, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { float: left; min-height: 1px; margin : 0.5em 0; }
.row .one { width: 8.33%; }
.row .two { width: 16.66%; }
.row .two4 { width: 20%; }
.row .three { width: 25%; }
.row .four { width: 33.33%; }
.row .four5 { width: 37.5%; }
.row .five { width: 41.66%; }
.row .six { width: 50%; }
.row .seven { width: 58.33%; }
.row .eight { width: 66.66%; }
.row .nine { width: 75%; }
.row .ten { width: 83.33%; }
.row .eleven { width: 91.66%; }
.row .twelve { width: 100%; }

.box { padding: 0.5em; margin: 0.5em; position: relative; }
.box h2, .box h3, .box h4 { padding: 0.2em; margin: 0 0 0.5em; }
.box1 { width: 95.8%; border: 1px solid #CCCCCC; }
.box2 { width: 45.8%; border: 1px solid #CCCCCC; }
.box3 { width: 29.1%; border: 1px solid #CCCCCC; }
.box4 { width: 20.8%; border: 1px solid #CCCCCC; }
.box420 { width: 420px; text-align: left; border: 1px solid #CCCCCC; }

.button { border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px gray; -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff;  vertical-align: middle; color: Blue; background: transparent; cursor: pointer; background-color : #ADD8E6; text-align : center; padding : 0.5em 0.2em;  width : 90%;  }
.button:hover, .button:focus { border-color: #999; background: -webkit-linear-gradient(top, white, #E0E0E0); background:    -moz-linear-gradient(top, white, #E0E0E0); background:     -ms-linear-gradient(top, white, #E0E0E0); background:      -o-linear-gradient(top, white, #E0E0E0);  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;  -moz-box-shadow:  0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; box-shadow:  0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;}
.button:active { border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999;  -webkit-box-shadow: inset 0 1px 2px #aaa; -moz-box-shadow:    inset 0 1px 2px #aaa; box-shadow:         inset 0 1px 2px #aaa; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background:    -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro);}

#price { border: thin solid #000000; background: #CCCCCC; color: Black; clear: both; margin: 0.5em; }

/* Small screen */
@media only screen and (max-width: 1023px) {
	body { font-size: 0.8em; line-height: 1.5em; }
}
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	body { font-size: 16px; -webkit-text-size-adjust: none; }
	.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; }
}