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


#canvas {position:relative; padding:0; font-family:"Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:9px; width:972px; height: 710px; margin-left:auto; margin-right:auto; overflow: hidden; margin-top:-9px; .margin-top:-16px;}

h2 {font-weight: normal; letter-spacing: 5px;}
h3 {font-weight: normal; letter-spacing: 5px;}
p {line-height: 18px;}
a { color:#1A1A1A; text-decoration:none; outline: none; }
img	{ border:none; outline: none; }
img, div { behavior: url("/onlinecatalog/kitchensinks/castiron/css/iepngfix.htc") }

#logo                           { width:100%; height:auto; float:left;}
#logo h1                    { padding:0; margin:0; }
#logo h1 img                { display:block;}
#logo               { width:auto; height:auto; margin:0; padding:0; position:absolute; top:-7px; left:-21px; z-index:5; font-size:10px; line-height:16px; } 


#mainborder {border: 1px solid #C8C8C8; width:970px; height: 666px; background-image: url("/onlinecatalog/kitchensinks/castiron/images/temp_background.jpg"); background-repeat:no-repeat;}
#mainborderhome {border: 1px solid #C8C8C8; width:970px; height: 640px; background-image: url("/onlinecatalog/kitchensinks/castiron/images/temp_background.jpg"); background-repeat:no-repeat;}

#main { position:relative; top:5px; left:5px; width:960px; height:617px; }
#mainhome { position:relative; top:5px; left:5px; width:960px; height: 594px; }

#flashcontent { margin:0; padding:0; float:left; width:960px; height:429px; background:#1A1A1A; position:absolute; top:56px; left:0px; }
#noflashlink { top:130px; left:320px; background-image: url("/onlinecatalog/kitchensinks/castiron/images/spacer.gif"); background-repeat:repeat; display:block; width:270px; height:170px; padding:0px; margin:0px; z-index: 5; position:absolute;}

/*Block Menu Navigation*/
.solidblockmenu{ margin: 0; padding: 0; float: left; width: 960px; height: 55px; overflow: hidden; margin-bottom: 1em; background: #1A1A1A; line-height: 65px; }
.solidblockmenu li { display: inline; font-size:11px;}
.solidblockmenu li a{ float: left; color:#767676; text-decoration: none; }
.solidblockmenu li a.selected {	color:#ffffff; background: url("/onlinecatalog/kitchensinks/castiron/images/underline.gif"); background-repeat: repeat-x 0 0;}

.solidblockmenu li a:hover{ color:#FFFFFF; }
#hybridblockmenu { position:absolute; top:0px; left:0px; font-size:10px;}
#hybridblockmenu li a{ padding: 6px 8px; border-left: 14px solid #1A1A1A; border-right: 14px solid #1A1A1A; }
#htmlblockmenu { position:absolute; top:350px; left:0px; font-size:10px;}
#htmlblockmenu li a{ padding: 6px 38px; border-left: 32px solid #1A1A1A; border-right: 32px solid #1A1A1A; }

.iconsmall
{
	background-image: url("/onlinecatalog/kitchensinks/castiron/images/homepage_3boxes/tv_icon_small.png"); background-repeat:no-repeat;
	background-position:202px 21px;
}

.iconsmall:hover
{
	background-image: url("/onlinecatalog/kitchensinks/castiron/images/homepage_3boxes/tv_icon_small_over.png"); background-repeat:no-repeat;
	
}

/*Hybrid Tabs*/
.tabhybridcontainer {position:absolute; top:486px; left:0px;  }
.tabhybridcontainer a {color:#8D8D8D;}
.tabhybridcontainer a:hover {color:#FFFFFF;}
.bottomtabhybrid { margin:0; padding:0; width:240px; height:144px; float:left; cursor:pointer;  background-color:#1A1A1A; }
.tvtabhybrid {margin:0; padding:0; width:108px; height:144px; float:left; cursor:pointer; background:#1A1A1A; font-size:9px; }
.tabcopy { position:absolute; top:10px; left:20px; width:230px; height:30px; }
.tabcopy .nochange {color:#8D8D8D;}
.bottomtabhybrid h3 { color:#FFFFFF; font-size:20px; margin:0; position:relative; top:00px; left:00px; letter-spacing: normal;  }
.bottomtabhybrid p { font-size:9px; margin:0; position:relative; top:-2px; left:05px; width:100px;}
.tvtabcopy { position:absolute; top:10px; left:30px; width:100px; height:10px; }
.tvtabcopy h3 { color:#FFFFFF; font-size:20px; margin:0; position:relative; top:00px; left:00px; letter-spacing: normal; }
.tvtabcopy p { width: 80px; font-size:11px; margin:0; position:relative; top:0px; left:-18px; text-align: center;  line-height: 12px;}
.chevronclick { position:absolute; top:33px; left:180px; width:100px; height:10px; }
.chevronclick img {	display:block; padding:0; margin:0; float:left;  width:auto;}
.chevronclick p {	position:relative; top:-4px; left:4px; font-size:9px;  margin:0; width:50px;}
.tabhybridimage { position:absolute; top:53px; left:5px; }
.tvtabhybridimage { position:absolute;top:76px;left:31px;width:auto;height:auto;}
.tabhybridimage img { display:block; }
#kitchentab {position:absolute; 0px;}
#entertainmenttab {position:absolute; left:240px; }
#utilitytab {position:absolute; left:480px; }
#tvtab {position:absolute; left:720px; }

/*HTML Main*/
.htmlcontentname { color:#1A1A1A; }
.htmlcontentname h2 { font-size: 40px; margin:0; position:relative; top:0px; left:0px; float:left; }
.htmlcontentname p { font-size: 12px; margin:0; position:relative; top:6px; left:4px;}
.htmlcontentname h3 { font-size:12px; margin:0; position:absolute; top:44px; left:5px; letter-spacing: 1.5px;}
#tandemname { position:absolute; top:16px; left:751px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#riverfallsname { position:absolute; top:239px; left:688px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#glenfallsname { position:absolute; top:239px; left:702px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#parkfallsname { position:absolute; top:201px; left:702px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#harborviewname { position:absolute; top:241px; left:677px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#bayviewname { position:absolute; top:226px; left:745px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#oceanviewname { position:absolute; top:16px; left:687px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#cordialname { position:absolute; top:19px; left:760px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#fetename { position:absolute; top:16px; left:820px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#bordelaisename { position:absolute; top:249px; left:684px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#napaname { position:absolute; top:204px; left:804px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#entertainername { position:absolute; top:119px; left:673px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#aperitifname { position:absolute; top:79px; left:756px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#northlandname { position:absolute; top:249px; left:705px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#portofinoname { position:absolute; top:89px; left:688px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#sorbetname { position:absolute; top:79px; left:772px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#addisonname { position:absolute; top:16px; left:743px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#singlebasinname { position:absolute; top:43px; left:636px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#doublebasinname { position:absolute; top:293px; left:563px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#triplebasinname { position:absolute; top:293px; left:590px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#apronfrontname { position:absolute; top:293px; left:517px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#smartdividename { position:absolute; top:293px; left:543px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }
#undercountername { position:absolute; top:293px; left:582px; margin:0; padding:0; width:300px; height:200px; float:left; color:#1A1A1A; }
#selfrimmingname { position:absolute; top:293px; left:578px; margin:0; padding:0; width:300px; height:200px; float:left; color:#FFFFFF; }


/*Collapsible Menu*/
.htmlcontentdesc { z-index:5; color:#FFFFFF; position:absolute; top:47px; left:794px; width:166px; height:250px;}
.htmlcontentdesc ol {font-size: 10px; list-style:none; letter-spacing: 1px; line-height:13px; margin:0; padding:0px 8px 4px 8px;  position:absolute; top:4px; left:0px;}
.htmlcontentdesc ol li { margin-bottom: 8px;}
.htmlcontentdesc ol li a {color:#97BFE0; text-decoration:underline;}
.htmlcontentdesc ol li a:hover {color:#767676;}
.descdata {overflow:hidden;color:#CCCCCC;  position:absolute; margin:0px; padding:0px; top:26px; left:00px; width:100%; height:220px; background-color:#1A1A1A;}
.descdatatitle {width:100%; height: 26px; cursor:pointer; color:#FFFFFF; background-color:#1A1A1A;font-size:16px; margin:0px; padding:0px; left:0px; top: 0px; position:absolute; float:left;}
.descdatatitle p {margin:0px; padding:0px; left:5px; top: 4px; position:absolute; float:left;}
#smartdividedropcap1 {margin:0px; padding:0px; left:110px; top: 7px; position:absolute; font-size:9px;}
#decdatatitleimg {margin:0px; padding:0px; left: 152px; top:9px; position:absolute; }

/*HTML Main Links*/
.htmlcontent .htmlcontentlinks { margin:0; padding:0; width:220px; height:10px; cursor: pointer;}
.htmlcontent .htmlcontentlinks p {margin:0; padding:0; position:relative; top: -5px; left: 5px; font-size: 9px;}
.htmlcontent .htmlcontentlinks img {display:block padding:0; margin:0; float:left; }
.htmlcontentlinks a {color:#FFFFFF; }
.htmlcontentlinks a:hover {color:#1A1A1A; }
.htmlcontent #singlebasinlink1 a {color:#1A1A1A; }
.htmlcontent #singlebasinlink1 a:hover {color:#767676; }
.htmlcontent #singlebasinlink1 { position:absolute; top:308px; left:790px; float:left;}
.htmlcontent #singlebasinlink2 a {color:#1A1A1A; }
.htmlcontent #singlebasinlink2 a:hover {color:#767676; }
.htmlcontent #singlebasinlink2 { position:absolute; top:328px; left:790px; float:left;}
.htmlcontent #doublebasinlink1 a:hover {color:#767676; }
.htmlcontent #doublebasinlink1 { position:absolute; top:308px; left:790px; float:left;}
.htmlcontent #doublebasinlink2 a:hover {color:#767676; }
.htmlcontent #doublebasinlink2 { position:absolute; top:328px; left:790px; float:left;}
.htmlcontent #triplebasinlink1 { position:absolute; top:308px; left:790px; float:left;}
.htmlcontent #triplebasinlink2 { position:absolute; top:328px; left:790px; float:left;}
.htmlcontent #apronfrontlink1 { position:absolute; top:308px; left:790px; float:left;}
.htmlcontent #apronfrontlink1 a {color:#1A1A1A; }
.htmlcontent #apronfrontlink1 a:hover {color:#FFFFFF; }
.htmlcontent #apronfrontlink2 { position:absolute; top:328px; left:790px; float:left;}
.htmlcontent #apronfrontlink2 a {color:#1A1A1A; }
.htmlcontent #apronfrontlink2 a:hover {color:#FFFFFF; }
.htmlcontent #smartdividelink1 { position:absolute; top:308px; left:770px; float:left;}
.htmlcontent #smartdividelink2 { position:absolute; top:328px; left:770px; float:left;}
.htmlcontent #undercounterlink1 { position:absolute; top:308px; left:790px; float:left;}
.htmlcontent #undercounterlink1 a {color:#1A1A1A; }
.htmlcontent #undercounterlink1 a:hover {color:#FFFFFF; }
.htmlcontent #undercounterlink2 { position:absolute; top:328px; left:790px; float:left;}
.htmlcontent #undercounterlink2 a {color:#1A1A1A; }
.htmlcontent #undercounterlink2 a:hover {color:#FFFFFF; }
.htmlcontent #selfrimminglink1 a:hover {color:#767676; }
.htmlcontent #selfrimminglink1 { position:absolute; top:308px; left:790px; float:left;}
.htmlcontent #selfrimminglink2 a:hover {color:#767676; }
.htmlcontent #selfrimminglink2 { position:absolute; top:328px; left:790px; float:left;}

.htmlcontent #tandemlink1 { position:relative; top:31px; left:58px; float:left;}
.htmlcontent #riverfallslink1 { position:relative; top:35px; left:98px; float:left;}
.htmlcontent #glenfallslink1 { position:relative; top:35px; left:128px; float:left;}
.htmlcontent #parkfallslink1 { position:relative; top:35px; left:84px; float:left;}
.htmlcontent #parkfallslink1 a:hover {color:#767676; }
.htmlcontent #harborviewlink1 { position:relative; top:26px; left:138px; float:left;}
.htmlcontent #harborviewlink1 a:hover {color:#767676; }
.htmlcontent #bayviewlink1 { position:relative; top:41px; left:68px; float:left;}
.htmlcontent #bayviewlink1 a:hover {color:#767676; }
.htmlcontent #oceanviewlink1 { position:relative; top:41px; left:118px; float:left;}

.htmlcontent #cordiallink1 { position:relative; top:41px; left:58px; float:left;}
.htmlcontent #cordiallink1 a:hover {color:#767676; }
.htmlcontent #fetelink1 { position:relative; top:32px; left:13px; float:left;}
.htmlcontent #fetelink1 a:hover {color:#767676; }
.htmlcontent #bordelaiselink1 { position:relative; top:26px; left:128px; float:left;}
.htmlcontent #napalink1 { position:relative; top:41px; left:-19px; float:left;}
.htmlcontent #napalink1 a {color:#1A1A1A; }
.htmlcontent #napalink1 a:hover {color:#767676; }
.htmlcontent #entertainerlink1 { position:relative; top:41px; left:78px; float:left;}
.htmlcontent #aperitiflink1 { position:relative; top:41px; left:58px; float:left;}
.htmlcontent #aperitiflink1 a {color:#1A1A1A; }
.htmlcontent #aperitiflink1 a:hover {color:#767676; }
.htmlcontent #northlandlink1 { position:relative; top:26px; left:56px; float:left;}
.htmlcontent #northlandlink1 a:hover {color:#767676; }
.htmlcontent #portofinolink1 { position:relative; top:41px; left:46px; float:left;}
.htmlcontent #portofinolink1 a {color:#1A1A1A; }
.htmlcontent #portofinolink1 a:hover {color:#767676; }
.htmlcontent #sorbetlink1 { position:relative; top:41px; left:58px; float:left;}
.htmlcontent #sorbetlink1 a {color:#1A1A1A; }
.htmlcontent #sorbetlink1 a:hover {color:#767676; }
.htmlcontent #addisonlink1 { position:relative; top:41px; left:58px; float:left;}



/*HTML Description*/
.htmldescription {position:absolute; top:406px; left:0px  margin:0; padding:0; width:720px; height:150px; float:left; color:#1A1A1A; }
.htmldescription h2 { font-size:30px; margin:0; position:relative; top:24px; left:20px; float:left; }
.htmldescription h3 { font-size:16px; margin:0; position:relative; top:37px; left:28px; }
.htmldescription p { font-size:11px; letter-spacing: 1.5px; margin:0; position:absolute; top:65px; left:21px; width:640px;}
.htmldescription img {display:block padding:0; margin:0; float:left; }
.htmldescription .htmldesclinks { margin:0; padding:0; width:260px; height:10px; cursor: pointer; }
.htmldescription .htmldesclinks p { position:relative; top: -5px; left: 5px; font-size: 9px; width:248px; cursor: pointer; }
.htmldescription a:hover {color:#767676; }
.htmldescription #htmldesclink1 { position:absolute; top:72px; left:692px; float:left; }
.htmldescription #htmldesclink2 { position:absolute; top:92px; left:692px; float:left; }

/*HTML Tabs*/
.htmltabcontainerouter { position:absolute; top:557px; left:0px; height:98px; width:959px; overflow:hidden;}
.htmltabcontainer { position:absolute; top:0px;}
#scrolled_left { left:1px; } 
#scrolled_right { left:-822px; }
.htmltabcontainer a {color:#8D8D8D;}
.htmltabcontainer a:hover {color:#FFFFFF; }
.htmltabcontainer p.selected {color:#FFFFFF; }
.htmltabs {margin:0; padding:0; width:136px; height:98px; float:left; cursor:pointer; background:#1A1A1A; font-size:9px; }
.htmltabsimage { position:absolute; top:5px; left:5px; width:auto height:auto;}
.htmlchevronclick { position:absolute; top:83px; left:10px; height:10px; }
.htmlchevronclick img {	display:block; padding:0; margin:0; float:left; width:auto; height:auto;}
.htmlchevronclick p { position:relative; top: -5px; left: 5px; margin:0; width:114px;}
#htmltab1 {position:relative; left:0px; }
#htmltab2 {position:absolute; left:137px; }
#htmltab3 {position:absolute; left:274px; }
#htmltab4 {position:absolute; left:411px; }
#htmltab5 {position:absolute; left:548px; }
#htmltab6 {position:absolute; left:685px; }
#htmltab7 {position:absolute; left:822px; }
#htmltab8 {position:absolute; left:959px; }
#htmltab9 {position:absolute; left:1096px; }
#htmltab10 {position:absolute; left:1233px; }
#htmltab11 {position:absolute; left:1370px; }

/*Footer Menu*/
.footermenu { position:absolute; top:680px; left:88px; padding: 0px; margin: 0px;}
.footermenu li { display: inline;}
.footermenu li a{ float: left; color:#767676; text-decoration: none; padding: 4px 30px; }
.footermenu li a:hover{ color:#1A1A1A; }
#footermenuhome {top:650px; left:88px;}

/*Compare Popup */
.compare {padding:0; "Helvetica Neue Light", "Arial Narrow", Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; position:absolute; top:1px; left:1px; z-index:10; margin:0px; background-color:#FFFFFF; width:970px; height:627px;}
.compare .close-x {position:absolute; top:22px; left:942px; padding: 4px;}
.comparename {position:absolute; top:8px; left:50px; color:#1A1A1A; width:860px;}
.comparename h2 { font-size:18px; margin:0; position:relative; top:12px; left:0px; float:left;  }
.comparename #dropcap { font-size:10px; margin:0; position:relative; top:18px; left:-1px; float:left;  }
.comparename h3 { font-size:14px; letter-spacing: 1px; margin:0; position:relative; top:16px; left:5px; float:left;}
.comparename p { font-size:9px; margin:0; position:relative; top:17px; left:20px; }
.comparemenu {position:absolute; top:64px; left:0px; height:20px; width:100%; background-color:#1A1A1A; color:#8D8D8D; } 
.comparemenu p {margin:0px; padding:0px; line-height:normal;}
.comparemenu div { top:2px; }
.col1{ position:absolute; left:100px; }
.col2{ position:absolute; left:250px; width:198px;}
.col3{ position:absolute; left:450px; width:206px;}
.col4{ position:absolute; left:670px; width:206px;}
.comparerow { color:#1A1A1A; height:90px;}
.comparerow p {margin:0px; padding:0px; line-height: 16px;}
.comparerow .col1 {margin:0; padding:0; width:136px; height:88px; float:left; background:#1A1A1A; font-size:9px; }
.comparerow img { position:absolute; top:5px; left:5px; width:auto height:auto;}
.comparerow .comparechevron {position:absolute; top:72px; left:5px; }
.comparerow .grey_spacer {position:absolute; top:89px; left: 245px; background-repeat:repeat-x; background:#DDDDDD; width:631px; height:1px; overflow:hidden;}
.comparerow .col1 p {position:absolute; top:68px; left:20px; }
.comparerow a { color:#97BFE0; }
.comparerow a:hover { color:#FFFFFF; }
.comparerow .col2{ position:absolute; left:250px;}
.comparerow .col3{ position:absolute; left:450px;}
.comparerow .col4{ position:absolute; left:670px; }
#comparerow1 { position:absolute; top:86px;}
#comparerow2 .col1 p {color:#8D8D8D; }
#comparerow2 { position:absolute; top:176px;}
#comparerow3 { position:absolute; top:266px;}
#comparerow4 { position:absolute; top:356px;}
#comparerow5 { position:absolute; top:446px;}
#comparerow6 { position:absolute; top:536px;}


/* Kitchen Video Overlay */
.kitchenvideooverlay {padding:0px; "Helvetica Neue Light", "Arial Narrow", Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; position:absolute; top:132px; left:1000px; z-index:10; margin:0px; background-color:#1A1A1A; color:#8D8D8D; width:545px; height:370px;}
.kitchenplayer {position:absolute; top:0px; left:0px; margin:0px; padding:0px;}

/* Commercial Video Overlay */
.commercialvideooverlay {padding:0px; "Helvetica Neue Light", "Arial Narrow", Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; position:absolute; top:100px; left:974px; z-index:10; margin:0px; background-color:#232323; color:#8D8D8D; width:530px; height:360px;}
.commercialvideooverlay .commercialplayerexit {position:absolute; top:5px; left:518px; margin:0px; padding:0px; }
.commercialvideooverlay img {margin:0px; padding:0px; position:absolute; top:0px; left:0px;}
.commercialplayer {position:absolute; top:10px; left:44px; margin:0px; padding:0px;}
.commercialplayer1 {position:absolute; top:12px; left:0px; margin:0px; padding:0px;}