/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container_shop { position:relative;   border:#000000 0px solid;  padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:853px; background-color:#FFFFFF; }

td p {color:#336699; }
td {color:#336699; margin:0px;}

#top_area {margin:25px 0px 0px 0px; padding:0px 0px 20px 6px; width:847px; }
#top_area h1,p { font-family:"Times New Roman", Times, serif; color:#336699;}
#top_area p { font-size:18px;  line-hiehgt:18px;}
#top_area table { border-collapse:collapse;}

tr.white td.cell1 {color:#fff; background:#8BBADF !important;}
td.cell1 { width:100px; padding:10px 15px 0px 15px; font-size:18px; vertical-align:top;}
p.indent_text { padding:0px 0px 0px 14px;}
.clear { clear:both; }

td label { display:block; float:left; width:276px; }
p.indent_text label { display:block; float:left; width:262px;}
td input { display:block; float:left;}
td .price { display:block; float:left; width:65px; padding:0px 0px 0px 14px;}
td .text { display:block; float:left; width:306px; }


#top_area table { border-collapse:collapse; padding:0px 0px 0px 0px; }

#top_area table td table { border-collapse:collapse; padding:0px 0px 0px 0px; }

td.bord { padding:12px 0px 22px 10px; border-left:#3F6FB7 1px solid; }
td.bord_b { padding:12px 0px 22px 10px; border-left:#3F6FB7 1px solid; border-bottom:#3F6FB7 1px solid; }
tr.white td.bord { color:#fff  !important; background:#8BBADF !important;}
tr.white td.bord_b { color:#fff  !important; background:#8BBADF !important;}
tr.white td p { color:#FFF;}
td p { font-size:14px;}

a#enter_details { background:url(../images/enter_details.jpg) no-repeat left top; width:135px; height:25px; padding-top:8px; text-align:center; display:block; float:right;  color:#FFF; font-size:14px; font-weight:bold; margin:40px 0px 40px 0px;}

.postal_address { padding:0px 0px 20px 17px; width:833px; background:#8CBBE1; min-height:100px; height:auto !important; height:100px; margin:0px 0px 0px 1px;}

.postal_address p { font-size:14px; color:#FFF; padding:10px 0px 10px 0px; margin:0px;}
.postal_address label.indent { width:98px; display:block; float:left;}
.postal_address input {border:1px solid #C8C8C8; width:225px;}

.top_area {margin:25px 0px 0px 0px; padding:0px 0px 20px 6px; width:847px; }
.top_area h1,p { font-family:"Times New Roman", Times, serif; color:#336699;}
.top_area p { font-size:18px;  line-hiehgt:18px;}
.top_area table { border-collapse:collapse;}

.dept_form { padding:20px 0px 20px 46px;}
*html .dept_form { padding:5px 0px 5px 46px;}
*+html .dept_form { padding:5px 0px 5px 46px;}
.dept_form label { display:block; float:left; width:53px; font-size:14px; color:#fff;}
.dept_form input { width:227px; border:1px solid #C8C8C8;}

.clear { clear:both}

p.cost { margin:15px 0px 15px 0px;}

#payment label { display:block; float:left; width:168px;}
#payment label.bracket_text { width:306px; display:block; float:left; padding:0px 0px 0px 0px;} 
#payment input { display:block; float:left; width:20px; height:10px;}

#left_input { display:block; float:left;}
#right_input { display:block; float:left; margin:0px 0px 0px 23px;}

#top_input input { width:10px; height:10px;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:32px; color:#336699; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#336699; font-size:22px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#999999; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#CCCCCC; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#fff; font-size:18px; font-weight:normal; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; }
h6 { color:#CCCCCC; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li {  }
ol {}
ol li {}

em {}
pre {}
u {}
sub {}
sup {}

address {}

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/