/* Trellicor group - Coroma website - copyright Ince January 2007 */


/* MAIN BODY */

body	{background:#FFF url(../images/main_bkr.gif); 
	color: #000;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif, Verdana;	
	margin: 0px;
	padding: 0px; 
	height: 100%;}
div#wrapper	{
		background: #000 url(../images/main_cont_bkr.gif) center; height: 100%;
		background-repeat: repeat-y; width: 740px; 
		margin: 0px auto; 
		padding: 0px 16px; }

div#main-padding	{background:#FFF url(../images/background.jpg) no-repeat top;
			 padding: 0px 0px; border-top:5px #000 solid;}		

div#top-curve {background:#FFF;}		
	
div#mainbody-home	{position: relative; top: 0px; margin: 0px 0px 0px 250px;}
div#mainbody	{position:relative; top: 5px; margin: 0px 20px 0px 210px;}
html>body div#mainbody	{position:relative; top: 17px; margin: 0px 20px 0px 210px;}

h1 {font-size: 17px; color: #000; margin-top:15px; margin-bottom:0px;}				
h2 {padding-top: 2px; letter-spacing:2px; padding-left:16px; font-size: 12px; color: #FFF; background: url(../images/h2_bg.gif) no-repeat; height:20px; text-transform: uppercase; width:250px;}	
h3 {margin-top: 0px; padding: 1px 2px 1px 10px; font-size: 12px; color: #FFF; background: url(../images/h3_bg.gif) no-repeat; height:18px; }	
h4	{font-size: 12px; color: #000; margin-left:1px; margin-top:0px; margin-bottom:12px; text-transform: uppercase;}
h4 a {color: #FFF;}
h4 a:hover {color: #000;}
h4.h4black {font-size: 12px; color: #000; margin-top:0px; margin-bottom:12px; text-transform: uppercase;}
h5	{font-size: 12px; color: #000; text-align:left; margin-top:0px; margin-bottom:10px;}
h6 {font-size:12px; color: #000; font-style:italic;}
h7	{font-size: 12px; color: #000; margin-top:0px; margin-bottom:12px; text-transform: uppercase;}

select {font-size: 11px;}
table.quotetable {font-size:11px;}

ol	{margin: 5px 0px 0px 20px; padding: 0px;}
.block li {margin-bottom: 3px; list-style-image: url(../images/sq_nav_block_header.gif);}
.dash li {list-style-image: url(../images/dash.gif);}
a {color: #000; font-weight:bold; text-decoration: underline;}
a:hover {color: #000; font-weight:bold; text-decoration: none;}

p {text-align: justify;}
.italics {font-weight:bold; font-style: italic;}
p.align {text-align: center;}
.td11 {font-size:11px;} 
input {font-family:arial; font-size:11px;}
textarea {font-family:arial; font-size:11px;}

.home-header-1 {padding-top: 1px; background: url(../images/top_left.gif) no-repeat; width:168px; font-weight:bold; color: #FFF!important; font-size:11px; text-align:center; text-transform: uppercase;}
#home-header-2 {padding-top: 1px; background: url(../images/top_middle.gif) no-repeat; width:170px; font-weight:bold; color: #FFF!important; font-size:11px; text-align:center; text-transform: uppercase;}
.top-s {padding-top: 1px!important; background: url(../images/top-s1.gif) no-repeat; width:120px; color: #FFF!important; font-weight:bold; font-size:11px; text-align:center; text-transform: uppercase;}

.header-small {letter-spacing: 1px; padding-top: 3px; padding-left:0px!important; background: url(../images/header-small.gif) no-repeat; width:166px; font-weight:bold; color: #FFF!important; font-size:11px; text-transform: uppercase;}
.header-small2 {letter-spacing: 1px; padding-top: 3px; padding-left:7px!important; background: url(../images/header-small.gif) no-repeat; width:166px; font-weight:bold; color: #FFF!important; font-size:11px; text-transform: uppercase;}
.header-smaller {letter-spacing: 1px; padding-left:0px!important; padding-top: 1px!important; background: url(../images/header-smaller.gif) no-repeat; width:120px; font-weight:bold; color: #FFF!important; font-size:11px; text-transform: uppercase;}


#h1-header {background: url(../images/top_middle.gif) no-repeat; width:170px;  color: #FFF!important; font-weight:bold; font-size:12px; text-align:center; text-transform: uppercase;}
#home-tbl {margin-top:0px;}
#home-tbl td{text-align:center; font-weight:bold; color: #000; padding-bottom: 5px;}
#product-tbl {margin-top:40px;}
#product-tbl td{text-align:center; padding: 5px 5px 5px 5px; width:120px;}
#mhouse-tbl {width:500px; background: #000;}
#select-tbl {width:500px; margin-top:40px;}

.bdr-rgt-black {border-right:1px #000 solid;}

.tech-img {border: 1px solid #000; padding: 2px; background: #FFF}
.img-border-blk {border: 1px solid #000;}

.title {font-weight:bold; text-align:left!important; padding-top:5px;}
.caption {font-size:11px; font-weight:bold;}

.flash-tbl td{margin:0px; padding:0px;}
.flash-b2 {border:2px #000 solid;}


a.borderpic img {border:1px #737373 solid;}
a.borderpic:hover img {border:1px #000 solid;}

.borderpic-wtfu {border:1px #000 solid;}

/* positions and formats the "Get quote" button */
.getquote {position:absolute; top:0px; left:425px;}
.quoteform input {font-size:10px;}

#wtfu-nav	{
	font-size: 11px;
	text-align: left;
	padding: 0px; padding-bottom: 10px; height: 17px;}
#wtfu-nav ul{margin: 0px; padding: 0px;}	
#wtfu-nav li {display: inline;}
#wtfu-nav a {padding: 0px 4px; color:#FFF;}
#wtfu-nav ul li a {text-decoration: underline; font-weight:bold; padding-right:30px;}
#wtfu-nav ul li a:hover {text-decoration: none;}
.wtfu-nav-midborder { border-left: 1px dashed #fff; padding-left:30px;}

input {font-size:11px;}

/* TOP BANNER AND TOP NAV */

#pic1 {background: #000 url(../images/banner.jpg) no-repeat 0px 0px; padding-left: 0px; position: relative; top:0px; left:0px; z-index: 1;}
#pic1 img {position: relative; top:0px; left: z-index:5;}
#banner{position:relative; top:0px;left:0px; z-index:10; border-top:5px #000 solid;}	
#top-nav	{width:740px;
	font-size: 11px;
	text-align: center;
	padding: 0px;
	background: #F7923A;
	margin-bottom: 5px; height: 17px;}
#top-nav ul{margin: 0px; padding: 0px;}	
#top-nav li {display: inline; }
#top-nav a {border-left: 1px dashed #fff; padding: 0px 40px;}
#top-nav ul li a {text-decoration: none; font-weight:bold;}
#top-nav ul li a:hover {text-decoration: underline;}
.top-nav-end { border-right: 1px dashed #fff; }
		

#search 	{font-size: 11px; position:absolute; top:0px; z-index:2;
		color: #191919; font-weight: bold;}	

html>body #search{margin-left: 335px;} 	
#search-logo	{float: right; margin: 0px; padding: 20px 20px 35px 0px;}

#search form	{margin: 0px; padding: 0px 12px 0px 0px; float: right;}
.box-bdr {border: 1px solid #000;}
#search a	{color: #000; font-weight: bold; text-decoration: none; font-size: 11px; padding:3px;}
#search a:hover {color: #FFF; font-weight:bold;}

.login {padding-right:28px;}		
.login a {background: url(../images/top_button.gif) no-repeat 105px 0px; 
	display: block;
	width: 100px;
	font-size: 10px;
	color: #000;}		

.content-tbl {background:#000;}
.content-tbl td {background: #FAC79A!important; font-size:14px;}
.transparent {background:none!important;}

.quotebutton     {color: #000; font-weight: bold; text-decoration: none; background:#FFF; font-size: 11px; border: 1px solid #000; }
a:hover.quotebutton  {color: #000; font-weight:bold;background: #FBC493; border: 1px solid #000;text-decoration: none; }





/* FOOTER */
div#bot-brands-home	{text-align: center; padding: 60px 0px 20px 250px; margin: 0px;}
div#bot-brands	{text-align: center; padding: 60px 0px 20px 180px; margin: 0px;}
div#footer	{margin:0px; background: #000 url(../images/main_cont_bkr.gif) center; width: 740px; line-height:6px;}
		
		
/* TAB MENU */

#tm ul {margin: 0px 0px 0px 16px; padding: 0;}
#tabcontentcontainer #sc2 .tabcontent #tm ul li {display: inline;}
#tm ul li {list-style-type: square; padding-bottom: 3px;}
#tm ul li a{text-decoration: none; color: #000;}
#tm ul li a:hover {text-decoration: underline; font-weight:normal;}
#tm ul li a.current {font-weight: bold;}

#ddimagetabs a{
display: block;
text-decoration: none;
font-weight: normal;
color: #FFF;
width: 100px; 
height: 35px;
float: left;
margin-left: 0px;
margin-right: 0px;
padding-top: 8px;
background:url(../images/tab_standard.gif) no-repeat;
text-align: center;}

#ddimagetabs .standard a {background:url(../images/tab_standard.gif) no-repeat; padding-top: 2px!important; width: 100px; height: 35px;}
#ddimagetabs .standard2 a {background:url(../images/tab_standard2.gif) no-repeat; padding-top: 2px!important; width: 130px; height: 35px;}

#ddimagetabs .longtabs a {background:url(../images/tab_standard_long.gif) no-repeat; padding-top: 8px; width: 165px; height: 35px;}

#ddimagetabs a:hover, #ddimagetabs a.current{cursor: arrow!important;
background-image:url(../images/tab_standard_over.gif);
color: #000; font-weight: bold; padding-top: 8px;}

#ddimagetabs .standard a:hover, #ddimagetabs .standard a.current {background:url(../images/tab_standard_over.gif) no-repeat; width:100px;}
#ddimagetabs .standard2 a:hover, #ddimagetabs .standard2 a.current {background:url(../images/tab_standard_over2.gif) no-repeat; width:130px;}
#ddimagetabs .longtabs a:hover, #ddimagetabs .longtabs a.current {background:url(../images/tab_standard_long_over.gif) no-repeat; width:165px;}

#ddimagetabs .sa a {background:url(../images/tab_standard.gif) no-repeat; padding-top: 8px; width: 100px; height: 35px;}
#ddimagetabs .sa a:hover, #ddimagetabs .sa a.current{background:url(../images/tab_standard_over.gif) no-repeat;}

#tabcontentcontainer{width:500px;}

.tabcontent{margin-top: 0px; display:none;}
.tabcontent ul li {padding-top:4px; padding-bottom: 4px;}
ul.squarelist {list-style-type:square;margin-left:20px; padding-left:0px;}
div.picfloater    {float:left; padding-right:25px;padding-bottom:10px;}
#tabmenuspacer-special {width: 450px; height:30px;}

html>body #tabmenuspacer {width: 450px; height:40px;}

/* NEW PRODUCT GALLERY */

a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:80px; height:61px; float:left; margin: 0px 0px 5px 0px; z-index:50;}

a.slidea-coroalphen {background:url(../images/coroalphen_wood1_thumb1.jpg);}
a.slideb-coroalphen {background:url(../images/coroalphen_wood_2_thumb.jpg);}

a.slidea-corofield {background:url(../images/corofield_main_thumb.jpg);}
a.slideb-corofield {background:url(../images/corofield_1_thumb.jpg);}
a.slidec-corofield {background:url(../images/corofield_2_thumb.jpg);}
a.slided-corofield {background:url(../images/corofield_4_thumb.jpg);}

a.slidea-coroview {background:url(../images/coroview_1_thumb.jpg);}
a.slideb-coroview {background:url(../images/coroview_2_thumb.jpg);}
a.slidec-coroview {background:url(../images/coroview_3_thumb.jpg);}
a.slided-coroview {background:url(../images/coroview_4_thumb.jpg);}

a.slidea-corowood-oh {background:url(../images/corowood_oh_4_thumb.jpg);}
a.slideb-corowood-oh {background:url(../images/corowood_oh_2_thumb.jpg);}
a.slidec-corowood-oh {background:url(../images/corowood_oh_3_thumb.jpg);}
a.slided-corowood-oh {background:url(../images/corowood_oh_5_thumb.jpg);}

a.slidea-corofield-steel {background:url(../images/corofield_steel_1_thumb.jpg);}
a.slideb-corofield-steel {background:url(../images/corofield_steel_2_thumb.jpg);}
a.slidec-corofield-steel {background:url(../images/corofield_steel_3_thumb.jpg);}
a.slided-corofield-steel {background:url(../images/corofield_steel_4_thumb.jpg);}

a.slidea-coroflute-steel {background:url(../images/coroflute_steel_4_thumb.jpg);}
a.slideb-coroflute-steel {background:url(../images/coroflute_steel_1_thumb.jpg);}
a.slidec-coroflute-steel {background:url(../images/coroflute_steel_2_thumb.jpg);}
a.slided-coroflute-steel {background:url(../images/coroflute_steel_5_thumb.jpg);}

a.slidea-corolux {background:url(../images/corolux_1_thumb.jpg);}
a.slideb-corolux {background:url(../images/corolux_4_thumb.jpg);}
a.slidec-corolux {background:url(../images/corolux_3_thumb.jpg);}
a.slided-corolux {background:url(../images/corolux_5_thumb.jpg);}

a.slidea-ind-coroview {background:url(../images/ind_coroview_1_thumb.jpg);}
a.slideb-ind-coroview {background:url(../images/ind_coroview_3_thumb.jpg);}
a.slidec-ind-coroview {background:url(../images/ind_coroview_4_thumb.jpg);}
a.slided-ind-coroview {background:url(../images/ind_coroview_2_thumb.jpg);}

a.slidea-ind-corosteel {background:url(../images/ind_sec_overhead_thumb.jpg);}
a.slideb-ind-corosteel {background:url(../images/ind_corosteel1_thumb.jpg);}
a.slidec-ind-corosteel {background:url(../images/ind_corosteel2_thumb.jpg);}
a.slided-ind-corosteel {background:url(../images/ind_corosteel3_thumb.jpg);}

a.slidea-coroflute-535 {background:url(../images/coroflute_535_1_thumb.jpg);}

a.slidea-coroflute-alum {background:url(../images/coroflute_alum1_thumb.jpg);}
a.slideb-coroflute-alum {background:url(../images/coroflute_alum2_thumb.jpg);}
a.slidec-coroflute-alum {background:url(../images/coroflute_alum3thumb.jpg);}




a.slidea-auto {background:url(../images/dd3_1_sml.jpg);}
a.slideb-auto {background:url(../images/dd3_2_sml.jpg);}
a.slidec-auto {background:url(../images/dd3_3_sml.jpg);}




a.slided-noimage {background:url(../images/no_image_thumb.jpg);}
a.slide-noimage {background:url(../images/no_image_thumb.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#container_right {position:relative; top:15px; z-index:1; width:500px; height:265px; background:none; margin: 1px;}
#container_right img {border:0;}
#container_right .thumbs {width:80px; position:absolute; right:2px; top:0px;}
#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:265px; top:0px; left:-416px; color:#fff;  z-index:1;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:402px; height:265px; top:0px; left:-416px; color:#000; border:1px solid #000; z-index:50;}
html>body #container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:402px; height:265px; top:0px; left:-418px; color:#000; border:1px solid #000; z-index:50;}

#container_right h1 em {font-size:0.6em; color:#000;}
#container_right .border img{border: 1px #000 solid!important;}
#tabspacer {width: 450px; height:35px;}
html>body #tabspacer {width: 450px; height:35px;}

.gallery-caption {color:#000; padding-left:2px; padding-right:20px; position: relative; top:0px; font-size: 12px; font-weight:bold; text-align:justify;}

.top-ln {border-top:1px #000 solid;}
.rgt-ln {border-right:1px #000 solid;}
.lftrgt-ln {border-left:1px #000 solid; border-right:1px #000 solid;}
.bot-ln {border-bottom:1px #000 solid;}
.toprgt-ln {border-top:1px #000 solid; border-right:1px #000 solid;}
.toplftrgt-ln {border-top:1px #000 solid; border-left:1px #000 solid; border-right:1px #000 solid;}
.botlft-ln {border-bottom:1px #000 solid; border-left:1px #000 solid;}
.botrgt-ln {border-bottom:1px #000 solid; border-right:1px #000 solid;}