/* CSS Document */

/* ------------------------- Document Styles ------------------------- */

body{
	/* Set Site Font and Background */
	font-family:"Comic Sans MS","Arial";
	background:#1691d8 url(../images/bodyBg.gif) repeat-x;
	margin: 0px;
font-size:0.8em;
color:#FFF;
}

/* ------------------------- Containers ------------------------- */

#news-menu{
float:left;
width:130px;
margin-top:55px;
}

#news-menu h2{
font-size:14px;
margin-bottom:10px;
text-decoration:underline;
}

#news-menu ul{
list-style-type:none;
}

div#news-menu ul li{
margin-bottom:15px;
}

div#news-menu ul li a{
text-decoration:none;
}


#menuHolder{
float:right;
width:200px;
height:40px;
}

#header{
width:900px;
margin:0 auto;
position:relative;
z-index:1000000;
}

#header h1{
width:413px;
height:80px;
background:url(../images/logo.gif) no-repeat bottom;
float:right;
}

#headerBar{
color:#FFF;
clear:both;
background:url(../images/barBg.gif) repeat-x;
height:34px;
}

#headerBar .barWrapper{
width:900px;
margin:0 auto;

}

#langHolder{
float:left;
display:inline;
margin-left:120px;
margin-top:7px;
}

#headerBar .barWrapper ul#langList{
list-style:none;
}

#headerBar .barWrapper ul#langList li{
display:inline;
padding-right:10px;
font-weight:bold;
}

#headerBar .barWrapper ul#langList li a{
color:#c4d8db;
font-weight:normal;
}

#shopBox{
display:inline;
float:right;
margin-top:7px;
margin-right:10px;
}

#shopBox a{
color:#FFF;
}

#content{
width:900px;
margin:0 auto;
position:relative;
}

#content a{
color:#a4daff;
}

#footer{
width:900px;
margin:0 auto 20px auto;
position:relative;
text-align:center;
}

#footerLinks{
margin-top:30px;
list-style:none;
}

#footerLinks li{
display:inline;
padding-right:5px;
}

#footerLinks li a{
color:#c4d8db;
text-decoration:none;
}

/* ------------------------- Nav Stuff ------------------------- */

.leftBox{
margin-top:20px;
width:410px;
float:left;
background:#065ebe;
padding:15px;
}

.fullBox{
margin-top:20px;
width:800px;
float:left;
background:#065ebe;
padding:15px;
}

.rightBox{
margin-top:20px;
width:410px;
float:right;
background:#065ebe;
padding:15px;
}

/* ------------------------- Nav Stuff ------------------------- */

#header ul{
list-style:none;
position:absolute;
top:45px;
left:0;
}

#header ul li{
display:inline;
float:left;
margin-right:5px;
}

#header ul li a{
display:block;
height:36px;
}

#home a{width:91px;background:url(../images/navHome.gif);}
#products a{width:91px;background:url(../images/NavProducts.gif);}
#about a{width:91px;background:url(../images/navAbout.gif);}
#contact a{width:91px;background:url(../images/navContact.gif);}

#home a, #products a, #about a, #contact a{
background-position:bottom;
}

#home a:hover, #products a:hover, #about a:hover, #contact a:hover{
background-position:center;
}

#home a.selected, #products a.selected, #about a.selected, #contact a.selected{
background-position:top;
}

#homeF a{width:91px;background:url(../images/navHomeF.gif);}
#productsF a{width:91px;background:url(../images/navProductsF.gif);}
#aboutF a{width:145px;background:url(../images/navAboutF.gif);}
#contactF a{width:137px;background:url(../images/navContactF.gif);}

#homeF a, #productsF a, #aboutF a, #contactF a{
background-position:bottom;
}

#homeF a:hover, #productsF a:hover, #aboutF a:hover, #contactF a:hover{
background-position:center;
}

#homeF a.selected, #productsF a.selected, #aboutF a.selected, #contactF a.selected{
background-position:top;
}

/* ------------------------- Content Styles ------------------------- */

.rateTable{
border-collapse:collapse;
}

.rateTable td{
border:1px solid #58b5ef;
padding:1px 3px;
}

.rateTable .heading td{
background:#58b5ef;
color:#0253b8;
padding:3px 5px;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}

.rateTable .subHeading td{
background:#58b5ef;
color:#0253b8;
padding:3px 5px;
border-bottom:1px solid #FFF;
}

.rightBox h3{
margin-bottom:10px;
}

img.leftImg{
float:left;
}

div.rightContent{
float:right;
width:470px;
}

div.rightContent p{
clear:right;
text-align:right;
margin-right:20px;
font-size:0.9em;

}

