body {
margin: 0;
padding: 0;
border: 0;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #4B5754;
}

body.main {
background-color: #212524;
}

#vert {
border: 0;
height:100%;
width: 100%;
text-align: center;
vertical-align: middle;
}

img {
border: 0;
padding: 0;
margin: 0;
}

td {
font: normal 11px Arial, Helvetica, sans-serif;
color: #4B5754;
}

p {
font: normal 11px Arial, Helvetica, sans-serif;
color: #4B5754;
margin: 0;
padding: 0;
margin: 11px 0;
}

h2 {
margin: 0;
padding: 0;
padding-top:10px;
font: bold 12px Arial, Helvetica, sans-serif;
	color: #4B5754;
}

h3 {
margin: 0;
padding-top: 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4B5754;
	line-height: 100%;
	}

#wrapper {
width: 990px;
margin-left: auto;
margin-right:auto;
text-align: left;
}

#order_wrapper {
width: 620px;
margin-left: auto;
margin-right:auto;
text-align: left;
}

/* 
=============
TOP ROW STUFF 
=============
*/

#top_row {
position: relative;
height: 60px;
background-color: #4B5754;
}

/*#logo {
margin-left: 10px;
}*/

#number {
position:absolute;
top: 22px;
right: 10px;
/*color: #fff;*/
color: #ff0000;
font-size: 17px;
font-weight: bold;
}

/* 
=============
MID ROW STUFF 
=============
*/
#mid_row {
position: relative;
height: 490px;
background-color: #fff;
background-image:url(../gifs/main_bg.jpg);
background-repeat:repeat-x;
}

#order_mid_row {
position: relative;
background-color: #fff;
background-image:url(../gifs/main_bg.jpg);
background-repeat:repeat;
padding: 20px;
}

#order_mid_row a:link, #order_mid_row a:visited, #order_mid_row a:active {
text-decoration: underline;
color: #4B5754;
}

#order_mid_row a:hover {

}



/* LEFT COL STUFF */
#left_col {
width: 195px;
background-color: transparent;
position: absolute;
left: 5px;
top: 5px;
}

#left_tabs {
list-style: none;
padding:0;
margin:0;
height: 22px;
background-color: transparent;
}

#left_tabs li {
display: block;
float: left;
width: 65px;
height: 22px;
padding-top: 5px;
font-weight: bold;
text-align: center;
background-image:url(../gifs/tab65_bg.jpg);
}

#left_tabs .selected {
background-image:url(../gifs/tab65_selected_bg.gif);
}

#left_tabs a:link, #left_tabs a:visited, #left_tabs a:active {
color: #333;
text-decoration: none;
}

#left_tabs a:hover {
color: #fff;
}

#left_text {
position:relative;
margin: 0;
padding:0;
height: 463px;
background-color: #fff;
}

#left_text .inner_text_box {
margin: 0;
padding:0;
width: 175px;
height: 463px;
margin-left: 10px;
padding-right: 10px;
overflow:auto;
}

#left_text h3 {
margin: 0;
padding: 0;
padding-top: 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4B5754;
	line-height: 100%;
}

#left_text a:link, #left_text a:visited, #left_text a:active {
text-decoration: underline;
/*color: #4B5754;*/
color: #BB3300;
font-weight: bold;
}

#left_text a:hover {

}

.text_footer {
	font-weight: bold;
 	color: #4B5754;
}

.text_footer_reg {
	font-weight: bold;
	display: none;
}

/* MID COL STUFF */
#mid_col {
position: absolute;
width: 560px;
left: 200px;
top: 27px;
text-align: center;
/*background-color:#996600;*/
}

#mid_col table {
margin-left: auto;
margin-right: auto;
}

#login_content {
background-color: #4B5754;
margin: 0 10px;
height: 463px;
color:#fff;
}

#login_logo {
display: block;
margin: 0;
padding: 0;
margin-left:auto;
margin-right: auto;
}

#form_block {
position: relative;
margin-top: 20px;
text-align: left;
width: 300px;
margin-left:auto;
margin-right:auto;
/*background-color: #ced;*/
}

#form_block table {
border-collapse:collapse;
}

#form_block td {
margin: 0;
padding: 0;
border: 0;
padding-bottom:10px;/**/
color: #fff;
font-size: 14px;
}

#form_block .welcome {
font-size: 20px;
}

#form_block a {
color:#FFf;
font-size: 14px;
}

#form_block a:hover {
color:#F00;
}

td.btn {
width: 100px;
text-align: right;
vertical-align: middle;
}

td.btn2 {
width: 300px;
text-align: left;
vertical-align: middle;
}

td.btn3 {
width: 97px;
text-align: left;
}

td.btn4 {
width: 300px;
text-align: right;
vertical-align: middle;
}

td.btn5 {
width: 200px;
text-align: right;
vertical-align: middle;
}

