@charset "utf-8";
/* CSS Document */
.clear{ clear:both;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
a{ color:#666666; text-decoration:none !important;}
a:hover{ color:#cc3366 !important;}
.clear {
	clear:both; 
}
.containerJohnson{
	width:960px;
	margin:auto;
	background-color:#FFFFFF;
	}
	
/*Header Styles STARTS Here*/
.header{
	background: url(../images/img_header_bgr.gif) 0px 0px no-repeat;
	height:73px;
}
.headerWelcome{
	background:url(../images/img_welcome_bgr.jpg) 0px 0px no-repeat;
	height:73px;
}
.headerWhrToFind{
	background: url(../images/img_wh_to_find_bgr.gif) 0px 0px no-repeat;
	height:73px;
}
.logo{
	float:left;
	height:30px;
	width:250px;
	padding:26px 0px 0px 20px;
}
.nextlogo
{
    width: 450px;
}
.headerNav{
	float:right;
	font-size:11px;
	color:#FFFFFF;
	width:160px;
	padding:13px 20px 0px 0px;
}
.headerNav img{ vertical-align:bottom;}
.myBasket{ 
	padding:0px 0px 5px 0px;
	height:20px;
	margin-bottom:5px;
}

.basket{float:left;	}
.itemCount{float:right;}
.signIn{ float:left;}	
.register { float:right;}
.signIn a:hover, .register a:hover, .basket a:hover{ color:#fff !important;}

/*Header Styles ENDS Here*/

/* Body CSS starts here */

.mainContent {
	width:921px;
	margin:0px auto;
	color:#666666;
	font-size:11px;
}
.mainContentInner {
	width:921px;
	margin:0px auto;
	color:#666666;
	font-size:11px;
}
.topSubNav {
	padding:6px 0px 0px 0px;
}
a.ttlSubLinkOn {
	color:#cc3366;
	font-size:11px;
	text-decoration:none;
}
a.ttlSubLinkOn:hover {
	text-decoration:underline;
}
a.ttlSubLinkOff {
	color:#666666;
	font-size:11px;
	text-decoration:none;
}
a.ttlSubLinkOff:hover {
	text-decoration:underline;
}
.breadCrumb {
	color:#cccccc;
	font-size:10px;
	padding:3px 0px 2px 0px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.breadCrumb a {
	color:#cccccc;
	font-size:10px;
	text-decoration:underline;
}
.breadCrumb a:hover {
	color:#cccccc;
	font-size:10px;
	text-decoration:none;
}
.ttlContent {
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
	padding:3px 0px 4px 0px;
	margin:2px 0px 5px 0px;
}

.ttlInnerContent {
	padding:3px 0px 2px 0px;
}
.leftBracket {
	float:left;
	width:22px;
}
.ttlImg {
	float:left;
	width:200px;
	padding:7px 0px 0px 0px;
}
.ttlTxt {
	float:right;
	background:url(../images/ttl_right_bracket.gif) no-repeat right top;
	padding:0px 25px 7px 0px;
	width:438px;
}
.bracketContent {
	width:390px;
	float:left;
	padding:0px 0px 0px 6px;
}
.bracketTxt {
	float:left;
	padding:0px 25px 0px 0px;
}
.bracketContactTxt {
	width:201px;
	float:left;
	padding:0px 0px 0px 0px;
}
.bracketContactRtTxt {
	width:161px;
	float:left;
	padding:0px 0px 0px 0px;
}
.bracketTxt a {
	text-decoration:none;
	color:#666666;
}
.bracketTxt a:hover {
	text-decoration:underline;
	color:#666666;
}
.spacingInner {
	padding:3px 0px 0px 0px;
	float:left;
	height:38px;
	width:14px;
}
.ttlInner {
	padding:7px 0px 6px 0px;
}
.ttlInspire {
	padding:5px 0px 6px 0px;
}
.ttlSubHeader {
	width:290px;
	padding:5px 0px 6px 0px;
	float:left;
}
.newsContent {
	float:left;
	width:280px;
	font-size:11px;
}
.newsContent span {
	font-size:12px;
}
.newsLink {
	padding:35px 0px 0px 0px;
	text-align:right;
	float:right;
}
.newsLink a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.newsLink a:hover {
	text-decoration:underline;
}
.dateContent {
	color:#6699cc;
	float:right;
	padding:13px 4px 0px 0px;
}
.imgInspire {
	float:left;
	padding:0px 13px 0px 0px;
}
.spacing {
	background:url(../images/img_spacing.gif) left top no-repeat;
	float:left;
	height:31px;
	width:14px;
}
.linkSave {
	margin:4px 0px 0px 0px;
	float:right;
}
.linkSave a {
	font-size:11px;
	color:#666666;
	background:url(../images/tickmark.gif) no-repeat right top;
	padding:0px 20px 0px 0px;
	text-decoration:none;
}
.linkSave a:hover {
	text-decoration:underline;
}
.colPrefContent {
	background:url(../images/bg_col_pref.gif) repeat-x;
	width:923px;
	border-bottom: 1px solid #ccc;
}
.colPrefContent label.radio-on 
{
    background: url('../images/ico_radio_on.gif') no-repeat 0 50%;
    padding-left:18px; padding-right:0; padding-top:0; padding-bottom:0
}
.colPrefContent label.radio-off
{
    background: url('../images/ico_radio_off.gif') no-repeat 0 50%;
    padding-left:18px; padding-right:0; padding-top:0; padding-bottom:0
}
.colPrefLeft {
	float:left;
	width:273px;
	padding:0px 12px 0px 1px;
}
.colorOptions {
	padding:30px 0px 0px 1px;
}
.colorPallete {
	float:left;
	width:218px;
}
.colorTtl {
	color:#666666;
	font-size:11px;
	float:left;
	width:32px;
}
.colorBtn {
	margin-top:-1px;
	float:left;
}
.moreOptBottomLine{
	height:30px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom left;
}
.moreOption {
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
	float:right;
	width:635px;
	
}
.moreOptionContent {
	height:41px;
}
.ttlMoreOpt {
	width:199px;
	float:left;
}
.ttlMoreOptImg {
	padding:0px 0px 0px 11px;
}
.moreOptHeaderLinks {
	margin:5px 0px 0px 0px;
	font-size:12px;
}

/* */

.moreOptHeaderLinks ul{
	width: 100%;
	padding: 0px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}
.moreOptHeaderLinks ul li{
	display: inline;
}
.moreOptHeaderLinks ul li a{
	float:left;
	color: #666666;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	background: url(../images/bg_more_opt.gif) right bottom no-repeat; /*THEME CHANGE HERE*/
	height:17px;
	text-decoration: none;
}
.moreOptHeaderLinks ul li a:hover, .moreOptHeaderLinks ul li a.selected:link, .moreOptHeaderLinks ul li a.selected:visited{
	color:#cc3366;
}
.moreOptHeaderLinks ul li a.last  {
	float:left;
	color: #cc3366;
	padding: 0px 14px 0px 14px;
	margin: 3px 0px 0px 0px;
	background:none;
	height:17px;
	text-decoration: none;
}
.moreOptHeaderLinks ul li a.lastOn  {
	float:left;
	color: #666666;
	padding: 0px 14px 0px 14px;
	margin: 3px 0px 0px 0px;
	background:none;
	height:17px;
	text-decoration: none;
}
.moreOptHeaderLinks ul li a.firstOn{
	float:left;
	color: #cc3366;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	background: url(../images/bg_more_opt.gif) right bottom no-repeat; /*THEME CHANGE HERE*/
	height:17px;
	text-decoration: none;
}

/* */

a.moreOptHeaderLinksOn {
	font-family: "Gill Sans", Arial, sans-serif;
	color:#666666;
	text-decoration:none;
	font-size:12px;
}
a.moreOptHeaderLinksOff {
	font-family: "Gill Sans", Arial, sans-serif;
	color:#cc3366;
	text-decoration:none;
	font-size:12px;
	background:none;
}
.colorCat {
	font-family: "Gill Sans", Arial, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
	width:265px;
	text-align:right;
	/*height:10px;*/
	float:inherit;
	color:#cc3366;
}
.topnav {
	width:704px;
	height:20px;
	vertical-align:middle;
	float:left;
}
a.topnav:link, a.topnav:visited {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.topnav:hover {
	color:#fff;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.brderright {
	color:#cc3366;
	font-family: "Gill Sans", Arial, sans-serif;
	font-size:12px;
	float:left;
	height:15px;
	padding-top:3px;
}
.navhover {
	background-color:#f3f3f3;
	font-family: "Gill Sans", Arial, sans-serif;
	font-size:12px;
	color:#000;
	cursor:pointer;
	float:left;
	height:15px;
	padding-top:3px;
}
a.links
{
	font-family: "Gill Sans", Arial, sans-serif;
	font-size: 10px;
	color: #111111;
	background-color: #FFFFFF;
	text-decoration: none;
	z-index:0;
	padding-left: 6px;
}
.colorCat a {
	text-decoration:none;
	color:#cc3366;
}
.colorCat1 {
	width:81px;
	float:left;
}
.colorCat2 {
	width:103px;
	float:left;
}
.colorCat3 {
	width:120px;
	float:left;
}
.colorCat4 {
	width:79px;
	float:left;
}
.colorCat5 {
	width:140px;
	float:left;
}
.colorCat6 {
	width:116px;
	float:left;
}
.colorCat7 {
	width:64px;
	float:left;
}
.searchSpacer {
	width:1px;
	height:18px;
}
.quickFind {
	float:left;
	width:255px;
	*width:255px;
	padding:7px 0px 0px 0px;
}
.quickFindHeader {
	width:50px;
	color:#666666;
	font-size:11px;
	float:left;
	padding:0px 0px 0px 0px;
}
.QckFindTxtArea {
	margin:-3px 0px 0px 0px;
	float:left;
	
}
.qckFindBtn {
	float:left;
	padding:0px 0px 0px 0px;
}
.inputTxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 10px;
	border: #c4c4c4 1px solid; 
	background-color: #ffffff;
	color: #272626;
}
.searchOpt {
	float:right;
	padding:0px 23px 0px 0px;
	text-align:right;
}
.searchOpt a {
	font-size:11px;
	text-decoration:none;
	background:url(../images/btn_search.gif) no-repeat right top;
	color:#666666;
	padding:0px 20px 2px 0px;
	line-height:17px;
}
.moreOptLinks {
	margin:0px 0px 0px 0px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x top left;
	padding:3px 0px 0px 0px;	
	clear:both;
}
.moreColorTtl {
	color:#666666;
	font-size:11px;
	float:left;
}
.moreColorBtn {
	margin-top:-1px;
	margin-right:21px;
	float:left;
}
.colorShade {
	padding:9px 0px 2px 0px;
}
.noRecordsColorShade 
{
	height:100px;
	font-size:13px;

}
.colorHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	font-style:italic;
	text-align:center;
	padding:0px 0px 8px 0px;
}
.colorHeader a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	font-style:italic;
	text-decoration:underline !important;
}
.colorHeader a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
}
.color 
{
	width:75px;
	*width:75px;
	float:left;
}
.colorBlockLt {
	width:38px;
	float:left;
	padding:0px 0px 6px 0px;
}
.colorBlockRt {
	float:left;
	padding:0px 0px 6px 0px;
}
.colorshadeSpacing {
	width:0px;
	*width:2px;
	float:left;
}
#divPersonalDetails {
	padding:0px 30px 0px 30px;
	font-size:11px;
	color:#666666;
}
#divPersonalDetails input {
	font-size:11px;
	border:1px solid #cccccc;
}
#divPersonalDetails select {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}
.divPersonal {
	border: 1px solid #cccccc;
	color:#666666;
}
.divPersonal input {
	font-size:11px;
	border:1px solid #cccccc;
	color: #ffffff;
}
#btnClear input {
	font-size:11px;
	border:1px solid #cccccc;
	color: #ffffff;
}
#divButtons {
	font-size:11px;
	color:#666666;
}
.ttlMaterials {
	border-bottom: #cccccc 1px solid;
	background-color:#666666;
	text-align:left;
	padding:4px;
}
.ttlMaterials TH {
	padding:4px;
}
a.dgSuppQuotListLink {
	font-size: 11px;
	text-decoration:none;
	color:#ffffff;
	line-height:22px;
}
a.dgSuppQuotListLink:hover {
	text-decoration:underline;
	color:#ffffff;
}
a.materialLink {
	color: #ee2b81; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight:bold;
}
a.materialLink:hover {
	color: #ee2b81; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}
a.materialHeaderLink {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight:bold;
}
a.materialHeaderLink:hover {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}
#materialMaster {
	font-size:11px;
	color:#666666;
}
#materialMaster td {
	padding:4px;
	font-size:11px;
	color:#666666;
}
#materialMaster a {
	text-decoration:underline;
}
#materialMaster a:hover {
	text-decoration:none;
}
#ctl00_ContentPlaceHolder1_dgSuppQuotListPgNum {
	font-size: 8pt; 
	font-family: Arial; 
}
#ctl00_ContentPlaceHolder1_dgSuppQuotListPgNum input {
	border: 1px solid #cccccc;
	font-size: 7pt; 
	font-family: Arial; 
	height: 15px;
}
#ctl00_ContentPlaceHolder1_dgSuppQuotListPgCount input {
	border: 1px solid #cccccc;
	font-size: 7pt; 
	font-family: Arial; 
	height: 15px;
}
.masterOn {
	background-color:#ffeef4;
}
.contentTxt {
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
	padding:9px 0px 15px 0px;
	font-size:11px;
}
.contentMaterialsOff {
	background-color:#f2f2f2;
}
.contentTxt select {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}
.contentTxt input {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}
.imgAlign {
	vertical-align:middle;
}
.breadCrumbInner {
	color:#cccccc;
	font-size:10px;
	padding:17px 0px 4px 0px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.breadCrumbInner a {
	color:#cccccc;
	font-size:10px;
	text-decoration:underline;
}
.breadCrumbInner a:hover {
	color:#cccccc;
	font-size:10px;
	text-decoration:none;
}
.ttlImgInner {
	padding:13px 0px 9px 0px;
}
.innerContent {
	font-size:11px;
	color:#666666;
	/*background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;*/
	padding:0px 0px 12px 13px;
	margin:0px 0px 10px 0px;
}
.innerContentTrends {
	font-size:11px;
	color:#666666;
	
	padding:0px 0px 1px 13px;
}
.latestContent {
	padding:0px 0px 9px 0px;
}
.innerTxt {
	width:446px;
	float:left;
}
.innerHeader {
	padding:0px 0px 6px 0px;
}
.contactHeader {
	padding:0px 0px 6px 8px;
}
.innerSubHeader {
	padding:0px 0px 6px 13px;
}
.factoryMap {
	width:442px;
	float:right;
	padding:0px 9px 0px 9px;
}
.ttlInnerTxt {
	float:right;
	background:url(../images/ttl_right_bracket.gif) no-repeat right top;
	padding:0px 25px 7px 0px;
	margin:82px 0px 0px 0px;
	width:422px;
}
.gettingContent {
	padding:0px 0px 12px 13px;
	width:947px;
	background:url(../images/bg_content.gif) repeat-y;
}
.gettingHeader {
	padding:0px 0px 6px 13px;
}
.gettingSubHeader {
	font-family: "Gill Sans", Arial, sans-serif;
	font-size:12px;
	padding:0px 0px 3px 0px;
}
.leftInnerCont {
	width:422px;
	float:left;
	padding:0px 17px 0px 0px;
}
.rightInnerCont {
	float:left;
	padding:0px 0px 0px 15px;
	width:468px;
}
.gettingContent ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.li1 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_1.gif) no-repeat 0px 3px;
}
.li2 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_2.gif) no-repeat 0px 3px;
}
.li3 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_3.gif) no-repeat 0px 3px;
}
.li4 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_4.gif) no-repeat 0px 3px;
}
.li5 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_5.gif) no-repeat 0px 3px;
}
.li6 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_6.gif) no-repeat 0px 3px;
}
.li7 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_7.gif) no-repeat 0px 3px;
}
.li8 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_8.gif) no-repeat 0px 3px;
}
.li9 {
	padding: 3px 0px 4px 22px;
	list-style: none;
	background:url(../images/bullet_9.gif) no-repeat 0px 3px;
}
.gettingContent img {
	padding:0px 6px 0px 0px;
	vertical-align:middle;
}
.contentTrends {
	width:432px;
	padding:9px 9px 0px 0px;
	float:left;
}
.ttlImgInner {
	padding:0px 0px 11px 0px;
}
.latestImg {
	width:200px;
	padding:0px 8px 0px 0px;
	float:left;
}
.latestTxt {
	width:223px;
	float:left;
	font-size:20px;
	height:450px;
	margin:-4px 0px 0px 0px;
}
.latestLink {
	width:223px;
	padding:229px 0px 0px 0px;
	text-align:right;
	float:right;
}
.latestLink a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.latestLink a:hover {
	text-decoration:underline;
}
.contentCategories {
	float:left;
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
}
.productHeader {
	padding:6px 0px 0px 0px;
	float:left;
	width:166px;
}
.productNew {
	z-index:10;
	position:absolute;
	text-align:right;
	width:176px;
	clear:both;
}
.productTxt {
	width:211px;
	float:left;
}
.productTxt img {
	padding:9px 0px 5px 0px;
}
.productLink {
	padding:75px 0px 0px 0px;
	text-align:right;
}
.productTxt a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.productTxt a:hover {
	text-decoration:underline;
}
.productContent {
	width:215px;
	float:left;
	padding:0px 4px 0px 10px;
}
.artContent {
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
	padding:0px 15px 0px 10px;
	float:left;
	width:210px;
	height:264px;
}
.artLink {
	padding:36px 0px 0px 0px;
	text-align:right;
}
.projectContent {
	width:456px;
	background:url(../images/dotted_line_horizontal.gif) top left repeat-x;
	padding:2px 0px 9px 10px;
	height:225px;
}
.ttlProjectImg {
	padding:6px 0px 0px 0px;
}
.projectImg {
	
	padding:9px 0px 0px 0px;
	float:left;
}
.projectRtContent {
	margin-left:200px;
}
.projectHeader {
	width:255px;
	float:left;
	padding:9px 0px 0px 0px;
}
.projectLink {
	float:left;
	padding:30px 0px 0px 0px;
	width:247px;
	text-align:right;
}
.projectTxt a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
	line-height:20px;
}
.projectTxt a:hover {
	text-decoration:underline;
}
/* Body CSS end here */