h2#homeTitle{
float:right;
width:452px;
height:105px;
background:url(../images/homeTitle2.gif);
z-index:1;
}

h2#homeTitleF{
float:right;
width:452px;
height:105px;
background:url(../images/homeTitleF.gif);
}

img#jiaojiao{
margin:40px 0 0 220px;

}

ul#productList{
list-style:none;
}

ul#productList li{
margin-bottom:20px;
}

ul#productList li .listImgHolder{
float:left;
display:block;
width:140px;
}

ul#productList li img.productListImg{
border:2px solid #8fc4e9;
}

div.productListRight{
float:left;
width:430px;
display:inline;
margin-left:20px;
}

div.productListRight h3{
margin-bottom:5px;
}


div.productListRight a{
color:#8fc4e9;
}

.rightBox p, .leftBox p{
margin-bottom:15px;
}

.rightBox h2, .leftBox h2{
margin-bottom:10px;
}

.rightBox ul, .leftBox ul{
margin-bottom:15px;
margin-left:30px;
}

.rightBox li, .leftBox li{
margin-bottom:10px;
}

blockquote{
margin:10px;
padding-bottom:10px;
border-bottom:1px dotted #FFF;
}

/* ------------------------- Category Navigation ------------------------- */

#catNav{
	background:url(../images/catNavBg.jpg) no-repeat top;
}
#catNavBg {
	margin-top:40px;
	float:left;
	width:235px;
	background:url(../images/catNavBg1.jpg) repeat-y;
}
#catNav h2{
font-weight:normal;
font-size:2em;
padding-top:20px;
margin:0px 0 0 30px;
}
#catNav a {
	display:block;
}
	 /* using left instead of display to hide menus because display: none isn't read by screen readers */

#catNav ul{
list-style:none;
margin:20px 0 0 25px;
}

#catNav ul li a.down {
	float:left;
	height:15px;
	cursor:pointer;
	background:url(../images/icons/add.png) top left no-repeat;
}

#catNav ul li a.down.open {
	cursor:pointer;
	background:url(../images/icons/delete.png) top left no-repeat;
}
#catNav ul li a.down:hover {
	background:url(../images/icons/add.png) top left no-repeat;
}
#catNav ul li a.down.open:hover {
	cursor:pointer;
	background:url(../images/icons/delete.png) top left no-repeat;
}
#catNav ul li{
padding-bottom:20px;

}

#catNav ul li ul li {
	padding-bottom:5px;
}

#catNav ul li a{
display:block;
padding:2px 10px;
text-decoration:none;
color:#FFF;
font-size:1em;
}

#catNav ul li a:hover{
background:#5ea9de;
}

#catNav ul li a.selected{
background:#fff;
color:#0254b9;
}

/* ------------------------- Product Details ------------------------- */

#productInfo{
float:right;
width:598px;
margin-top:20px;
}

#productInfo h2{
font-weight:normal;
font-size:2em;
margin:0px 0 20px 0;
}

#leftInfo{
width:280px;
float:left;
}

#imgHolder{
width:275px;
height:260px;
text-align:center;
}


#imgHolder img{
border:2px solid #8fc4e9;
}

#thumbs{
width:280px;
}

#thumbs img{
width:50px;
height:50px;
border:1px solid #8fc4e9;
}

#thumbs a:hover{
cursor:pointer;
}

#rightInfo{
width:270px;
float:left;
margin-left:30px;
display:inline;
overflow:hidden;
}

#rightInfo h3{
margin:10px 0 10px 0;
}

/* ------------------------- Product Form ------------------------- */

.formRow{
clear:both;
margin-bottom:10px;
}

.formLink{
color:#c4d8db;
}

/* Input Titles */
#myForm label {

	/* Set Font */
	font-size: 12px;
	font-family: "Comic Sans MS";
	
	/* Structure */
	text-align: left;
	float: left;
	margin:0;
width:50px;
display:block;
}

#myForm select{
margin-left:10px;
padding:2px 0 2px 5px;
}

#myForm select option{
padding-left:5px;
}

/* Form Containter */
#myForm fieldset {
	

	/* Set Size and Position  - Default Center */
	margin:10px 0 0 0;
	/* 20px greater than .formBox */ width:410px;
	
	/* Border Option */

	border:none;
	
	/* Structure */
	padding:0;
}

/* Positioning */
#myForm form {
	/* Position - Default Center */
	margin:0;
}

/* ------------------------- Small Form ------------------------- */

.smallForm fieldset{
margin-top:10px;
border:none;
}

.smallForm div.formRow{
clear:left;
float:left;
margin-top:0px;
width:100%;
}

