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

#main-div
{	
	margin:0 auto;
	width:1009px;
	height:auto;
}

#leftside-div
{
	/*
width:24px;
height:1140px;
float:left;
background-image:url(../images/leftside-shadow.jpg);
background-repeat:no-repeat;
*/
}
#middle-div
{
width:966px;
height:auto;
float:left;
background-color:#FFFFFF;
}

#rightside-div
{
	/*
width:19px;
height:1140px;
float:left;
background-image:url(../images/rightside-shadow.jpg);
background-repeat:no-repeat;
*/
}
#top-area
{
	width:966px;
	height:80px;
	background-image:url(../images/final/top-area-bg.gif);
	background-repeat:repeat-x;
}

#middle-banner
{
width:966px;
height:225px;
float:left;
}
#content-area
{
width:966px;
height:auto;
float:left;
background-color:#FFFFFF;
}
#leftside-content-area
{
width:701px;
height:auto;
float:left;
background-color:#FFFFFF;
margin-left:9px;
}
.leftside-content-area
{
	width:635px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
	
	padding-bottom: 16px;
	border:solid #eeeeee;
	border-width:0px 1px 0px 0px;
}
.leftside-padding
{
	margin-left:9px;
}
#leftside-content-area2, .leftside-content-area2
{
width:955px;
height:auto;
float:left;
background-color:#FFFFFF;
margin-left:9px;
}
.blue-text {
	font-family: Arial;
	font-size: 25px;
	font-weight: normal;
	color: #107FE7;
	text-decoration: none;
	font-weight:bold;
}

.green-text {
	font-family: Arial;
	font-size: 21px;
	font-weight: normal;
	color: #5FA414;
	text-decoration: none;
}
.red-text {
	font-family: Arial;
	font-size: 21px;
	font-weight: normal;
	color:#cc0000;
	text-decoration: none;
}

.white-title-text {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.list-grey-text {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	line-height: 14pt;
}
.normal-text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
	line-height: 13pt;
	
}
.normal-text-non-members{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
	line-height: 13pt;
	
}

.city-box
{
width:286px;
height:auto;
float:left;
background-color:#FFFFFF;
padding-left:40px;
padding-top:5px;
padding-bottom:10px;
}

.city-top
{
width:275px;
height:23px;
float:left;
background-image:url(../images/city-top.jpg);
padding-left:11px;
padding-top:5px;
background-repeat:no-repeat;
font: bold 13px Arial, Helvetica, sans-serif;
color:#FFF;
}

.city-middle
{
	width:286px;
	height:auto;
	float:left;
	background-image:url(../images/city-middle.jpg);
	background-repeat:repeat-x;
	background-color:#CECBCB;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #4C4C4C;
	text-decoration: none;
	font:normal 15px Arial, Helvetica, sans-serif;
}

.city-middle ul
{
	/*list-style-image:url(../images/arrow.gif);*/
	margin:0px 0px 0px 23px;
	padding: 0px 0px 7px 0px;	
}
.city-middle ul li
{
	margin:7px 0px 0px 0px;	
}
.city-middle ul li a
{
	text-decoration:none;
	color: #4C4C4C;
}
.city-middle ul li a:hover
{
	text-decoration:underline;
	color:#196dae;
}
.city-bottom
{
	width:280px;
	height:25px;
	float:left;
	background-image:url(../images/city-bottom.jpg);
	background-repeat:repeat-x;
	padding-top:5px;
	padding-right:6px;
	text-align:right;
}
.city-bottom-text
{
	background-image:url(../images/green-arrow.gif);
	background-repeat:no-repeat;
	background-position: -1px 2px;
	color:#FFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding-left:10px;
}
.city-bottom-text a
{
	text-decoration:none;
	color:#FFF;
}
.city-bottom-text a:hover
{
	text-decoration:underline;
}