td#address_check {
width: 203px;
padding-bottom: 0;
}

#address_box {
margin-right: 10px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #4B5754;
padding: 5px;
background-color: #fff;
}

td.reg_form {
text-align: right;
}

.reg_form label {
padding-right: 5px;
}

.reg_form input {
margin-bottom: 3px;  
vertical-align: middle;
}

#splash_pics{
width: 480px;
margin-left: auto;
margin-right: auto;
}

#splash_pics p {
color: #fff;
font-size: 14px;
}

#splash_pics .welcome {
font-size: 20px;
}

#splash_pics ul{
list-style: none;
margin:0;
padding:0;
}

#splash_pics li {
float: left;
}

#splash_pics a:link, #splash_pics a:visited, #splash_pics a:active {
text-decoration: none;
color: #fff;
} 

#splash_pics a:hover {
color: #333;
}

#thumbslist {
position: relative;
width: 560px;
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#thumbslist li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	/*padding: 0 0px;*/
width: 140px;
height: 155px;
}

#thumbslist table {
margin: 0;
padding: 0;
border: 0;/**/
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
}

#thumbslist td {
margin: 0;
padding: 0;
border: 0;
border: 1px solid #96A5A2;/**/
}

#thumbslist img {
margin: 0;
padding: 0;
border: 0;
}

.thumbs_label {
position: relative;
width: 120px;
margin-left: auto;
margin-right: auto;
/*height: 33px;*/
padding-top: 3px;
font: normal 11px Arial, Helvetica, sans-serif;
line-height: 100%;
}

#content_image {	
border: 1px solid #96A5A2;
}

.full_label {
position: relative;
width: 400px;
/*padding-top: 5px;*/
margin-left: auto;
margin-right: auto;
font: normal 13px Arial, Helvetica, sans-serif;
}

.order_butt {
/*float: left;*/
position: absolute;
left: 0;
top: 3px;
}

.order_butt a:link, .order_butt a:visited, .order_butt a:active {
text-decoration: underline;
color: #4B5754;
}

.order_butt a:hover {
}

.full_title {
width: 280px;
padding-top: 3px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.item_code {
/*float: right;*/
position: absolute;
right: 0;
top: 3px;
}

/* RIGHT COL STUFF */
#right_col {
width: 225px;
background-color: transparent;
position: absolute;
right: 5px;
top: 5px;
}

.right_tabs {
list-style: none;
padding:0;
margin:0;
height: 22px;
background-color:transparent;
}

.right_tabs2 {
list-style: none;
padding:0;
margin:0;
height: 22px;
background-color:transparent;
}

.right_tabs li {
display: block;
float: left;
width: 75px;
height: 22px;
padding-top: 5px;
font-weight: bold;
text-align: center;
background-image:url(../gifs/tab75_bg.jpg);
}

#right_tabs2 li {
display: block;
float: left;
width: 75px;
height: 22px;
padding-top: 5px;
font-weight: bold;
text-align: center;
background-image:url(../gifs/tab75_bg.jpg);
}

.right_tabs .selected {
background-image:url(../gifs/tab75_selected_bg.gif);
}

#right_tabs2 .selected {
background-image:url(../gifs/tab75_selected_bg.gif);
}

.right_tabs a:link, .right_tabs a:visited, .right_tabs a:active {
color: #333;
text-decoration: none;
}

.right_tabs a:hover {
color: #fff;
}

#right_text {
position:relative;
margin: 0;
padding:0;
padding-left: 10px;
padding-right: 10px;
height: 463px;
background-color: #fff;
}

#right_text p {
margin: 0;
padding: 10px 0;
}

#right_text_box {
position: relative;
margin: 0;
padding:0;
height: 463px;
}

.inner_text_box {
position: absolute;
top:0;
left:0;
margin: 0;
height: 463px;
overflow:auto;
}

#right_text_box .inner_text_box {
width: 205px;
padding: 0 10px 0 0;
}

#right_text_box p {
padding: 5px 0;
}

#right_text_box ul {
margin: 0;
padding: 0;
padding: 5px 5px 5px 15px;
}

#right_text_box li {
padding: 5px 0;
}

#picklist_box p {
padding: 2px 0;
}

#picklist_box a:link, #picklist_box a:visited, #picklist_box a:active {
color: #4B5754;
} 

#picklist_header {
position: relative;
height: 20px;
background-color: #D5Dcda;
color: #666;
padding: 5px 5px 0 5px;
font-weight: bold;
margin-top: 0px;
}

#btn_order {
margin:0;
padding:0;
height: 20px;
margin-top: 5px;
background-color: #96A5A2;
background-image:url(../gifs/btn_bg.jpg);
border: 1px solid #84918e;
font-weight: bold;
text-align: center;
}

#btn_order a:link, #btn_order a:visited, #btn_order a:active   {
display: block;
margin-top: 3px;
color: #BB3300;
text-decoration: none;
}

