/* CSS Document */

body{
font-family:Arial, Times; 
background-color:#F7F7F7;
}

/*Global Layout*/

*{
scrollbar-base-color: white;
scrollbar-arrow-color: #3F4582;
scrollbar-track-color: #CCCCCC;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

#container{
width:985px; 
height:auto; 
margin:0 auto; 
background-color:#FFFFFF; 
line-height:18px;
}

#header{
width:985px;
height:150px;
background:url(../img/header/topbar.jpg) no-repeat;
float:left;
z-index:1;
position:relative;
}

#headerLeft{
height:165px;
width:250px;
float:left;
}

#headerRight{
height:125px;
width:400px;
float:right;
}

#innerHeaderLeft{
width:230px;
float:left;
margin:77px 0px 0px 450px;
}

#innerHeaderRight{
width:170px;
height:100px;
margin:15px 0px 0px 0px;
background:url(../img/header/logo.jpg) no-repeat;
float:right;
}

#navigation{
width:712px;
height:25px;
background-color:#23437F;
float:right;
z-index:2;
position:relative;
}

#imageBanner{
width:985px;
float:left;
position:relative;
}

#specialOffer{
width:120px;
height:120px;
margin:25px 0px 0px 20px;
}

#leftContent{
width:785px;
height:405px;
overflow:auto;
overflow-x:hidden;
float:left;
}

#home #leftContent{
height:282px;
}

#gallery #leftContent{
padding-bottom:10px;
}

#products #leftContent{
padding-bottom:10px;
}

#contact #leftContent{
overflow:hidden;
}

#rightContent{
width:185px;
height:230px;
float:right;
margin:20px 0px 0px 15px;
}

#floatLeft{
width:385px;
float:left;
}

#floatRight{
width:383px;
margin-top:45px;
float:right;
}

#content{
width:985px;
float:left;	
}

#contact #floatRight{
margin-top:0px;
}

#products #floatLeft{
width:142px;
float:left;
}

#products #floatRight{
width:165px;
float:right;
margin-top:0px;
}

#productsBox{
width:155px;
border:1px solid #3F4582;
margin:10px 5px 10px 20px;
padding:0px 0px 10px 10px;
float:left;
height:200px;
min-height:200px;
overflow:auto;
}

#imageContainer{
width:40%;
float:left;
}

#infoContainer{
width:60%;
float:right;
}

#priceContainer{
float:left;
border:1px solid #CCCCCC;
margin:10px 10px 10px 20px;
}

#cartBox{
border:1px solid #CCCCCC;
padding:5px 0px 5px 0px;
width:165px;
float:left;
}

#cartHeader{
width:165px;
height:20px;
float:left;
background-color:#3F4582;
margin-bottom:5px;
}

#basketContainer{
margin:10px 10px 10px 20px;
}

#seperator{
float:left;
background-color:#3F4582;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin:0px 0px 0px 0px;
clear:both;
}

#buttonContainer{
float:left;
width:100%;
}

#cartInfoContainer{
float:left;
width:100%;
}

#footer{
width:985px;
height:25px;
float:left;
background-color:#23437F;
padding-top:5px;
}

#smallPrint{
float:left;
width:50%;
}

#animation{
padding:10px 0px 10px 0px;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 20px 20px 20px;	
padding:10px 10px 10px 10px;
}

#filler{
float:left;
width:100%;
height:10px;
}

#clear{
clear:both;
}

/*End of Global Layout*/


/*Global Styling*/

p{
font-size:0.9em;
color:#3F4582;
margin:10px 10px 10px 20px;
}

#smallPrint p{
font-size:0.7em;
}

a{
color:#3F4582;
text-decoration:none;
cursor:pointer;
}

#navigation a{
float:left;
color:#FFFFFF;
padding:3px 7px 4px 7px;
margin:0px 0px 0px 0px;
font-size:0.9em;
}

#navigation a:hover{
background-color:#D2AA80;
color:#3F4582;
}

#header a{
color:#FFFFFF;
}

#footer a{
color:#FFFFFF;
}

ol{
font-size:0.9em;
color:#3F4582;
list-style:none;
margin:5px 10px 5px 20px;
padding:0px 0px 0px 0px;
}

ul{
font-size:0.9em;
color:#3F4582;
list-style:none;
margin:10px 10px 10px 20px;
padding:0px 0px 0px 0px;
}

#navigation ol{
display:inline;
font-weight:bold;
margin:0px 0px 0px 0px;
}

#navigation li{
display:inline;
margin:0px 0px 0px 0px;
}

#header ol{
color:#FFFFFF;
margin:10px 10px 0px 10px;
}

#products #productsBox p{
margin:0px 0px 10px 0px;
font-size:0.6em;
}

#products #productsBox ol{
margin:0px 0px 10px 0px;
font-size:0.6em;
}

#products #productsBox ul{
margin:0px 0px 10px 0px;
font-size:0.6em;
}

#products #productsBox li{
margin:5px 0px 5px 0px;
}

#admin #content li{
margin:10px 0px 10px 0px;
}

#footer ol{
color:#FFFFFF;
font-size:0.7em;
display:inline;
}

#footer li{
display:inline;
margin:0px 10px 0px 0px;
}

h1{
font-size:1.1em;
color:#3F4582;
margin:10px 10px 0px 20px;
font-weight:normal;
}

#header h1{
color:#FFFFFF;
margin:5px 0px 0px 10px;
font-weight:bold;
}

h2{
font-size:0.9em;
color:#70CEF5;
margin:10px 10px 10px 20px;
}

#admin h2{
cursor:pointer;
}

#products h2{
font-size:0.7em;
color:#3F4582;
margin-left:0px;
}