.white-small-text {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.white-link {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.white-link:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #C4FF12;
	text-decoration: none;
}
#rightside-content-area
{
width:245px;
height:auto;
float:left;
background-color:#FFFFFF;
margin-left:8px;
}
.rightside-content-area
{
    width:320px;
    height:auto;
    float:left;
    background-color:#FFFFFF;
}
.rightside-content-area h3
{
    padding:8px 0px 0px 0px;
	color:#999;
	font-size:16px;
	line-height:22px;
	margin:0;
}

.search-box
{
width:245px;
height:auto;
float:left;
margin-top:10px;
}

.search-box-top
{
	width:244px;
	height:23px;
	float:left;
	background-image:url(../images/search-box-top.jpg);
	padding-left:14px;
	padding-top:5px;
	background-repeat:no-repeat;
}


.search-box-middle
{
width:244px;
height:auto;
float:left;
/*background-image:url(../images/search-box-middle.jpg);
background-repeat:repeat-x;
*/
/*background-color:#196DAE;*/
background-color:#1f7fc9;

}

.search-field-area
{
width:245px;
height:auto;
float:left;
margin-left:11px;
margin-right:11px;
padding-top:8px;
}

.search-go-area
{
width:31px;
height:23px;
float:left;
margin-left:5px;
}

.search-bottom-area
{
width:201px;
height:auto;
float:left;
}

.search-box-bottom
{
width:244px;
height:10px;
float:left;
background-image:url(../images/search-box-bootom.jpg);
background-repeat:no-repeat;
}
#member-signup
{
width:217px;
height:126px;
float:left;
background-image:url(../images/membership-bg.jpg);
margin-top:10px;
padding-top:14px;
padding-left:10px;
padding-right:17px;
}

.grey-box
{
width:245px;
height:auto;
float:left;
margin-top:10px;
}

.grey-box-top
{
width:244px;
height:23px;
float:left;
background-image:url(../images/grey-box-top.jpg);
background-repeat:no-repeat;
padding-left:12px;
padding-top:5px;
}


.grey-box-middle
{
	width:237px;
	height:auto;
	float:left;
	background-image:url(../images/grey-box-middle.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
	padding-left:7px;
}
.grey-box-middle-plain
{
	width:237px;
	height:auto;
	float:left;
	/*background-image:url(../images/grey-box-middle-plain.jpg);
	background-repeat:repeat-x;*/
	background-color:#EAEAEA;
	padding-left:7px;
}
.grey-box-bottom
{
width:244px;
height:13px;
float:left;
background-image:url(../images/grey-box-bottom.jpg);
background-repeat:no-repeat;
}



#button-box
{
width:245px;
height:60px;
float:left;
background-image:url(../images/button.jpg);
background-repeat:repeat-x;
margin-top:10px;
}


#google-box
{
width:245px;
height:600px;
float:left;
margin-top:10px;
}
#footer-area
{
width:966px;
height:70px;
float:left;
margin-top:20px;
text-align:center;
}

#footer-area-top
{
width:966px;
height:auto;
float:left;
background-image:url(../images/footer-bg.jpg);
padding-top:28px;
background-color:#DFDFDF;
background-repeat:repeat-x;
color: #454545;
}



#footer-area-bottom
{
width:966px;
height:9px;
float:left;
background-image:url(../images/footer-bottom.jpg);
}


.footer-link {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	line-height: 14pt;
}
.footer-link:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #848282;
	text-decoration: none;
	line-height: 14pt;
}
.address{
color:#5FA414;
font-family:Arial;
font-size:18px;
font-weight:normal;
text-decoration:none;
}
.coupon-mention {
color:#FF0000;
font-family:Arial;
font-size:15px;
font-weight:normal;
margin-bottom:5px;
margin-top:15px;
text-align:center;
text-decoration:none;
}
h4{
font-size:16px;
}

h3.info
{
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:2px 0px 0px 0px;
	margin:0px;
}
.coupon
{
	padding:10px;
	text-align:center;
	border:dashed 2px #CCC;
	margin:10px;
}
a.coupon-link
{
	text-decoration:none;
}
a.coupon-link:hover
{
	color:#060;
}
a.coupon-link
{
	color:#107FE7;
}

.coupon:hover{
	padding:10px;
	text-align:center;
	border:dashed 2px #CCC;
	color:#060;
	text-decoration:none;
}
.LoginButton {
	background-image: url(../images/login-normal.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 61px;
	border: 0px;
}
.LoginButton:hover {
	background-image: url(../images/login-rollover.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 61px;
	border: 0px;
	cursor:pointer;
}
#addBookmarkContainer
{
	margin:0;
	padding:0;
	color:#333;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
div#ssfnav
{
	width: 966px;
	height: 28px;
	background-image: url(../images/final/navigation-bg.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
	float:left;
}

div#ssfnav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position:relative;
	left: 0px;
	top: 0px;
	background-image: url(../images/navigation3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#ssfnav li
{
	float:left;
	width: 10px;
	height: 48px;
	text-align: center;
}

div#ssfnav li a:link, div#ssfnav li a:visited, div#ssfnav li a:active, div#ssfnav li a:hover {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	text-decoration: none;
	background-image: url(../images/navigation3.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#ssfnav li.nav_home,div#ssfnav li.nav_home_active {
	width: 70px;
	height:28px;
}

div#ssfnav li.nav_home a:link, div#ssfnav li.nav_home a:visited, div#ssfnav li.nav_home a:active {
	background-position: 0px 0px;
}

div#ssfnav li.nav_home a:hover,div#ssfnav li.nav_home_active a:link, div#ssfnav li.nav_home_active a:visited, div#ssfnav li.nav_home_active a:active {
	background-position: 0px -28px;
}

div#ssfnav li.nav_cities,div#ssfnav li.nav_cities_active {
	width: 146px;
	height:28px;
}

div#ssfnav li.nav_cities a:link, div#ssfnav li.nav_cities a:visited, div#ssfnav li.nav_cities a:active {
	background-position: -70px 0px;
}

div#ssfnav li.nav_cities a:hover,div#ssfnav li.nav_cities_active a:link, div#ssfnav li.nav_cities_active a:visited, div#ssfnav li.nav_cities_active a:active {
	background-position: -70px -28px;
}

div#ssfnav li.nav_info,div#ssfnav li.nav_info_active {
	width: 162px;
	height:28px;
}

