/* 
	Author : Raj Kumar Bharti
	Creation Date : Jan 08th 2008
	Created For : FamilyGroupVision
	Company: Mudra IT Solutions
	Copyright 2009
*/

/*----------- GENERAL SETTINGS -----------*/
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#33333;
	line-height:22px;
	text-align:justify;
	background:#333;
}

h1, h2, ul, li, form{
	margin:0;
	padding:0;
}
h1{
	margin:10px 0;
	padding-bottom:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#32507C;
	border-bottom:1px dotted #ccc;
}
h2{
	margin:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#32507C;
}
h3{
	margin:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#32507C;
}
p{margin:13px 0;}
a{
	color:#FF6600;
	text-decoration:none;
}
a:hover{
	color:#FF6600;
	text-decoration:underline;
}
a img{border:0;}

#main{
	margin:auto;
	width:1000px;
}

/*----------- Round Corner Settings -----------*/
.top, .bottom{
	margin:0 13px;
	background:#ffffff;
}
.center{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#ffffff;
}
.top{border-top:1px solid #cccccc;}
.bottom{border-bottom:1px solid #cccccc;}

.top .left{
	margin:-1px 0 0 -13px;
	float:left;
	background:url(images/top-left-corner.png) no-repeat;
	width:13px;
	height:20px;
}
.top .right{
	margin:-1px -13px 0 0;
	float:right;
	background:url(images/top-right-corner.png) no-repeat;
	width:13px;
	height:20px;
}
.bottom .left{
	margin:0 0 -1px -13px;
	float:left;
	background:url(images/bottom-left-corner.png) no-repeat;
	width:13px;
	height:20px;
}
.bottom .right{
	margin:0 -13px -1px 0;
	float:right;
	background:url(images/bottom-right-corner.png) no-repeat;
	width:13px;
	height:20px;
}

/*----------- header -----------*/
#header{margin-top:10px;}
#logo{margin:-5px 0 0 10px;}
#shopLogo img{
	margin:0 8px -8px 0;
	float:right;
}

/*----------- round corners -----------*/
#navTopCorners, #contentTopCorners{margin-top:10px;}
#navTopCorners, #navBottomCorners{
	float:left;
	width:240px;
}
#contentTopCorners, #contentBottomCorners{
	float:right;
	width:750px;
}
#navCenter{
	float:left;
	width:239px;
	border-right:10px solid #333;
}
#contentCenter{
	float:left;
	margin-left:-10px;
	padding-left:20px;
	width:710px;
	border-left:10px solid #333;
}

/*----------- navigation -----------*/
#navCenter h2{
	margin:15px 15px 5px 15px;
	padding-bottom:4px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#333333;
	border-bottom:1px dotted #999;
}
#navCenter ul{
	margin:0 15px 0 15px;
	list-style:none;
}

#navCenter ul a{
	display:block;
	padding:3px 0;
	color:#ff6600;
	text-decoration:none;
	border-bottom:1px solid #f0f0f0;
}
#navCenter ul a:hover{
	color:#000;
	text-decoration:none;
}
#onlineAppoinment{
	margin:40px 0 30px 0;
	text-align:center;
}
#address{
	margin-left:15px;
	font-size:12px;
	color:#444;
	line-height:20px;
}
#ads{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:20px;
	color:#32507C;
}
#ads .content{margin:40px 15px 5px 15px;}

/*----------- content area -----------*/
#contentCenter ul{margin:10px 0 0 40px;}
#alert{
	margin:20px 0;
	padding:6px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#cc0000;
	text-align:center;
	line-height:40px;
	border:1px dotted #FFB3B3;
	background:#FFEAEA;
}
#thought{
	padding:6px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border:1px dotted #ccc;
	background:#f9f9f9;
}
#spokeperson{
	font-style:italic;
	font-weight:bold;
}
.imgFloat{
	float:left;
	margin:0 10px 10px 0;
}
.imgSpacing{padding:0 20px;}
.imgSpacing2{padding:0 2px;}
#flash{
	float:left;
	margin:0 15px 15px 0;
}
#addressFloat{
	float:left;
	margin-right:200px;
}
.insuranceImgBorder{
	margin:10px 0;
	padding:10px 0;
	text-align:center;
	border:1px solid #ccc;
	width:300px;
}
#logoCenter{
	margin:auto;
	width:310px;
}
.products{margin:20px 0;}
.products .border{
	border:1px solid #ccc;
	width:320px;
	padding:4px 8px;
}
.products .details{
	float:left;
	width:235px;
}
.products .price{
	color:#cc0000;
	font-weight:bold;
}
.products .rebate{
	padding:2px 6px;
	color:#cc0000;
	font-size:12px;
	background:#FFE6E6;
}
.products a{
	color:#ff6600;
	text-decoration:underline;
}
.products a:hover{
	color:#ff6600;
	text-decoration:none;
}
.products .return{
	margin-top:10px;
	font-size:12px;
	text-align:right;
	
}
.products .return a{
	color:#fff;
	padding:4px 8px;
	background:#000;
	text-decoration:none;
}
#onlineAppoinmentCenter{margin-top:10px;}
#horNav{
	padding:5px 0;
	margin-bottom:40px;
	color:#ccc;
	font-size:14px;
	background:#fcfcfc;
	border-top:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
}
#horNav a:hover{
	color:#000;
	text-decoration:none;
}
#horNav ul{list-style:none;text-align:center;}
#horNav ul li{
	display:inline;
	padding:0 4px;
}
#onlineHeadingWidth{
	width:800px; 
	margin:0 auto 20px auto;
}
#contentArea{margin:0 15px;}
#flashApp{
	margin:auto;
	width:780px;
	padding:20px 0 0 20px;
	background:#F8F8F8;
}


/*----------- footer -----------*/
#footer{
	margin:10px 0;
	font-size:12px;
	color:#fff;
	text-align:center;
}

/*----------- common class -----------*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.underline{text-decoration:underline;}
.italic{font-style:italic;}
.lineHeight-1px{line-height:1px;}
.lineHeight-5px{line-height:5px;}
.lineHeight-10px{line-height:10px;}
.horLine{
	border-top:1px solid #ccc;
	margin:30px 0;
}