@charset "UTF-8";
/* CSS Document */

/* 
   start date: September 10,2009
   end date: -- -- --
   theme name: Claremont Design
   css coder: Lyndon B. Abing
   modified by: 
   powered by: http://lyndonabing.com/
*/

/* ------------------------------  Start: Common Layout ------------------------------ */
body{
	margin:0;
	padding:0;
	color: #000;
	background-color:#fff;
	/*font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight:normal;
}

div{
	margin:0;
	padding:0;
	line-height: 1.5em;
}

p{
	margin:0;
	padding:0;
	line-height:1.5em;
	text-align:justify;
}

ul{
	margin:0; 
	padding:0;
}

ul li{
	list-style:disc inside;
}

a{ color:#ec008c; text-decoration:underline; outline:none;}
a:hover{color:#008dcf; text-decoration:underline;}

	/*--== Forms ==-- */
	input[type="text"],input[type="password"],select{border:solid 1px #aaa;padding:4px;}
	input[type="text"]:hover,input[type="password"]:hover,select:hover{
	background-color:#a7dcff;}
	
	input[type="submit"]{
	background-image:url(images/button_bg.jpg);
	border:solid 1px #aaa;
	background-color:#FFFFFF;
	padding:2px 10px 2px 10px;
	text-transform:capitalize;
	font-size:11px;
	}
	
	input[type="submit"]:hover
	{
	background-image:none;
	background-color:#fff;
	color:#000;
	cursor:pointer;
	}
	
	form{
	margin:0;
	padding:0;
	}

h1
{
	padding:0px;
	margin:0;
	font-size: 24px;	
}

h2,h3,h4,h5,h6{
	padding:0px;
	margin:0;
}


#spacer{
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}

.clear{
	clear: both;
}

.emp{
	font-size: 14px;
	font-weight: bold;
	color: red;
}

/* ------------------------------  End: Common Layout ------------------------------ */

/* ------------------------------  Start: Custom Layout ------------------------------ */


#wrapper{
width: 100%;
height: auto;
border: solid 0px #898989;
}

#white{
width: 100%;
border: solid 0px #898989;
background-color: #cccccc;
text-align: center;
padding: 2px 0 2px 0;
}

#black{
width: 100%;
height: 69px;
border: solid 0px #898989;
background-image: url('images/header_bg_black.jpg');
}

#black #container-black{
width: 965px;
height:auto;
margin: auto;
border: solid 0px #000;
background-repeat: no-repeat;
overflow: hidden;
}

#container-black #logo{
height: 69px;
width: 166px;
float: left;
}

#black #container-black #navigation{
height: 30px;
width:700px;
border: solid 0px #000;
margin-left: 190px;
margin-top: 43px;
}

						#navigation li{
						background-color: #0054a6;
						list-style: none;
						color: #fff;
						float: left;
						margin: 0 2px 0 2px;
						padding: 5px 18px 5px 18px;
						border: solid 0px #fff;
						}
						
						#navigation li a{
						color: #fff;
						text-decoration: none;
						}		
						
						#navigation li a:hover{
						color: #fff;
						text-decoration: underline;
						}

						#navigation li a:hover{
						color: #fff;
						text-decoration: underline;
						}																		

#blue{
width: 100%;
height: 251px;
border: solid 0px #898989;
background-image: url('images/header_bg_blue.jpg');
}


#blue #banner{
background-image: url('images/banner1.jpg');
width: 965px;
height: 451px;
margin: auto;
border: solid 0px #fff;
}

#container{
background-image: url('images/body-bg.jpg');
width: 965px;
height:auto;
margin: auto;
border: solid 0px #000;
background-repeat: no-repeat;
}

#container #red{
width: 909px;
height:auto;
background-color: #e50000;
margin: auto;
margin-left: 30px;
}

#container #content{
width: 849px;
height:auto;
margin: auto;
margin-left: 30px;
padding: 30px;
border: solid 0px #000;
overflow: hidden;
margin-top: 1px;
}


			#content, #column{
			width: 100%;
			}
			
			#content #left{
			width: 65%;
			height: auto;
			border: solid 0px #000;		
			float: left;	
			}
			
					#left h1{
					color:#0253a5;
					}
					
					
					#left .border{
					width: 100%;
					height: 10px;
					background-color: #ececec;
					display: block;
					margin: 10px 0 10px 0;
					}
					
			
			#content #right{
			width: 30%;
			height: auto;
			border: solid 0px #000;
			margin-left: 68%;
			}
			
					#right h1{
					color:#0253a5;
					}
					
					
					#right .border{
					width: 100%;
					height: 10px;
					background-color: #ececec;
					display: block;
					margin: 10px 0 10px 0;
					}
								
			
			#content #right fieldset{
			border: none;
			margin: 0;
			padding: 0;
			}
			
			#content #right fieldset label{
			display: block;
			width: 60px;
			float: left;
			}
			
			#content #right fieldset{
			height: 10px;
			}
			
			#content #right fieldset div{
			margin-bottom: 3px;
			}

#container #footer{
width: 909px;
height:auto;
margin: auto;
margin-left: 30px;
text-align: center;
font-size: 10px;
line-height: 10px;
color: #959595;
clear: both;
}

#phone{
	float: right;
	padding: 10px 30px 0px 10px;
	color: #FFF;
	font-size: 18px;
}

.float-left{
	float:  left;
}

.float-right{
	float: right;
}

.clear{
	clear: both;
}

.required{
	font-family: arial;
	font-weight: bold;
	color: red;
}

.red-box{
	text-align: left;
	border: solid #FF0000 1px;
	margin: 10px 10px 0px 10px;
	background-color: #ffebe8;
	padding: 12px;
}

.yellow-box{
	text-align: left;
	border: solid #FFFF99 1px;
	margin: 10px 10px 0px 0px;
	background-color: #FFFFEA;
	padding: 12px;
}

.red
{
	color: #FF0000;
}

.divider
{
	border-bottom: #999999 1px solid;
}
/* ------------------------------  End: Custom Layout ------------------------------ */
table#cartForm tbody tr.formElement td label.error{
 font-weight:normal;
 font-size:11px;
 font-style:italic;
 color:red;
 display:block;
}
table#cartForm tbody tr.formElement td input.required{
 color:black;
 font-weight:normal;
}
table#cartForm tbody tr.formErrors td p{
 color:red;
}
table#cartForm tbody tr.formErrors td p strong{
 font-weight:bold;
}
table#cartForm tbody tr.formErrors td p ul{}
table#cartForm tbody tr.formErrors td p ul li{}