div#ssfnav li.nav_info a:link, div#ssfnav li.nav_info a:visited, div#ssfnav li.nav_info a:active {
	background-position: -216px 0px;
}

div#ssfnav li.nav_info a:hover,div#ssfnav li.nav_info_active a:link, div#ssfnav li.nav_info_active a:visited, div#ssfnav li.nav_info_active a:active {
	background-position: -216px -28px;
}

div#ssfnav li.nav_sizes,div#ssfnav li.nav_sizes_active {
	width: 120px;
	height:28px;
}

div#ssfnav li.nav_sizes a:link, div#ssfnav li.nav_sizes a:visited, div#ssfnav li.nav_sizes a:active {
	background-position: -378px 0px;
}

div#ssfnav li.nav_sizes a:hover,div#ssfnav li.nav_sizes_active a:link, div#ssfnav li.nav_sizes_active a:visited, div#ssfnav li.nav_sizes_active a:active {
	background-position: -378px -28px;
}

div#ssfnav li.nav_blog,div#ssfnav li.nav_blog_active {
	width: 64px;
	height:28px;
}

div#ssfnav li.nav_blog a:link, div#ssfnav li.nav_blog a:visited, div#ssfnav li.nav_blog a:active {
	background-position: -498px 0px;
}

div#ssfnav li.nav_blog a:hover,div#ssfnav li.nav_blog_active a:link, div#ssfnav li.nav_blog_active a:visited, div#ssfnav li.nav_blog_active a:active {
	background-position: -498px -28px;
}

