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

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

Description : 

Created : 01/09/2007
Modified : 

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

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

*{
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html{
padding:10px;
background:;
}
body{
font-size:10px;
background:#2E568F;
}

/* ----- 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,  #header td{
background:transparent;
padding:0;
}

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

#header a:hover {
border:none;
}

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


#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;
color:#004181;
}
h2{
font:sans-serif;
color:#677D93;
}

#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;
}
h4{
font:sans-serif;
font-size:;
font-weight:;
color:#677D93;
}

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

font-family:sans-serif;
}
#primaryContent p{
}

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

#primaryContent ul{
list-style-image:url('../images/li.jpg');
}


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

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

img.right{
clear:right;
float:right;
padding:5px;
margin-left:5px;
border:1px solid #A8D4F2;
background-color:#FFF;
}

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

b, strong{
font-weight:bold;
}
i, em{
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;
}
a:hover img{
text-decoration:0;
border:0;
padding:0;
}

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

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

thead{
background-color:#A8D4F2;
}
tr{
background-color:#F6F6F6;
}
tr.even {
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;
}