/* Genral class used to give style to Text on all Pages*/
body
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #60584B;
	background-color: #F6F2D5;
}
/* Class used to align center the main container of project on all browsers*/
#Main
{
	width: 1024px;
	height: auto;
	float: left;
	background-color: #F6F2D5;
}
/* Class use for header on Master and Home Page*/
#Header
{
	width: 1024px;
	height: 93px;
	background-image: url(../Images/Logoleft.jpg);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for logo link on the master page*/
.HeaderLink
{
	position:absolute;
	float:left;
	width:450px;
	height:93px;
	cursor:pointer;
}
/*Class used to give background image in between Header links and Middle container on All Pages*/
.MiddleBgImage
{
	width: 1024px;
	height: 39px;
	float: left;
	background-image: url(../Images/GrayBg.jpg);
	background-repeat: repeat-x;
	margin: -3px 0 0 0px;
}
/*Class used for header navigation links on Master and Home Page*/
#Nav
{
	margin-top: 17px;
	width: 1024px;
	float: left;
	height: auto;
}
#Nav ul
{
	margin: 0px;
	padding: 0px;
}
#Nav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* Class used for middle container on Master and Home Page*/
.MiddleContainer
{
	width: 953px;
	min-height: 350px;
	float: left;
	margin: 0px 10px 0px 55px;
	padding-bottom: 15px;
}
*html.MiddleContainer
{
	width: 953px;
	height: 350px;
	float: left;
	margin: 23px 10px 0px 55px;
	padding-bottom: 15px;
}
/*Class used for panel container on all pages*/
.PanelContainer
{
	width: 953px;
	height: auto;
	float: left;
}
/*Class used for left container on Master and Home Page*/
.LeftContainer
{
	width: 326px;
	float: left;
	height: auto;
}
/* Class used for heading of text in left container on Home Page*/
.LeftContainerHeadingText
{
	font-size: 24px;
	color: #B02B24;
	float: left;
	width: 326px;
	height: auto;
	font-family:Helvetica;
}
/* Class used for heading of text in left container text on Home Page*/
.LeftContainerText
{
	font-family:Georgia;
}
/* Class used to give subheading text in left container on Home Page*/
.LeftContainerSubHeadingText
{
	width: 326px;
	height: auto;
	float: left;
	font-size: 12px;
	font-style: italic;
	margin: 15px 0px 20px 0px;
}
/* Class used for separation line in left container of Home Page*/
.SeparationLine
{
	width: 315px;
	float: left;
	height: auto;
	margin: 20px 0px 15px 0px;
}
/*Class used for giving  news text area  in left container of Home Page*/
.NewsContainer
{
	width: 326px;
	height: auto;
	float: left;
	
	margin-top: 15px;
}
/*Class used to give  News Text the on Home Page*/
.NewsText
{
	width: 300px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 0px;
}

/* Class used for star image or bullets in front of news text on Home Page*/
.NewsTextBullet
{
	width: 20px;
	height: 12px;
	float: left;
	background-image: url(../Images/bullet_red.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
}
/* Class used for right container on Master and Home Page*/
.RightContainer
{
	width: 605px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 20px;
}
/* Class used for top image in right cotainer on Home Page*/
.RightContainerTopImage
{
	width: 604px;
	float: left;
	height: 358px;
	background-repeat: no-repeat;
}
/*Class used for bottom image in right container on Home Page*/
.RigthContainerBottomImage
{
	margin-top: 20px;
	width: 606px;
	height: 151px;
	float: left;
	background-image: url(../Images/YellowBgImage.jpg);
	background-repeat: no-repeat;
}
/*Class used for advertisement header text in right container on bottom image of Home Page*/
.AdvertisementHeaderText
{
	font-size: 21px;
	color: #FFFDFB;
	float: left;
	width: 400px;
	height: auto;
	font-weight: bold;
	margin: 15px 0px 5px 23px;
}
/*Class used for advertisement text on home page*/
.AdvertisementText
{
	width: 410px;
	float: left;
	height: auto;
	color: #FFFDFB;
	margin-left: 23px;
	line-height: 17px;
	font-size: 11px;
}
/*Class used for footer container on Home Page*/
#Footer
{
	width: 953px;
	height: auto;
	float: left;
	margin: 0px 10px 0px 55px;
	padding-bottom: 10px;
}
/*class used for content of footer in footer container on Home Page*/
#FooterContent
{
	float: right;
	width: 720px;
	text-align: left;
	height: auto;
	color: #B02B24;
	font-size: 9px;
}
/* class used for email link on footer of Home Page*/
.FooterEmail
{
	text-decoration: none;
	color: #B02B24;
}
.FooterEmail:hover
{
	text-decoration: underline;
	color: #B02B24;
}
/* Class used for star image or bullets in footer text on Home and Master Page*/
.FooterTextBullet
{
	width: 20px;
	height: 12px;
	float: left;
	background-image: url(../Images/bullet_red.jpg);
	background-repeat: no-repeat;
}
/*Class used to give black color to the footer separator*/
.FooterSeparator
{
	color: #000;
}
/* These class are used for Designer's Gallery Page*/

a.navi
{
	margin-top: 55px;
}
/*** override styling in external stylesheets ***//* remove margins from the image */
.items img
{
	margin: 0;
}
/* make A tags our floating scrollable items */
.items a
{
	display: block;
	float: left;
	margin: 15px;
}

/* tooltip styling */
#tooltip
{
	display: none;
	background: url(img/black_arrow.png);
	font-size: 12px;
	height: 70px;
	width: 160px;
	padding: 25px;
	color: #fff;
}
/* scrollable should not disable gallery navigation */
#gallery .disabled
{
	visibility: visible !important;
}
#gallery .inactive
{
	visibility: hidden !important;
}
/* Class used for page title or page heading on all pages*/
.PageHeader
{
	width: 950px;
	float: left;
	height: auto;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	font-size: 16px;
	border-bottom: solid 1px #C78B1B;
	color: #B02B24;
	margin: 0px 0px 10px 0px;
}
/* Class used for Vendors Page Style*/
#image_wrap
{
	border: solid 2px #fff;
	text-align: center;
	background-color: #fff;
	margin: 15px 0px 15px 0px;
	outline-style: solid;
	outline-color: #ddd;
	outline-width: 1px;
	width: 676px;
	-moz-ouline-radius: 4px;
}

/*Class used for center aligning the content on all pages*/
.CenterAlign
{
	float: left;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
}
/* Class used for link Back button on News Detail Page*/
.NewsDetailBackButton
{
	width: 943px;
	height: auto;
	float: left;
	text-align: right;
}
/* Class used for arrow in front of  link Back button on News Detail Page*/
.Arrow
{
	color: #B02B24;
}
/*Class used to give the News List Link style on the News page. */
.NewsListHomeLink
{
	float: left;
	line-height: 18px;
	color: #645C51;
	text-decoration: none;
	margin-bottom: 3px;

}
.NewsListHomeLink:hover
{
	float: left;
	line-height: 18px;
	color: #C22E25;
	text-decoration: none;
	margin-bottom: 3px;

}

/* Class used for Home Link area in Top navigation */

a.HomeHover
{
	width: 65px;
	height: 33px;
	display: block;
	clear: both;
	float: left;
	margin-left: 3px;
}
/* Class used for AboutUs Link area in Top navigation */
a.AboutUsHover
{
	width: 65px;
	height: 33px;
	float: left;
}
/* Class used for Partners Link area in Top navigation */
a.DesignerHover
{
	width: 65px;
	height: 33px;
	float: left;
}
/* Class used for Sale Link area in Top navigation */

a.SaleHover
{
	width: 65px;
	height: 33px;
	float: left;
}
/* Class used for Testimonials Link area in Top navigation */
a.TestimonialsHover
{
	width: 65px;
	height: 33px;
	float: left;
}
/* Class used for all label messages to al;ign center*/
.CenterLabel
{
	width: 676px;
	height: 15px;
	float: left;
	text-align: center;
}
/* class used for email link on footer of Home Page*/
a
{
	text-decoration: none;
	color: #B02B24;
}
a:hover
{
	text-decoration: underline;
	color: #B02B24;
}
/*Class used to give the font color to the text on the website*/
.GoldColorText
{
	color:#D2A00D;
}
/*Class used to give the font color to the header text on the How it works page */
.WorksHeaderText
{
	color:#D2A00D;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}
.WorksHeaderText:hover
{
	color:#D2A00D;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}
/*Class used to give the font color to the Left header text on the How it works page */
.WorksHeaderLeftText
{
	color:#D2A00D;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}
.WorksHeaderLeftText:hover
{
	color:#D2A00D;
	text-decoration:underline;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}

/*Class used to give the Content Area on the all pages*/
.ContentArea
{
	width: 943px;
	height: auto;
	float: left;
	margin: 43px 16px 0px 55px;
}
/*Class used to give the Left Panel Area on the Vendors page*/
.VendorLeftPanel
{
	width: 250px;
	height: auto;
	float: left;
}
/*Class used to give the space between Left Panel Area and Right Panel Area on the Vendors page*/
.VendorSpacer
{
	width: 15px;
	height: 300px;
	float: left;
}
/*Class used to give the Left Panel Area on the Vendors page*/
.VendorRightPanel
{
	width: 676px;
	height: auto;
	float: left;
	
}
/*Class used to give the Vendor Title style on the Vendors page.*/
.VendorTitle
{
	font-size: 16px;
padding-bottom:12px;
	float: left;
	color: #C22E25;
	font-family:Helvetica;
}
/*Class used to give the Vendor text area on the Vendors page.*/
.VendorText
{
	padding:12px 0 0 0;
	float: left;
	height: auto;
	width: 250px;

}
/*Class used to give the Vendor List style on the Vendors page. */
.VendorList
{
	width: 240px;
	height: auto;
	float: left;
	text-decoration:none;
}
/*Class used to give the Vendor List Link style on the Vendors page. */
a.VendorListLink
{
	float: left;
	line-height: 20px;
	color: #645C51;
	text-decoration: none;
}
a.VendorListLink:hover
{
	float: left;
	line-height: 20px;
	color: #C22E25;
	text-decoration: none;
}
/*Class used to give the Vendor List selected link style on the Vendors page. */
a.VendorListLinkHover
{
	float: left;
	line-height: 20px;
	color: #C22E25;
	text-decoration: none;
}
/*Class used to give the bottom spacer after the vendor list on vendors page*/
.VendorBottomSpacer
{
	width: 250px;
	height: 30px;
	float: left;
}
/*Class used to give the Right Top Area on vendors page*/
.VendorRightTopArea
{
	width: 676px;
	height: auto;
	float: left;
	

}
/*Class used to give the Image Thumbnail area in Top Right container on vendors page*/
.VendorThumbnail
{
	width: 50px;
	margin: 10px;
	height: 50px;
	float: left;
	border: solid 1px #C6C0AD;
	background-color: #EBEBEB;
}
/*Class used to give the Right Bottom Area on vendors page*/
.VendorRightBottomArea
{
	width: 676px;
	height: 400px;
	float: left;
	border: solid 1px #C6C0AD;
	background-color: #fff;
	
}
/* class used for expanded image container after thumbnail click on Vendor Page*/
.VendorExpandedImage
{
	float:left;
	width:676px;
	height:auto;
	margin:0px 0px 0px 0px;
	
	}
/*Class used to give the News Content Area on News Page*/
.NewsContent
{
	width: 240px;
	height: auto;
	float: left;
}
/*Class used to give the News Bullet Area with Bullet Image on News Page*/
.NewsBullet
{
	background-image: url(../Images/bullet_red.jpg);
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
	float: left;
	margin-top: 5px;
}
/*Class used to give the News Text Area on News Page*/
.NewsContentText
{
	width: 215px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 5px;
}

/*Class used to give the News List Link style on the News page. */
.NewsListLink
{
	float: left;
	line-height: 20px;
	color: #645C51;
	text-decoration: none;
	margin-bottom: 5px;

}
.NewsListLink:hover
{
	float: left;
	line-height: 20px;
	color: #C22E25;
	text-decoration: none;
	margin-bottom: 5px;
}
.NewsListLinkSelected
{
		float: left;
	line-height: 20px;
	color: #C22E25;
	text-decoration: none;
	margin-bottom: 5px;
}
/*Class used to give style to the */
.NewsTitle
{
	font-size:13px;
	font-weight:bold;
	color:#C22E25;
	margin-bottom:20px;
}
/*Class used to give message color in whole website*/
.Msg
{
	color:Red;
}
/*Class used to give style to the link button text*/
.BackLinkButtonText
{
	color:#C22E25;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
.BackLinkButtonText:hover
{
	color:#C22E25;
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
}
/*Class used in the on sale frontend page in div spaceing*/
.OnSaleDivSpacer
{
float:left ;
text-align:left;
padding-bottom:15px;
}
/*Class used to give the Vendor text area on the Vendors page.*/
.VendorBottomText
{
	margin: 15px 0px 0px 0px;
	float: left;
	height: auto;
	width: 250px;

}
/*Class used for the link and hover colr on vador page front end.*/
.VendorNameContainer
{
	width:240px;float:left;
}
.VendorLeafContainer
{
	width:18px;height:17px;float:left;
	}
.LinkContainer
{
	float:left;
	width:219px;
	}
.LinkContainerLink
{
	text-decoration:none;
	
}
.LinkContainerLink:hover
{
	text-decoration:underline;
	
}
/* End Class for the vendor page fornt end*/