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

Title : Total Immersion Swimming Stylesheet
Author : Melchior Mazzone
URL : tiswim.com.au/co.nz

Description : 

Created : 01/09/2007
Modified : 

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

/* ----- CSS ----- */

*{
font-family:sans-serif;
}
html{
padding:10px;
background:;
}
body{
font-size:10px;
background:#2E348F;
/* background:#A8D4F2; */
}

/* ----- IDS ----- */

#container{
width:768px;
margin:20px auto;
background:#CFDAE6;
}

#header{
background: #FAFAFA;
height:125px;
}

#header table {
margin:0;
padding:0;
border:none;
border-collapse:collapse;
}

#header tr {
background:transparent;
}

#header td {
padding:0;
}

#header img {
border:none;
padding:none;
margin:none;
}

#primaryContent{
font-size: 1.2em;
padding:10px;
background:;
margin:15px;
margin-top: 48px;
background-color:#FFF;
display:block;
}

#menuh-container {
	margin: 0 auto;
/* 	position: absolute;		 */
	top: 1em;
	left: 1em;
}

#menuh{
	font-family: arial, helvetica, sans-serif;
	width:100%;
	margin:2em;
	margin-top: 1em;
  padding: 0;
  list-style-type: none;
  width: 767px;    
  float: left; /* Contain floated list items */
}
#footer{
background-color:#FAFAFA;
text-align:center;
padding:10px;
clear:both;
}

/* ----- CLASSES ----- */

.hide{
display:none;
}
.show{
display:block;
}

.clear {
clear:both;
}

/* ----- HEADINGS ----- */
h1{
font-family:'Garamond', 'Adobe Garamond Pro', serif;
font-size:;
font-weight:;
color:#004181;
margin:;
padding:;
}
h2{
font:sans-serif;
font-size:;
font-weight:;
color:#677D93;
margin:;
padding:;
}

#header h2 {
font-size:x-large;
padding:15px;
text-align:center;
font-style:italic;
}

h3{
font:'Garamond', 'Adobe Garamond Pro', serif;
font-size:;
font-weight:;
color:#596C80;
margin:;
padding:;
}
h4{
font:sans-serif;
font-size:;
font-weight:;
color:#677D93;
margin:;
padding:;
}

/* ----- PARAGRAPHS ----- */
form+p {
clear:both;
}
p{
color:#333;

font-family:sans-serif;

text-shadow:;
text-transform:;

letter-spacing:;
word-spacing:;
}
#primaryContent p{
}

/* ----- LISTS ----- */

ul{
list-style-image:url('../images/li.jpg');
}
li p{
}
ol{
width:;
margin:;
padding:;
}
ul{
width:;
margin:;
padding:;
}
ol li{
}
ul li{
}

#menuh ul li{
position: relative;
display: inline;
margin: 0;
padding: 0;
float: left;
background: #454883;
min-height: 1px;
vertical-align: bottom;
}

#menuh ul a {
  float: left;
  width: 74px;
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 1px 8px;
  text-align: center;
  line-height: 2.5;
  border-right: 1px solid #FFF;
}

#menuh a:hover {
  background: #404464;
  border-bottom:none;
  border-right: 1px solid #FFF;
}

#menuh a.current {
  background: #404464;
  font-weight: bold;
}

#menuh ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#menuh ul li ul li {
  border-top: 1px solid #FFF;
}
#menuh ul ul ul {
	top:0;
	left:100%;
}

#menuh ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* ----- IMAGES ----- */

img{
padding:5px;
border:1px solid #A8D4F2;
}

a img {
padding:none;
border:none;
text-decoration:none;
}
a:hover img{
text-decoration:none;
border:none;
}
.product img {
padding: 3px;
margin: 3px;
border: 1px solid #A8D4F2;
background-color:#FFF;
}
img.left{
clear:left;
float:left;
border:;
}

