body a:link {
	color: #336699;
}

body a:visited {
	color: #336699;
}

body a:active {
	color: #336699;
}

img {
	border: 0px;
}

#main {
	border: 3px solid;
	border-color: #336699;
	width: 850px;
	text-align: left;
	margin: auto;
	background: white;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	min-height: 450px;
}

#main #navigation {
	background: #EEEEEE;
	height: 60px;
	border-bottom: 2px solid #999999;
	text-align: left;
	vertical-align: center;
}

#main #navigation #logo {
	position: relative;
	margin-left: 10px;
	top: 8px;
	float: left;
}

#main #content {
	margin: 30px;
}

#footer {
	margin-top: 25px;
    color: #336699;
    text-align: center;
}

#footer .copyright {
	margin-top: 15px;
	font-size: 10px;	
}

form 	{
    margin : 0;
    padding : 0;
}

fieldset {
    margin : 0;
    margin-bottom: 1em;
    padding : 1em;
    width : 300px;
    border : 1px solid #ccc;
}

fieldset div br {
    display : none;
}

legend {
    font-weight : bold;
    color : #333;
    margin : 0;
    padding : 0.5em;
}

label {
    display : block;
}

#fm-submit {
    clear : both;
    padding-top : 1em;
    text-align : center;
}

#fm-submit input {
    border: 1px solid #333;
    padding: 2px 4px;
    background: #fff;
    color: #333;
    font-size: 100%;
}

fieldset div {
    margin : 0;
    padding : 0.2em;
}

fieldset div.fm-optional {
    display : block;
}

fieldset div input {
    width: 200px; /* Width for modern browsers */
    border : 1px solid #336699;
    padding : 1px;
    text-align : left;
}
	
fieldset div select {
    font-family : Verdana,sans-serif;
    font-size : 100%;
    width: 200px; /* Width for modern browsers */
    border : 1px solid #336699;
    padding : 1px;
}
						
fieldset div label:before {
    content: "* ";
}

fieldset div.fm-optional label:before {
    content: "";
}
	
.fm-optional input {
    border : 1px solid #ccc;
}

form .submit {
    margin-bottom: 15px;
}

body 	{
    font-family : Verdana,sans-serif;
    font-size : 80%;
	background: url("/images/background/blue.gif");
	margin: 25px;
    padding : 0;
    text-align : left;
}

#container {
    margin : 0 auto;
    padding : 0;
    width : 350px;
    text-align : left;
}

h1	{
    padding : 0.5em 1em;
    margin : 0;
    font-weight : bold;
    font-size : 100%;
}
	
h2	{
    padding : 0.5em 1em;
    margin : 0;
    font-weight : bold;
    font-size : 100%;
}

p {
    padding : 0.5em 1em;
    margin : 0;
    font-size : 100%;
}
	
p#intro	{
    padding : 0.5em 1em;
    border-bottom : 1px solid #ccc;
}

a {
    color : #336699;
    text-decoration : underline;
}

div#errorExplanation h2 {
    display : none;
}

#shoppingcart {
    margin-bottom: 20px;
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 800px;    
	left: 9px;    
	top: 9px;    
}

#shoppingcart table td {
    padding : 0.2em;
}

tbody {
    background-color: #a7daf5;
}

thead {
    background-color: #336699;
    color: white;
}

tfoot {
    background-color: white;
}

.nobackground {
    background-color: white;
}

.title {
    font-weight: bold;
    margin-bottom: 5px;
}

#shoppingcart #delay {
    font-weight: bold;
    padding : 1em;
}

#shipping {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 680px;    
	left: 9px;    
	top: 9px;    
}

#priceinfo {
	position: relative;
	margin-top: 10px;
	width: 680px;
	font-weight: bold;    
}

#payment {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 800px;    
	left: 9px;    
	top: 9px;    
}

#shipping_form {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 350px;    
	left: 9px;    
	top: 9px;    
	clear: none;
	float: left;
}

#user_form {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 350px;    
	left: 9px;    
	top: 9px;    
	clear: none;
	float: left;
}

#billing_select_form {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 350px;    
	left: 9px;    
	top: 9px;    
	clear: none;
	float: left;
}

#billing_form {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 350px;    
	left: 9px;    
	top: 9px;    
	clear: none;
	float: left;
}

#checkout_form {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 350px;    
	left: 9px;    
	top: 9px;    
	clear: both;
}

#userdata {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 350px;    
	left: 9px;    
	top: 9px;    
}

#shippingaddress {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 200px;    
	left: 9px;    
	top: 9px;    
	clear: none;
	float: left;
}

#billingaddress {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 200px;    
	top: 9px;    
	left: -200px;
	clear: none;
	float: right;
}

#confirmation {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 800px;    
	left: 9px;    
	top: 9px;    
}

div.fieldWithErrors input {
    background-color: #ffcccc;
}

.errorExplanation {
	position: relative;
	padding: 0.4em;    
    margin: 0.3em;
	border: 1px solid;    
	border-color: #336699;
	width: 310px;
	left: 0px;
	top: 24px;
	clear: none;
	float: left;
}

#help {
	padding: 0.4em;    
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
	border: 1px solid;    
	border-color: #336699;
	background: white;    
	top: 30px;
	height: auto;
	left: 9px;
	clear: both;
}

#help p {

}

#submit {
    clear: both;
}

hr {
    background: #336699;
    clear: both;
    margin-left: 20px;
    margin-right: 20px;
    
}

#static {
	position: relative;
	padding: 0.4em;    
	height: auto;    
	width: 810px;    
	left: 9px;    
	top: 9px;    
}