/* Footer CSS starts here */

.favContainer {
	width:921px;
	background:url(../images/bg_favorites.gif) repeat-x;
	margin:10px auto;
}
.favorites {
	width:192px;
	height:76px;
	background:url(../images/left_bracket.gif) no-repeat left top;
	float:left;
	padding:3px 10px 0px 26px;
	font-size:11px;
	color:#666666;
}
.favorites span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#6699cc;
	font-style:italic;
	line-height:22px;
}
.favorites div {
	text-align:right;
	padding:5px 0px 0px 0px;
}
.favorites a {
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 0px;
}
.favorites a:hover {
	text-decoration:underline;
}
.moodBoards {
	width:217px;
	padding:7px 0px 1px 11px;
	background:url(../images/left_dotted_line.gif) no-repeat left top;
	float:left;
}
.moodBoards a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.moodBoards a:hover {
	text-decoration:underline;
}
.myProjects {
	width:164px;
	padding:3px 0px 1px 11px;
	background:url(../images/left_dotted_line.gif) no-repeat left top;
	float:left;
	height:58px;
	font-size:11px;
}
.favHeader {
	font-size:11px;
	color:#666666;
}
.headerLink {
	padding:4px 0px 0px 0px;
	float:left;
}
.headerLink a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 0px;
}
.headerLink a:hover {
	text-decoration:underline;
}
.projectLinkContent {
	padding:4px 0px 0px 0px;
	float:left;
}
.projectLinkContent a {
	font-size:11px;
	background:url(../images/btn_search.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 2px 0px;
}
.projectLinkContent a:hover {
	text-decoration:underline;
}
#projectPopup {
	visibility:hidden;
	width:352px;
	margin:9px 0px 0px -6px;
	position:absolute;
}
.popupLinkContent {
/*	width:97px;
	height:50px;
	border:1px solid #cccccc;
	padding:0px 0px 2px 10px;
	background-color:#f2f2f2;
*/
background-color: White;
height:45px;
padding:0px 0px 2px 10px;
width:212px;
}
.popupLinkContent a {
	color:#666666;
	font-size:11px;
	text-decoration:none;
	line-height:17px;
}
.popupLinkContent a:hover {
	color:#666666;
	font-size:11px;
	text-decoration:underline;
}
.popupHeader {
	color:#666666;
	font-size:11px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x left top #f2f2f2;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:7px 0px 6px 14px;
	width:139px;
	float:left;
}
.popupInput {
	float:left;
	background-color:#f2f2f2;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:4px 9px 2px 0px;
	height:20px;
	width:188px;
}
.popupInput img {
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}
.headerRtTxt {
	font-size:10px;
	color:#999999;
	float:right;
	padding:0px 9px 0px 0px;
}
.imgProject {
	padding:0px 0px 0px 0px;
	float:right;
	text-align:right;
}
.img {
	padding:17px 0px 0px 0px;
}
.photosRtTxt {
	font-size:10px;
	color:#999999;
	float:right;
}
.myTiles {
	width:220px;
	padding:7px 0px 1px 11px;
	background:url(../images/left_dotted_line.gif) no-repeat left top;
	float:left;
}
.myTiles a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.myTiles a:hover {
	text-decoration:underline;
}
.project {
	width:476px;
	padding:3px 0px 1px 11px;
	background:url(../images/left_dotted_line.gif) no-repeat left top;
	float:left;
}
.project a {
	font-size:11px;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 0px;
}
.project a:hover {
	text-decoration:underline;
}
.projectBtmContent {
	width:144px;
	float:left;
}
.projectBtmHeader {
	color:#666666;
	font-size:11px;
}
.projectBtmHeaderLink {
	padding:4px 0px 0px 0px;
	float:left;
}
.projectBtmHeaderLink a {
	color:#cc3366;
	text-decoration:none;
	font-size:11px;
	text-align:left;
}
.projectRtTxt {
	font-size:10px;
	color:#999999;
	float:right;
	padding:4px 9px 0px 0px;
}
.myPhotos {
	width:199px;
	padding:7px 0px 1px 11px;
	background:url(../images/left_dotted_line.gif) no-repeat left top;
	float:left;
}
.myPhotos a {
	font-family: "Gill Sans", Arial, sans-serif;
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.myPhotos a:hover {
	text-decoration:underline;
}
.rightBracket {
	width:23px;
	height:76px;
	background:url(../images/right_bracket.gif) no-repeat;
	float:right;
}
.dtdLine {
	margin:98px 0px 4px 0px;
	width:921px;
	background:url(../images/dtd_line.gif) repeat-x;
}
.projectDtdLine {
	margin:98px 0px 4px 0px;
	width:921px;
	background:url(../images/dtd_line.gif) repeat-x;
}
.footerInner {
	width:921px;
	margin:87px auto 0px auto;
	padding-bottom:10px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x top;
}
.footerInner a {
	font-family: "Gill Sans", Arial, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}
.footerInner a:hover {
	font-family: "Gill Sans", Arial, sans-serif;
	text-decoration:underline;
}
.footer {
	width:917px;
	margin:0px auto 0px auto;
	padding-bottom:10px;
	border-top:1px solid #ccc;
	background: url('../images/footer_bkgd.gif') repeat-x;
	padding:14px 20px 14px 20px;
}
.footer a {
	font-size:11px;
	color:#636563;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
#normalButtonProfile {
	font-size: 11px;
	border: #cc3366 1px solid; 
	background-color: #cc3366;
	color: #ffffff;
	height:21px;
	width:71px;
}
/* Footer CSS end here */

.showValueArea { 
	clear:both;
	margin:0px; 
	padding:0px;
}



/*NEW Stylea added 6th June 2008 For company_media.html START here */
.ttlInnerTxtOne {
	float:left;
	background:url(../images/ttl_right_bracket.gif) no-repeat right top;
	padding:0px 0px 7px 0px;
	margin:2px 0px 0px 0px;
	width:448px;
}
.showMore {
	font-size:11px;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 0px 10px 0px;
	display:block;
	line-height:20px;
}
.showMore a{
	background:url(../images/arrow_pink.gif) no-repeat right top;
	font-size:11px;
	text-decoration:none;
	color:#666666;
	padding:0px 18px;
	text-align:right;
}
.showMore a:hover { text-decoration:underline}
.tagLine{ padding:7px 0px;}
.pageContentTitle{ padding:10px 0px;}
.previousNext{
	display:block; clear:both; text-align:right;
	/*padding-top:10px;*/
}
.previousNext a{ text-decoration:none; color:#666;}
.previousNext img{ vertical-align:middle;}
.previousNext input{ vertical-align:middle;}
.previousTile{ background:url(../images/dotted_line_vertical.gif) right top repeat-y; padding:2px 12px 2px 10px; margin-right:10px; }
.previousTile a:hover, .nextTile a:hover{ color:#cc3366;}
.nextTile{ }
/*NEW Stylea added 6th June 2008 For company_media.html END here */

/*########## NEW styles for POPup- 3rd June 2008*/
.popUp{
	position:absolute; 
	background-color:#FFFFFF; 
	border:1px solid #999999; 
	width:632px;
	top:340px;
	left:150px;
}
.popHeader{
	background:url(../images/popheader_bgr.gif) left bottom repeat-x;
	border-bottom:1px solid #c5c5c5;
	padding:6px 13px;
	font-size:11px;
	text-transform:uppercase;
	color:#666666;
}
.popHeaderText{
	float:left;	
	width:450px; 
}
.popHeader div.closePopup{ 
	float:right;	
	margin-top:7px; 
}
.popHeader div.closePopup a{
	background:url(../images/cancel.gif) 100% 1px no-repeat;
	padding:1px 18px 4px 1px;
	text-transform:none;
	text-decoration:none;
	color:#666666;
	display:block;
	font-size:13px;
}
.popHeader div.closePopup a:hover{
	color:#cc3366;
}
.popupData{
	color:#999;
	font-size:10px;
	padding:0px 7px;
}
.popupDataList{
	background:url(../images/dotted_line_vertical.gif) right top repeat-y;
	height:240px;
	float:left;
}
.popupData span{
	font-size:13px;
	padding:2px 6px 8px 6px;
	display:block;
	background:url(../images/dotted_line_horizontal.gif) left bottom repeat-x;
	margin-bottom:7px;
	color:#999;
}
.popupData ul{
	padding:0px;
	margin:0px;
}
.popupData li{
	display:block;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	float:left;
	margin:0px;
	padding:0px;
	clear:both;
	width:100%;	
	line-height:12px;
}
.popupData li a{
	text-decoration:none;
	color:#ddd;
	display:block;
	padding:1px 1px 1px 4px;
	margin:0px 1px;
}
.popupData li a:link, .popupData li a:visited {
      text-decoration:none;
      color:#cc3366;
      display:block;
      padding:1px 1px 1px 4px;
      margin:0px 1px;
}
.popupData li a.bold{ font-weight:bold; font-size:11px;}
.popupData li a.space{ display:block;}
.popupData li a:hover{background-color:#f4f4f4; color:#cc3366; }
#application{ width:80px;}
#colour{ width:55px;}
#tileType{ width:107px;}
#surfaceFinish{ width:99px;}
#series{ width:98px;}
#projectType{ width:106px;} 
#size{ width:70px; background-image:none;} 
.popUpControl{ text-align:right; font-size:10px; padding:12px 9px 9px 9px;}
.buttonReset{ background-color:#efefef; border:1px solid #999; color:#666; padding:0px 10px; text-decoration:none;}
.buttonDone{	background-color:#cc3366;  border:1px solid #cc3366; color:#fff !important; padding:0px 10px; text-decoration:none;}
.buttonDone:hover{ color:#fff !important;}
/*########## NEW styles for POPup- 3rd June 2008 ENDS HERE*/

/*Styles of POPup tile Detail Look Starts here*/
.recentSearches {
	color:#666666;
	float:right;
	font-size:11px;
	margin:-70px 10px 0px 770px;
	position:absolute;
	border:1px solid #cecece; 
	width:100px; 
	padding:5px; 
	background-color:#f2f2f2; 
	overflow:hidden;
}
.tileDetailLook{
	position:absolute; 
	background-color:#FFFFFF; 
	border:1px solid #999999; 
	width:877px; 
	/*height:287px;*/
	margin:30px 0px 0px 20px;
	font-size:11px;
	color:#666666;
}
.tileDetails{padding:15px 15px 8px 15px; }
.tileImage{	float:left;}
.tileProperties{
	width:191px;
	float:left;
	padding:0px 0px 0px 15px;
	margin-right:10px;
}
.tileUse{
	padding-left:15px;
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
	float:left;
	width:415px;
}
.description{ 
	background:url(../images/dotted_line_horizontal.gif) left bottom repeat-x; 
	padding-bottom:10px;
	min-height:159px;
	
}
.tileImplemented{ padding:0px 15px 15px 0px; float:left;}
.tileDescription{ color:#666; min-height:70px;}
.tileDescription p{ padding:0px; margin:0px;}
.favourites{
	background:url(../images/dotted_line_horizontal.gif) left bottom repeat-x; 
	padding:7px 0px; 
	clear:both; 
	width:416px;
	color:#666666;
	
}
.favourites img{ vertical-align:middle;}
.fevTile{ background:url(../images/dotted_line_vertical.gif) right top repeat-y; padding:0px 8px 2px 20px; margin-right:7px;}
.addBasket{ 
	display:block;
	clear:both; 
	text-align:right; 
	width:100%;
	color:#cc3366;
}
.range{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
}
.tileName{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:25px;
	font-style:italic;
	padding-left:14px;
	color:#6699cc;	
	margin-top:-3px;
}

.moreLink{ padding-right:5px;}

.moreLink, .moreLink a{
	text-align:right;
	color:#666;
	padding-top:10px;
	text-decoration:none;
	font-size:13px;
}
.moreLink a:hover{	text-decoration:underline;}
.moreLink img{ vertical-align:middle;}
.tileInfo{
	color:#999;
	margin:5px 0px;
}
.tileInfo b{ color:#666;}
.tileInfo b.high{color:#cc3366;}
.tileInfoTBL{
	background-color:#cccccc;
	border:1px solid #cecece;
}
.tileInfoTBL th{
	text-align:left;
	text-transform:uppercase;
}
.tileInfoTBL td, .tileInfoTBL th{
	background-color:#f0f0f0;
	color:#666666;
	padding:5px 6px;
}
.previousNext{
	display:block; clear:both; text-align:right;
	padding-top:10px;
}
.previousNext a{ text-decoration:none; color:#666;}
.previousNext img{ vertical-align:middle;}
/*.previousTile{ background:url(../images/dotted_line_vertical.gif) right top repeat-y; padding:2px 12px 2px 10px; margin-right:10px; }*/
/*.nextTile{ }*/
/*Styles of POPup tile Detail Look Ends here*/
	
/* Styles for Registration starts here */

.ttlImgReg {
	float:left;
	width:271px;
	padding:7px 0px 0px 0px;
}
.btnSteps {
	padding:18px 0px 0px 0px;
	float:left;
}
.btnSteps img {
	padding:0px 0px 0px 5px;
}
.ttlcontentTxt {
}
.ttlLink {
	float:right;
	text-align:right;
}
.ttlLink div {
	padding:5px 0px 0px 0px;
}
.ttlLink a {
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 2px 0px;
	font-size:13px;
	
}
.ttlLinkBrowseRooms {
	float:right;
	text-align:right;
}
.ttlLinkBrowseRooms div {
	padding:5px 0px 0px 0px;
}
.ttlLinkBrowseRooms a {
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 2px 0px;
	font-size:13px;
	
}

.ttlLink a:hover {
	text-decoration:underline;
}
.regContent {
	width:890px;
	background-color:#6699cc;
	padding:10px 9px 10px 9px;
	color:#fff;
	line-height:22px;
}
.detailContent {
	width:890px;
	padding:10px 9px 10px 9px;
	color:#666666;
	line-height:22px;	
}
.regTtl {
	width:89px;
}
.regContentinput {
	font-size:11px;
	border:1px solid #cccccc;
	color: #666666;
	width: 145px;
}
.regContentinputSml {
	font-size:11px;
	border:1px solid #cccccc;
	color: #666666;
	width: 47px;
}
.regContentinputMed {
	font-size:11px;
	border:1px solid #cccccc;
	color: #666666;
	width: 92px;
}
.regContent select {
	font-size:11px;
	border:1px solid #cccccc;
	color: #666666;
}
.line {
	background:url(../images/horizontal_line.gif) repeat-x left;
	height:15px;
}
.lineGrey {
	background:url(../images/dotted_line_horizontal.gif) repeat-x left;
	height:15px;
}
.formField {
	width: 145px;
}
.formTxt {
	padding:0px 0px 0px 6px;
	color:#003399;
}
#delivery {
	background-color:#ffffff;
	color:#666666;
}
.deliveryContent {
	background-color:#dfdfdf;
	padding:1px 7px 0px 7px;
	line-height:15px;
	height:67px;
}
a.regLink {
	color:#ffffff;
	text-decoration:underline;
	font-size:13px;
}
a.regLink:hover {
	color:#ffffff;
	text-decoration:none;
}
a.profileLink {
	color:#666666;
	text-decoration:underline;
	font-size:13px;
}
a.profileLink:hover {
	color:#666666;
	text-decoration:none;
}
.btnContent {
	text-align:right;
	width:894px;
	padding:10px 0px 0px 0px;
}
.normalButton {
	font-size: 11px;
	border: #cc3366 1px solid; 
	background-color: #cc3366;
	color: #ffffff;
	height:18px;
	padding:0px 3px 0px 3px;
}
	
	.normalButtonOrders1 {
	font-size: 11px;
	border: #cc3366 1px solid; 
	background-color: #cc3366;
	color: #ffffff;
	height:18px;
	padding:0px 3px 0px 3px;
	margin-top:4px;
	margin-right:5px;
	text-decoration:none;
}
.normalButtonOrders1:hover {color:#ffffff !important;}
*html.normalButtonOrders1 { margin-right:0px !important;}

.normalButtonOrders {
	font-size: 11px;
	border: #cc3366 1px solid; 
	background-color: #cc3366;
	color: #ffffff;
	height:18px;
	padding:0px 3px 0px 3px;
	margin-top:4px;
}
.normalButtonGry {
	font-size: 11px;
	border: #999999 1px solid; 
	background-color: #efefef;
	color: #666666;
	height:18px;
	padding:0px 3px 0px 3px;
}
#contentCheck {
	line-height:20px;
}
.ttlLogin {
	width:104px;
}
.ttlLoginContent {
	width:164px;
}

/* Styles for Registration end here */



/*Styles for My Basket Starts Here*/

.tableStyle
{	border:1px solid #d0d0d0;
	background-color:#f7f7f7;
	padding:5px;
	 }
.tableStyle td 
{	vertical-align:top;
	}
.tableStyle caption
{
	border:1px solid #d0d0d0 !important;
	}
		

.tableStyleProfile
{	border:1px solid #d0d0d0;
	background-color:#f7f7f7;
	padding:5px;
	 }
.tableStyleProfile td 
{	vertical-align:middle;
	}
	

	 
			 
.dottedLineLeftV{
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
}

.tileCalcContent{ float:left; width:200px;}
.basketTable{
	border-top:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	background-color:#f7f7f7;
}


.basketTable caption{
	border:1px solid #d0d0d0;
	border-bottom:0px;
	padding:6px;
	background-color:#f7f7f7;
	text-transform:uppercase;
}
.basketTable th{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		padding:3px;
		font-weight:normal;
}

/* new class added 30July2008 */

.basketTableNew{
	border:1px solid #d0d0d0;	
	background-color:#f7f7f7;
}

.basketTableNew th{
		border:0px;		
		padding:3px;
		font-weight:normal;
}
.basketTableNew td{
		border:0px;		
		padding:3px;
		font-weight:normal;
}

.basketTable th.center
{
	text-align:center;
		
}
.basketTable td{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		vertical-align:top;
		padding:3px;
		text-align:center;
}
.basketTable td.alignment{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		vertical-align:top;
		padding:3px 3px 3px 11px;
		text-align:left;
}
.basketTable td.alignmentLt{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		vertical-align:top;
		padding:3px 3px 3px 0px;
		text-align:left;
}
.basketTable td.alignmentRt{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		vertical-align:top;
		padding:3px 3px 3px 11px;
		text-align:right;
}
.basketTable td.alignmentInn{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		vertical-align:top;
		padding:3px 3px 3px 11px;
		text-align:left;
		line-height:18px;
}




.basketTable td img{ padding-right:2px; }
.noborderLB{border-left:0px !important;border-bottom:0px !important;}
.noborderLBC{border-left:0px !important;border-bottom:0px !important;}
.noborderBC{border-bottom:0px !important;}
.noborderL{border-left:0px !important;}
.delSpace{line-height:15px; !important;
		vertical-align:top !important;
		padding:3px 3px 3px 39px !important;
		text-align:left !important;}
.noborderLRB{
		border-left:0px !important;border-bottom:0px !important; border-right:0px !important; vertical-align:top !important;
		padding:3px 3px 3px 0px !important;text-align:right !important;}
.noborderB{border-bottom:0px !important;}
.basketTable td.noborderLC{border-left:0px !important; text-align:left;}
.basketTable td.noborderLB, .basketTable th.noborderLB{
	border-left:0px !important;border-bottom:0px !important;
	padding:0px 3px;
	text-align:left;
}
.basketTable td.noborderLBR, .basketTable th.noborderLBR{
	border-left:0px !important;
	border-bottom:0px !important;
	padding:0px 3px;
}
.basketTable tr.altColor{ background-color:#FFFFFF;}
.basketTable tr.baseColor{ background-color:#d4d4d4;}
.basketTable td.totleTable{ 
	border-left:1px solid #d0d0d0;
	border-bottom:0px;
	padding:0px;
	vertical-align:bottom;
	}
.basketTable td.totleTableTxt{ 
	border-left:1px solid #d0d0d0;
	border-bottom:0px;
	padding:3px 3px 3px 11px;
	vertical-align:bottom;
	text-align:left;
	line-height:18px;
	}
.basketTable td.totleTableAlg{ 
	border-left:0px;
	border-bottom:0px;
	padding:0px 3px;
	vertical-align:bottom;
	text-align:center;
	}
.basketTable td.totleTableInner{ 
	border-left:0px;
	border-bottom:0px;
	padding:3px 3px;
	text-align:left;
	}
.basketTable td.noborderLBHeader, .basketTable th.noborderLBHeader{
	border-left:0px !important;
	border-bottom:0px !important;
	padding:10px 8px 10px 8px;
	text-align:left;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
	width:363px;
}
.basketTable td.noborderLBLink, .basketTable th.noborderLBLink{
	border-left:0px !important;
	border-bottom:0px !important;
	padding:10px 8px 10px 8px;
	text-align:right;
}
.totleTable td{ border:0px; padding:4px; text-align:left;}
.grandTotal td{ 
	background-color:#cc3366;
	color:#FFFFFF;
	height:30px;
	padding:0px 4px;
	vertical-align:middle;
}
.linkRemove{
	color:#cc3366;
	background:url(../images/img_minus.gif) 100% 4px no-repeat;
	padding:4px 18px 3px 7px;
	margin-right:5px;
	display:block;
	text-decoration:none;
}
.pricePerUnit{
	 text-align:center !important;
}
.textColorPink{	color:#cc3366;
}
.buttonAreaBasket{ 
	float:right;
	padding:8px 0px;
}
.normalButtonDarkGry {
	font-size: 11px;
	border: #666666 1px solid; 
	background-color: #666666;
	color: #ffffff;
	height:18px;
	padding:0px 3px 0px 3px;
}	
.checkOut{ 
	background-color:#f7f7f7;
	border:1px solid #d0d0d0;
	padding:10px 10px 10px 35px;
	color:#cc3366;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
}
.buttonCheckout{
	background-color:#cc3366;
	border:0px solid #cc3366;
	color:#FFFFFF;
	font-weight:bold;
}
.quantity{
	height:12px;
	width:30px;
	border:1px solid #cccccc;
	color:#666666;
	font-size:10px;
	text-align:center;
}
.recommendedAcc{
	float:left;
	width:670px;
	background:url(../images/dotted_line_vertical.gif) right top repeat-y;
	padding:10px 10px 20px 15px;
}
.innerContentMyBasket {
	font-size:11px;
	color:#666666;
	/*background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;*/
	padding:5px 0px 10px 13px;
	margin:0px 0px 0px 0px;
}
.subTitle{ 
	padding:7px 0px 5px 0px;
	text-transform:uppercase;
}
.productChart{ width:670px; margin-bottom:10px;}
.productSnap{ 
	float:left;
	border:1px solid #cccccc;
	margin-right:10px;
}
.productDetails{
	width:580px;
	height:80px;
	float:left;
	border:1px solid #cccccc;
}
.productContents{
	width:217px;
	background:url(../images/dotted_line_vertical.gif) top right repeat-y;
	padding:5px;
}
.productDescription{
	padding:0px 5px 0px 7px;
}
.productChartLinkArea{
	vertical-align:bottom;
	text-align:right;
	padding:7px;
	white-space:normal;
}
.linkShowMore{
	color:#666;
	background:url(../images/arrow_pink.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
	font-size:13px;
}
.linkAddMore{
	color:#cc3366;
	background:url(../images/img_plus_over.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;	
	font-size:13px;
}
.chartSingIn{
	float:left;
	padding:9px;
}
.chartSingIn div{
	background-color:#6699cc;
	width:190px;
	border-left:1px solid #b7cfe7;
	border-bottom:1px solid #b7cfe7;	
	margin-top:6px;
	padding:9px 7px;
	color:#FFFFFF;
}
.chartSingIn .inputStyle{
	width:150px;
}
.chartSingIn p{ 
	margin:0px;
	padding:3px 0px;
	}
.chartSingIn p a{	
	color:#003399;
}
.regLink{
	margin:0px;
	text-align:right;
}
.registerLinkReverse{
	color:#FFFFFF !important;
	background:url(../images/img_arrow_register.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
}
.chartSingIn span{
	display:block;
	padding:10px 0px 0px 0px;

} 
.myOrder{ padding: 0px 0px;}
.fltLeft{ float:left;}
.tipStyle{
	width:328px;
	background-color:#f0f0f0;
	border:1px solid #d1d1d1;
	margin-left:15px;
	padding:8px;
	}
.linkStyleBlue{
	color:#6699cc;
}	
/*Styles for My Basket Ends Here*/

/* Styles for order details starts here */

.ttlBlueLink {
	float:right;
	text-align:right;
	padding: 8px 15px 4px 0px;	
	
}

.ttlBlueLink a {
	background:url(../images/ico_print.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding: 0px 18px 2px 0px;
}

.Deliveryaddress{
	text-align:left !important;
	padding:0px 20px 0px 10px; 
}

.ttlBlueLink a:hover {
	text-decoration:underline;
}
.deliveryTxt {
	text-align:left;
	padding:0px;
}
.leftSubContent {
	padding:0px 11px 29px 0px;
}
.leftSubContent img {
	padding:0px 0px 5px 0px;
}
.leftSubContentTilie {
	padding:0px 11px 29px 0px;
}
.midSubContent {
	background:url(../images/dotted_line_vertical.gif) repeat-y left top;
	padding:0px 11px 29px 11px;
}
.rtSubContent {
	background:url(../images/dotted_line_vertical.gif) repeat-y left top;
	padding:0px 11px 29px 11px;
}
.thumbImgSpacing {
	padding:0px 10px 3px 0px;
}
.txtSpacing {
	padding:0px 0px 13px 0px;
}
.inspContainer {
	width:921px;
	margin:10px auto;
	clear:both;
}
.ttlInspTxt {
	float:left;
	background:url(../images/bg_favorites.gif) repeat-x;
	padding:0px 0px 0px 0px;
	width:460px;
}
.inspFavorites {
	width:200px;
	height:76px;
	float:left;
	padding:3px 10px 0px 0px;
	font-size:11px;
	color:#666666;
}
.inspFavorites span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#6699cc;
	font-style:italic;
	line-height:22px;
}
.inspFavorites div {
	text-align:right;
	padding:5px 0px 0px 0px;
}
.inspFavorites a {
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 0px;
	font-size:13px;
}
.inspFavorites a:hover {
	text-decoration:underline;
}
.inspMidContent {
	padding:11px 0px 0px 0px;
	width:405px;
	float:left;
}
.myProjectsInsp {
	width:216px;
	padding:3px 0px 1px 11px;
	float:left;
	height:58px;
	font-size:11px;
}

.DragDropDiv 
{
	float:left;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:0px;
	padding-top:20px;
}

a.redLink  {
	background:url(../images/bullet_grey.gif) no-repeat left top;
	font-size:11px;
	text-decoration:underline;
	color:#cc3366;
	text-align:right;
	padding:0px 0px 0px 10px;
}
a.redLink:hover {
	text-decoration:none;
}
.linkTxt {
	padding:2px 0px 0px 0px;
}

.inspDtdLine {
	margin:0px 0px 4px 0px;
	width:921px;
	background:url(../images/dtd_line.gif) repeat-x;
}
/* Styles for order details end here */

/* Styles for inspiring ideas starts here */

.leftMedTxt {
	width:223px;
	float:left;
	font-size:14px;
	height:450px;
	margin:-4px 0px 0px 0px;
}
.leftMedTxt p{ margin:0px; padding:0px 0px 8px 0px;  }
.projectInspContent {
	width:456px;
	background:url(../images/dotted_line_horizontal.gif) top left repeat-x #e5e5e5;
	padding:2px 0px 9px 10px;
	height:225px;
}

/* Styles for inspiring ideas end here */

/* */

.moreOptHeaderInspLinks {
	margin:5px 0px 0px 0px;
	font-size:12px;
	height:60px;
}
.moreOptHeaderInspLinks ul{
	width: 100%;
	padding: 0px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}
.moreOptHeaderInspLinks ul li{
	display: inline;
}
.moreOptHeaderInspLinks ul li a{
	float:left;
	color: #666666;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	height:17px;
	text-decoration: none;
}
.moreOptHeaderInspLinks ul li a.first{
	float:left;
	color: #666666;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	height:17px;
	text-decoration: none;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
}
.moreOptHeaderInspLinks ul li.seperator {
	background: url(../images/bg_more_opt.gif) right bottom no-repeat; /*THEME CHANGE HERE*/
	margin-top:3px;
	width:5px;
	float:left;
}
.moreOptHeaderInspLinks ul li a.firstNew{
	float:left;
	color: #666666;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	height:17px;
	text-decoration: none;
}
.moreOptHeaderBrowseAccess {
	height:35px;
}
.moreOptHeaderInspLinks ul li a:hover, .moreOptHeaderInspLinks ul li a.selected:link, .moreOptHeaderInspLinks ul li a.selected:visited{
	color:#cc3366;
}
.moreOptHeaderInspLinks ul li a.last  {
	float:left;
	color: #cc3366;
	padding: 0px 14px 0px 14px;
	margin: 3px 0px 0px 0px;
	background:none;
	height:17px;
	text-decoration: none;
}
.moreOptHeaderInspLinks ul li a.firstOn{
	float:left;
	color: #cc3366;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	height:17px;
	text-decoration: none;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
}
.moreOptHeaderInspLinks ul li a.lastOn  {
	float:left;
	color: #666666;
	padding: 0px 14px 0px 14px;
	margin: 3px 0px 0px 0px;
	background:none;
	height:17px;
	text-decoration: none;
}
.showValueInspArea { 
	clear:both;
	margin:0px; 
	padding:0px;
}
.innerInspTrends {
	font-size:11px;
	color:#666666;
	padding:0px 0px 1px 13px;
}
.productShowcaseTxt {
	width:240px;
	float:left;
	padding:4px 0px 0px 8px;
	height:162px;
}
.productRtTxt {
	width:211px;
	float:left;
	height:140px;
}
.productRtTxt img {
	padding:9px 0px 5px 0px;
}
.productRtTxt a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.productRtTxt a:hover {
	text-decoration:underline;
}
.ttlInspImg {
	padding:7px 0px 0px 0px;
}
.ttlFavImg {
	padding:15px 0px 10px 0px;
}
#ttlInnerNewContent {
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom; 
	padding:6px 0px 6px 0px;
}
#ttlInnerFavContent {
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.imgMedBtm {
	width:80px;
	padding:17px 10px 6px 0px;
}
.imgMedBtmLast {
	width:80px;
	padding:17px 0px 6px 0px;
}
.btmImgTxt {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
	padding:0px 0px 9px 0px;
}
.btmImgTxtSelcted {
	width:80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
	color:#cc3366;
}
.imgThumb {
	padding:0px 10px 0px 0px;
}
#thumbMotherwell TD {
	width:35px;
	padding:0px 19px 24px 0px;
}
.motherwellTxt {
	padding:0px 15px 0px 1px;
}
.motherwellMidContent {
	font-size:11px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x left bottom;
	padding:0px 0px 15px 0px;
}
.bgInspired {
	background:url(../images/bg_grey.gif) repeat-x left;
}
.ttlBrowseContent {
	padding:3px 0px 0px 0px;
}
.moreOptHeaderBrwLinks {
	margin:5px 0px 0px 0px;
	font-size:12px;
	height:39px;
}
#adhesiveContent TD {
	padding:0px 10px 12px 0px;
	width:80px;
	height:80px;
}
#ttlInnerBrwContent {
	padding:6px 0px 0px 0px;
}
.new {
	position:absolute;
	margin:-27px 0px 0px 172px;
}
.moreComLinks {
	margin:5px 0px 0px 0px;
	font-size:12px;
	height:27px;
	
	
}

/* class edited on 26July2006 */
.moreComLinks ul
{
	float:left;	
	background: url(../images/dotted_line_horizontal.gif) left bottom repeat-x;
	width: 100%;
	padding: 0px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
	
}
.moreComLinks ul li{
	display: inline;
}
.moreComLinks ul li a{
	float:left;
	color: #666666;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	height:17px;
	text-decoration: none;
}
.moreComLinks ul li a.first{
	float:left;
	color: #666666;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	background: url(../images/bg_more_opt.gif) right bottom no-repeat; /*THEME CHANGE HERE*/
	height:17px;
	text-decoration: none;
}
.moreComLinks ul li a:hover, .moreComLinks ul li a.selected:link, .moreComLinks ul li a.selected:visited{
	color:#cc3366;
}
.moreComLinks ul li a.last  {
	float:left;
	color: #cc3366;
	padding: 0px 14px 0px 14px;
	margin: 3px 0px 0px 0px;
	background:none;
	height:17px;
	text-decoration: none;
}
.moreComLinks ul li a.selected{color: #cc3366 !important;}
.moreComLinks ul li a.firstOn{
	float:left;
	color: #cc3366;
	padding: 0px 14px 2px 14px;
	margin: 3px 0px 0px 0px;
	height:17px;
	text-decoration: none;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
}
.moreComLinks ul li a.lastOn  {
	float:left;
	color: #666666;
	padding: 0px 14px 0px 14px;
	margin: 3px 0px 0px 0px;
	background:none;
	height:17px;
	text-decoration: none;
}
.headerTxt {
	padding:0px 0px 16px 0px;
}

/* CSS classes for BrowseRooms landing page*/
.comTxtForBR
{
	width:267px;
	padding:0px 21px 12px 0px;
}
.comImgForBR
{
	width:267px;
	padding:0px 21px 12px 0px;
	}
	
.comLinkForBR
{  width:267px;
	padding:0px 21px 12px 0px;
	line-height:18px;
	text-align:right;
	}
.comResLinkForBR
{
	line-height:18px;
	text-align:right;
	}
.vDottedlineTD
{
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	}
	
.RemoveBGImage
{background-image:none;
	}
	
	
.comHeaderForBR
{
	height:21px;
	width:267px;
	padding:0px 21px 0px 0px;
	}
	
.comHeader {
	height:21px;
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 0px 0px;
}
.comHeaderMed {
	height:21px;
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 0px 21px;
}
.comHeaderRt {
	height:21px;
	width:267px;
	padding:0px 0px 0px 21px;
}
.comTxt {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 12px 0px;
}
.comMedTxt {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 12px 21px;
}
.comRtTxt {
	width:267px;
	padding:0px 21px 12px 21px;
}
.comImg {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 12px 0px;
}
.comMedImg {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 12px 21px;
}
.comRtImg {
	width:267px;
	padding:0px 21px 12px 21px;
}
.comLink {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	width:267px;
	padding:0px 21px 12px 0px;
	line-height:18px;
	text-align:right;
}
.comMedLink {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	padding:0px 21px 12px 21px;
	line-height:18px;
	text-align:right;
}
.comRtLink {
	padding:0px 21px 12px 21px;
	line-height:18px;
	text-align:right;
}
.linkComProdDetail {
	color:#666666;
	background:url(../images/img_plus.gif) 100% 2px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;	
	font-size:13px;
}

.linkCom {
	color:#666666;
	background:url(../images/img_plus.gif) 100% 2px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;	
	font-size:13px;
}
.pageContemTitle { 
	padding:0px 0px 10px 11px;
}
.contLink {
	text-align:right;
	line-height:18px;
}
.lineSpacing {
	padding:5px 0px 0px 0px;
}
.thumbImgSpacingNew {
	padding:0px 10px 14px 0px;
}
.linkRtImg{
	color:#666;
	background:url(../images/prev1.gif) left 3px no-repeat;
	padding:2px 0px 5px 18px;
	text-decoration:none;
}
.linkSpacing {
	line-height:18px;
}
.linkSpacing a {
	color:#666666;
	text-decoration:none;
}
.linkSpacing a:hover {
	color:#666666;
	text-decoration:underline;
}
.conteLink {
	height:34px;
}
.totalLink {
	padding:0px 8px 0px 0px;
	
}
.comResLink {
	line-height:18px;
	text-align:right;
}
.headerResTxt {
	padding:0px 0px 12px 0px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.checkHeader {
	width:544px;
	height:21px;
	padding:0px 21px 0px 0px;
}
.checkContent {
	background-color:#6699cc;
	padding:10px 9px 10px 9px;
	color:#fff;
}
.checkContent TD {
	padding:0px 0px 4px 0px;
}
.checkContent select {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}
a.pinkLink{
	color:#cc3366;
	text-decoration:underline;
}
.pinkTxt {
	color:#cc3366;
}
#optCheckout {
	padding:10px 0px 10px 0px;
}
.checkTable{
	border:1px solid #d0d0d0;
}
.checkTable caption{
	border:1px solid #d0d0d0;
	border-bottom:0px;
	padding:6px;
	background-color:#f7f7f7;
	text-transform:uppercase;
}
.checkTable a{
	text-decoration:none;
	color:#6699cc;
}
.checkTable td{
	vertical-align:top;
	padding:3px;
	text-align:center;
}
.checkTable td img { 
	padding-right:2px; 
}
.delCap {
	line-height:16px;
}
.buttonAreaCheck{ 
	padding:8px 0px;
}
.linkPrint{
	color:#666;
	background:url(../images/ico_print.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
	line-height:16px;
}
.colorThumbHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	font-style:italic;
	padding:0px 0px 8px 0px;
}
.colorThumbBlueHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6699cc;
	font-size:12px;
	font-style:italic;
	padding:0px 0px 8px 0px;
}
.greyTxt {
	color:#b1b1b1;
	font-size:9px;
}
.tileProp {
	width:272px;
	padding:0px 11px 29px 0px;
}
.innerProductDetails {
	font-size:11px;
	color:#666666;
	background:url(../images/dotted_line_horizontal.gif) repeat-x left bottom;
	padding:0px 0px 1px 13px;
}
.desProduct {
	padding:9px 0px 7px 0px;
}
.tileSpacing {
	padding:5px 0px 10px 13px;
}
.linkPinkAddMore{
	color:#666;
	background:url(../images/img_plus_over.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
}
.tileType {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.imgSpacing {
	padding:9px 0px 0px 0px;
}
.imgSpacingFav {
	padding:9px 0px 11px 13px;
}
.imgSpacingTile {
	padding:0px 0px 11px 9px;
}
.midProductContent {
	background:url(../images/dotted_line_vertical.gif) repeat-y left top;
	padding:0px 0px 29px 0px;
}
.productSep {
	width:62px;
	background: url(../images/bg_more_opt.gif) right bottom no-repeat;
	padding:0px 9px 0px 0px;
}
.productSep a.first {
	color: #666666;
	text-decoration: none;
}

.productSep a.first:hover{
	color:#cc3366;
	text-decoration: none;
}
.productSep a.selected{
	color:#cc3366;
	text-decoration: none;
}
a.lastLink  {
	color: #cc3366;
	text-decoration: none;
}
a.lastLink:hover  {
	color: #666666;
}
.proSpacing {
	padding-left:8px;
}
.impSubTtl {
	padding:0px 0px 8px 11px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.midLink {
	padding:0px 0px 0px 10px;
}
.productSpacing {
	padding:5px 0px 0px 13px;
}
.productSpacingRel {
	padding:9px 0px 0px 13px;
}
.productTiles {
	width:80px;
	padding:0px 10px 2px 0px;
}
.tileImgSpacing {
	padding:0px 0px 10px 0px;
}
.tileImgSpacingBoth {
	padding:10px 0px 10px 0px;
}
.dwnContent {
	padding:10px 0px 10px 10px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x left bottom;
}
.dwnContentBg {
	background:url(../images/dotted_line_vertical.gif) repeat-y left;
}
.dwnContentBtm {
	background:url(../images/dotted_line_horizontal.gif) repeat-x left bottom;
	padding-bottom:6px;
}
a.ttlBlueLinkPro {
	background:url(../images/arrow_blue.gif) no-repeat right top !important;
	text-decoration:none;
	color:#666666;
	text-align:right;
	margin-top:5px;
	padding:0px 18px 0px 0px;
	display:block;
}
a.ttlBlueLinkPro:hover {
	text-decoration:underline;
}
.tileCalc {
	padding:11px 0px 7px 11px;
}
.tileCalcInner {
	padding:0px 0px 7px 11px;
}
.roomImg {
	padding:0px 0px 0px 11px;
}
.noBdr {
      border:0px;
}
.noBdr input {
      border:0px !important;  
}
.errorMessage {
      color:#fff;
      background-color:#f00;
}
.errorTxt
{
	color:#fff;
}
.errorBg{
	background-color:#f00;
}
.errorMessage ul {
      padding:4px 9px;
      margin:0px;
}
.errorMessage ul li {
      list-style:none;
      list-style-type:none;
      list-style-image:none;
}
.selectMenu {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}
.ttlFav {
	height:31px;
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
}
.btmFavBtn {
	padding:0px 0px 12px 0px;
	/*background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;*/
}
.slidingProduct{
	width:921px;
	padding:0px 0px 29px 0px;
}
.bracketLt {
	position:absolute;
	width:118px;
	z-index:1000;
}


.bracketRt {
	width:118px;
	position:absolute;
	margin:0px 0px 0px 790px;
	/*margin:0px 0px 0px 801px;
	border:1px solid red;*/
	z-index:50;
}
.slidingProContent {
	width:748px;
	margin:0px 0px 0px 0px;
	padding:26px 80px 5px 80px;
	overflow-x: scroll;
	overflow-y: hidden;
	height:392px;
	z-index:20;
	/*background:url(../images/bg_project.gif) repeat-x top left;*/
}
.slidingProContent TD {
	width:201px;
	padding:0px 9px 10px 0px;
}
.ttlSlidLink {
	float:right;
	text-align:right;
	width:201px;
}
.ttlSlidLink a {
	background:url(../images/img_minus_grey.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 0px;
	font-size:11px;
}
.ttlSlidLink a:hover {
	text-decoration:underline;
}
.perfectContent {
	padding:1px 1px 1px 1px;
}
.perfectTxt {
	background-color:#e5e5e5;
}
.comFixHeader {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	padding:0px 21px 9px 0px;
}
.fixContent {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
	padding:0px 13px 13px 0px;
}
.innerPerHeader {
	padding:0px 0px 6px 0px;
}
.greyTxtContent {
	padding:11px 8px 0px 6px;
}
.greySpacing {
	padding-bottom:14px;
}
.mediaRt {
	padding:17px 6px 0px 0px;
}
.medStoryContent {
	background:url(../images/dotted_line_vertical.gif) repeat-y left top;
	width:450px;
	float:right;
	padding:0px 0px 0px 9px;
	margin:0px 0px 12px 0px;
}
.mediaContent {
	background-color:#e5e5e5;
	overflow-x:hidden;
	overflow-y:scroll;
	height:437px;
	padding-bottom:10px;
}
.mediaTxtContent {
	padding:16px 21px 0px 10px;
}
.mediaTxtContent div {
	padding:1px 0px 0px 0px;
	text-align:right;
}
.mediaTxtContent a {
	text-decoration:none;
	color:#6699cc;
}
.mediaTxtContent a:hover {
	text-decoration:underline;
}
.deliveryBtn {
	text-align:right;
	width:602px;
	padding:10px 0px 0px 0px;
}
a.greyLink{
	color:#666666;
	text-decoration:underline;
}
.johnsonContent {
	background:url(../images/bg_welcome.gif) repeat-x bottom;
}
.ttlJohnson {
	height:59px;
	padding:0px 0px 6px 0px;
}
.johnsonTxt {
	padding:0px 50px 0px 0px;
	height:136px;
}
.johnsonBtmContent {
	background:url(../images/dotted_line_horizontal.gif) repeat-x top;
	
}
.spacingWelcome {
	height:214px;
}
.dottedBg {
	padding:0px 22px 0px 5px;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
}
.dottedBgRt {
	padding:0px 5px 0px 22px;
}
.latestTrContent{ float:left; width:215px;}
.innerDiyContent {
	font-size:11px;
	color:#666666;
	/*background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;*/
	padding:0px 0px 12px 0px;
	margin:0px 0px 10px 0px;
}
.padSpacing {
	padding:10px;
}
.padSpacingL {
	padding:10px 0px 10px 10px;
}
.padSpacingM {
	padding:0px 0px 10px 10px;
}
.linkContainer {
	float:left;
	padding:6px 11px 0px 0px;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
}
.linkContainer a {
	font-family: "Gill Sans", Arial, sans-serif;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 0px;
	font-size:13px;
}
.linkContainer a:hover {
	text-decoration:underline;
}
.dtdBgRt {
	background:url(../images/dotted_line_vertical.gif) repeat-y right top;
}
.ttlSpacing {
	padding:58px 0px 5px 0px;
}
.pointsContent {
	padding:0px 4px 0px 10px;
}
.collectRtTxt {
	width:211px;
	float:left;
}
.collectRtTxt img {
	padding:9px 0px 5px 0px;
}
.newCollection {
	position:absolute;
	margin:-23px 0px 0px 248px;
}
.prodSpacing {
	padding:0px 10px 0px 0px;
}
.dykContent {
	padding:0px 10px 0px 10px;
}
.ttlFindTile {
	float:right;
	text-align:right;
	height:32px;
}
.ttlFindTile a {
	background:url(../images/ico_arrow_lrg.gif) no-repeat right center;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 33px 10px 0px;
	font-size:15px;
	position:relative;
}
.ttlFindTile a:hover {
	text-decoration:underline;
}
.blueBg {
	background-color:#6699cc;
	padding:10px 9px 10px 9px;
	color:#fff;
}
.ttlWhiteLink {
	float:right;
	text-align:right;
}
.ttlWhiteLink a {
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#ffffff;
	text-align:right;
	padding:0px 18px 0px 0px;
	font-size:11px;
}
.ttlWhiteLink a:hover {
	text-decoration:underline;
}
.ttlWhiteJoinLink {
	float:right;
	text-align:right;
}
.ttlWhiteJoinLink a {
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#ffffff;
	text-align:right;
	padding:0px 18px 0px 0px;
	font-size:13px;
}
.ttlWhiteJoinLink a:hover {
	text-decoration:underline;
}
.rtLink {
	float:right;
	text-align:right;
}
.rtLink a {
	font-size:11px;
	text-decoration:none;
	background:url(../images/btn_search.gif) no-repeat right top;
	color:#666666;
	padding:0px 20px 0px 0px;
	line-height:17px;
}
.rtLink a:hover {
	text-decoration:underline;
}
#ttlDwnContent {
	padding:6px 0px 6px 0px;
}
.greyBgTxt {
	padding:4px 10px 5px 12px;
	background: url(../images/dotted_line_horizontal.gif) left bottom repeat-x #e5e5e5 !important;
}
.whiteBgTxt {
	padding:9px 0px 5px 12px;
}
a.dwnBroLink {
	text-decoration:underline;
	color:#6699cc;
}
.innerDwnTrends {
	font-size:11px;
	color:#666666;
	
	padding:0px 0px 1px 13px;
}
.innerDwnTrends a{
	text-decoration:underline;
	color:#6699cc;
	line-height:32px;
}
.innerDwnBroTxt {
	padding:15px 0px 0px 0px;
}
.SearchContent {
	padding:11px 0px 0px 0px;
	height:42px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x left bottom;
}
.btmSpacing {
	padding-bottom:0px;
	color:#666666;
	font-size:11px;
}
.spacingRB {
	padding:0px 10px 5px 0px;
}
.leftSubDwnContent {
	padding:0px 11px 8px 0px;
}
.leftSubDwnContent img {
	padding:0px 0px 5px 0px;
}
.midSubDwnContent {
	background:url(../images/dotted_line_vertical.gif) repeat-y left top;
	padding:0px 11px 8px 11px;
}
.txtSize {
	font-size:12px;
}
a.itlHeader  {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
}
a.itlHeader:hover  {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
}
.itlInner {
	color:#cccccc;
	font-size:10px;
	padding:17px 0px 4px 0px;
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.accContent {
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
	padding:0px 15px 10px 10px;
	float:left;
	width:210px;
}
.pointRtTxt {
	width:211px;
	float:left;
}
.pointRtTxt img {
	padding:9px 0px 5px 0px;
}
.pointRtTxt a {
	font-size:11px;
	background:url(../images/arrow_pink.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding:0px 18px 0px 4px;
}
.pointRtTxt a:hover {
	text-decoration:underline;
}
.envHeader {
	float:left;
	padding:9px 0px 0px 8px;
}
.projectEnvContent {
	width:456px;
	background:url(../images/dotted_line_horizontal.gif) top left repeat-x #e5e5e5;
	padding:2px 0px 9px 10px;
}
.spacingWhoLtTxt  {
	padding:0px 8px 12px 0px;
}
.spacingWhoRtTxt  {
	padding:0px 11px 12px 13px;
}
.spacingOurLtTxt  {
	padding:11px 11px 12px 0px;
}
.spacingOurRtTxt  {
	padding:11px 11px 12px 13px;
}
.spacingOurBtTxt  {
	padding:11px 11px 0px 0px;
}
.spacingOurLRTxt  {
	padding:11px 0px 12px 0px;
}
.spacingSerTxt  {
	padding:0px 0px 0px 13px;
}
.greyHeader {
	font-size:13px;
	font-weight:bold;
}
.pinkHeader {
	color:#cc3366;
	font-weight:bold;
}
.bulletTerms {
	padding:0px 0px 0px 50px;
}
.greySpacing ul{
	/*font-weight:bold;*/
	width: 100%;
	padding: 0px 0px;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}
.greySpacing ul li{
	list-style:none;
	padding:0px 0px 0px 17px;
	background:url(../images/bullet_red.gif) no-repeat 4px 5px;
}
.greySpacing ul li a{
	color: #6699cc;
	text-decoration: underline;
}
.greySpacing ul li a:hover, .greySpacing ul li a.selected:link, .greySpacing ul li a.selected:visited{
	color:#cc3366;
	text-decoration: none;
}
.contentCompany {
	background:url(../images/dotted_line_vertical.gif) left top repeat-y;
}
.pageContentRtTitle{ padding:10px 0px 10px 13px;}

.signIn a {color:#fff; float:left; text-decoration:none;}


.register a {color: #fff; float:left; text-decoration:none;}

.projectToolsContent {
	width:456px;
	background:url(../images/dotted_line_horizontal.gif) top left repeat-x #f7f7f7;
	padding:2px 0px 9px 10px;
}
.tileSpace {
	padding-left:1px;
}
.marginRtThree {
	margin-right:3px; 
}
input.imgThumb {
	padding:0px 10px 10px 0px;
}
.subTitleName{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:17px;
	font-style:italic;
	color:#6699cc;    
}
.regContentinputBrowse {
	font-size:11px;
	border:1px solid #cccccc;
	color: #666666;
	width: 190px;
}
.pinkHeaderTxt{ background-color:#efefef; color:#cc3366; padding:11px 18px; font-size:11px; font-weight:bold }
.favouritesSearch{
	background:url(../images/dotted_line_horizontal.gif) left bottom repeat-x; 
	padding:10px 0px; 
	clear:both; 
	width:395px;
	color:#666666;
	float:left;
}
.favouritesSearch img{ vertical-align:middle;}
.moreLinkSearch, .moreLinkSearch a{
	text-align:right;
	color:#666;
	text-decoration:none;
	font-size:13px;
}
.moreLinkSearch a:hover{text-decoration:underline;}
.moreLinkSearch img{ vertical-align:middle;}

.redHeader  {
	background:url(../images/bullet_grey.gif) no-repeat left top;
	font-size:11px;
	text-decoration:underline;
	color:#cc3366;
	text-align:right;
	padding:0px 0px 0px 10px;
}

.txtColor 
{
	color:#666666;
}
.quickFindTxt {
	height:18px;
}
.popUpConsumer{
	position:absolute; 
	background-color:#FFFFFF; 
	border:1px solid #999999; 
	width:432px;
	top:340px;
	left:280px;
}
.popHeaderTextConsumer{
	float:left; 
	width:350px;
}
.addBasket a{
	color:#CC3366;
	text-decoration:none;
	font-size:13px;
}
.fevTile a{
	color:#666;
	text-decoration:none;
	font-size:13px;
}
.LoginpopUp{
	position:absolute; 
	width:150px;
	top:73px;
	margin-left:665px;
	background-color:#6699cc;
	border-left:1px solid #b7cfe7;
	border-bottom:1px solid #b7cfe7;    
	padding:9px 7px;
	color:#FFFFFF;
	font-size:11px;
	z-index:1000;
}
.LoginpopUp .inputStyle{
	width:145px;
	border:1px solid #999;
	font-size:11px;
}
.LoginpopUp p{ 
	margin:0px;
	padding:3px 0px;
}
.LoginpopUp p a{  
	color:#003399;
}
.normalButtonProfile {
	font-size: 11px;
	border: 1px solid #ccc; 
}

.browsePrevNext{
	font-size:11px;
	color:#666;
}
.browsePrevNext span, .browsePrevNext img {
	vertical-align:top;
}
.browsePrevNextSep {
	background: transparent url(../images/left_dotted_line.gif) repeat-y scroll 0px 50%;
}
.color td {
	padding:4px;
	*padding:3px;
}
.calArea {
	line-height:28px;
}
.regContentinputRed {
	font-size:11px;
	border:1px solid #cccccc;
	color: #cc3366;
	width: 85px;
	text-align:center;
}
.tileCalcSpacing {
	padding:0px 0px 14px 15px;
}
.bgRed{ 
	background-color:#cc3366;
	color:#fff;
}
.closePopupSignup{ 
	float:right;      
	width:45px; 
	margin-top:3px;
}
.closePopupSignup a{
	background:url(../images/ico_close.gif) 100% 0px no-repeat;
	padding:0px 17px 2px 0px;
	text-transform:none;
	text-decoration:none;
	color:#fff;
}

.closePopupSignup a:hover{
	background:url(../images/close_over.gif) 100% 1px no-repeat;
	color:#cc3366;
}

.closeNewPrj a
{
	background:url(../images/close.gif) 100% 1px no-repeat;
	padding-right:15px;
	text-transform:none;
	text-decoration:none;
	color:#fff;	
	}

.closeNewPrj a:hover
{
	background:url(../images/close_over.gif) 100% 1px no-repeat;
}

.noLtPadding {
	padding-left:0px;
}
.recentSearches table {
	background-color:#f2f2f2;
	border:1px solid #cdcdcd;
	border-top:0px;
}
.recentSearches td {
	border:0px;
}
.btmDtdLine {
	background:url(../images/dotted_line_horizontal.gif) repeat-x bottom;
}
.bracketAlign {
	padding:16px 10px 0px 0px;
}
.headerWhite {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:16px;
	font-style:italic;
}
.newProjectBlock {
	/*position:absolute;
	margin-top:19px;
	margin-left:20px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:6px;
	width:190px;*/
	position:absolute;
	margin-top:-55px;
	margin-left:-10px;
	background-color:#fff;	
	padding:0px;
	width:226px;
	
}

.newProjectBlockCtrl {
	position:absolute;
	margin-top:-40px;
	margin-left:-10px;
	background-color:#fff;	
	padding:0px;
	width:226px;
}

.greyBgTileTxt {
	padding:9px 10px 5px 12px;
	background-color:#e5e5e5;
}
.popupLinkContentScrl {
	width:150px;
	height:200px;
	border:1px solid #cccccc;
	padding:0px 0px 2px 10px;
	background-color:#f2f2f2;
}
.subTitleNew{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:17px;
	font-style:italic;  
	width:255px;
	float:left;
	padding:9px 0px 0px 0px;
}
.bgTxtRed{
	background:url(../images/bg_cleaning.gif) left center no-repeat;
	font-size:11px;
	color:#cc3366;
	padding:0px 31px 0px 31px;
	font-weight:bold;
	display:block;
}
.fixingContent {
	padding-bottom:1px;
	background: url(../images/dotted_line_horizontal.gif) left bottom repeat-x #efefef !important;
}
.fixingContent td
{
	padding:12px;
	vertical-align:top;
	}
.fixingContent td P{ margin:5px 0px;}	

.greyBgTileTopTxt {
	padding:9px 10px 5px 12px;
	background-color:#e5e5e5;
}
.greyBgTileTopTxt p{ margin:7px 0px 5px 0px}
.greyBgTileBtmTxt {
	padding:4px 10px 12px 12px;
	background-color:#e5e5e5;
}
.serviceContent {
	color:#666666;
	
}
.selectSales {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
}



New Classes


.scrollContainer {
	position:		absolute;
	left:			2px;
	top:			18px;
/*	width:			350px;
	height:			200px;*/
	clip:			rect(0 467 150 0);
	overflow:			auto;
		}
.scrollContainer1 {
	position:		absolute;
	left:			2px;
	top:			18px;
	*top:0px;
	width:			180px;
	height:			45px;
	clip:			rect(0 467 150 0);
	overflow:		hidden;
		}


.basketTable td.totleTableTxtn{ 
	border-left:1px solid #d0d0d0;
	padding:3px 3px 3px 11px;
	vertical-align:bottom;
	text-align:left;
	line-height:18px;
	}

.basketTable th.borderLBHeader{
	padding:10px 8px 10px 8px;
	text-align:left;
	background:url(../images/dotted_line_vertical.gif) repeat-y right;
	width:363px;
}


.basketTable th.b_borderLBLink{
	border-left:0px !important;
	border-bottom:1px solid #d0d0d0;;
	padding:10px 8px 10px 8px;
	text-align:right;
}

.basketTableSub{
	border:0px;
	background-color:#f7f7f7;
}


.basketTableSub th{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		padding:3px;
		font-weight:normal;
}
.basketTableSub td{
		border-left:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		vertical-align:top;
		padding:3px;
		text-align:center;
}
.basketTableSub th.noborderR, .basketTableSub td.noborderR, 
{
	border-bottom:0px;
	border-left:0px;
	border-top:0px;
	border-right:1px solid #d0d0d0;
}
.basketTable td.noborderRB, 
{	border:0px;
	text-align:left;
	border-bottom:1px solid #d0d0d0;
}




a.linkRemove{
	color:#cc3366;
	background:url(../images/img_minus.gif) 100% 4px no-repeat;
	padding:4px 18px 3px 7px;
	margin-right:5px;
	display:block;
	text-decoration:none;
}
a.linkRemove:hover{
	color:#cc3366;
	background:url(../images/img_minus.gif) 100% 4px no-repeat;
	padding:4px 18px 3px 7px;
	margin-right:5px;
	display:block;
	text-decoration: underline;
}


a.linkPinkAddMore{
	color:#CC3366;
	background:url(../images/img_plus_over.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
}
a.linkPinkAddMore:hover {
	color:#CC3366;
	background:url(../images/img_plus_over.gif) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration: underline;
}


.right 
{
	text-align:right;}

.popupLinkContentScr2 {
	/*width:150px;
	height:88px;
	border:1px solid #cccccc;
	padding:0px 0px 2px 10px;
	background-color:#f2f2f2;*/
	background-color: White;
	height:88px;
	padding:0px 0px 2px 10px;
	width:150px;
}

.popupLinkContentScr3 {
	background-color: #f7f7f7;
	height:88px;
	padding:0px 0px 2px 10px;
	width:150px;
}

.pageBottomUnit
{
	margin-bottom:15px;
	}

.dashedLineRight
{
	background:url(../images/dotted_line_vertical.gif) right top repeat-y;
	}


.showPrevious{background:url(../images/dotted_line_vertical.gif) right top repeat-y; padding:2px 12px 2px 10px; margin-right:10px; }
.showPrevious a{ background:url(../images/prev1.gif) 0px 0px no-repeat; padding:0px 0px 2px 20px; font-size:13px;}

.showPrevious a.disabled{ color:#666 !important;}
.showPrevious a.disabled:hover{ color:#666 !important;}


.showNext{padding:2px 0px 5px 0px;}
.showNext a{background:url(../images/next1.gif) right top no-repeat; padding:0px 20px 2px 0px; color:#636563; font-size:13px; }
.showPrevious a:hover,.showNext a:hover{color:#cc3366;}

.dottedBottomLine{background:url(../images/dotted_line_horizontal.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}
.message{ border:1px solid silver !important; background-color:#e3e3e3; margin-bottom:200px; text-align:center; padding:3px;}
.linkColor{ color:#666666;}


/* ############   NEW STYLES ADDED 25 July 2008 start #############  */

.btnQuickFind{ vertical-align: top; margin-top:1px; }



.showValue
{
	/*width:100px !important;*/
	float:left; 
	font-size:11px; 
	padding:0px 0px 3px 10px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:12px;
	
}
.textInfo{ display:block; clear:both; float:left;}
.textInfo img{ height:15px; border:1px solid red; width:1px; float:right;}
.textInfo li span{ display:block;height:12px; text-align:left; margin-left:-5px; }

/*.showValue2{ 
	width:88px;
	float:left; 
	font-size:11px; 
	padding:0px 0px 3px 0px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:12px;
	
}
.showValue3{ 
	width:88px;
	float:left; 
	font-size:11px; 
	padding:0px 0px 3px 0px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:12px;
}
.showValue4{ 
	width:88px;
	float:left; 
	font-size:11px; 
	padding:0px 0px 3px 0px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:12px;
}
.showValue5{ 
	width:88px;
	float:left; 
	font-size:11px; 
	padding:0px 0px 3px 0px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:11px;
}
.showValue6{ 
	width:88px;
	float:left; 
	font-size:11px; 
	padding:0px 0px 3px 0px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:11px;
}
*/



.btnClass{background-image:url(../images/img_circle_arrow.gif); background-position:right; padding:2px 19px 0 0; background-repeat:no-repeat;}

.noBorderBT{border-top:0px !important; border-bottom:0px !important; padding:0px !important;}


.roomPageLinks{padding:8px 10px; background:url(../images/dotted_line_horizontal.gif) left top repeat-x; font-size:11px}
.roomPageLinks ul, .roomPageLinks ul li{margin:0px;}
.roomPageLinks ul li{margin:0px; margin-right:10px;}
.roomPageLinks li input{ vertical-align:bottom; }


.morePageLinks
{
	background: url(../images/dotted_line_horizontal.gif) left bottom repeat-x !important;
	padding:10px 0px 1px 0px;
}
.morePageLinks ul,.morePageLinks li{ margin:0px; padding:0px;}
.morePageLinks li{ float:left; display:block;  padding: 0px 8px 8px 0px;}
.morePageLinks li a{color: #666666;}
.seperator
{
	background:url(../images/dotted_line_vertical.gif) left top repeat-y ;
	width:2px;
	
	}

.morePageLinks li a.selected {
	color: #cc3366 !important;
}
.dottedLineBottom{
	background: url(../images/dotted_line_horizontal.gif) left bottom repeat-x !important;
}
.dottedLineTop{
	background: url(../images/dotted_line_horizontal.gif) left top repeat-x !important;
}
.dottedLineRight{
	background: url(../images/dotted_line_vertical.gif) right top repeat-y !important;
}
.dottedLineLeft
{
	background:transparent url(../images/dotted_line_vertical.gif) repeat-y left top !important;
}


/*------For My Profile--------*/
.delSpaceProfile{line-height:15px !important;
		vertical-align:top !important;
		padding:3px 3px 3px 12px !important;
		text-align:left !important;}

/* class added on 29July2008 */
.delSpaceProfileNew{line-height:15px !important;
		vertical-align:middle !important;
		padding:3px 3px 3px 50px !important;
		text-align:left !important;}
		
/* class added on 29July2008 */		
.tableStyleDeliveryD
{	
	border:1px solid #d0d0d0;
	border-bottom:0px;	
	background-color:#f7f7f7;
	font-weight:bold;
	padding:0px ;
	margin:0px;	
	 }
/* class added on 29July2008 */	 
.tableStyle caption
{	border:1px solid #d0d0d0;
	border-bottom:0px;	
	background-color:#f7f7f7;
	padding:0px;
	margin:0px;
	font-weight:bold;
	 }

.tableStyleProfile caption
{	border:1px solid #d0d0d0;
	border-bottom:0px;	
	background-color:#f7f7f7;
	padding:0px;
	margin:0px;
	font-weight:bold;
	 }
		
.gridSpace{
	float:left;
	margin:6px;
	line-height:16px;		
}

.padding{
	padding-left:5px;
}

.delSpaceCenter
{		line-height:15px !important;	
		vertical-align:top !important;
		padding:3px 6px 3px 12px !important;
		margin:0;		
		text-align:center !important;}

.calAreashortcode {
	line-height:0px;
}


/*  ####### new Class Added 28 July 2008*/
.imageDisplay{ min-height:200px; min-width:200px;} /* fix for image display on tile page IF IMAGE IS NOT THERE*/

.promoContrent
{
	color:#ccc;
	float:right;
	padding:13px 0px 25px 0px;
	height:20px;

}  


/* Classes Added For HTML Editor Dropdown 29 July 2008 */

/* Blue Title */
.editorTitleBlue{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:17px;
	font-style:italic;
	color:#6699cc;    
}

/* Grey Title */
.editorTitleGrey{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:17px;
	font-style:italic;
	color:#666666;  
}

/* Pink Text */
.editorTxtPink{
	color:#CC3366;
	font-size:11px;
	font-weight:bold;
}

/* Email 
a.dwnBroLink {
	text-decoration:underline;
	color:#6699CC;
}*/

.editorH1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}

.editorH2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}

.editorH3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

.editorNormal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}


.editorShowNext a
{
	background:url(../images/next1.gif) right top no-repeat; 
	padding:0px 20px 2px 0px; 
	color:#636563; 
	font-size:13px;
	/*display:block; 
	clear:both;
	font-weight:bold;*/
}

/* added new class on 30July2008 */
.ttlBlueLinkNew {
	float:right;
	text-align:right;
	padding: 8px 15px 4px 0px;	
	
}

.ttlBlueLinkNew a {
	background:url(../images/ico_print.gif) no-repeat right top;
	text-decoration:none;
	color:#666666;
	text-align:right;
	padding: 0px 15px 2px 0px;
}



/* Editor classes End */


.siteMap{ padding: 14px 0px;}
.siteMap ul{ margin:0px; padding:0px; margin-bottom:15px;}
.siteMap ul li{ padding-left:12px; list-style:none;}
.siteMap ul li ul{ padding:5px 0px 0px 0px;}
.siteMap ul li a{ color:#6699cc; font-size:12px;}
.siteMap ul ul li a{color:#666666;	font-size:11px; padding:2px; line-height:15px;}



/*Styles For Product Showcase Page Aug 07 2008 Starts here*/

.middleContents{
	padding:13px 15px;
}
.contentProdShowcase{ 
	background:url(../images/dotted_line_horizontal.gif) left bottom repeat-x;
	padding:8px 0px 12px 0px;
	clear:both;
}
.prodShowcaseDescription{
	padding:0px 0px 10px 15px; width:300px;
}
.prodShowcaseDescription p{ margin:0px; padding:0px 0px 10px 0px;}

.showCaseAreaOne{ 
	width:288px;
	padding:0px 20px 15px 0px;
	background:url(../images/dotted_line_vertical.gif) right top repeat-y;
	vertical-align:top;
}
.showCaseAreaTwo{
	width:312px;
	padding:0px 20px 15px 20px;
	background:url(../images/dotted_line_vertical.gif) right top repeat-y;
	vertical-align:top;	
}
.showCaseAreaThree{
	width:100%;
	padding:0px 0px 15px 20px;
	vertical-align:top;	
}

.associatedTiles{ float:left; width: 600px; }
.sizeChart{
	width:250px;
	float:left;
}
.sizeChart table{ background-color:#d0d0d0;}
.sizeChart table td{ background-color:#f7f7f7; padding:5px 8px;}
.artCreamics p{ padding:0px 0px 10px; margin:0px;}

/*Styles For Product Showcase Page Aug 07 2008 Ends here*/

.ttlGrey{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16PX;
	font-style:italic;
	color:#666666;
}

/* New class added */

.orderSampleN {
	color:#666666 !important;
	background:url(../images/img_ordersample.png) 100% 2px no-repeat;
	background-position:right;
	padding:2px 20px 5px 2px;
	text-decoration:none;	
	font-size:13px;		
}
.addtoBasketN{
	color:#CC3366;
	background:url(../images/img_addtobasket.png) 100% 2px no-repeat;
	background-position:right;
	padding:2px 20px 5px 2px;
	text-decoration:none;	
	font-size:13px;
}

.linkShowMoreForBasket{
	color:#CC3366;
	background:url(../images/img_addtobasket.png) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
	font-size:13px;
}
.linkShowMoreForSample{
	color:#666;
	background:url(../images/img_ordersample.png) 100% 3px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;
	font-size:13px;
}
/* New class added on 24Oct08 */
.showValueN
{
	/*width:100px !important;*/
	float:left; 
	font-size:11px; 
	
	*padding:0px 0px 5px 10px; 
	padding:0px 0px 3px 10px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#cc3467; 
	height:15px;
	
}
.lblwidth
{	
	width:76px;
	text-align:center;
	margin:0px;
	padding:0px;
	float:left;
}


.linkComBack {
	color:#666666;
	background:url(../images/prev1.gif) 100% 2px no-repeat;
	padding:2px 17px 5px 0px;
	text-decoration:none;	
	font-size:13px;
}


.nextheader
{
    width: 960px;
    height: 73px;
    background-image: url(../images/next_header_background.jpg);
    background-repeat: no-repeat;
    position: relative;
}

.nextheader .jtlogo
{
    position: absolute;
    left: 10px;
    top: 10px;
    border: none;
}

.nextheader .nextlogo
{
    position: absolute;
    left: 340px;
    top: 26px;
    border: none;
    width: auto;
}

.nextheader .basket
{
    position: absolute;
    right:20px;
    top: 23px;
    padding-left: 28px;
    background-image: url(../images/img_basket.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.nextheader .basket a
{
    text-transform: uppercase;
    color: #ffffff !important;
    font-size: 9px;
    background-image:url(../images/img_circle_arrow.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding:2px 19px 0 0;
    display: block;
}