img.right{
clear:right;
float:right;
border:;
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
font-weight:bold;
}
i{
font-style:italic;
}

/* ----- LINKS ----- */

a{
color:#006BCF;
text-decoration:none;
}
a:hover{
color:#0084FF;
border-bottom:1px dotted #00B3FF;
}
a:visited, a:active, a:focus{
color:#007DF2;
}
a:visited{
color:#007DF2;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
width:100%;
margin:5px;
text-align:;
border: 1px #A8D4F2 solid;
}

thead{
font:;
color:;
text-align:;
background-color:#A8D4F2;
margin:;
padding:;
}
tbody{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tfoot{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tr{
font:;
color:;
background-color:#F6F6F6;
}
tr.even {
font:;
color:;
background-color:#A8D4F2;
}
th{
border-bottom:#333 solid 1px;
background-color:#A8D4F2;
padding:5px;
}
td{
padding:3px;
}

/* ----- FORMS ----- */

form{
width:85%;
margin:0 auto;
padding:0;
}

fieldset
{
float: left;
clear: left;
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;
background-color: #c5e4ff;
background-image: url(../images/fieldsetGradient.jpg);
background-repeat: repeat-x;
}

fieldset p
{
padding:1em;
}

legend
{
margin-left: 1em;
color: #000000;
font-weight: bold;
}

fieldset ol
{
padding: 1em 1em 0 1em;
list-style: none;
zoom: 1;
}

fieldset li
{
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}

label
{
float: left;
width: 15em;
margin-right: 1em;
}

fieldset.submit
{
float: none;
width: auto;
border: 0 none #FFFFFF;
padding-left: 17em;
background:none;
}

input, textarea{
font-family:sans-serif;
}

fieldset fieldset
{
	border-style: none;
	background-color: transparent;
	background-image: none;
}

fieldset fieldset legend
{
	margin-left: 0;
	font-weight: normal;
}

fieldset fieldset ol
{
	position: relative;
	top: 1em;
	margin: 0 0 0 15em;
	padding: 0;
}

fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
}

fieldset table, fieldset table tr {
background:transparent;
border:none;
}
/* ----- PRODUCT FORMATTING ----- */

span.new {
color:red;
font-weight:bold;
}

span.price {
font-weight:bold;
}

span.author {
font-weight:bold;
font-style:italic;
margin-left:15em;
}

div.enquiry {
	display:block;
	background:#F6F6F6;
	padding:8px;
}

span.caption {
	float: left;
	width: 12em;
	margin-right: 1em;
	font-weight:bold;
}

div.enquiry p{
	margin-left: 13em;
}


div.success {
	padding: 16px 16px 16px 45px;
	background: #7DA743 url('../images/button_ok.png') 8px 50% no-repeat;
	color:#F3F7ED;
	width:66%;
	text-align:center;
	font-weight:bold;
	margin: 10px auto;
	border-top:1px solid #9EBD72;
	border-right:1px solid #5E7D32;
	border-bottom:1px solid #5E7D32;
	border-left:1px solid #9EBD72;
}

div.error {
	padding: 16px 16px 16px 45px;
	background: #CF5C5C url('../images/button_cancel.png') 8px 50% no-repeat;
	color:#FFE2D8;
	width:66%;
	text-align:center;
	font-weight:bold;
	margin: 10px auto;
	border-top:1px solid #DED0B7;
	border-right:1px solid #BF5422;
	border-bottom:1px solid #BF5422;
	border-left:1px solid #DED0B7;
}

div.error h2, div.success h2 {
	color:#F8FDFF;
}

.errorField {
	border: red 3px solid;
	background-color:#FFDBA8;
}

div.product {
border: solid 1px #888;
padding:10px;
clear:both;
margin: 15px 0;
background-color: #c5e4ff;
background-image: url(../images/fieldsetGradient.jpg);
background-repeat: repeat-x;
}

div.products p, div.products h4, div.products span {
padding:12px;
}