div {margin-left:auto ; margin-right:auto }
table {margin-left:auto ; margin-right:auto}

img
{  border-style: none;
}
body {

background: #fff url(http://theschoolofchrist.org/wordpress/wp-content/themes/Academy/images/new_bg.png) repeat-x top;

margin: 0px;
padding: 0px;

}



.message {

background: #ffffcc;
border: #ccc 1px solid;
padding: 20px;
margin-bottom: 20px;

}

h1 {

font-family: georgia, times, times new roman;
color: #555;
font-weight: normal;

}

h2 {

font-family: arial, verdana, sans-serif;
color: #bf1b3e;

}
.top {

height: 120px;
width: 800px;
margin-top: 40px;
text-align: left;

}


a:link {
  color: #bf1b3e;
  text-decoration: none;
  font-weight: bold;
  border: 0px;
}
a:visited {
  color: #bf1b3e;
  text-decoration: none;
  font-weight: bold;
}
a:active {
  color: #ff0000;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #ff0000;
  text-decoration: none;
  font-weight: bolder;
}

input img {

border-style: none;
}

a:visited img {

border-style: none;
}


a:active img {

border-style: none;
}

a:hover img {

border-style: none;
}

.order_form {

width: 800px;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 100%;

}

.order_form table {

width: 800px;
border: #ccc 1px solid;
padding: 0px;
background: #eee;
font-family: arial, verdana, sans-serif;
font-size: 14px;
color: #000;
margin: 0px;


}


.order_form td {

border: #ddd 1px solid;
padding: 08px;
vertical-align: middle;


}


.header {

background: #dfe3e7 url(../images/header_bg.jpg);
padding: 8px;
vertical-align: middle;
color: #4c5878;
font-weight: bolder;
font-size: 16px;

}

.header2 {

padding: 8px;
vertical-align: middle;
color: #4c5878;
font-weight: bolder;
font-size: 16px;
}



.pic {

width: 20%;
display: table-cell;
text-align: center;
background: #fff;
border: 1px #ccc solid;

}



.pic img {

background: #eee;
border: 1px #ccc solid;

}


.item_num {

width: 10%;
display: table-cell;
text-align: center;
background: #fff;
}


.title {

font-size: 110%;
font-weight: bolder;
text-align: left;
background: #fff;
}


.description {

width: 50%;
display: table-cell;
text-align: left;
background: #fff;

}


.quantity {

width: 10%;
display: table-cell;
text-align: center;
background: #fff;
}

.price {

width: 10%;
display: table-cell;
text-align: right;
background: #fff;

}

.form_left {

width: 60%;

}


.contact_table {

width: 800px;
border: #ccc 1px solid;
padding: 0px;
background: #eee url(../images/order_bg.jpg);
font-family: arial, verdana, sans-serif;
font-size: 14px;
color: #000;
margin-top: 10px;


}


.contact_table td {

padding: 8px;
vertical-align: middle;


}

.contact_left {

width: 20%;
display: table-cell;
text-align: right;
font-size: 13px;
font-weight: bolder;

}


.contact_right {

border: #ddd 1px solid;
width: 40%;
display: table-cell;
text-align: left;
background: #fff;

}

.total {

width: 40%;
display: table-cell;
vertical-align: bottom;
text-align: center;
margin-left: 20px;
}

.largetitle {

font-size: 15px;
font-weight: bolder;
color: #4c5878;  

}


.smalltext {
font-size: 12px;
font-weight: bolder;
font-family: arial, verdana, sans-serif;
margin-top: 10px;
}


.calc {

margin: 10px;

}

.calc table {

border: #4c5878 2px solid;
text-align: right;
font-weight: bolder;
font-size: 15px;
}

.calc td {

display: table-cell;
padding: 10px;
border: 5px #ccc solid;
background: #fff;
text-align: right;
}



input {
color: #444;
border: 1px solid #4c5878;
font-size: 15px;
font-weight: bold;
padding: 4px;
}

select {
color: #444;
border: 1px solid #4c5878;
font-size: 15px;
font-weight: bold;

}

.submit input {
margin-left: 0em;
text-align: center;
vertical-align: middle;
}


.submit input {

height: 40px;
text-align: center;
color: #000;
background: #ffa20f;
border: 1px outset #a12039;
padding: 10px;
font-size: 18px;
font-weight: bolder;
cursor:pointer;cursor:hand;
}

.submit2 input {

text-align: center;
border: 0px #ccc solid;
cursor:pointer;cursor:hand;
}

.output_form {

width: 600px;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 100%;
background: #fff;


}


.output_bottom {

background: #fff;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 100%;
border: #ccc 0px solid;


}

.output_bottom table {


text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 100%;
width: 600px;
margin: 10px 0;

}


.output_bottom td {

text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 100%;
width: 50%;
padding: 10px;
border: 1px #ccc solid;

}

.output {

background: #fff;


}

.output table {

border: #ccc 0px solid;
background: #eee;
margin: 10px 0;
width: 600px;

}

.header3 {

background: #dfe3e7;
padding: 8px;
display: table-cell;
vertical-align: middle;
color: #4c5878;
font-weight: bolder;
font-size: 14px;
text-align: center;

}

.output td {

border: #ccc 0px solid;
padding: 4px;
margin: 0px;

}

.c1 {

display: table-cell;
valign: middle;
background: #fff;
text-align: center;

}

.c2 {

display: table-cell;
valign: middle;
background: #fff;
text-align: center;

}

.c3 {

display: table-cell;
valign: middle;
background: #fff;
text-align: left;

}

.c4 {

display: table-cell;
valign: middle;
background: #fff;
text-align: right;

}

.c5 {

display: table-cell;
valign: middle;
background: #fff;
text-align: right;

}


.checkout {


align: right;

}

.checkout table {

border: #ccc 0px solid;
text-align: right;
background: #eee;

}


.checkout td {

border: #ccc 0px solid;
padding: 4px;
text-align: right;
font-size: 16px;

}

.payment table {

border: #ccc 0px solid;
text-align: right;
background: #fff;

}


.payment td {

border: #ccc 0px solid;
padding: 10px;
text-align: right;
font-size: 16px;

}

.shipto {

font-size: 100%;
font-weight: bolder;
border: #ccc 1px solid;
padding: 10px;
margin: 10px 0;
}

.small_square {

width: 400px;
padding: 20px;
border: #ccc 1px solid;
font-family: arial, verdana, sans-serif;
font-size: 100%;

}

pre {

font-size: 100%;

}