#products #productsBox h2{
margin:0px 0px 0px 0px;
font-size:0.6em;
}

#priceContainer h2{
font-size:1.1em;
margin:10px 10px 10px 10px;
}

#cartHeader h2{
color:#FFFFFF;
font-size:0.9em;
margin:1px 5px 0px 5px;
}

#smallPrint h2{
margin-top:20px;
}

h3{
font-size:1.1em;
color:#FFFFFF;
margin:5px 0px 0px 10px;
font-weight:bold;
}

#leftContent h3{
font-size:0.8em;
color:#3F4582;
margin:10px 0px 10px 20px;
}

#priceContainer h3{
font-size:0.9em;
margin:10px 10px 10px 10px;
font-weight:normal;
color:#3F4582;
}

#cartBox h3{
margin:5px 5px 0px 20px;
font-weight:normal;
}

#admin #content h3{
font-size:0.8em;
font-weight:bold;
margin:10px 0px 10px 20px;
cursor:pointer;
color:#000000;
}

h4{
font-size:0.6em;
color:#FFFFFF;
display:inline;
font-weight:normal;
}

#products #productsBox h4{
font-size:0.6em;
color:#FF0000;
margin:10px 0px 0px 0px;
font-weight:bold;
}

#admin #content h4{
font-size:0.8em;
color:#000000;
font-weight:bold;
}

h6{
margin:0px 0px 0px 0px;
font-size:0.9em;
}

/*End of Global Styling*/


/*Forms*/

.label{
display:block; 
font-size:0.9em; 
color:#3F4582;
margin:5px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

#seperator .label{
font-size:0.8em;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
color:#FFFFFF;
}

#contact .label{
margin-right:50px;
}

.textbox{
display:block; 
width:300px; 
height:18px; 
border:1px solid #000000; 
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

#admin .textbox{
width:350px;
}

.textboxsmall{
display:block; 
width:50px; 
height:18px; 
border:1px solid #000000; 
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

.textarea{
display:block; 
width:300px; 
height:100px; 
border:1px solid #000000;
margin:0px 0px 2px 20px;
padding:0px 0px 0px 0px;
float:left;
}

#admin .textarea{
width:350px;
height:150px;
}

.submitButt{
width:auto; 
border:1px solid #3F4582; 
margin:20px 15px 10px 20px;
padding:2px 5px 2px 5px;
background-color:#FFFFFF;
color:#3F4582;
}

#buttonContainer .submitButt{
float:left;
width:150px;
}

.checkoutButt{
display:block;
width:150px; 
border:2px solid #000000; 
margin:20px 20px 10px 20px;
padding:5px 5px 5px 5px;
background-color:#FFFFFF;
color:#000000;
float:left;
}

.confirmButt{
display:inline;
width:auto; 
height:25px; 
border:1px solid #000000; 
margin:5px 5px 5px 5px;
padding:0px 5px 0px 5px;
}

#admin .submitButt{
margin-top:20px;
}

.cartButt{
float:left;
border:1px solid #3F4582;
background-color:#FFFFFF;
font-size:0.8em;
padding:0px 5px 0px 5px;
margin:10px 50px 10px 20px;
}

#cartBox .cartButt{
float:none;
margin-right:0px;
}

.contentsButt{
float:left;
border:none;
background-color:#FFFFFF;
font-size:0.8em;
margin:10px 10px 0px 20px;
}

.helpButton{
width:auto;
height:25px;
border:1px solid #000000;
margin:0px 0px 0px 20px;
display:inline;
}

.select{
margin:0px 10px 10px 20px;	
border:1px solid #000000;
display:inline;
}

#products .select{
border:1px solid #3F4582;
}

fieldset{
border:none;
padding:10px 10px 10px 20px;
}

/*End of Forms*/


/*Classes*/

strong{
font-weight:bold;
}

.strong{
font-weight:bold;
}

.pointer{
cursor:pointer;
}

.bold{
font-weight:bold;
}

.boldRed{
font-weight:bold;
color:Red;	
}

.yellow{
color:#FBD8A7;
font-weight:bold;
}

.blue{
color:#70CEF5;
font-weight:bold;
}

.bullet{
margin-right:30px;
}

.center{
margin:10px 10px 10px 20px;
border:none;
display:block;
}

.floatLeft{
margin:0px 0px 0px 0px;
float:left;
}

.flashImage{
margin:0px 0px 0px -5px;
position:relative;
}

#rightContent .floatLeft{
margin:15px 0px 25px 20px;
}

#home #rightContent .floatLeft{
margin:0px 0px 10px 20px;
}

#products #rightContent .floatLeft{
margin:0px 0px 0px 10px;
}

#gallery .floatLeft{
margin:10px 0px 10px 20px;
}

#gallery #rightContent .floatLeft{
margin:15px 0px 25px 20px;
}

#order_summary #leftContent .floatLeft{
margin:0px 0px 10px 20px;
}

#order_summary #rightContent .floatLeft{
margin:0px 0px 0px 10px;
}

#shopping_cart #rightContent .floatLeft{
margin:0px 0px 0px 10px;
}

#customer_info #rightContent .floatLeft{
margin:0px 0px 0px 10px;
}

.requiredfield{
font-size:0.6em; 
color:red;
margin:0px 0px 0px 0px;
font-weight:normal;
}

.table{
display:block;
margin:20px 10px 20px 20px;
}

.style1{
background-color:red;
}

.style2{
background-color:#FF6666;
}
	
.style3{
background-color:#00FF00;
}

.BarBorder{
border-style:solid;
border-width:1px;
height:20px;
width:180px;
}

.BarIndicator{
color:orange;
background-color:orange;
}

/*End of Classes*/