body {
background-color: #white;
max-width: 1025px;
}

div.menu { margin-bottom: 10px; width: 180px; background-color: #000; float: left;}
ul.menu { display: none; list-style-type: none; margin: 0; padding: 0; }
ul.menu li { font: 1.5em arial; padding-left: 10px; }
a.menulink, li a { text-decoration: none; color: black; }
a.menulink { font-size: 1.5em; font-weight: bold; color: black;}
li a:hover { background-color: white; color: blue; }


div.title p {
font-style: italic;
font-weight: bold;
font-family: sans-serif;
}

.title {
width: auto;
font-size: 1em;
text-align: center;
}

.instructions {
border: 1px solid #fff;
width: 540px;
font-size: 0.8em;
font-weight: bold;
font-family: sans-serif;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

.fulfillment {
border: 5px double #fff;
width: 820px;
font-size: 0.8em;
font-weight: bold;
font-family: sans-serif;
margin-bottom: 10px;
background: #000;
text-align: center;
margin-left: 20px;
}

div.fulfillment p {
font-weight: bold;
color: yellow;
font-size: 1.25em;
}

div.order_table td {
border: 1px solid #000;
text-align: center;
vertical-align: center;
overflow: hidden;
}

div.order_table th {
font: sans-serif #000 bold 1em;
border: double;
}

.top_button{
margin-top: 10px;
width: 45%;
float: left;
border: 2px double #fff;
margin-right: auto;
margin-left: auto;
text-align: center;
font-family: sans-serif;
font-weight: bold;
}

.morethanten{
margin-top: 10px;
width: auto;
text-align: center;
}

.add_to_wish_list{
margin-top: 10px;
width: 45%;
float: left;
text-align: center;
}

.record_changes {
margin-top: 10px;
width: 45%;
float: left;
text-align: center;
}

.check_out {
margin-top: 10px;
width: 45%;
float: left;
text-align: center;
}

.clear_order {
margin-right: auto;
margin-left: auto;
width: 50%;
text-align: center;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.continue_shopping {
border: 2px double #000;
background: #ccc;
margin-right: auto;
margin-left: auto;
margin-botton: 30px;
width: 30%;
text-align: center;
}

ul.menu {
list-style-type: none;
}

ul.menu_large {
list-style-type: none;
}

footer {
margin-top: 10px;
}


/* -------------------------------------------------------------*/


@media (max-width: 768px) {

.coupon {
margin-left: 5%;
width: 90%;
border: 2px solid black;
border-radius: 10px;
font-weight: bold;
font-size: 1.5em;
text-align: center;
}

#use_it{
color: red;
font-size: 1.5em;
}

.navigation_small {font-size: 1em;}

.menu1 {font-size: 15px;}
li{margin-top: 10px;}

#menu1 {
width: 100%;
}

#small_menu {
display: block;
width: 250px;
font-size: 0.75em;
}


#customer_help {
float: right;
color: black;
font-weight: bold;
font-size: 1em;
font-family: sans-serif;
}

#navigation_large {
display: none;
}

.specialOffer {
border: 5px double #000;
font-size: 0.75em;
font-weight: bold;
font-family: sans-serif;
color: red;
margin-bottom: 5px;
background: #fff;
text-align: center;
}

.fulfillment {
display: none;
}

.instructions {
display: none;
}

.nothing {
margin-right: auto;
margin-left: auto;
border: 3px double #000;
width: 100%;
background: #fff;
text-align: center;
}

.nothing h1{
font-size: 1.5em;
font-family: arial sans-serif;
color: red;
font-weight: bold;
}

.nothing li {
font-size: 1em;
font-family: arial sans-serif;
color: red;
font-weight: bold;
}

.nothing h2 {
font-size: 1.25em;
font-family: arial sans-serif;
color: blue;
font-weight: bold;
}


div.order_table table {
border: 1px solid #000;
width: 558px;
}

th, td.keep {width: 30px;}
th, td.item {width: 198px;}
th, td.photo {width: 150px;}
th, td.price {width: 60px;}
th, td.number {width: 60px;}
th, td.extended {width: 60px;}

}

/* -------------------------------------------------------------*/

@media (min-width: 769px) {

.coupon {
margin-left: 5%;
width: 90%;
border: 2px solid black;
border-radius: 10px;
font-weight: bold;
font-size: 1.5em;
text-align: center;
}

#use_it{
color: red;
font-size: 1.5em;
}

#navigation_large {
float: left;
width: 180px;
color: white;
font-size: 15px;
font-weight: bold;
line-height: 1.5;
background-color: black;
margin-right: 1%;
}

#customer_help {
margin-left: 25px;
color: black;
font-weight: bold;
font-size: 1.5em;
font-family: sans-serif;
}

#small_menu {
display: none;
}

.menu_large{
font-size: 2em;
}


.menu_large {
font-size: 15px;
font-family: arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
}

li a {
color: white;
}

li a:hover { 
background-color: blue; color: white;
}

div.main_body {
float: right;
overflow: scroll;
position: absolute;
top: 10px;
left: 190px;
}

.specialOffer {
border: 5px double #000;
width: 820px;
font-size: 1em;
font-weight: bold;
font-family: sans-serif;
color: red;
margin-bottom: 10px;
background: #fff;
text-align: center;
margin-left: 20px;
}


.nothing {
margin-right: auto;
margin-left: auto;
border: 5px double #000;
width: 600px;
background: #fff;
text-align: center;
}

.nothing h1{
font-family: arial sans-serif;
color: red;
font-weight: bold;
}

.nothing li {
font-size: 1.25em;
font-family: arial sans-serif;
color: red;
font-weight: bold;
}

.nothing h2 {
font-family: arial sans-serif;
color: blue;
font-weight: bold;
}


div.order_table table {
border: 1px solid #000;
width: 840px;
}

th, td.keep {width: 5%;}
th, td.item {width: 35%;}
th, td.photo {width: 27%;}
th, td.price {width: 11%;}
th, td.number {width: 11%;}
th, td.extended {width: 11%;}

}