.smallForm .formBox{
font-family:"Comic Sans MS","Arial";
font-size:12px;
width:250px;
float:left;
color:#0357ba;
padding:2px 5px;
}

.moveBut{
margin-left:100px;
}

.smallForm .phoneDiv{
float:left;
}

.smallForm .noWidth{
font-family:"Comic Sans MS","Arial";
font-size:12px;
color:#0357ba;
padding-left:5px;
}

.smallForm a.forgotPass{
display:block;
padding-top:5px;
font-size:12px;
font-weight:bold;
clear:left;
width:200px;
}

.smallForm a.noPass{
display:block;
margin-left:25px;
padding-top:5px;
font-size:10px;
clear:left;
color:#77a756;
width:100px;
}

.smallForm label{
display:block;
width:100px;
float:left;
}

.smallForm select{
font-family:"Comic Sans MS","Arial";
color:#0357ba;
float:left;
}

.smallForm select option{
font-family:"Comic Sans MS","Arial";
color:#0357ba;
padding-left:5px;
}

.smallForm select.highlighted{
border:1px solid #9f3737;
color:#9f3737;
background:#edd5d5;
}

.newTable{
border-collapse:collapse;
background:#0f7bcd;
}

.newTable td{
padding:10px;
border:1px solid #80bde6;
}

/* ------------------------- Shopping Cart ------------------------- */

table#shoppingCart{
margin-top:20px;
border-collapse:collapse;
font-size:12px;
width:98%;
}

table#shoppingCart tr.headingRow td{
padding:7px 0 7px 0;
font-weight:bold;
color:#FFF;
background:#0f7bcd;
}

table#shoppingCart td{
border-top:1px solid #80bde6;
padding:3px 10px 3px 10px;
text-align:center;
}

table#shoppingCart td.productCell img{
padding: 5px 0 5px 0;
}

table#shoppingCart td strong{
padding:10px 0 10px 0;
display:block;
color:#FFF;
}

table#shoppingCart td.productCell{
text-align:left;
padding:3px 0 3px 0px;
}

#cartForm input{
width:25px;
}


.styleTable{
margin-top:20px;
border-collapse:collapse;
font-size:12px;
width:98%;
}

.styleTable tr.headingRow td{
padding:7px 10px 7px 10px;
font-weight:bold;
color:#FFF;
background:#0f7bcd;
}

.styleTable td{
border-top:1px solid #80bde6;
padding:3px 10px 3px 10px;
}

.styleTable td.productCell img{
padding: 5px 0 5px 0;
}

.styleTable td strong{
color:#FFF;
}

.styleTable td.productCell{
text-align:left;
padding:3px 0 3px 0px;
}

/* ------------------------- Checkout Page ------------------------- */

table#checkoutTable{
margin-top:20px;
border-collapse:collapse;
font-size:12px;
width:98%;
color:#444;

}

table#checkoutTable tr.headingRow td{
background:#EEE;
font-weight:bold;
color:#060669;
padding:7px 10px 7px 10px;
}

table#checkoutTable td{
border-top:1px solid #99cc33;
padding:3px 10px 3px 10px;
}

/* ------------------------- Checkout Forms ------------------------- */

/* Input Box Styles */


/* ------------------------- Basic HouseKeeping ------------------------- */

/* Clear Browser Padding */
*{
	margin:0px;
	padding:0px;
}
/*  Clear FireFox's border around clicked links */
a{
	outline:none;
}


/* ------------------------- Special Classes ------------------------- */

/* Hide Text */
.specialText{
	position:absolute;
	text-indent:-5000px;
}
/* Clearing Div */
.easyClear{
	clear:both;
}


/* ------------------------- Event List Styles ------------------------- */

#errorList{
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #dd3c10;
	background: #ffebe8 url(../images/errorBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:13px;
	color:#000;
}

#errorList li{	color:#000;}

#successList{
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #82c242;
	background: #dafab9  url(../images/successBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:13px;
		color:#000;
}

#successList li{	color:#000;}

/* ------------------------- Standard Button Styles ------------------------- */
.buttons{
	font-size:13px;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Tahoma", Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
#content button.positive, #content .buttons a.positive{
    color:#82c242;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#dafab9;
    border:1px solid #8fc955;
    color:#82c242;
}
.buttons a.positive:active{
    background-color:#82c242;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* ------------------------- Query Log ------------------------- */

#queryLog{
width:800px;
margin:0px auto;
background:#eee;
padding:20px 30px 30px 30px;
font-size:13px;
color:#000;
}

.queryBar{
margin:5px 5px 10px 5px;
}