div#ssfnav li.nav_advertise,div#ssfnav li.nav_advertise_active {
	width: 146px;
	height:28px;
}

div#ssfnav li.nav_advertise a:link, div#ssfnav li.nav_advertise a:visited, div#ssfnav li.nav_advertise a:active {
	background-position: -562px 0px;
}

div#ssfnav li.nav_advertise a:hover,div#ssfnav li.nav_advertise_active a:link, div#ssfnav li.nav_advertise_active a:visited, div#ssfnav li.nav_advertise_active a:active {
	background-position: -562px -28px;
}
#nav-middle-no-banner
{
width:966px;
height:0px;
float:left;
}
#nav-middle-banner
{
width:966px;
height:225px;
float:left;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	border: 0px solid #B4B4B4;
	color: #fff;
	cursor:default;
	background-color: white;
	background-image: url(../images/tab-normal.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.shadetabs li a:visited{
	color: #fff;
	
}

.shadetabs li a:hover{
	cursor:default;
	background-color: fff;;
	background-image: url(../images/tab-rollver.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-decoration: underline;
	color: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
	cursor:default;
	background-color: white;
	background-image: url(../images/tab-rollover.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.shadetabs2{
padding: 3px 0;
margin-left: 10px;
margin-top: 1px;
margin-bottom: 5px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
/*border-bottom:1px #ccc solid;*/
font-family:Arial, Helvetica, sans-serif;
}

.shadetabs2 li{
display: inline;
margin: 0;
}

.shadetabs2 li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 8px 10px;
	margin-right: 0px;
	border: 1px solid #c4c4c4;
	color: #2d2b2b;
	background-color:#ededed;
}

.shadetabs2 li a:visited{
	color: #2d2b2b;
	
}

.shadetabs2 li a:hover{	
	color: #2d2b2b;
	background-color:#e4e4e4;
}

.shadetabs2 li a.selected{ /*selected main tab style */
position: relative;

}

.shadetabs2 li a.selected{ /*selected main tab style */
	/*background-image: url(shadeactive.gif);*/
	background-color:#FFF;
	border-bottom-color:#ffffff;
}

.shadetabs2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent{
display:none;
widht:100%;
height:100%;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontent h2
{
	font:bold 16px Arial, Helvetica, sans-serif;
}
.size_table
{
	font:normal 13px Arial, Helvetica, sans-serif;
}
.bodyheader2
{
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#000000;
	color:#19765F;
	font-weight:bold;
	font-size:12px;
}
.dark_red
{
	color:#990000;
}
.hr1
{
	color:#218bcd;
	background-color: #218bcd; /* mozilla */
	border: 0px; /* fixes mozilla height */
	clear: left;
	color: #218bcd; /* ie */
	height: 2px;
	margin: 2px 0px 3px 0px;
	width:100%;
}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
widht:100%;
height:100%;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(../indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tab_city
{
	border:1px solid #B4B4B4;
	width:98%;
	margin-bottom: 1em;
	padding: 4px;
}


div#ssfnavmember ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position:relative;
	left: 0px;
	top: 0px;
}
div#ssfnavmember li
{
	float:left;
	width: 10px;
	height: 48px;
	text-align: center;
}

div#ssfnavmember li a:link, div#ssfnavmember li a:visited, div#ssfnavmember li a:active, div#ssfnavmember li a:hover {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	text-decoration: none;
	background-image: url(../images/navigation-member.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#ssfnavmember li.nav_home,div#ssfnavmember li.nav_home_active {
	width: 150px;
	height:48px;
}

div#ssfnavmember li.nav_home a:link, div#ssfnavmember li.nav_home a:visited, div#ssfnavmember li.nav_home a:active {
	background-position: 0px 0px;
}

div#ssfnavmember li.nav_home a:hover,div#ssfnavmember li.nav_home_active a:link, div#ssfnavmember li.nav_home_active a:visited, div#ssfnavmember li.nav_home_active a:active {
	background-position: 0px -48px;
}

div#ssfnavmember li.nav_edit,div#ssfnavmember li.nav_edit_active {
	width: 138px;
	height:48px;
}

div#ssfnavmember li.nav_edit a:link, div#ssfnavmember li.nav_edit a:visited, div#ssfnavmember li.nav_edit a:active {
	background-position: -150px 0px;
}

div#ssfnavmember li.nav_edit a:hover,div#ssfnavmember li.nav_edit_active a:link, div#ssfnavmember li.nav_edit_active a:visited, div#ssfnavmember li.nav_edit_active a:active {
	background-position: -150px -48px;
}