#btn_order a:hover {
color: #fff;
}

.order_buttons {
width: 580px;
}

.order_button {
float: left;
margin:0;
padding:0;
height: 20px;
width: 150px;
background-color: #96A5A2;
background-image:url(../gifs/btn_bg.jpg);
border: 1px solid #84918e;
font-weight: bold;
text-align: center;
}

#order_mid_row .order_button a:link, #order_mid_row .order_button a:visited, #order_mid_row .order_button a:active {
display: block;
margin-top: 3px;
color: #333;
text-decoration: none;
}

#order_mid_row .order_button a:hover {
color: #fff;
}

#order_mid_row table {
border-collapse: collapse;
text-align: left;
}

#order_mid_row th {
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 25px;
	background-color: #D5Dcda;
	color: #666;
	padding: 0 5px;
	vertical-align:middle;
	font-weight: bold;
	border-top: 1px solid #B3BDBB;
	border-bottom: 1px solid #B3BDBB;
}

#order_mid_row th.right {
	border-left: 0;
	border-right: 1px solid #B3BDBB;
}

.order_address {
margin-left: 30px;
margin-top: 10px;
}

#quantity {
position: absolute;
margin: 0;
padding: 0;
right: 5px;
top: 5px;
}

#picklist_box table {
border-collapse: collapse;
}

.pick_image {
padding-right: 3px;
border-right: 1px solid #D5Dcda;
text-align: center;
}

.pick_count {
padding-left: 3px;
border-left: 1px solid #D5Dcda;
}

.pick_item  {
/*border-right: 1px solid #D5Dcda;
border-left: 1px solid #D5Dcda;*/
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.pick_row .pick_item td {
border-bottom: 0;
padding-left: 4px;
}

.pick_row {
background-color: #fff;
}

.pick_row td {
border-bottom: 1px solid #D5Dcda;
}

#picklist_container {
margin: 0;
padding:0;
height: 335px;
overflow: auto;
}

#login_right {
position:relative;
top: -5px;
left: 0;
}

/* POST CODE STUFF */

/*#order_cover {
	background-image: url(../gifs/login_right.jpg);
}*/

#postcode_panel {
background-color: #fff;
/*margin-top: 22px;*/
padding: 0;
padding: 0 10px;
height: 463px;
}

#postcode_panel h2 {
padding-top: 10px;
/*padding-bottom: 10px;*/
}

#postcode_search {
margin: 0;
padding: 0;
padding-bottom: 5px;
}

#postcode_search form {
margin: 0;
padding: 0;
}

#postcode_search .t1 {
width: 110px;
}

#postcode_search_results {
font: normal 11px Arial, Helvetica, sans-serif;
color: #4B5754;
height: 324px;
overflow:auto;
}

#postcode_search_results p {
margin: 5px 0;
}

/* 
=================
BOTTOM ROW STUFF 
=================
*/
#bottom_row {
position: relative;
height: 30px;
background-color: #B3BDBB;
}

#nav_butts_holder {
width: 560px;
height: 30px;
position: absolute;
left: 200px;
top:0;
background-color: #8B9A97;
z-index:1;
}

#nav_butts {
width: 510px;
position: absolute;
left: 225px;
/*left: 25px;*/
top: 8px;
text-align: center;
font-weight: bold;
z-index:10;
}

#top_nav_butts {
width: 510px;
position: absolute;
left: 25px;
top: -20px;
text-align: center;
font-weight: bold;
z-index:10;
}

#nav_butts a:link, #nav_butts a:visited, #nav_butts a:active {
font: bold 11px Arial, Helvetica, sans-serif;
/*color: #4B5754;*/
color: #fff;
text-decoration: none;
}

#nav_butts a:hover {
color: #4B5754;
}

#top_nav_butts a:link, #top_nav_butts a:visited, #top_nav_butts a:active {
font: bold 11px Arial, Helvetica, sans-serif;
/*color: #4B5754;*/
color: #B30;
text-decoration: none;
}

#top_nav_butts a:hover {
color: #4B5754;
}

#butt_next {
position: absolute;
right: 0;
top: -1px;
}

#top_butt_next {
position: absolute;
right: 0;
top: -1px;
}

#butt_prev { 
position: absolute;
left: 0;
top: -1px;
}

#top_butt_prev { 
position: absolute;
left: 0;
top: -1px;
}

.chevron {
font-size: 15px;
/*font-weight: bold;*/
vertical-align:middle;
}

#image_title {
margin-left: auto;
margin-right: auto;
color:#4B5754;
}

/* SPECIAL CLASSES */

.make_hidden {
	visibility: hidden;
}

.make_visible {
	visibility: visible;
}

.make_none {
display: none;
}

.make_block {
display: block;
}

.underline {
text-decoration: underline;
}

.align_right {
text-align: right;
}

.important {
color: #BB3300;
}