div#ssfnavmember li.nav_photo,div#ssfnavmember li.nav_photo_active {
	width: 108px;
	height:48px;
}

div#ssfnavmember li.nav_photo a:link, div#ssfnavmember li.nav_photo a:visited, div#ssfnavmember li.nav_photo a:active {
	background-position: -288px 0px;
}

div#ssfnavmember li.nav_photo a:hover,div#ssfnavmember li.nav_photo_active a:link, div#ssfnavmember li.nav_photo_active a:visited, div#ssfnavmember li.nav_photo_active a:active {
	background-position: -288px -48px;
}

div#ssfnavmember li.nav_report,div#ssfnavmember li.nav_report_active {
	width: 117px;
	height:48px;
}

div#ssfnavmember li.nav_report a:link, div#ssfnavmember li.nav_report a:visited, div#ssfnavmember li.nav_report a:active {
	background-position: -396px 0px;
}

div#ssfnavmember li.nav_report a:hover,div#ssfnavmember li.nav_report_active a:link, div#ssfnavmember li.nav_report_active a:visited, div#ssfnavmember li.nav_report_active a:active {
	background-position: -396px -48px;
}

div#ssfnavmember li.nav_profile,div#ssfnavmember li.nav_profile_active {
	width: 173px;
	height:48px;
}

div#ssfnavmember li.nav_profile a:link, div#ssfnavmember li.nav_profile a:visited, div#ssfnavmember li.nav_profile a:active {
	background-position: -513px 0px;
}

div#ssfnavmember li.nav_profile a:hover,div#ssfnavmember li.nav_profile_active a:link, div#ssfnavmember li.nav_profile_active a:visited, div#ssfnavmember li.nav_profile_active a:active {
	background-position: -513px -48px;
}

div#ssfnavmember li.nav_ssfhome,div#ssfnavmember li.nav_ssfhome_active {
	width: 180px;
	height:48px;
}

div#ssfnavmember li.nav_ssfhome a:link, div#ssfnavmember li.nav_ssfhome a:visited, div#ssfnavmember li.nav_ssfhome a:active {
	background-position: -686px 0px;
}

div#ssfnavmember li.nav_ssfhome a:hover,div#ssfnavmember li.nav_ssfhome_active a:link, div#ssfnavmember li.nav_ssfhome_active a:visited, div#ssfnavmember li.nav_ssfhome_active a:active {
	background-position: -686px -48px;
}

div#ssfnavmember li.nav_logout,div#ssfnavmember li.nav_logout_active {
	width: 100px;
	height:48px;
}

div#ssfnavmember li.nav_logout a:link, div#ssfnavmember li.nav_logout a:visited, div#ssfnavmember li.nav_logout a:active {
	background-position: -866px 0px;
}

div#ssfnavmember li.nav_logout a:hover,div#ssfnavmember li.nav_logout_active a:link, div#ssfnavmember li.nav_logout_active a:visited, div#ssfnavmember li.nav_logout_active a:active {
	background-position: -866px -48px;
}
#greenbar-number{
	text-align:right;
	color:#FFF;
	font-size:14px;
}